body {padding: 0; margin: 0; background: url("images/web/pozadi.gif"); font: 12px Arial; color: #383636;}

h1 {font: bold 24px Arial; background: url("images/web/h1.gif") left center no-repeat; padding: 0 0 0 17px;}
h2 {font: bold 16px Arial; margin: 0; padding: 0;}
img {border: 0;}
a {color: #ff8d00;}
a:hover {color: #d7831b;}

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

#OuterContent {}
#Shaddow {background: url("images/web/stin.png") center top repeat-y;}
#InnerContent {width: 928px; margin: 0 auto;}
#Top {background: url("images/web/top.gif") no-repeat; height: 47px;}

#Lang {padding: 0; margin: 13px 17px 0 0; float: right;}
#Lang img {margin-left: 3px;}

#HeaderLeft {float: left;}

#Logo {background: url("images/web/logo.jpg") no-repeat; width: 329px; height: 204px;}
#Logo a {display: block; width: 256px; height: 119px; position: relative; top: 52px; left: 35px;}

#Motto {background: url("images/web/motto.jpg") no-repeat; width: 309px; height: 49px; font: bold 12px Tahoma; color: #383636; padding: 8px 0 0 20px;}

#MainImg {float: left; overflow: hidden; height: 261px; width: 598px; padding-left: 1px; background: url("images/web/main_img.jpg") no-repeat;}
#MainImg img {display: block;}

#MainContent {background: #ffffff url("images/web/main_content_bg.gif") left top repeat-y; width: 927px;}

#LeftSide {padding: 1px 0 0 0; float: left;}
#Menu {background: #8b3f02; padding: 1px 0 0 0; margin: 0 0 1px 1px; width: 328px; overflow: hidden; list-style: none;}
#Menu li {}
#Menu a {display: block; height: 26px; width: 264px; background: url("images/web/a1_bg.jpg") 0 0 no-repeat; margin-bottom: 1px; text-align: right; padding: 5px 63px 0 0;
 font: bold 16px Arial; text-decoration: none; color: #ffffff;}
#Menu a:hover {background: url("images/web/a1_bg.jpg") 0 -31px no-repeat;}

#Menu ul {list-style: none; padding: 0; margin: 0 0 0 0;}
#Menu ul li {}
#Menu ul a {background: #d3813c url("images/web/a2_border.gif") 308px 5px no-repeat; font-style: italic; color: #000000; padding: 5px 30px 0 0; width: 296px;}
#Menu ul a:hover {background: #e6924b url("images/web/a2_hover_border.gif") 308px 5px no-repeat;}

#OrangeBlock {width: 328px; height: 21px; background: #e37c22; margin-left: 1px;}

#VypisObsahu {float: left; width: 597px; overflow: hidden;}

#AboutNico {background: #d3cfcf; padding-top: 8px; margin: 1px 0 0 2px; width: 594px;}
#AboutNico table {border-collapse: collapse;}
#AboutNico table td {vertical-align: top;}
#AboutNico table td#LeftCol {background: #f7e7b7; width: 334px; border-right: 1px solid #ffffff; color: #786e50; padding: 17px 0 10px 20px;}
#AboutNico ul {padding: 0; margin: 10px 0 0 0; list-style: none;}
#AboutNico li {background: url("images/web/about_nico_li.gif") left center no-repeat; padding: 3px 0 3px 8px;}

#AboutNico table td#RightCol {background: #c8d3cd; width: 237px; color: #466b57; padding: 17px 0 10px 20px;}

#VypisClanku {padding: 10px 10px 30px 20px;}
#VypisClanku p {padding: 5px 0 5px 17px;}

#Footer {width: 978px; margin: 0 auto; height: 145px; background: url("images/web/paticka.png") no-repeat;/* position: relative;*/}

#Developer {position: relative; right: 28px; top: 120px; color: #ffffff; font: normal 11px Arial; float: right;}
#Developer a {font: normal 11px Arial; color: #ffffff; text-decoration: none;}
#Developer a:hover {color: #ed8b2d;}

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

a {
    text-decoration: none;
    color: #FF6600;
}
a:hover {
    color: #FF9900;
    border-bottom: 1px dotted;
}
.button {
    border: 1px solid #999999;
    background: #fff;
}

/* 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 */