* {
margin: 0;
padding: 0;
}

body 
{
	margin : 0 auto;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	color:#302f2f;
	font-size:90%;
	background:#4c4c70 url('images/bg.gif') repeat-x top left;
}

a, a:visited
{
	text-decoration:underline;
	color:#E64104;
}	

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

h2
{
	
	font-size:110%;
	margin:15px 0;
	padding:0;
}
	


#obal
{
	width:960px;
	margin:0 auto;
}	

#top
{
  background:transparent url('images/top.gif') no-repeat top left;
  height:8px;
  font-size:0;
  margin-top:20px;
  padding:0;  
}

#header
{
  float:left;
  padding:0;
  font-size:0;
}

#obsah ul
{
	margin-left:18px;
}

#obsah ul li
{
	margin:7px 0;
}		



#header_left {color:#99CC00; float:left;position: relative; width: 204px; height: 240px;  padding:0px; overflow: hidden; font-size: small;}

#header_left span {position: absolute; top: 0; left: 0; width: 204px; height: 240px; background: #3c3b3b url('images/header_left.jpg') no-repeat; cursor: pointer; visibility: visible;z-index:1;}

#header_right
{
  float:left;
  background:#3c3b3b url('images/header_right.jpg') top left;
  width:756px;
  height:240px;
}

#vnitrek
{
  background:#fff;
  width:100%;
  float:left;
}

#menu
{
	width:943px;
	text-align:left;
	background:#F67501  url('images/bg_a.gif') repeat-x top left;
	color:#fff;
	font-size:90%;
  	font-weight:bold;
	float:left;
	margin:0 7px 0 8px;
	border-top:1px solid #fff;
	
}	

#menu ul
{
	width:auto;
	
}	

#menu ul li
{
	list-style:none;
	float:left;
	display: inline; 

}

#menu ul li a 
{
	text-decoration: none;
	color:#fff;
	display:block;
	padding:8px 21px;
	margin:0px 0px 0 0px;
	font-size:110%;
	background:#F67501  url('images/bg_a.gif') repeat-x top left;
	
}
#menu ul li  a:visited 
{
	text-decoration: none;
	margin:0px 0px 0 0px;
}
				
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus
{
	color: #fff;
	text-decoration:none;
	margin:0;
	background:#E7481E  url('images/bg_ahover.gif') repeat-x top left;
}





#menu ul li#oznaceny
{
	list-style:none;
	float:left;
	display: inline; 

}
				
#menu ul li#oznaceny  a:visited ,#menu ul li#oznaceny a,#menu ul li#oznaceny a:hover, #menu ul li#oznaceny a:active, #menu ul li#oznaceny a:focus
{
	color: #fff;
	text-decoration:none;
	margin:0;
	background:#E7481E  url('images/bg_ahover.gif') repeat-x top left;
}

#navigace
{
  background:#f3f3f3;
  color:#686767;
  font-size:80%;
  width:auto;
  margin:33px 9px 20px 8px;
  text-align:left;
  padding:8px 21px
}

#navigace span
{
  font-weight:bold;
}

#navigace a, #navigace a:visited
{
  color:#686767;
  text-decoration:underline;  
}

#navigace a:hover
{
  color:#e64104;
  text-decoration:none;  
}

#obsah
{
  background:#fff;
  padding:0px 0px 40px 28px;
  text-align:left;
  float:left;
  width:932px;
}

.left_big
{
  float:left;
  width:60%;
  margin-right:40px;
  
}

.right_small
{
  float:left;
  width:35%;
}

.left
{
  float:left;
  width:541px;
  margin-right:40px;
  
}

.left_top
{
	background:transparent url('images/left_top.gif') no-repeat top left;
	font-size:0;
	height:7px;
	width:541px;
	padding:0;
	margin:0;
	position:relative;
	top:10px;

}

.left_bottom
{
	background:transparent url('images/left_bottom.gif') no-repeat bottom left;
	font-size:0;
	height:7px;
	width:541px;
	padding:0;
	margin:-3px 0 0 0;	
}



.left_inside
{
	background:#F8F8F8;
	margin:0;
	padding:0;
	
}

.inside
{
	margin:3px 10px;	
}	

.insidetermin ul
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:150%;
		
}

.insidetermin ul#dokumenty
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:120%;
	position:relative;
	left:185px;
	top:-27px;	
}	

.insidetermin ul li span
{
	font-weight:bold;	
}

.right
{
  float:left;
  width:320px;
  margin-top:12px;
}

.right a, .right a:visited
{
	text-decoration:underline;
	color:#639DC5;
}	

.right a:hover
{
	text-decoration:underline;
	color:#E64104;
}	
	
.right img
{

  border:2px solid;
  width:200px;
  margin:0 8px 8px 0;
  padding:1px;
}

.right_slevy
{
  float:left;
  width:320px;
  margin-top:12px;
}

.right_slevy a, .right_slevy a:visited
{
	text-decoration:underline;
	color:#639DC5;
}	

