* {
  margin:0;
  padding: 0;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  margin: 0;
  background: #660000;
} 

 table,td,th {
  width: 800px ;
  height: 45px ;
  border: 1px solid black;
  border-collapse:collapse ;
  text-align: left ;
  color: black; 
}

/* ----- pro tabulku ----- */
.aktual   {
  text-align: center;
  width: 20% ;
  font-weight: bold ;
  color: red ;
} 
.mesic   {
  text-align: center;
  width: 15% ;
  font-weight: bold ;
}
.datum   {
  text-align: center;    
  width: 15% ;
  font-weight: bold ;
}

.datum-tucne   {
  text-align: center;    
  width: 15% ;
  font-weight: bold ;
  color: red ;
}
.text_modry   {
  text-align: center ;
  font-style: italic ;
  font-size: 100%  ;
  color: #191970; 
}



a {
text-decoration: underline ;
color: black;
line-height: 20px ;
font-size: 100%
}
a:link {
text-decoration: underline;
color: black;
}
a:hover { 
text-decoration: underline; 
color: red; 
}

.mail { 
font-size: 85%; 
color: black; 
}


/* ----- layout ----- */

#obal {
  width:1000px;   
  margin: 0 auto;
} 

/* ----- zahlavi ----- */
#zahlavi {
  width: 100%;
  height: 140px;
  background: #660000 url(obrazky/zahlavi.jpg);
  border: 5px double #FFFFFF;
  margin-bottom: 10px ;
} 

/* ---- záhlaví ---- */
#zahlavi a {
  display: block;
  width: 100%;
  height: 140px;
}
#zahlavi a span {
  display: none;
}

#hlavni   {
  width: 100%;

}  

#karikatura   {
  width: 1000px;
  height: 1000px;
  background: #FFEFD5 url(obrazky/opona-2019.png);
  margin-top: 55px;  
} 

#opona   {
  width: 1000px;
  height: 1000px;
  background: #FFEFD5 url(obrazky/opona.png);
  margin-top: 55px;  
}
#bezopony   {
  width: 1000px;
  height: 1000px;
  background: #660000 url(obrazky/opona2.png);
  margin-top: 55px;  
}

#obsah {
  width:800px;
  font-size: 120%;
  position: relative;
  top: 260px;
  left: 100px;
  color: black;   
  text-align: center;	
}
#text {
  width:800px;
  font-size: 100%;
  position: relative;
  top: 260px;
  left: 100px;
  color: black;   
  	
}
#obsah2 {
  width:800px;
  font-size: 100%;
  position: relative;
  top: 260px;
  left: 100px;
  color: black;   
  text-align: center;	
}
 h1 {
  font-size: 180%;
  color: #7F0000;
}    
 
#blok_stred {
  position: relative;
  top: 280px;
  left: 0px;
  color: black; 
  text-align: center;	
}
/*.sponzori  {
 font-size: 120%;
 color: #FFDAB9 ; 
 } */
.sponzori a:hover {
  color: #1E90FF;
} 
#program {
  position: relative;
  top: 220px;
  left: 200px;
  color: black; 
  text-align: left;	
}
#program a:hover {
  color: red;	
}

.fotka {
  width:150px;
  position: relative;
  float:left;
  color: #FFFFFF;   
  text-align: justify;	
  margin: 22px;
  border: 3px double #FFFFFF;
}  
        
#menu {
  width: 100%;
  float: left;
  
}
#menu ul li {
  float: left;  
  border-right: 3px double #F0A07F;
  list-style-type: none;
}
#menu a {
  display: block;
  width: 108px;
  height: 30px; 
  color:#F0A07F;
  font-weight:bold;
  text-align: center;  
 }
#menu a:hover {
  color: red;
  
 }

.navigace.akt {
  border-left: 3px double #F0A07F;
  margin: 1px;
}

.navigace {
  color:#FFFFFF;
  text-decoration: none;

}



.nav-zpet { 
 font-style: italic;
 color: #00008B;
 text-align: center;
 
 }  
.nav-zpet a:hover {
 font-style: italic;
 color: red;
 }
 .zpet { 
 font-style: italic;
 color: #A52A2A;
 text-align: center;
 }
 .zpet a:hover {
 
 font-style: italic;
 color: red;
 }
.parametry { 
  font-size: 100%;
  font-style: italic;
  color: #008080;
  text-align: center;
 
 }
.parametry a:hover {
  font-style: italic;
  color: red;
 } 
 
 .text {
  font-size: 130%;
} 

 .foto { 
 color: white;
 text-align: center;
 }  
    
.tucne  {     
    color: red;
    } 
    
.barevne  {      
    color: #0070F0;
    font-weight: bold;
    font-style: italic;
    }     
    
#zapati1    {
  position: relative;
  top: -30px;
  width: 1000px;
  text-align: center;
  
} 
   

#program_pod    {
  position: absolute;
  top: 285px;
  left: 174px;
  width: 200px;
  text-align: left;
  
}

 .vyrazne  {      
    color: #0066FF;
    font-size: 70%;
    font-weight: bold;
    font-style: italic;
    }