/* CSS Document */



*{margin: 0;
padding: 0;}

body { background-color: silver; text-align: center;  }

#podklad { position: relative; width: 1006px; top: 0px; height: 100%;
          background-color: rgb(176,198,90); background-repeat: repeat; 
          font-family:Verdana, }

ol li  { margin-left: 35px}
ul li {list-style: disc; margin-left: 15px}

td {width: 300px; height: 250px; vertical-align: top}

.nadpisH {font-weight: bold; color: black; text-align: center; font-size: 20px; }
.nadpisD {font-weight: bold; color: black; text-align: center; font-size: 16px; }
.center {text-align: center}



#hlavicka {position: absolute; width: 1000px; top: 2px; left: 2px; height: 151px; 
          background-image: url(images/hlavicka.jpg);
          background-repeat: no-repeat;}

#stred   { position: absolute; width: 700px; top: 155px; left: 150px; 
          background-color: white;  background-image: url(images/cat1.jpg);
          background-repeat:no-repeat; background-position:top right ;
          text-align: justify; font-size: 80%; padding: 0 30 0 30; }   

#streda   { position: absolute; width: 700px; top: 155px; left: 150px; 
          background-color: white;  
          text-align: justify; font-size: 80%; padding: 0 30 0 30; }   
           
#stred a:link    { color: darkgreen;  }
#stred a:visited { color: darkgreen;  }
#stred a:hover   { color: maroon; }
#stred p    {text-indent: 30px; margin-left: 0px;}

#stred1 {position: absolute; width: 850px; top: 155px; left: 150px; 
        background-color: white;  font-size: 80%;
        /*text-align: justify;  padding: 0 30 0 30;*/ }
      
#levy    { position: absolute; width: 150px; top: 155px; left: 0px; 
           color: black; font-size: 80%;  }
#levy a:link    { color: darkgreen; font-size: 12px }
#levy a:visited { color: darkgreen; font-size: 12px }
#levy a:hover   { color: maroon; font-size: 12px}

#pravy   { position: absolute; top: 155px; left: 850px; width: 150px;
           color: black; font-size: 70%; overflow: hidden;}
#pravy a:link    { color: darkgreen; font-size: 14px }
#pravy a:visited { color: darkgreen; font-size: 14px }
#pravy a:hover   { color: maroon; font-size: 14px}

#patka       { width: 100%; background-color: DimGray; color: white;  }        

#1 {position: absolute; width: 850px; top: 155px; left: 150px; 
        background-color: white;  background-repeat:no-repeat; 
        border-style: ridge; border-width: medium; 
        text-align: justify; padding: 0 30 0 30; }
        
#2  { position: relative; margin:275 0 0 -205px; width: 500px;   
        background-color: white;  background-repeat:no-repeat; 
        border-style: ridge; border-width: medium; padding: 0; }
#2 a:link { color: darkgreen;  } #2 a:visited { color: maroon;  } #2 a:hover { color: cadetblue; }

#3   { position: relative; width: 310px; top: 292px; left: 687px; height: 310px;
        background-color: white; color: black; border-style: ridge; border-width: medium; 
        font-size: 75%;text-align: center;}




/*
#levy1    { position: absolute; width: 150px; top: 290px; left: 650px; 
          background-color: white; color: black; border-style: none; border-width: medium; }
#levy1 a:link { color: maroon; font-size: 12px } #levy1 a:visited { color: maroon; font-size: 12px } #levy1 a:hover { color: navy; font-size: 12px}
#pravy1   { position: absolute; width: 310px; top: 292px; left: 687px; height: 310px;
        background-color: white; color: black; border-style: ridge; border-width: medium; }
#kratke { position: absolute; width: 310px; top: 900px; left: 687px; 
        background-color: white; color: black; border-style: ridge; border-width: medium; }
#dlouhe{ position: absolute; width: 500px; top: 292px; left: 150px; height: 442px; 
        background-color: white;  background-repeat:no-repeat; 
        border-style: ridge; border-width: medium; padding: 0 30 0 30; }
#dlouhe a:link { color: darkgreen;  } #dlouhe a:visited { color: maroon;  } #dlouhe a:hover { color: cadetblue; }
#obsah_vypisy   { position: absolute; width: 800px; height: 700px; top: 155px; left: 150px; background-image: url(images/cat3.jpg); background-position: center; background-repeat:no-repeat; border-style: ridge; border-width: medium; padding: 0 30 0 30; }*/
div          { padding: 8px; }
* {-moz-box-sizing: border-box; box-sizing: border-box;} /* pocitani marginu a paddingu jako v Exploreru */