body	{ 
    	
	font-family: Arial, sans-serif;
    	
	font-size: 1em;  
    	
	color: #660;
      
	background-image: url(img/prechod.png);
      
	background-repeat: no-repeat; 
	    
	background-color: #FFDFBF;
      
	line-height: 175%;
	
	overflow-y: scroll;	
	
	}
    
body>div{ 
    	
	width: 800px;  
    	
	margin: 0 auto; 
   	 
	padding: 0;
      
	border:2px solid #553E1C;
	    
	background-color: white;   
	
	}


header	{
	
	background-image: url(img/head.jpg);
	
	background-repeat: no-repeat; 
	
	margin: 0;
	
	padding:0;
  	
	}


header>a {

	display: block; 
  	
	height: 190px;
  	
	color: #FFE6BF;
  	
	text-decoration: none; 
	
	font-size: 2.5em;
		
	font-weight: bold; 
	
	text-align: right; 
	
	margin: 0;
	
	padding: 20px 30px 0 0 ;

	}

header>a:hover{
	
	color: #FFE6BF;

	}



.roky	{	
	
padding: 0;
	
margin: 0 20px; 
	
}




.roky a	{
	
background-color: #553E1C;
	
color: #FFE6BF; 
	
font-size: 1.3em;
	
text-decoration: none;
	
border-right:2px solid #FFE6BF;
	
border-radius:10px 10px 0 0;
 	
padding: 4px 10px; 
	
margin: 0 2px;  
	
}
  


.roky a:hover
	{
	
text-decoration: underline;
  	
color: #FFE6BF;

}



nav {
	
background-color: #553E1C;	
	
margin: 0;
	
padding: 0px;
	
padding-bottom:5px;  
	
}

nav a	{
	
color: #FFE6BF;
	
padding: 0;
	
font-size: 1.2em;
	
margin: 0 30px; 
	
}


nav a:hover {
            
color: #FFE6BF;
            
}




body>div>div{
	
margin: 0; 
	
padding: 20px ; 

}




body>div>div img	{
	
display: block; 
	
margin: 10px auto;

}

#ucas img{
float: left;
width: 150px;

}

#mapky img{
float: left;
width: 180px;   
border: 1px solid black;
margin: 20px;
padding: 0;                           
                            }

a > img{
float: left;
width: 150px;   
border: 0;
padding: 0 20px 0 0;
margin: 0px;  }





footer p { 
  	
text-align: right; 
  	
height: 30px;
  	
background-color: #FFDFBF; 
  	
padding: 3px 5px 0 0;
  	margin: 0;
  	
border-top:2px solid #553E1C;
  	
color: #553E1C;
  	}



h1	{ 
 	
text-align: center;  
 	
color: #FFE6BF;
	
padding-top: 15px;
  	
font-size: 1.5em; 
  	
margin: 0; 
 	}  


h2, h3 	{ 
 	
text-align: center;  
 	
color: #553E1C;
	
padding-top: 10px;    	
	
} 

 
p	{  
 	
padding: 2px 0px;
	
text-align: justify;
 	
margin: 0;     

	} 


li{
	
display: inline;
	
list-style-type: none;
	}

section>ul>li{
	
display: block;
	
list-style-type: none;
	}




a	{	
	
color: #553E1C;
  
margin-left: 20px; 
  }


a:hover	{	
	
color: #553E1C;
	
text-decoration: none; 
	} 


.a{margin: 0;}




table {
      
border: 2px solid #553E1C; 
      
border-collapse: collapse;
     
 margin: auto;
      
width: 70%; 
      }


thead{
     
border-bottom: 2px solid #553E1C; 
     
text-align: center; 
     
color: #660; 
     
font-weight: bold;
     }  


th, td{
      
border: 1px solid #553E1C; 
      
padding: 5px; 
      } 


iframe{ 
	
width: 605px;
	
height: 405px; 
  	
overflow: auto;
	}


.clear{display: block; 
clear: both;}

.left{float:left}
.right{float:right}





.border{
border:2px solid #553E1C;
margin: 0 auto;
padding: 10px;  
width: 510px;
background-color: #FFDFBF;
 
text-align: center;  

}