 body
{

margin-top: 0px;

font-family: verdana;
text-align: center;

background-color: #78aca8;
}

   

#page

{
width: 951px;
margin-left: auto;
margin-right: auto;
text-align: left;

 
}


.hlavni
{



background: #fdd1ae;
overflow: hidden;
width: 938px;
height: 1060px;
position: absolute;
margin-top: 8px;
text-align: left;
border: 6px solid white;
}

 
.banner
{
width: 938px;
height: 230px;
position: absolute;
left: 0px;
top: 0px;
} 



.lista

{
 
width: 510px;
height: 30px; 
position: absolute;
margin-top: 230px;
margin-left: 264px;
 

background: #fdd1ae;
 font-size: 0.8em;
 
}
.levy_cestopis

{
background: #fdd1ae;
 
 text-align: left;

width: 246px;
height: 30px;
position: absolute;
top: 230px;
left: 10px;
 

}

.pravy_cestopis

{
background: #fdd1ae;
 
 text-align: left;

width: 180px;
height: 30px;
position: absolute;
top: 230px;
left: 750px;
 

}

.novinky

{
 
border: 0px solid white;

 text-align: center;

width: 468px;
height: 60px;
position: absolute;
margin-top: 265px;
margin-left: 270px;

}

.menupruh

{
background: #fdd1ae;
 
 text-align: left;

width: 220px;
height: 400px;
position: absolute;
top: 265px;
left: 10px;
  font-color: #78aca8; 


}
.reklama

{
background: #fddfc7;
 border: 3px solid white;
 text-align: center;
font-color: black;
width: 172px;
height: 570px;
position: absolute;
top: 265px;
left: 750px;
 

}

.pocitadlo

{
background: #fddfc7;
 border: 3px solid white;
 text-align: center;
font-color: black;
width: 172px;
height:193px;
position: absolute;
top: 850px;
left: 750px;
 

}



.prostredni1

{
background: #fddfc7;
 

 text-align: left;

width: 466px;
height: 128px;
position: absolute;
margin-top: 266px;
margin-left: 270px;

}
 
.prostredni2

{
background: #fdd1ae;
 

 text-align: left;

width: 466px;
height: 200px;
position: absolute;
margin-top: 366px;
margin-left: 270px;

}

.prostredni3

{
background: #fddfc7;
 

 text-align: left;

width: 466px;
height: 100px;
position: absolute;
margin-top: 566px;
margin-left: 270px;

}
.prostredni4

{
background: #fdd1ae;
 

 text-align: left;

width: 466px;
height: 200px;
position: absolute;
margin-top: 666px;
margin-left: 270px;

}

.prostredni5

{
background:  #fdd1ae;
 

 text-align: center;

width: 466px;
height: 110px;
position: absolute;
margin-top: 960px;
margin-left: 270px;

}

.prostredni6

{
background: #fddfc7;

 text-align: left;

width: 466px;
height: 684px;
position: absolute;
margin-top: 266px;
margin-left: 270px;
 font-style: verdana;

}


td.clanek1
 {
 width: 400px;
 height: 30px;
 text-align: left;
 font-size: 0.9em;
 font-color: black;


 }

  td.clanek2
 {
 width: 50px;
 height: 30px;
 text-align: right;
 font-size: 1em;
 

 }
 
   td.clanek4
 {
 width: 450px;
 height: 15px;
 text-align: left;
 font-size: 1em;
 font-style: verdana;

 }

 
  td.clanek3
 {
 width: 500px;
 height: 100px;
 text-align: left;
 font-size: 1em;
 vertical-align: top;
 

 }
 
 

 
 
span.clanek
{
 
color: black; 
font-size: 0.8em;

}

 span.nadpis 
 {
font: bold;
color: black; 
font-size: 1em;
 
 
}
span.datum
{
 
color: black; 
font-size: 0.8em;

}

img.fotka 
{
border: 3px solid white}

.black


#navigation {background:transparent; margin:0 auto; height: 1em; background:#bbb; 
/* \*/ 
overflow: hidden; 
/* */ } 

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;  } 
#navigation li {display:block; float:left; margin:0 1px; } 
.snazzy {background:transparent;} 
.snazzy span {text-align:center; color: white; margin:0; font-weight:normal;} 

.b1, .b2, .b3, .b4 {display:block;
/* \*/ 
overflow: hidden; 
/* */ } 