.right_slevy a:hover
{
	text-decoration:underline;
	color:#E64104;
}	
	
.right_slevy img
{

  border:2px solid;
  width:auto;
  height:180px;
  margin:0 8px 8px 0;
  padding:1px;
}

h1
{
  font-size:130%;
  color:#e64104;
  padding:0;
  margin-bottom:5px;
}

#obsah p
{
  color:#302f2f;
  font-size:100%;
  margin:10px 0;
}

p.left_bottom_odstavec
{
	margin-bottom:0;
	padding:0;
}	

p#left_bottom_odstavec
{
	margin-bottom:0;
	padding:0;
}

#obsah .fotka
{
  background:#999897;
  width:250px;
}

#obsah .fotka img
{
  border:1px solid #fff;
  margin:4px;
}

#bottom
{
  background:transparent url('images/bottom.gif') no-repeat bottom left;
 float:left;
  font-size:80%;
  padding:5px 0;  
  clear:both;
  width:960px;
  margin-bottom:20px;
}



#bottom_left
{
  float:left;
  margin-left:18px;
}

#bottom_right
{
  float:right;
  margin-right:18px;
} 

#bottom a, #bottom a:visited
{
	text-decoration:underline;
	color:#302f2f;
}	

#bottom a:hover
{
	text-decoration:none;
	color:#E64104;
}	 

.fotografie
{
	vertical-align:middle;
	margin:20px 0;
	float:left;
}

.fotografie a, .fotografie a:visited
{
	text-decoration:underline;
	color:#639DC5;
}	

.fotografie a:hover
{
	text-decoration:underline;
	color:#E64104;
}	
	
.fotografie img
{

  border:2px solid;
  width:70px;
  height:70px; 
  margin:0 8px 8px 0;
  padding:1px;
  float:left;
}

.kontakt
{
	line-height:150%;
}	
.kontakt span
{
	font-weight:bold;
}

.vypis_kontaktu
{
	clear:left;
	margin:30px 0 0px 0;
}	

#fotky-kategorie
{
	line-height:150%;
	font-weight:bold;
	margin-top:20px;
}

#fotky-kategorie li a, #fotky-kategorie li a:visited
{
	text-decoration:underline;
	color:#e64104;
}	

#fotky-kategorie li a:hover
{
	text-decoration:none;
}
	
.clear
{
	clear:both;
}	


.fotoobal a,.fotoobal a:visited
{
	float:left;
	text-decoration:underline;
	color:#639DC5;
}


.fotoobal a:hover
{
	text-decoration:underline;
	color:#E64104;
}
	
.fotoobal img
{	
	width:70px;
	height:70px;
	border:2px solid; 
	padding:1px;
	margin:8px 8px 8px 0;
}	

.bott
{
  clear:both;
  width:915px;
  margin-bottom:15px;  
}

.bott_top
{
	background:transparent url('images/top_bottom.gif') no-repeat top left;
	font-size:0;
	height:7px;
	width:915px;
	padding:0;
	margin:0;
	position:relative;
	
	
}

.bott_bottom
{
	background:transparent url('images/bottom_bottom.gif') no-repeat bottom left;
	font-size:0;
	height:7px;
	width:915px;
	padding:0;
	margin:-3px 0 0 0;	
}
.bott_inside
{
	background:#F8F8F8;
	margin:0;
	padding:0;
}

.binside
{
	margin:3px 10px;
}

ul#videa_vypis
{
	list-style-type:disc;
}	
	

ul#terminy_vypis
{
	clear:both;
	font-size:90%;
	margin-top:20px;
	
}

ul#terminy_vypis li
{
	float:left;
	width:220px;
}

ul#terminy_vypis li.archiv a, ul#terminy_vypis li.archiv a:visited 
{
	color:#999;
}

.ulovek
{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}

.ulovek_foto
{
	width:130px;
	float:left;
	margin-right:5px;
}	

.ulovek_foto a, .right a:visited
{
	text-decoration:underline;
	color:#639DC5;
}	

.ulovek_foto a:hover
{
	text-decoration:underline;
	color:#E64104;
}	
	
.ulovek_foto img
{

  border:2px solid;
  width:124px;
  margin:0;
  padding:1px;
}

.ulovek_popis
{
	width:152px;
	float:left;
	font-size:80%;
}

.inside_ulovek
{
	
	padding:10px;
	width:132px;
	background:#F8F8F8;
}

	


.ulovek_popis .udaj
{
	margin-bottom:10px;
}	

.top_ulovek
{
	background:transparent url('images/top_ulovky.gif') no-repeat top left;
	font-size:0;
	height:7px;
	width:152px;
	padding:0;
	margin:0;
	
}

.bottom_ulovek
{
	background:transparent url('images/bottom_ulovky.gif') no-repeat top left;
	font-size:0;
	height:7px;
	width:152px;
	padding:0;
	margin:0;
	
}



		

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }