body {background: white;}
body, table {font-family: verdana, arial, sans-serif; font-size: 8pt; line-height: 1.4; margin: 0px; padding: 0px;}
#main_menu .in, #foto, #obsah .in, #flags .in, #top_menu .in, #footer .in, #bottom .in {width: 770px;}
#flags, #top_menu, #content, #footer, #bottom, #adpuk, #bottom {text-align: center;}
#top_menu .in, #content .in, #adpuk .in, #flags .in, #footer .in, #bottom .in {margin: 0px auto 0px auto;}
#foto {text-align: left;}

#main {margin: 0px; padding: 0px; width: 100%;}

#flags {background: #cd8430; height: 30px; width: 100%; color: black;}
#flags .in {background: #d88b33; height: 30px; color: black;}
#flags .in img {float: right; margin-top: 8px; margin-right: 5px; margin-left: 5px; border: 0px;}

/*------------------------------------------------ horni obecne menu ------*/
#top_menu {background: url(img/gfx/top_menu_bg_out.png) top left repeat-x #857052;}
#top_menu .in {background: url(img/gfx/top_menu_bg.png) top left repeat-x; height: 34px;}
#top_menu .in .item {float: right; height: 24px; margin: 10px; margin-bottom: 0px;}
#top_menu .in .item_line {float: right; background: url(img/gfx/top_menu_line.png) top left no-repeat; width: 2px; height: 34px;}
#top_menu a.menu {color: #fcefb3; text-decoration: none; font-weight: normal; font-size: 8pt; text-transform: uppercase;}
#top_menu a.menu_on {color: white; text-decoration: none; font-weight: normal; font-size: 8pt; text-transform: uppercase;}

#top_menu .nabidka1  a{color: black; font-weight: bold;}

#main_menu .index {width: 255px; height: 75px; position: absolute; left: 40px; top: 15px; z-index: 4;}
#main_menu a .index {cursor: pointer;}

#main_menu {background: url(img/gfx/motiv.png) top left repeat-x #8d1004;}
#main_menu .in {background: url(img/hotel/menu_bg.png) top left no-repeat #85150a; height: 296px; position: relative;}

#main_menu .in_menu {position: absolute; left: 0px; top: 0px; width: 300px;}
#main_menu .in_menu .posun {padding-left: 100px; padding-top: 90px; text-align: left;}
#main_menu .in_menu .item {background: url(img/gfx/menu_item_bg.png) top left no-repeat; height: 32px;}
#main_menu .in_menu .item .text  {padding-left: 30px; height: 32px; padding-top: 5px;}
#main_menu .in_menu a.menu {color: #fcefb3; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 8pt;}
#main_menu .in_menu a.menu_on {color: white; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 8pt;}

#ilu {position: relative; left: 165px; top: 0px; width: 340px; height: 296px;}

#foto {position: relative; left: -25px; _left: 0px; top: 15px; background: #800e04; text-align: left; margin: 0px; padding: 0px; width: 770px;}
#foto .inline1 {margin-left: 20px; margin-right: 20px; }
#arrow_left {position: absolute; left: 0px; top: 75px;  z-index: 30; display: none; cursor: pointer;}
#arrow_right {position: absolute; right: 0px; bottom: 95px; _bottom: 110px; z-index: 30; display: none; cursor: pointer;}
#gallery_wrapper {position: relative; width: 720px; z-index: 20; _height: 285px; overflow: auto; scrollbar-face-color: #800e04; scrollbar-3dlight-color: #444444; scrollbar-darkshadow-color: black; scrollbar-arrow-color: #e88f27; scrollbar-base-color: #620b03; scrollbar-highlight-color: #af2b00; scrollbar-shadow-color: #800e04;}

#gallery {height: 255px; position: relative; left: 0px;}
#gallery td {text-align: left;}
#gallery img {border: 1px solid black; margin: 10px;}

#obsah {background: url(img/gfx/obsah_bg.jpg) top left repeat #f3f3f3; margin: 0px; padding: 0px;}
#obsah .in {background: white; margin: 0px; padding: 0px; min-height: 400px; _height: 400px;}
#obsah .text {font-size: 8pt; color: black; text-align: justify; padding: 25px;}
#obsah .text_foto {font-size: 8pt; color: black; text-align: justify; padding: 25px; _padding-left: 0px; _padding-right: 0px;}
#obsah .text_foto .nadpis {_padding-left: 25px;}

