@media screen,projection {
body {
	margin: 1px;
	background-image: url(pozadi.jpg);
	background-repeat: repeat;
	background-color: #DAEAB4;
	font: 12px "tahoma", impact;
	scrollbar-3dlight-color: #6B8E23;
	scrollbar-base-color: Olive;
	scrollbar-face-color: Yellow;
	scrollbar-arrow-color: Olive;
	scrollbar-darkshadow-color: White;
}
#prvek{
	display: inline-block;
	_display: inline;
	border: 1px solid white;
	background: #FEFF33;
	width: 220;
	height: 300;
	font: 11px;
	margin: 5;
	overflow: hidden;
	padding-left:2; 
}

#prvek h4{
	text-align: center;
	FONT: 14px;
	font: bolder;
}

#prvek img{
	azimuth: center;
	margin:0;
	padding: 0;
}
#obrazky img{
	margin: 2;
	border: 2px white solid;

}


#uvod {
	Font: 20px "arial";
	text-align: center;
	font-weight: bold;
	color: blue;
	

}


#historie {
	position: relative;
	text-align: right;
	right: 0;
	top: 0;
	background: Aqua;
	width: 150;
	height: 150;
	font: 9 Tahoma;
	
}

button{
	background: none;
	border: 0;
	cursor: hand;
	color: Red;
	font: 16px Tahoma;
	text-decoration: underline;
}

#pageuziv input{
	font:11;
	 background: none;
	 border: 0;
	 height: 11;
	 cursor: hand;

}

#page ce {
	position: absolute;
	left:130;
}



#pageuziv form {
	margin: 0;
}


#tlacitka input{
	background: none;
	position: absolute;
	top:25;
	left: 580;
	display: block;
	border: dotted 1px;
	width: 100;
	height: 20;
	background-color: silver;
} 	

#tlacitkauziv input{
	position: absolute;
	top: -10;
	_top: 5;
	left: 150;
	display: block;
	border: dotted 1px;
	width: 100;
	height: 20;
	background-color: silver;
} 	

#odeslat input{
position: absolute;
	top:430;
	left: 580;
	display: block;
	border: dotted 1px;
	width: 100;
	height: 20;
	background-color: silver;
} 	

#pageuziv textarea{
	font: 12 Century Gothic;
	font: ;
	background: #F0F0F0;
	border: groove 1;

	word-wrap: normal;
}




#okl{
	position: relative;
	left:190;
	top: -40;
	_left:200;
	_top:-40;
}
#okz {
	position: relative;
	left:220;
	top:-30;
}
#mui{
	position: relative;
	left:100;
	top:-18;
	_top:-19;
}

h3{
	text-align: left;
	color: Gray;
	font-variant: normal;
	text-decoration: underline;
	font-family: Tahoma;
	font: 15px;
	font-weight: bold;
	text-indent: 30px;
}
#add {
	position: relative;
	top: 35;
	left: -90;
	_top: 60;
	_left: -50;
}

#history {
	position: relative;
	top: -100;
	_top:-130;
	left: -30;
	font: 12;
}

#history button {
	background: none;
	color: Blue;
	font: 12 tahoma;
}

#admin {
	background: transparent url(menunad1.jpg) no-repeat;
	position: absolute;
	padding-top: 40;
	_padding-top: 40;
	left: 1050px;
	top: 80px;
	width: 151;
	height: 196;
	text-align: left;
	padding-left: 0;
	margin-left: 0;
}




#admin a{
	background: Yellow;
	display: block;
	height:19;
	width:121;
	margin-top: -13;
	margin-left:0;
	margin-bottom:2;
	padding-left: 20;
	padding-bottom: 3;
	padding-top: 6;
	color: #2D2D2D;
	_height:27;
	_width:140;
	_margin-top: -13;
	_margin-left: 0;

}
#admin a:hover{
	margin-left: 7;
	
	
	
}





#poc {
	position: absolute;
	left: 120;
	top: 470;
	font: 11px Tahoma;
	width: 136;
	height: 130;
	background-color: #E4E800;
	padding: 2;
	padding-top: 6;
	_width:140;
}


img {
border : 0px none ;
margin: -1px;
background: transparent;

}


#obr {
	position: absolute;
	left: 45;
	top: 31;
	_top: 28;
	

}

h1 {
	text-shadow: Purple;
	text-transform: capitalize;
	color: Purple;
	text-align: center;
	position: relative;
	top: 30;
}

ozn {

	text-transform: capitalize;
	color: Purple;
	text-align: center;	
	font: 14px;

}

