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: 50%;
 left: 50%;
 width: 900px;
 height: 570px;
 margin: -285px 0px 0px -450px;
 padding: 10px;
 /*border: 1px solid black;*/
 background-color: #FFFFFF;
/* overflow: auto; */
}

.logo {
 width: 90%;
 height: 60px;
 text-align: left;
}

.menu {
 width: 100%;
 height: 50px;
 padding-top: 6pt;
 padding-bottom: 6pt;
}

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

.polozka_menu2 {
 padding-left: 15pt;
 padding-right: 15pt;
 font-weight: bold;
}

.obsah {
 text-align: left;
 width: 780px; /*800px;*/
 height: 415px; /*400px;*/
 background-position: top left;
 background-repeat: no-repeat;
 padding: 0px;
 margin: 0px;
}

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

.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: black;
}

.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;
}

#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(../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 */
}