/* CSS Document */

a:link {
     color: #FFFA73;
     font-weight: bold;
     }
     
a:visited {
     font-weight: bold;
     color: #FFFA73;
          }
          
a:hover {
       color: white;
       font-weight: bold;
       text-decoration: none;
       } 
       
a:active {
       color: white;
         }      

body     {

      text-align: center;
      font-family: Arial;
         }
        
 
#ramec  {
      width: 1010px; 
      position: relative; 
      text-align: left; 
      margin: auto
         }
         
#ramec2  {
      width: 1010px; 
      position: relative; 
      text-align: left; 
      margin: auto
         }

#levy_sloupec  { 
      width: 200px; 
      position: absolute; 
      left: 5px;
         }       
         
#stredni_sloupec  { 
      width: 580px; 
      position: absolute; 
      left: 215px;
         }   
         
#pravy_sloupec  { 
      width: 199px; 
      position: absolute; 
      left: 805px;
         }   
         
.levy_nadpis  { 
      width: 200px; 
      height: 22px;
      position: relative; 
      background-color: #3C0000;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("leva_nadpis.jpg");
      background-repeat: no-repeat;
         } 
         
.stred_nadpis  { 
      width: 580px; 
      height: 22px;
      position: relative; 
      background-color: #3C0000;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("stred_nadpis.jpg");
      background-repeat: no-repeat;
         } 
         
.pravy_nadpis  { 
      width: 199px; 
      height: 22px;
      position: relative; 
      background-color: #3C0000;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("prava_nadpis.jpg");
      background-repeat: no-repeat;
         } 
         
.levy_obsah  { 
      width: 200px; 
      position: relative; 
      background-color: #3C0000;
      text-align: left;
      color: #FFFFFF;
      font-size: 12px;
      background-image: url("leva_obsah.jpg");
      background-repeat: no-repeat;
              } 
         
.levy_obsah_konec  { 
      width: 200px; 
      height: 10px;
      position: relative; 
      background-color: #FFFFFF;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("leva_obsah_konec.jpg");
      background-repeat: no-repeat;
                    }
                    
.stredni_obsah { 
      width: 580px; 

      position: relative; 
      background-color: #3C0000;
      text-align: left;
      color: #FFFFFF;
      font-size: 12px;
      background-image: url("stredni_obsah.jpg");
      background-repeat: no-repeat;
              } 
              
.stredni_obsah_mensi  { 
      width: 560px; 
      position: relative; 
      left: 10px;
              } 
         
.stredni_obsah_konec  { 
      width: 580px; 
      height: 10px;
      position: relative; 
      background-color: #FFFFFF;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("stredni_obsah_konec.jpg");
      background-repeat: no-repeat;
                    } 
                    
.pravy_obsah  { 
      width: 199px; 
      position: relative; 
      background-color: #3C0000;
      text-align: left;
      color: #FFFFFF;
      font-size: 12px;
      background-image: url("pravy_obsah.jpg");
      background-repeat: no-repeat;
              } 
              
         
.pravy_obsah_konec  { 
      width: 199px; 
      height: 10px;
      position: relative; 
      background-color: #FFFFFF;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("pravy_obsah_konec.jpg");
      background-repeat: no-repeat;
                    }
                    
.mezera  { 
      height: 5px;
      font-size: 5px;
                    }                    
                    
#pata  { 
      width: 999px; 
      height: 42px;
      position: relative; 
      left: -210px;
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      background-image: url("pata.jpg");
      background-repeat: no-repeat;
        }
        
#administrace { 
      font-size: 10px;
      font-weight: light;
           }
           
.lastupdate {
            width: 100%;
            font-size: 10px;
            text-align: right;
            color: #754B4B;
            }
            
.ramecek{
        border: solid white 1px;
        }
        
.hlavni {
        height: 400px;
        vertical-align: top;
        }
        
.bunka {
        vertical-align: top;
       }