.b1, .b2, .b3 {height:1px; } 
.b2, .b3, .b4 {border-left:1px solid #78aca8; border-right:1px solid #78aca8;} 
.b1 {margin:0 5px; background:#78aca8;} 
.b2 {margin:0 3px; border-width:0 2px;} 
.b3 {margin:0 2px;} 
.b4 {height:2px; margin:0 1px;}  
.boxcontent {display:block; border-left:1px solid #78aca8; border-right:1px solid #78aca8;} 

a.menu, a.menu:visited {display:block; text-decoration:none; width: 94px;} 
a.menu:hover {background:transparent; cursor:pointer;} 
a.menu:hover span {padding-top:7px; } 

.shadow {background:#78aca7;} 


 
#menu a 
{ 
display:block; 
width:180px; 
height:30px; 
color: black; 
background: #009505 0 0 no-repeat; 
text-decoration: none; 
border: 1px solid black;
margin-bottom: 5px;
margin-left: 7px; 
font-weight: bold;
text-align: center;
} 

#menu a:hover 
{ 
background: #009505 0 -32px; 
color: #ffffff; 
width: 180px;
} 

#menu a:active 
{ 
background: #009505 0 -64px; 
color: #ffffff; 
width: 180px;
font-weight: bold;
} 

div.outer 
{ 
background: #d9e2f2 0 -32px no-repeat; 
width: 180px;
 

} 

div.outer a 
{ 
display: block; 
margin: 0; 
padding:0; 
width: 100%;
 

height:100%; 
overflow:hidden; 
background: #d9e2f2 top left no-repeat; 
} 

div.outer span 
{ 
display: block; 
margin:0; 
padding: 8px 25px 0 10px; 
 

} 

 #menu1 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 0px;
	 left: 0px;
				background: url('finsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu1 a:hover {	
background: url('finsko_vlajka.gif') no-repeat 0 0;
		

		}
		
 #menu2 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 36px;
	 left: 0px;
				background: url('francie_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu2 a:hover {	
background: url('francie_vlajka.gif') no-repeat 0 0;
		

		}		
		
 #menu3 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 108px;
	 left: 0px;
	 background: url('kanada_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu3 a:hover {	
	background: url('kanada_vlajka.gif') no-repeat 0 0;
		

		}	
	 #menu9 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 180px;
	 left: 0px;
				background: url('nizozemsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu9 a:hover {	
background: url('nizozemsko_vlajka.gif') no-repeat 0 0;
		

		}	
	
 #menu4 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 216px;
	 left: 0px;
				background: url('norsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu4 a:hover {	
background: url('norsko_vlajka.gif') no-repeat 0 0;
		

		}	

 #menu5 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 360px;
	 left: 0px;
				background: url('recko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu5 a:hover {	
background: url('recko_vlajka.gif') no-repeat 0 0;
		

		}
		
 #menu6 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 432px;
	 left: 0px;
				background: url('spanelsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu6 a:hover {	
background: url('spanelsko_vlajka.gif') no-repeat 0 0;
		

		}
		
#menu7 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 468px;
	 left: 0px;
				background: url('svedsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu7 a:hover {	
background: url('svedsko_vlajka.gif') no-repeat 0 0;
		

		}
		
#menu8 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 540px;
	 left: 0px;
				background: url('britanie_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu8 a:hover {	
background: url('britanie_vlajka.gif') no-repeat 0 0;
		

		}
		#menu10 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 72px;
	 left: 0px;
				background: url('chorvatsko_vlajka.gif') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu10 a:hover {	
background: url('chorvatsko_vlajka.gif') no-repeat 0 0;
		

		}


	#menu11 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 324px;
	 left: 0px;
				background: url('rumunsko_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu11 a:hover {	
background: url('rumunsko_vlajka.jpg') no-repeat 0 0;
		

		}
	#menu12 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 504px;
	 left: 0px;
				background: url('turecko_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu12 a:hover {	
background: url('turecko_vlajka.jpg') no-repeat 0 0;
		

		}
#menu13 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 144px;
	 left: 0px;
				background: url('nemecko_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu13 a:hover {	
background: url('nemecko_vlajka.jpg') no-repeat 0 0;
		

		}
#menu14 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 252px;
	 left: 0px;
				background: url('zeland_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu14 a:hover {	
background: url('zeland_vlajka.jpg') no-repeat 0 0;
		

		}

#menu15 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 288px;
	 left: 0px;
				background: url('polsko_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu15 a:hover {	
background: url('polsko_vlajka.jpg') no-repeat 0 0;
		

		}
#menu16 a {
		display:block;
		width:240px;
		height: 24px;
		position: absolute;
	 margin-top: 396px;
	 left: 0px;
				background: url('samoa_vlajka.jpg') no-repeat 0 0;
	border: 3px solid white;
	text-decoration: none;
    font-face: verdana;
    font-color: #78aca8; 
    vertical-align: bottom;
    
		}
	#menu16 a:hover {	
background: url('samoa_vlajka.jpg') no-repeat 0 0;
		

		}

.braun