body
{
  background: #588c64 url(body-bg.png) repeat-x; margin: 0;
  font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 11px; color: #fff; text-align: center;
  border:0;
}

a img { border: none; }
strong { font-weight: normal; color: #0c4621; }
h1 { font-size: 20px; font-weight: normal; }
h1.specialoffer { color: #ff0000; text-align:right;}
h1.center { text-align:center; }
h2 { font-size: 16px; font-weight: normal; }
p { margin: 0 6px; }
p.center { text-align: center; }
table { margin: 6px auto; }
td, th { font-size: 11px; }
.left { text-align: left; }
dt { font-weight: bold; margin: 4px 0; }
a { color: #0c4621; }
a.balneo2 { color: #ffffff; font-weight:bold; }

#page-outer { width: 992px; margin: 0 auto; position: relative; padding: 35px 0 58px 0; }
#page-inner { width: 776px; margin: 0 auto; border: 1px solid #fff; background: #466e46 url(page-bg.jpeg) no-repeat; text-align: left; }
#page-inner2 { height: 500px; _height: 678px; padding-top: 178px; background: url(foot-bg.jpeg) no-repeat bottom left; position: relative; }
body.home #page-inner2 { background-image: url(foot-bg-home.jpeg); }

#logo { margin: 0; position: absolute; left: 38px; top: 6px; }
#logo:hover { background: none; }

#lang { position: absolute; top: 10px; right: 108px; }
#lang p { margin: 0; }
#lang img { vertical-align: middle; }

#menu { position: absolute; top: 150px; left: 0px; &left: -1px; width: 562px; border-bottom: 1px solid #fff; font-size: 9px; background: url(menu-bg.png) no-repeat 100% 10px; }
#menu a { color: #fff; text-decoration: none; display: block; }
#menu a:hover { color: #000; }
#menu table { margin: 0; padding: 0; display: table; width: 100%; border-collapse: collapse; }
#menu td { display: table-cell; height: 27px; padding: 0 2px; border-left: 1px solid #fff; text-align: center; font-size: 9px; }
body.home #menu .home, body.accommodation #menu .accommodation, body.wellness #menu .wellness, body.restaurant #menu ., body.cubar #menu .cubar, body.entertainment #menu .entertainment, body.gallery #menu .gallery, body.events #menu .events, body.prices #menu .prices, body.contact #menu .contact { color: #000; }

#submenu { display: block; height: 27px; margin: 0 0 0 -21px; padding: 0; font-size: 9px; }
#submenu li { display: block; float: left; border-left: 1px solid #fff; }
#submenu a { color: #fff; text-decoration: none; display: block; line-height: 27px; padding: 0 6px; }
#submenu li.selected a, #submenu a:hover { color: #000; }

#icons ul, #icons li, body { margin: 0; padding: 0; }
#icons li { display: block; }
#icons .ruze { position: absolute; top: 225px; left: 4px; }
#icons .windsor { position: absolute; top: 355px; left: 4px; }
#icons .zatisi { position: absolute; top: 488px; left: 4px; }
#icons .navatel { position: absolute; bottom: 13px; left: 282px; }
#icons .yellowpoint { position: absolute; top: 611px; left: 885px; }
#icons .tawan { position: absolute; top: 534px; left: 885px; }
#icons .logo1 { position: absolute; top: 416px; left: 885px; }
#icons .sodexo { position: absolute; top: 348px; left: 885px; }
#icons .tixik { position: absolute; top: 281px; left: 885px; }

#content { width: 521px; _width: 561px; height: 457px; padding: 0px 20px; background: url(content-bg.jpeg); text-align: justify; }
body.home #content { background-image: url(content-bg-home.jpeg); }
#content h1 { margin: 0; padding-top: 6px; }
#content img { border: 2px solid #0c4621; margin: 6px; }
#content table { width: 100%; border-collapse: collapse; }
#content table.center { text-align: center; }
#content table.borders td, #content table.borders th { padding: 2px 4px; border: 1px solid #0c4621; }

#operator { position: absolute; right: 108px; color: #fff; font-size: smaller; text-align: right; } #operator a { color: #fff; }

#right { position: absolute; top: 160px; right: 0; width: 186px; _width: 214px; height: 435px; _height: 476px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #275e39 url(right-bg.jpeg) no-repeat; padding: 40px 14px 0 14px; }
#right h2 { font-size: 16px; letter-spacing: -1px; margin: 3px 0; }
#right h2 span { color: #ff9700; font-size: 16px; }
#right p { position: relative; padding-right: 50px; margin-top: 0; margin-bottom: 6px; min-height: 60px; }
#right a { position: absolute; right: 0; bottom: 0; _top: 20px; }
#right span { font-size: larger; }

#right h2.actual { color: #ba0000; font-weight:bold; }
#right p.actual { color: #ff9700; }

#scroll { height: 240px; overflow: hidden; position: relative; }
#scroll-up { width: 135px; height: 100px; position: absolute; top: 70px; z-index: 10; background: url(transparent.gif); }
#scroll-down { width: 135px; height: 100px; position: absolute; top: 220px; z-index: 10; background: url(transparent.gif); }

#booking { position: absolute; right: 0; bottom: 0; width: 186px; _width: 212px; height: 159px; background: #0c4621; padding: 0 14px; }
#booking img { vertical-align: middle; cursor: pointer; }
#booking input { border: 1px solid #ff9700; width: 158px; margin-right: 6px; }
#booking label { display: block; color: #ff9700; text-transform: uppercase; font-size: 10px; }
#booking .submit { border: none; position: absolute; right: 14px; bottom: 6px; width: auto; }

#ui-datepicker-div { width: 180px; border: 1px solid #fff; background: #275e39; }
#ui-datepicker-div a { color: #fff; }
#ui-datepicker-div tbody td, .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
#ui-datepicker-div table { width: 100%; margin: 0; }
.ui-datepicker-control, .ui-datepicker-current { display: none; }
.ui-datepicker-links { height: 20px; background: #0c4621; }
.ui-datepicker-header { height: 30px; background: #0c4621; }
.ui-datepicker-prev { float: left; }
.ui-datepicker-next { float: right; }
.ui-datepicker-otherMonth { color: #ccc; }
#ui-datepicker-div thead { font-weight: bold; }
#ui-datepicker-div iframe { display: none; }

body #lightboxDetails a { text-decoration: none; }
body #lightboxDetails kbd { color: #000; font-size: 22px; font-family: sans-serif; }

#content .jScrollPaneTrack { background: #588c64; }
#content .jScrollPaneDrag { background: #07411d; }

.red { color: red; font-weight:bold; }
.no_style_cs { margin:0; padding:0; margin-left:80px; list-style:none; }
.no_style_en { margin:0; padding:0; margin-left:60px; list-style:none; }
.no_style { margin:0; padding:0; }

th.break { height:15px; }
td.right { text-align:right; }

span.sub_header { font-weight: bold; color: #0c4621; }

img.ikonka { width:25px; border:0; vertical-align:middle; }

.center { text-align: center; }

div.map_window { float: right; width:206px; margin-top:10px; }
img.map { float:right; width:200px; }

img.accomm_pics { width:230px; height:130px }

.img_centered { margin-left: auto; margin-right: auto; text-align:center; }

span.bold { font-weight: bold; }
span.underline { text-decoration: underline; }

td.price { text-align: center; }
.w80 { width: 80px; }
.sep { margin-left:15px; margin-right:15px; margin-top:-10px}
