/* CSS Document */
body {
  padding: 0;
  margin: 0;  
  font: 0.72em verdana, arial, sans-serif;  
  color: #EEE;
  background: #000000;
}
div, h1, h2, p, form, label, input, textarea, img{
	margin:0; padding:0;
}

a {
  padding: 0;
  margin: 0;  
  font: verdana, arial, sans-serif;  
  color: #EEE;
  font-weight: bold;
  text-decoration:none;
    
}
a:hover {
  padding: 0;
  margin: 0;  
  font: verdana, arial, sans-serif;  
  color: #000;
  font-weight: bold;
  text-decoration:none;
    
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}


textarea {
  width: 98%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #EEE;
  background-color: #2f4f4f;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #696969;
  border: 1px solid #EEE;
}

#header_main{
	width:100%;
	margin:0 auto;
  height: 250px;
	position:relative;
	background:url(images/h_top_back.jpg) repeat-x 0 0;
}	
#header{
	width:778px;
	margin:0 auto;
  height: 250px;
	position:relative;
	background:url(images/h_top_back.jpg) repeat-x 0 0;
}	

#header a:hover{
  color:  #808080;
}
#header-img-top_l {
	width:168px;
	margin:0 auto;
	background:url(images/h_top_skola.jpg) repeat-x 0 0;
	top:0;
  left:120px;
  height:250px;
	position:absolute;
}

#header-facebook{
	width:180px;
	margin:0;
	top:150px;
  left:-60px;
  height:50px;
	position:absolute;
	
}

#header-img-top_c{
	width:170px;
	margin:0 auto;
	top:0;
  left:305px;
  height:250px;
	position:absolute;
	
}
#header-img-top_r{
	width:168px;
	margin:0 auto;
	background:url(images/h_top_ubytovani.jpg) repeat-x 0 0;
	top:0;
  left:475px;
  height:250px;
	position:absolute;
}

#body-main{
	width:100%;
	height: 360px;
  margin:0 auto;
	position:relative;
	background: #E4630E;
}
#body{
	width:778px;
	margin:0 auto;
	position:relative;
}
#body p.nadpis {
  padding: 0;
  margin: 0;  
  font: 2em verdana, arial, sans-serif;  
  color: #EEE;
  font-weight: bold;
}

/***************************************************
  footer Menu
 ***************************************************/


#footer{
	width:778px;
	margin:0 auto;
	position:relative;
}
#footer ul{
  padding:0 0 0 10px;
	position:relative;
	left:100px;
  
}
#footer ul li{
	float:left;
}
#footer ul li a{
	display:block;
	font: normal 11px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#0B0B0B;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:0 10px 20px 10px;
	height:15px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}
#footer ul li a:hover{
	background:url(images/navi_h_bg.gif) repeat-x 0 0; 
	border-left:#292929 1px solid;
	border-right:#292929 1px solid;
	height:15px; 
}
#footer ul li.home{
	display:block;
	font: normal 11px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(images/navi_h_bg.gif) repeat-x 0 0 #0B0B0B;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:0 25px 0 25px;
	height:35px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}
#footer ul li a.nobdr{
	display:block;
	font: normal 11px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#0B0B0B;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:0 25px 0 25px;
	height:20px;
	width:29px;
	border-right:none;
}
#footer ul li.nobdr a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	height:20px;
}