<style>

* {margin:0px; padding: 0px}
	
body {
      text-align: center; 
      margin: auto;
      font-family: Arial;
      font-size: 12px; 
      background-color: #EBEBEB; /*#735C4D; */  
      background-image: url("bg5.gif");        
}


#main {position: relative;
       top: 50px;
       width: 850px;
       height:510px;
       background-color: white;
        margin: auto;
       }
       
#obsah       { position: absolute; 
                width: 500px; 
                top: 30px; 
                left: 325px; 
                height: 406px;
                
               
                }
                
#patka       {  position: absolute;
               width: 850px;
               bottom: 0px;
               left: 0px;
               text-align: center;
               padding:  0px 20px 10px 40px; 
                font-variant: small-caps;
                }

#hlavicka    { position: absolute; 
                width: 850px; 
                top: -10px; 
                left: 0px; 
                height: 40px;
                text-align: left; 
                padding: 10px 20px 0px 40px; }
                
#levy        { position: absolute; 
              width: 290px; 
              top: 40px; 
              left: 35px;
              color: white; }
                        
#menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 260px;
  margin: 0px;
  background-color:#ffffff;
  }
  
#menu tr {
  list-style:none;
  width: 26px;
  margin: 0; /*nuluje odsazeni*/
  padding: 0; /*nuluje odsazeni*/
  left: 0px;
  height: 65px;
   Font-weight: normal;
     
}

#menu tr td {
   top: 0px; width: 65px; height: 65px; overflow:hidden;  }

#menu tr td a {
  display: block; 
  padding: 40px 1px 0px 5px;
  margin: 0px;
  text-decoration: none;
  vertical-align: bottom;}

#menu tr td a:hover {                 /*po prejet mysi*/
  text-decoration: none;
  padding: 40px 1px 0px 5px;
  margin: 0px;
  _width: 100%;
  _height: 100%;
  background: #890000;
  top: 0px;
  vertical-align: bottom;
   font-weight: bold;
  }          

                
h3 { color: black;
     font-size: 14px;
     letter-spacing: 2px;
     font-variant: small-caps; }
     
h3 i { font-size: 12px; letter-spacing: 1px; font-weight: normal; font-variant:normal;}
                
#hlavicka h3     {  font-size: 18px; letter-spacing: 3px; color: #624F42;}
#patka h3     { font-size: 13px; color: #7A7A7A; letter-spacing: 2px; }


#levy a:link {text-decoration: none; }

#levy a:visited { text-decoration: none;  }

#levy a:hover {  text-decoration: none; }

#levy td:hover { background-color:#890000;} 

#levy td {vertical-align: bottom; text-align: right; width: 65px; height: 65px;}

                
#hlavicka, #patka { background-color: white; 
                    color: black; 
                    border-style: none; 
                    border-width: medium; }
                    
                
table td { vertical-align: top; text-align: justify;  font-size: 13px; padding: 3px; }

.tmava a:link  {color: #735C4D; }
.tmava a:visited  {color: #735C4D; }
.tmava a:hover {color: white;}
.svetla a:link {color: white; }
.svetla a:visited {color: white; }
  
  
.svetla11 {background-image: url('pictures/11.jpg')}
.svetla11 a:link {color: white; }
.svetla11 a:visited {color: white; }

.svetla12 {background-image: url('pictures/12.jpg')}
.svetla12 a:link {color: white; }
.svetla12 a:visited {color: white; }

.svetla13 {background-image: url('pictures/13.jpg')}
.svetla13 a:link {color: white; }
.svetla13 a:visited {color: white; }

* {-moz-box-sizing: border-box; box-sizing: border-box;} /* pocitani marginu a paddingu jako v Exploreru */
</style>