#obsah, #main_menu {text-align: center;}
#obsah .in, #main_menu .in {margin: 0px auto 0px auto;}

/*------------------------------------------------ paticka ------*/
#footer {clear: both; background: url(img/gfx/footer_bg_out.png) top left repeat-x #857052;}
#footer .in {background: url(img/gfx/footer_bg.png) top left repeat-x; height: 31px; text-align: right;}
#footer .text {color: #fcefb3; font-size: 8pt; padding: 5px 25px 0px 0px; text-align: right;}


#bottom {background: #cd8430; height: 50px; clear: both; border: 0px; font-size: 8pt;}
#bottom .in {background: #cd8430; height: 50px; width: 970px; border: 0px;}

a img {border: 0px;}
h1 {display: inline; font-size: 9pt;}

/*-------------------------------------------------------------------------------------- obecne ------*/
a:link, a:visited {font-size: 8pt; color: #8d1004; font-weight: normal;}
a:hover, a:active {color: #770d03; text-decoration: underline;}

ul {margin-top: 0px;list-style-image: url(img/gfx/arrow.jpg);}
.nadpis {margin-top: 10px; margin-bottom: 25px; color: #e38426; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
.podnadpis {margin-top: 15px; color: black; font-size: 8pt; font-weight: bold; text-transform: uppercase;}

/*-------------------------------------------------------------------------------------- ubytovani ------*/
#ubytovani .podnadpis {border-bottom: 1px solid #e3ba89; margin-top: 50px; clear: right;}
.apartma {color: #e38426; font-size: 8pt; font-weight: bold; text-transform: uppercase;}
#ubytovani .right {float: right;}
#ubytovani table td {vertical-align: top;}

/*-------------------------------------------------------------------------------------- cenik, specialni nabidka ------*/
.cenik {margin-bottom: 20px;}
.cenik, .nabidka {width: 100%; font-size: 8pt; border-left: 1px solid #e3ba89; border-top: 1px solid #e3ba89;}
.nabidka {width: 100%;}
.cenik td, .nabidka td {border-right: 1px solid #e3ba89; border-bottom: 1px solid #e3ba89; padding: 2px; vertical-align: top; text-align: right; padding-right: 5px;}
.cenik .left, .nabidka .left {width: 300px; text-align: left;}
.nabidka .left {width: 400px;}
.cenik .right {text-align: right; color: gray;}

.fleft {float: left; width: 75px}
img.fleft {float: right; width: 165px; height: 280px;}
img.fleft1 {float: right; width: 260px; height: 280px;}

.special {background: #730d04; color: white; margin: 0px; margin-bottom: 20px; padding: 10px;}
.special a:link, .special a:visited, .special a:hover, .special a:active {color: white; text-decoration: none; font-weight: bold;}

/*-------------------------------------------------------------------------------------- berounsko ------*/
.beroun  {clear: both; list-style-type: none;}
.beroun li  {margin-bottom: 10px; display: block; min-height: 107px; border-bottom: 1px solid #e3ba89;}
.beroun li.noborder  {border: 0px solid #e3ba89; height: 20px;}
.beroun .podnadpis {margin-bottom: 10px;}
.beroun img {float: right; width: 150px; height: 102px; margin: 0px 0px 0px 5px; clear: both;}
.beroun .left {float: left; width: 50%; margin-top: 5px; min-height: 130px;}
.beroun .clear_left {clear: left;}

.fright {float: right; width: 330px; text-align: right;}
.fright img {border: 0px; margin-right: 5px; margin-top: 5px;}

img.fright1 {}
/*-------------------------------------------------------------------------------------- kontakty ------*/
.kontakty {text-align: left;}

/*-------------------------------------------------------------------------------------- rezervace ------*/
#rezervace {border: 0px;}
#rezervace, #rezervace table, #rezervace input, #rezervace select, #rezervace textarea {font-size: 8pt;}
#rezervace .left {float: left; width: 135px; padding: 5px;}
#rezervace .right {margin-left: 100px; padding: 5px;}
#rezervace .clear  {clear: both; margin-bottom: 10px; border: 1px solid #e3ba89;}
#rezervace input, #rezervace select {margin-right: 5px;}
#rezervace .submit {text-align: right;}

.bold {font-size: 10pt; font-weight: bold;}
.karty img {margin-right: 10px;}
#mapa {border: 0px; float: right; margin-left: 10px;}
.clear {clear: both;}
.reklama {margin-bottom: 30px;}