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

a img { border: none; }
strong { font-weight: normal; color: #0b4a75; }
h1 { font-size: 20px; font-weight: normal; }
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: #0b4a75; }

#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: #508896 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: 56px; 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 .restaurant, body.cubar #menu .cubar, body.balneo #menu .balneo, 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 .malta { 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: 482px; }
#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; }

#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 #0b4a75; 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 #0b4a75; }

#operator { position: absolute; right: 108px; color: #fff; font-size: smaller; text-align: right; } #operator a { color: #fff; }
#operator2 { position: absolute; left: 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: #0d5282 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 h2.actual { color: #ba0000; font-weight:bold; }
#right p.actual { color: #ff9700; }
#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; }
#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: #0b4a75; 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: #0d5282; }
#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: #0b4a75; }
.ui-datepicker-header { height: 30px; background: #0b4a75; }
.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: #2f83bb; }
#content .jScrollPaneDrag { background: #0b4a75; }

img.map { float: left; width:300px; margin-top:20px; }

span.bold { font-weight: bold; }
span.underline { text-decoration: underline; }
/* span.italic { font-style: italic; } */

th.break { height:15px; }

.red { color: red; font-weight:bold; }
.no_style { margin:0; padding:0; }

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

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

.white { color: white; }
.center { text-align: center; }

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

td.price { text-align: center; }