body {
 font-family: 'Verdana CE', Verdana, 'Geneva CE', 'Arial CE', 'Helvetica CE', Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 0pt;
 padding: 0pt;
 background-color: #AAAAAA;
 font-size: 80%;
}

.hlavni_blok {
 position: absolute;
 width: 100%;
 height: 100%;
 min-width: 900px;
 min-height: 570px;
}

.vnitrni_blok {
 position: absolute;
 top: 0;
 left: 50%;
 width: 1000px;
 height: 100%;
 margin: 0px 0px 0px -500px;
 padding: 0px;
 /*border: 1px solid black;*/
 background-color: #444444;
/* overflow: auto; */
}

.logo {
margin: 5px;
}


.logo_blok {
 width: 100%;
 height: 60px;
 text-align: left;
 background-color: #FFFFFF;
}

.menu {
 width: 100%;
 height: 95px;
 padding-top: 6pt;
 padding-bottom: 6pt;
 background-image: url('../obr/prechod.png');
 background-repeat: repeat-x;
}

.pavouk {
 margin -top: -10px;
 margin-bottom: -10px;
 margin-left: -30px;
}

.polozka_menu {
 padding-left: 30pt;
 padding-right: 30pt;
 font-weight: bold;
 font-size: 190%;
}

.polozka_menu2 {
 padding-left: 10px;
 padding-right: 10px;
  font-size: 150%;
  font-weight: bold;
  color: #FFFFEE;
}

.obsah {
 text-align: left;
 width: 966px; /*1024px;*/
 background-position: top left;
 background-repeat: no-repeat;
 padding: 0px;
 margin: 17px;
 color: #FFFFEE;
}

.obsah_pozadi {
 text-align: left;
 width: 780px; /*800px;*/
 height: 380px; /*400px;*/
 background-color: #333333 /*url('../obr/pozadi.jpg');*/
 background-position: top left;
 background-repeat: no-repeat;
 padding: 10px;
/* margin: 0px;*/
}

.links {
 text-align: left;
  padding: 20px;
}

a:link, a:hover, a:active, a:visited {
 color: #AAAAAA;
}

.odkaz a:link, .odkaz a:hover, .odkaz a:active, .odkaz a:visited {
 font-size: 130%;
 text-decoration: none;
 font-weight: bold;
 color: #AAAAAA;
}

.odkaz a:hover {
 color: red;
}

.odstavec {
 text-align: justify;
 text-indent: 20pt;
}

img {
 border: none;
}

ul {
 padding-top: 0pt;
 margin-top: 0pt;
}

table {
 font-size: 100%;
}

.copyright {
 width: 800px;
 height: 20px;
 font-size: 70%;
 font-style: italic;
 padding-top: 15pt;
}

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

.polozka_menu a:hover {
 color: red;
}

.polozka_menu2 a:link, .polozka_menu2 a:hover, .polozka_menu2 a:active, .polozka_menu2 a:visited {
 text-decoration: none;
 font-weight: bold;
 color: #FFFFEE;
}

.polozka_menu2 a:hover {
 color: red;
}

.first {
 color: red;
}

.odstavec_vlevo {
/* width: 50%;*/
/* align: left; */
 float: left;
 padding-bottom: 0pt;
 margin-bottom: 0pt;
}

.odstavec_vpravo {
 width: 50%;
/* align: right; */
 float: right;
}

.odstavec_dole {
/* align: left; */
 float: none;
 clear: both;
 margin-top: 0pt;
 padding-top: 0pt;
}

ul {
 margin-top: 0pt;
 padding-top: 0pt;
}
li {
 margin-top: 0pt;
 padding-top: 0pt;
}





/* ===== Lightbox ===== */
#lightbox {
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}

#lightbox a img {
 border: none;
}

#outerContainer {
 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(../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(../prevlabel.gif) left 15% no-repeat; */
 background: url(../obr/prev.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
/* background: url(../nextlabel.gif) right 15% no-repeat; */
 background: url(../obr/next.gif) right 15% no-repeat;
}

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

#imageData {
 padding:0 10px;
}

#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;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

* html>body .clearfix {
/* display: inline-block; */
 display: inline;
 width: 100%;
}

* html .clearfix {
 /* Hides from IE-mac \*/
 height: 1%;
 /* End hide from IE-mac */
}

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 606px;	/* IE 5.x */
		width/* */:/**/600px;	/* Other browsers */
		width: /**/600px;
		
		/* CSS HACK */
		height: 506px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;
		
		background-color:#000;
		border:3px solid #317082;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:600px;
		height:450px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}