body {	background-color: #009ee0 ; /* 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: white; z-index: 0;}
#back_top { /* border: solid magenta 1px;*/   width: 100%; height: 196px;
		top: 0px; left: 0px; margin: 0px auto; background-color: #009ee0 ; /*background-image: url('obr/back_top.jpg');*/}
#top { /* border: solid white 1px; */  width: 990px; height: 196px; position: relative;
		top: 0px; left: 0px; margin: 0px auto; background-image: url('obr/page_top.jpg'); text-align: center; z-index: 1;}
#logo { /* border: solid green 1px;*/ position: absolute; width: 100px; height: 100px; top: 35px; left: 50px; margin: 0px auto;}
#projekty { /* border: solid green 1px; */ position: absolute; width: 200px; height: 130px; top: 30px; right: 35px; margin: 0px auto; text-align: right;}
#odkazy { /* border: solid red 1px;*/ left: 20px; top: 163px; /*bottom: -10px;*/ width: 908px; height: 33px;
		margin: 0px auto; background-color: white; position: absolute; z-index: 2;}
#page { /* border: solid black 1px;*/ position: relative;  width: 990px; height: auto;margin: 0px auto; background-image: url('obr/back_page.jpg'); z-index: 0;}	
#stin_levy { /* border: solid green 1px;*/ position: absolute; width: 20px; height: 300px; top: 0px; left: 0px; margin: 0px auto; background-image: url('obr/stin_levy.jpg');}	
#stin_pravy { /* border: solid green 1px;*/ position: absolute; width: 20px; height: 300px; top: 0px; right: 0px; margin: 0px auto; background-image: url('obr/stin_pravy.jpg');}
#main { /* border: solid magenta 1px;*/ position: relative; width: 910px; height: auto; top: 15px; margin: 0px auto; text-align: justify; z-index: 1;}	
#aktuality {  border-top: solid #e76d00 1px; width: 245px; height: 200px; top: 0px; margin: 0px auto; text-align: left; overflow: auto;}	
#uvod {  border-top: solid #2658a1 1px; width: 100%; top: 0px; margin: 0px auto; text-align: justify; }
#virtual { border: solid #3d3c3f 1px; width: 170px; height: 153px; margin: 0px auto; text-align: left; background-color: #3d3c3f; color: white;}
#foto { border: solid #cccccc 1px; width: 170px; height: 170px; margin: 0px auto; text-align: left;background-color: #cccccc; color: white;}
	
#bottom { /*border: solid red 1px;*/ width: 990px; height: 138px; margin: 0px auto; background-image: url('obr/page_bottom.jpg'); position: relative;}	
#bottom_text { /* border: solid red 1px;*/ position: absolute; top: 20px; left: 40px; width: 500px; height: 80px; margin: 0px auto; text-align: left; color : black;}	
#bottom_text_1 { /* border: solid red 1px;*/ position: absolute; top: 20px; right: 40px; width: 300px; height: 80px; margin: 0px auto; text-align: right; color : black; text-align: right;}
#back_bottom { /* border: solid black 1px; */  width: 100%; height: 138px;
		margin: 0px auto; background-color: #009ee0 ; /*background-image: url('obr/back_bottom.jpg');*/}		
		
