body {	background-color: black; /* barva pozadi */
		color: #4e4d53; /* barva pisma */
		font-size: 12px;
		text-align: center; /* vycentrovani divu na stred*/
		font-family:  Verdana, Tahoma, Arial; /* pouzitelne pismo */
		margin: 0px auto; /*vycentrovani v ostatnich prohlizecich*/}

#screen { /* border: solid black 1px;*/   width: 100%; height: auto; margin: 0px auto; background-color: #e2e2e2;}
#back_top { /* border: solid black 1px;*/   width: 100%; height: 265px;
		top: 0px; left: 0px; margin: 0px auto; background-image: url('obr/back_top.jpg');}
#top {  /*border: solid white 1px;*/   width: 990px; height: 227px; 
		top: 0px; left: 0px; margin: 0px auto; background-image: url('obr/page_top.jpg'); text-align: left;}
#odkazy { /* border: solid white 1px;*/ width: 980px; height: 38px; 
		margin: 0px auto; text-align: left; background-image: url('obr/menu_back.jpg');}	
#page {  /*border: solid black 1px;*/   width: 990px; height: auto;margin: 0px auto; background-image: url('obr/back_page.jpg');}	
#main {  border: solid #f3f3f3 1px; position: relative; width: 620px; height: auto; top: 15px; left: -130px; margin: 0px auto;
		text-align: justify; z-index: 1;}		
#aktuality { /* border: solid black 1px;*/ position: absolute; width: 245px; height: auto; top: 0px; left: 670px; margin: 0px auto;
		text-align: right;}	
	
#bottom { /*border: solid red 1px;*/ width: 990px; height: 115px; margin: 0px auto; 
		background-image: url('obr/page_bottom.jpg');}	
#bottom_text { /*border: solid red 1px;*/ position: relative; top: 34px; left: 170px; width: 600px; height: 20px; margin: 0px auto; text-align: right; color : gray;}	
#back_bottom { /* border: solid black 1px;*/   width: 100%; height: 115px;
		margin: 0px auto; background-image: url('obr/back_bottom.jpg');}		
		
span {color: red;}
h1 {color: red; font-size: 16px;}
h1.news {color: red; font-size: 12px; text-align:left;}
h4 {font-size: 14px;}
p.news {text-align: justify; font-size: 10px;}
table {font-size: 12px;}

a {color: red; text-decoration : none}
a:visited {color: red; text-decoration : none;}
a:active  {color: red; text-decoration : underline;}
a:hover  {color : red; text-decoration : underline;}

a.seda  {color: gray; text-decoration : none}
a.seda:visited {color: gray; text-decoration : none;}
a.seda:active  {color: gray; text-decoration : underline;}
a.seda:hover  {color : gray; text-decoration : underline;}

.menu {padding: 0;margin: 0; font-size: 12px; z-index: 2;}
.menu a {text-decoration: none;color: white;display: block;width: 151px;height: 37px; text-align: center;}
.menu a:hover, .menu a:active, .menu a:visited{color: white; text-decoration: none;}
.menu ul, .menu li{list-style-type: none;margin: 0px;padding: 0px;}

ul.uroven1 li.polozka1{float: left;position: relative;background-image: url('obr/menu_back_big.jpg'); z-index: 2;}
ul.uroven1 li.polozka1{behavior: url(hover.htc);}
ul.uroven1 li.polozka1:hover,ul.uroven1 li.polozka1Hover{background-image: url('obr/menu_back_big_2.jpg');}
ul.uroven1 li.polozka1Hover ul.uroven2,ul.uroven1 li.polozka1:hover ul.uroven2{visibility: visible;} 

ul.uroven2{position: absolute;left: 0;top: 36px;_top: 36px; /* IE */width: 150px; background: gray;
		border: solid black 1px;visibility: hidden;padding: 0px;margin: 0px;z-index: 2;}
ul.uroven2 li.polozka2 a{font-weight: normal;text-align: left;padding: 0 2px;margin: 1 2 1 2px;}
ul.uroven2 li.polozka2 a:hover{background-image: url('obr/menu_back_2.jpg'); text-decoration: none;}

			
			
				
/* --------------------------------------- LIGHTBOX ---------------------------------------*/

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

#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: transparent url(../images/blank.gif) no-repeat; /* 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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}