body {background: url("images/web/pozadi.gif"); padding: 0; margin: 0; font: 12px Arial; color: #303030;}
h1 {font: bold 30px Arial; color: #303030;}
h2 {font: bold 22px Arial; color: #303030;}
a {color: #ff0000;}
a:hover {color: #a82a2a;}

.Clearer {clear: both; font-size: 0;}

#Top {background: url("images/web/top_bg.gif") repeat-x; padding: 16px 0 30px 0;}
#OuterContent {border: 3px solid #121212; width: 943px; margin: 0 auto;}
#InnerContent {border: 1px solid #ffffff; width: 939px; margin: 0 auto;}

#Logo {background: url("images/web/logo.jpg") no-repeat; width: 281px; height: 235px; float: left;}
#Logo a {display: block; width: 170px; height: 173px; position: relative; top: 36px; left: 56px;}

#Lang {position: relative; left: -43px;}
#Lang a {width: auto; height: auto; float: left; margin-right: 8px;}
#Lang img { border: 0;}

#MainImg {background: url("images/web/main_img.jpg") no-repeat; height: 234px; width: 657px; float: left;}
#Flash {width: 657px; height: 198px; /*background: black; */margin-left: 1px;}

#Menu {background: #3d3d3d url("images/web/ul.gif") no-repeat; padding: 1px 1px 1px 2px; margin: 0; list-style: none; height: 35px; float: left;}
#Menu li {background: url("images/web/li.gif") repeat-x; float: left;}
#Menu a {display: block; height: 27px; padding: 10px 35px 0 35px; float: left; background: url("images/web/a.gif") right top no-repeat; font: bold 13px Tahoma; color: #ffffff;
 text-decoration: none;}
#Menu a:hover {color: #7f7f7f;}
#Menu a.active {color: #a82a2a;}
#Menu a.active:hover {color: #ff0000;}

#ContentTop {background: #ffffff url("images/web/content_top.gif") repeat-x; border-top: 1px solid #ffffff;}
#ContentBottom {background: url("images/web/content_bottom.gif") bottom repeat-x; border-top: 1px solid #ffffff;}

#LeftSide {padding: 10px 0 40px 0; width: 300px; float: left;}
#LeftSide img {display: block; margin-bottom: 4px;}

#VypisObsahu {float: left; width: 589px; overflow: hidden; padding: 20px 15px 20px 25px;}/*639*/

#TitGallery {background: url("images/web/gallery_bg.gif") repeat-x; height: 121px; clear: both; float: left; width: 914px; padding: 9px 0 0 25px;}
.TitFoto {background: url("images/web/foto_bg.jpg") no-repeat; width: 161px; height: 106px; text-align: center; padding-top: 6px; margin: 0 8px; float: left;}
.TitFoto img {border: 0;}
.TitFoto a{display:block; width:129px; height:99px; overflow:hidden; position:relative; left:16px;}

#Footer {width: 939px; margin: 0 auto; text-align: right;}
#Footer a {color: #ffffff; text-decoration: none; font-size: 11px;}
#Footer a:hover {text-decoration: underline;}

/**************** kategorie galerii *********************/
#VypisFotogalerie a img, #VypisFotogalerie a, table#Kategorie a img, table#Kategorie a {color: #a82a2a;}
#VypisFotogalerie a img, table#Kategorie a img {border: 3px solid #777777;}
#VypisFotogalerie a:hover img, table#Kategorie a:hover img {border: 3px solid #444444;}
#VypisFotogalerie a:hover img, #VypisFotogalerie a:hover, table#Kategorie a:hover img, table#Kategorie a:hover {color: #ff0000;}
#VypisFotogalerie a img {float: left; margin: 3px;}


hr.cleaner {clear:both;display: none}
.brcko{clear: left;}
.clearboth { clear: both; }

/* LIGHTBOX2 */
#lightbox{     position: absolute;     left: 0; _margin-top:50px; 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/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/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; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#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; }
/* .LIGHTBOX2 */