* {margin: 0; padding: 0; }

body {	
	font-family:  Geneva, Arial, Helvetica, lucida, sans-serif; 
	background: #000 ; 
	color: #fff; 	
	font-size: 70%; 
	text-align: center; 
	line-height: 1.5; }

html>body {font-size: 75%; }
 
.noscreen   {width : 200px; position: absolute; left: 0; top: -600px; } 


#main {	width: 600px; 
	height: 930px;	 
	text-align: left; 
	margin: 0 auto;	
	z-index: 1; 	
	position: relative;	
	font-size: 100%; 	}

#head {	font-family:  Forte; 
	position:relative;  
	color: #214163; 
	background: url("horni-nadpis.jpg") no-repeat }

#hlava, #hlava a { 
	text-decoration : none; 
	text-align : left; 
	font-size: 190%;  
	font-weight: bold; 
	padding-top: 10px;  
	background: #000; 
	color : #fff ; 
	height: 80px; 
	text-align : center} 

h1, h2, h3, h4, h5 { color: #25423C; } 
h1  {	text-align : left; 
	font-size: 190%;  
	font-weight: bold; 
	padding: 10px 0 10px 0 } 


 
#obsah {	
	position : absolute; 
	top : 90px;  
	background-color: #000; 
	padding: 0; 
	margin : 0; 
	width : 770px; 
	text-align : left }

#hlavnipanel {  background : #000; margin: 0px 0px 0px 320px; padding: 0;  } 
#hlavnipanel-obsah  {color: #fff;  background : #000;    } 

#levypanel { padding: 0;   float: left; margin : 0; width : 320px; } 
#levypanel-obsah  {color: #fff;  background : #000; width : 320px;    } 



#navigation  {
	position: absolute;  
	top: 0px; 
	padding: 0;
	width: 370px; 	
	background:  #000 ; 
	height:700px; }

#navigation ul 		{padding-bottom: 20px;  width: 300px; height:300px;}
#navigation ul li	{
	display: inline; 
	margin: 0; 
	padding: 0px; 
	height:300px;}

#navigation ul li a	{   color: #000; width: 300px;   
			text-decoration: none; 	font-weight: bold;   color: #fff; 			font-size:170%; float:left;  background:  #fff;  text-align : center }

#navigation ul li a.pavel, 
#navigation ul li a.monty
	{ padding-top: 240px;  padding-bottom: 30px;  }

#navigation ul li a.danka,
#navigation ul li a.spolu	
	{ padding-top: 32px;  padding-bottom: 238px;   }


#navigation ul li a:hover  {color: #fff;}

#navigation ul li a.danka	{background: #000 url(danka.jpg) no-repeat ;	vertical-align: text-bottom}
#navigation ul li a.danka:hover {background: #000 url(danka.jpg) no-repeat right top;   }
 
#navigation ul li a.pavel {background:  #000 url(pavel.jpg) no-repeat ;} 
#navigation ul li a.pavel:hover {background: #000 url(pavel.jpg) no-repeat right top; }  

#navigation ul li a.monty {background:  #000 url(monty.jpg) no-repeat 	}
#navigation ul li a.monty:hover {background: #000 url(monty.jpg) no-repeat right top  }


#navigation ul li a.spolu {background:  #000 url(spolu.jpg) no-repeat 	}
#navigation ul li a.spolu:hover {background: #000 url(spolu.jpg) no-repeat right top }


ul li  { list-style-type: none; }


strong {font-weight : bold; } 


#novinky {   
	position: absolute;  
	padding: 10px; 
	top: 650px; 
	left: 0px;  
	text-align: left ; 
	font-size: 110%;  
	width: 600px;  } 
#novinky p { font-weight: bold; font-size: 130%; } 

#novinky, #novinky a { color : #fff; background-color: #000;    } 
#novinky a { text-decoration : underline; } 
#novinky a:hover {  color : #eee; background-color: #aaa }

#pata { width: 600px;   
	position : relative; 
	top: 790px; 
	padding: 10px; 
	text-align: center; 
	font-size: 90%;  } 
#pata, #pata a { 
	color : #fff; 
	background-color: #000 } 
#pata a { 
	text-decoration : underline; } 
#pata a:hover {  
	color : #eee; 
	background-color: #aaa } 

#ukonceni, .clearboth   { clear : both;  }