body {padding: 0; margin: 0; background: #f9e2b3 url("images/web/body_bg.jpg") repeat-x;
 font-family: "Trebuchet MS", "Arial"; color: #454240; font-size: 14px;}

h1, h2, h3 {padding: 0; margin: 0;}
h1 {font: 29px "Trebuchet MS", "Tahoma"; color: #a00000; margin: 15px 0 11px 0;}
h2 {font: 22px "Trebuchet MS", "Tahoma"; color: #a00000; margin: 11px 0 6px 0;}                                                                                
a img {border: 0;}

#Fotogalerie {height: 330px; overflow: auto; width: 920px;}
#Fotogalerie a img {margin: 8px; border: 3px solid #debe88; padding: 1px;}
p {padding: 0; margin: 8px 0;}
a {font: bold 12px "Arial"; color: #6d0400; text-decoration: none;}
a:hover {text-decoration: underline;}
li {padding: 5px 0;}


.Clearer {clear: both;}

#OuterContent {width: 985px; margin: 0 auto;}

#Top {}
#Logo {margin: 30px 0 0 16px; float: left;}
#Logo a img {display: block;}
#Lang {float: right; margin: 64px 16px 0 0;}

#Header1 {background: url("images/web/header_bg_1.jpg") left bottom no-repeat; height: 369px;
 width: 985px;}
#Header2 {background: url("images/web/header_bg_2.jpg") left bottom no-repeat; height: 369px;
 width: 985px;}
#Header3 {background: url("images/web/header_bg_3.jpg") left bottom no-repeat; height: 369px;
 width: 985px;}
#Header4 {background: url("images/web/header_bg_4.jpg") left bottom no-repeat; height: 369px;
 width: 985px;}
#Header5 {background: url("images/web/header_bg_5.jpg") left bottom no-repeat; height: 369px;
 width: 985px;}
#TopMenuBg {float: right; background: url("images/web/top_menu_bg.gif") repeat-x;
 margin-right: 21px;}
#TopMenuLeft {background: url("images/web/top_menu_left.gif") no-repeat;}
#TopMenuRight {background: url("images/web/top_menu_right.gif") right top no-repeat; height: 44px;}

ul#menuHoriz {list-style: none; margin: 0 15px; padding: 0;}
ul#menuHoriz li {padding: 0; margin: 0; float: left; position: relative;}
ul#menuHoriz li a {padding: 19px 15px 0 15px; margin: 0 3px; float: left; height: 25px; font: 12px "Arial";
 color: #6d0400; text-decoration: none; text-transform: capitalize;}
ul#menuHoriz li a:hover {text-decoration: underline;}

ul#menuHoriz .LeftCornerActive {background: url("images/web/top_menu_bg.gif") repeat-x;}

ul#menuHoriz .LeftCornerActive {background: url("images/web/top_menu_right_corner.gif") right no-repeat; height: 44px; float: left; display: block;}

.noactive {background: none !important;}
ul#menuHoriz li.active {padding: 0; margin: 0; float: left; background: url("images/web/top_menu_a_bg.gif") repeat-x;}
ul#menuHoriz li.active a.active {padding: 19px 15px 0 15px; height: 25px; margin: 0; float: left; background: url("images/web/top_menu_left_corner.gif") no-repeat;}
ul#menuHoriz li .LeftCornerNoactive {background: none !important; height: 44px; float: left; display: block;}

ul#menuHoriz ul {display: none; position: absolute; top: 46px; list-style: none;}
#menuHoriz li li {clear: both; float: left;}
#menuHoriz ul ul {left: 100%; top: 0px;}
#menuHoriz li li:hover {background: #2648a0;}
#menuHoriz li:hover > ul { display: block;}

form#Rezervace {float: right; margin: 15px 35px 0 0;}
form#Rezervace td {font-size: 11px; /*padding-right: 5px;*/}
form#Rezervace input, form#Rezervace select {font-size: 11px;}
form#Rezervace .FormTitle {font-size: 24px; color: #6d0400;}
form#Rezervace .Datum input {width: 70px; height: 13px; border: 1px solid #909086;
 background: #ffffff;}
form#Rezervace select {width: 48px; height: 17px; border: 1px solid #909086;}
form#Rezervace .Rezervovat input {padding: 0; margin: 0; border: 0; color: #ffffff; font-weight: bold;
 background: url("images/web/rezervace_btn.gif") no-repeat; width: 24px; height: 17px;}

.Datum {width: 77px;}
.Dny {width: 55px;}
.Osob {width: 53px;}
.Deti {width: 53px;}

.Apartman {width: 146px;}

#ZdeNasNaleznete {float: right; margin: 80px 180px 0 0;}
#ZdeNasNalezneteIt {float: right; margin: 65px 180px 0 0;}
#ZdeNasNaleznete a {float: right; text-align: right; font-size: 11px; text-decoration: underline;}

#VypisObsahu {padding: 0 35px 0 28px; width: 922px; margin: 20px 0; min-height: 410px;}

/*table.TabLinks {position: relative; top: -150px;}   */
table.TabLinks a {background: url("images/web/tablinks_a.gif") left center no-repeat;
 padding: 0 0 0 10px;}               

#Footer {background: url("images/web/footer_bg.gif") no-repeat; width: 958px; height: 65px;
 margin: 0 auto;}
#Footer a {font: 12px "Arial"; color: #6d0400; text-decoration: none;}
#CopyRights {float: left; margin: 22px 0 0 20px;}
#Developer {float: right; margin: 22px 20px 0 0;}

#ZpetneOdkazy{padding:10px 10px 20px 20px;}
#ZpetneOdkazy a{display:inline;}

#VypisObsahu img{margin-right:5px;}

/* LIGHTBOX2 */
#lightbox{ position: absolute; left: 0; 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;} /*tady navic  */
#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 */