body 
{background-color:#FEFFDD}

h1
{color:#FBC933;
font-size: 24pt;
font-family:Arial,Verdana;
}

h2
{color:#81ACFE;
font-size: 14pt;
text-decoration: underline;
text-align: center;
font-family:Comic Sans MS,Arial;
}

h3
{color:#FEB825;
font-size: 13pt;
font-family:Garamond, Times;
border-top: 1px solid #F4A91C; padding-top: .3em;
}
h4
{color:#515151;
font-size: 12pt;
font-family:Garamond, Times;
text-decoration:underline;
}
h6 {font-size:12pt;color:#FBC933;padding-left:15px;margin:3px;cursor: pointer; cursor: hand;}
.skryvany {display: none}
p
{color:#515151;
font-size: 12pt;
font-family:Garamond, Times;
}

.text
{color:#515151;
font-size: 12pt;
font-family:Garamond, Times;
}

a         
{color: #FE9C0A;
 font-size: 11pt; 
 font-family: Garamond, Times;
 text-decoration: underline;}
 
.male
{color: #FE9C0A;
 font-size: 11pt; 
 font-family: Garamond, Times;
 text-decoration: underline;}
 
a:visited 
{color: #FE8C25;
 font-size: 11pt; 
 font-family: Garamond, Times;
 text-decoration: underline;}
 
a:active  
{color: #FE8C25;
 font-size: 11pt; 
 font-family: Garamond, Times;
 text-decoration: underline;}
 
a:hover 
{color: #FE8618;
 text-decoration: none; 
 font-size: 11pt; 
 font-family: Garamond, Times; }
 
.main
{
background-color:#FFFF9F;
padding:15px 20px 12px 20px;
width:600px;
border:1px; border-style:solid; border-color:#FCE356;
} 
.tmave
{
background-color:#FCE356;
text-align:center;
}
.tmave1
{
background-color:#FDE977;
text-align:center;
}
.tmave_okraje
{
border:1px; border-style:solid; border-color:#FCC60C;
}

.odsazeni_doprava
{
position:relative;
left:30px;
}

.paticka
{color:#515151;
font-size: 9pt;
font-family:Times;
}

.zarovnani_doprostred
{
text-align: center;
}
.strankovani
{border-top:1px solid #F4A91C; padding-top: .3em;
border-bottom:1px solid #F4A91C; padding-bottom: .3em;}
.doprava
{
text-align: right;
}
.teckovany_okraj
{
border-style: dashed;
border-width:1px;
margin-left: auto;
 margin-right: auto;
}
#menu a
{
width:180px;
height:30px;
 font-size: 12pt;
color: #6A6A6A;
background: url("menu.jpg") ;
text-decoration: none;
}

#menu a:hover
{
background: url(menu.jpg) 0 -30px;
color: #515151;
 font-size: 12pt;
}

#menu a:active
{
background: url(menu.jpg) 0 -60px;
color: #515151;
 font-size: 12pt;
}

div.outer
{
background: url("menu.jpg") 0 -30px no-repeat;
}

div.outer a
{
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
background: url("menu.jpg")no-repeat;
}

div.outer span
{
display: block;
margin:0;
padding: 8px 25px 0 10px;
} 






.thumbnail{position: relative; z-index: 0}

.thumbnail:hover{background-color: transparent; z-index: 50; }

.thumbnail div{ 
position: absolute;  left: 25px;
 top: 25px;
background-color: #FEFFDD;
 padding: 12px;

 border: 2px solid #FDE457;
 width:400px;
 text-align: justify;
 visibility: hidden; 
text-decoration: none;
color:#515151;
font-size: 12pt;
font-family:Garamond, Times;}

.thumbnail:hover div{
visibility: visible; 
}