body {background: white;}
body, table {font-family: verdana, arial, sans-serif; font-size: 9pt; line-height: 1.4; margin: 0px; padding: 0px;}
.text {padding: 20px; font-size: 8pt; 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; width: 960px; color: black;}
#flags .in img {float: right; margin-top: 8px; margin-right: 5px; margin-left: 5px; border: 0px;}

/*------------------------------------------------ obecne info, upoutavka na hotel i penzion  ------*/
#obecne {background: #b23400; margin: 0px; padding: 0px; width: 100%; color: white;}
#obecne .in {width: 960px; height: 160px; background: url(img/gfx/obecne_bg.png) top left repeat-x #c74201;}
#obecne .text {margin-left: 245px; height: 135px; width: 660px; background: url(img/gfx/obecne_bg.png) top left repeat-x #c74201; padding-top: 12px; font-size: 9pt; color: #ede7df;}
#obecne .logo {width: 245px; height: 135px; float: left; margin-right: 20px;}

/*------------------------------------------------ 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; width: 960px;}
#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;}

#adpuk {background: url(img/gfx/motiv.png) top left repeat-x #8d1004; color: white; height: 310px; border-bottom: 1px solid #ab4238;}
#adpuk .in {width: 960px; _width: 962px; background: white; clear: both; color: black; border-right: 1px solid #ab4238; border-left: 1px solid #ab4238;}
.ubytovani-beroun{font-weight:normal!important;}
.beroun-hotel{margin-left:450;}
.beroun-ubytovani{font-size:16px!important; margin-bottom:32px; padding:0px; color:#B4271C;}
/*------------------------------------------------ hotel, penzion menu + ilu img ------*/
#hotel, #penzion {background: #951105; color: black; margin: 0px; padding: 0px; float: left; width: 480px;}
#hotel .top, #penzion .top {background: #951105; color: white; margin: 0px; padding: 0px;  width: 480px; height: 310px; _height: 372px;}
#penzion .top {background: #9a1d11;}
#hotel .hotel_nadpis, #penzion .penzion_nadpis {display: block; padding: 20px; _padding: 0px; _margin: 20px;} 

.main_menu {padding: 0px; margin: 0px; width: 190px; float: left;}
.main_menu .posun {padding: 10px 0px 0px 10px; _padding: 0px 0px 0px 20px; text-align: left;}
.main_menu .item {background: url(img/gfx/menu_item_bg.png) top left no-repeat; height: 32px;}
.main_menu .item .text  {padding-left: 30px; height: 32px; padding-top: 5px;}
.main_menu a.menu {color: #ffeecc; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 8pt;}
.main_menu a.menu_on {color: white; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 8pt;}

.main_menu a:link, .main_menu a:visited, .main_menu a:hover, .main_menu a:active {color: #ffeecc; text-decoration: none;}
.main_menu a.menu_on:link, .main_menu a.menu_on:visited, .main_menu a.menu_on:hover, .main_menu a.menu_on:active {color: white; text-decoration: none;}

#penzion .main_menu .item {background: url(img/gfx/menu_item_penzion_bg.png) top left no-repeat; height: 32px;}
#penzion .penzion_foto {float: left; width: 267px; height: 200px; margin: 0px; padding: 0px;}

#foto {width: 267px; position: relative; left: 200px; _left: 180px; top: 0px; margin: 0px; padding: 0px;} 
.inline1 {margin: 0px; width: 100%; padding: 0px;}
#arrow_left {position: absolute; left: 0px; _left: -190px; bottom: 95px; z-index: 30; cursor: pointer;}
#arrow_right {position: absolute; right: 0px; _right: 190px; bottom: 95px; z-index: 30; cursor: pointer;}
#arrow_left, #arrow_right {filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;}

#gallery_wrapper {position: relative; width: 100%; overflow: hidden; z-index: 20; left: -190px; top: 0px;}
#gallery {height: 200px; position: relative; left: 0px;}
#gallery td {text-align: left;}


/*------------------------------------------------ obsahova cast hotel, penzion ------*/
#content {background: #921b10; color: white; clear: both; border-top: 1px solid #ab4238;}
#content .in {width: 960px; _width: 962px; background: #9a1d11; color: black; min-height: 400px; _height: 400px;}
.hotel, .penzion,  #both {background: white; color: black; font-size: 8pt; padding: 25px; text-align: left;}
.hotel, .penzion {background: #9a1d11; min-height: 240px; _height: 450px; color: #eee0cb; border-right: 1px solid #ab4238; float: left; width: 429px; _width: 480px;}
.penzion {border: 0px; width: 430px; _width: 480px;}

#both {min-height: 130px; background: #af2d00; clear: left; color: white; padding-top: 10px; padding-bottom: 10px;}


/*------------------------------------------------ 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; width: 960px; 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; color: white;}
#bottom .in {background: #cd8430; height: 50px; width: 970px; border: 0px;}


#flags, #obecne, #top_menu, #content, #footer, #bottom, #adpuk, #bottom {text-align: center;}
#obecne .in, #top_menu .in, #content .in, #adpuk .in, #flags .in, #footer .in, #bottom .in {margin: 0px auto 0px auto;}

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

.reklama {float: right; position: relative; top: -30px; }
.bold {color: black;}

a:link, a:visited, a:hover, a:active {color: #fcefb3; text-decoration: none; font-weight: normal; font-size: 8pt; text-decoration: underline;}