#anoo {
position: relative;
left: 50;
top:5;
_left: 17;
_top:-14;

}

#neo {
	position: relative;
	left:110;
	top:-55;
	_left:85;
	_top:-83;
}


#ano {
position: relative;
left: 50;
top:5;
_left: 17;
_top:-14;

}

#ne {
	position: relative;
	left:110;
	top:-29;
	_left:85;
	_top:-83;
}

#okr {
	position: relative;
	left: 300;
	top:-70;
}

h2 {
	font-size: larger;
	font-style: normal;
	font-family: Tahoma;
	 text-align: center;
	color: Blue;
}

#od{
	position: relative;
	left: 100;
	top:-18;
	_top:-19;
}

pr {
  position: relative;
  left: 50px;
  text-align: right;
}

pl {
  position: absolute;
  left: 250px;
}
#menu {
	background: url(menunad1.jpg) no-repeat;
	

	position: absolute;
	left: 120px;
	top: 80px;
	width: 140;
	height: 240;
	padding-top: 40;
	_padding-top: 40;
	text-align: right;

	
}


p {
  position: relative;
  margin: 10;
	 }

a{
	text-decoration: none;
	color: red;
	font: 12px "arial";
	font-weight: bold;
}
#menu a{
	background: Yellow;
	display: block;
	height: 20;
	width: 130;
	margin-top: -12;
	margin-left: 0;
	padding-right: 10;
	margin-bottom: 2;
	padding-top: 6;
	color: #2D2D2D;
	
	_height: 27;
	_width: 140;
	_margin-top: -13;
	_margin-right: 2;
}


#menu a:hover {
	margin-left: 7;
	_width: 140;
}


#logo {
	position: absolute;
	top:27;
	left: 280;
	width: 742px;
	height: 106px;
	background: url(logo.jpg) no-repeat;
}
#page {
	position: absolute;
	left: 280;
	top: 106;
	width: 742;
	height: 800;
	background: #FEFF59;
	overflow: auto;
	_padding: 13;
	
}
	

	
#page a {
	font: small-caps bold 14px;

	color: #4682B4;
}



#pageuziv {
	position: absolute;
	left: 280;
	top: 106;
	width: 742;
	height: 800;
	background: #FEFF59;
	overflow: auto;
	padding: 10, 10, 10, 10;
	

	
}
	
#page que {
	 font-weight: bolder;
	position: relative;
	left: 30;
}

	
#pageuziv a {
	font: small-caps bold 14px;
	color: #4682B4;
}

#pageuziv td {
	font: 11px;
	
}




poz {
  font: 20px "tahoma";
  font-weight: bold;
  color: #999;
  
  text-align: center;
}

po {
	position: absolute;
	left: 20px;
	top: 20px;
	
	}
	
	}
#log {
	position: absolute;
	background: none;
	left: 620px;
	top: 70px;
	width: 400;
	height: 15;
	text-transform: capitalize;
	color: Maroon;
	text-align: right;
}
#log img{
	position: relative;
	top:6;
}



#err {
	position:  absolute;
	left:300px;
	top:90px;
	COLOR: red;
	font-weight: bold;
  text-decoration:  underline;
		
}



#thank{ 	
	text-align: center;
	 font-family: Tahoma;
	 font-size: larger;
	 font-weight: bolder;
	color: Blue;	


}



#patka {
	position: absolute;
	left: 280;
	top: 910;
	width: 742;
	height: 10;
	padding-top: 8;
	_padding-top: 0;

}


#patka a{
	 font: 10px bold smaller/20% normal;
	 
}

#patka p{
	margin:0;
	display: block;
	width: 742;
	height:30;
	background: #E4E800;
	font :10;
	possition: relative;
	top: -22;
	_top: -13;
	text-align:right;
}
tr {
	font: 14px Trebuchet MS;
}

#volba{
	position: relative;
	display: inline-block;
	_display: inline;
	background: white;
	border: 1px solid #ADFF2F;
	width: 170;
	height: 144;
	margin: 20;
}

#volba img {
	position: absolute;
	left:0;
	_position: relative;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 171;
	_width: 168;
	height:114;
}

#volba a{
	position: absolute;
	left:0;
	bottom: 0;
	width:100%;
	height: 30;
	background:#ADFF2F;
	font: 18px curier;
	font-weight: bolder;
	color: white;
	padding-top: 5;
	
}

#volba a:hover{
	position: absolute;
	bottom: 0;
	width:100%;
	height: 30;
	background:#ADFF2F;
	font: 20px curier;
	font-weight: bolder;
	color: white;
	padding-top: 5;
	
}



#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) 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





}