span {color: #e76d00;}
h1 {color: #2658a1; font-size: 22px;font-family:  Arial;}
h1.news {color: #e76d00; font-size: 22px; font-family: Arial;}
h4 {color: #2658a1; font-size: 14px; }
p.news {text-align: justify; font-size: 10px;}
table {font-size: 12px;}
img.uvod {border: solid black 1px;}
td.uvod {color: white;}

a {color: #818182; text-decoration : none}
a:visited {color: #818182; text-decoration : none;}
a:active  {color: #e76d00; text-decoration : underline;}
a:hover  {color : #e76d00; text-decoration : underline;}

a.orange {color: #e76d00; text-decoration : none}
a.orange:visited {color: #e76d00; text-decoration : none;}
a.orange:active  {color: #e76d00; text-decoration : underline;}
a.orange:hover  {color : #e76d00; text-decoration : underline;}

a.black  {color: black; text-decoration : none}
a.black:visited {color: black; text-decoration : none;}
a.black:active  {color: black; font-weight: bold;}
a.black:hover  {color : black; font-weight: bold;}

a.black1  {color: black; font-weight: bold;}
a.black1:visited {color: black; font-weight: bold;}
a.black1:active  {color: black; font-weight: bold;}
a.black1:hover  {color : black; font-weight: bold;}

a.add {color: white; text-decoration : underline;}
a.add:visited {color: white; text-decoration : underline;}
a.add:active  {color: white; text-decoration : none;}
a.add:hover  {color : white; text-decoration : none;}

tr.head { background-image: url('obr/table_header.jpg'); color: white; font-weight: bold; height: 20px; }
tr.headm { background-color: #2658a1; color: white; font-weight: bold; height: 20px; }
tr.row0 { background-color: #efeee7; height: 20px; }
tr.row1 { background-color: #e9e8e1; height: 20px; }

.menu {padding: 0;margin: 0; font-size: 14px; z-index: 2;}
.menu a {text-decoration: none;color: white;display: block;height: 33px; 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-right: 1px;padding: 0px;}

ul.uroven1 li.polozka1{float: left;position: relative;background-image: url('obr/menu_back.jpg'); z-index: 2; width: 90px;}
ul.uroven1 li.polozka1{behavior: url(hover.htc);}
ul.uroven1 li.polozka1:hover,ul.uroven1 li.polozka1Hover{background-image: url('obr/menu_back_2.jpg');}
ul.uroven1 li.polozka1Hover ul.uroven2,ul.uroven1 li.polozka1:hover ul.uroven2{visibility: visible;}
ul.uroven1 li.polozka1a{float: left;position: relative;background-image: url('obr/menu_back_2.jpg'); z-index: 2; width: 90px;} 
ul.uroven1 li.polozka1a{behavior: url(hover.htc);}
ul.uroven1 li.polozka1a:hover,ul.uroven1 li.polozka1aHover{background-image: url('obr/menu_back_2.jpg');}
ul.uroven1 li.polozka1aHover ul.uroven2,ul.uroven1 li.polozka1a:hover ul.uroven2{visibility: visible;} 
ul.uroven1 li.polozka11{float: left;position: relative;background-image: url('obr/menu_back.jpg'); z-index: 2; width: 150px; }
ul.uroven1 li.polozka11{behavior: url(hover.htc);}
ul.uroven1 li.polozka11:hover,ul.uroven1 li.polozka11Hover{background-image: url('obr/menu_back_2.jpg');}
ul.uroven1 li.polozka11Hover ul.uroven2,ul.uroven1 li.polozka11:hover ul.uroven2{visibility: visible;} 
ul.uroven1 li.polozka11a{float: left;position: relative;background-image: url('obr/menu_back_2.jpg'); z-index: 2; width: 150px; }
ul.uroven1 li.polozka11a{behavior: url(hover.htc);}
ul.uroven1 li.polozka11a:hover,ul.uroven1 li.polozka11aHover{background-image: url('obr/menu_back_2.jpg');}
ul.uroven1 li.polozka11aHover ul.uroven2,ul.uroven1 li.polozka11a:hover ul.uroven2{visibility: visible;} 

ul.uroven2{position: absolute;left: 0;top: 33px;_top: 33px; /* IE */width: 250px; background: white;
		border: solid black 0px;visibility: hidden;padding: 0px; margin-bottom: 1px;z-index: 2;}
ul.uroven2 li.polozka2 a{font-weight: normal;text-align: left;padding: 0 6px;margin: 1 0 1 0px;background: #818182;height: 25px;}
ul.uroven2 li.polozka2 a:hover{background: #cccccc; text-decoration: none; height: 25px; }

			
			
				
/* --------------------------------------- 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;
	}