* {margin:0; padding:0}

#galerie {font:12px Verdana, Arial, Helvetica, sans-serif; background:#fff url(images/bg.gif)}
#galerie p {font-size: 10px; margin:0px; padding:0px;}
#galerie a, #galerie img { border: 0;}
#galerie img {margin:0px;}
#galerie h4 {margin:0px; padding:0px;}
#galerie li {margin:0px; padding:0px; padding-right:6px;}
#galerie #gallery {position:relative; width:416px; margin:10px 0px 28px 0px; padding:0px; border:0px solid #000; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin:0px}
#image {position:relative; width:500px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}

#info {
	position:relative;
	float: right;
	width:147px;
	height:375px;
	padding:5px;
	border:2px solid #666;
	background:#FFF url(images/loading.gif) center center no-repeat;
}

#inforam {
	border: 0;
	width: 143px;
	height: 370px;
}

#autor, #datum, #path {
	text-align: right;
	font-size: 80%;
}

#vpred, #zpet {
	height: 98px;
	margin-top: 0px;
	padding:0px;
	border:1px solid #666;
	width: 14px;
	background: #fff;
	font-weight: bold;
	color: #AAA;
	text-align: center;
}
#vpred {
	float: right;
	margin-right: -20px;
}
#zpet {
	float: left;
	margin-left: 0px;
	margin-right:2px;
}

#vpred:hover, #zpet:hover {
	background: #AAA;
	color: #444;
	width:14px;
}




#image img {position:absolute; top:5px; left:5px}
#galerie .thumbwrapper {margin-top:0px; padding:0px; width:418px; height:100px; border:0px; background:#FFF}
#galerie .thumbarea {position:relative; overflow:hidden; height:104px; width:400px; }
#galerie .thumbs {position:absolute; left: 0px; list-style:none; margin-left:5px; height:100px; width:1000000px; border-right:5px solid #FFF}
#galerie .thumbs li {float:left; margin:0px; margin-right:5px; padding:0px; cursor:pointer;}
#galerie .imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


#greybox {
	height: 10000px;
	width: 100%;

	background: black;
	display: none;

	position: absolute;
	top: 0px;
	left: 0px;

	z-index: 999;

	opacity: .5;
   /* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
   -moz-opacity: .5;
   filter:alpha(opacity=50);

}

#divbigphoto {
	width: 840px;
/*	height: 100%;
	/*margin-left:-220px;*/
	/*top:0px;*/
	position: absolute;
	display: none;
	z-index: 0999;
	background: white;
	text-align: center;
	margin:auto;

}

#bigphoto {margin:auto; margin-top:12px;margin-bottom:4px;}