/* CSS Stylesheet for Screen, Presentation */

@font-face {
    font-family: 'SwitzerlandCondensedNormal';
    src: url('font/SwitzerlandCondensed.eot');
    src: url('font/SwitzerlandCondensed.eot?#iefix') format('embedded-opentype'),
         url('font/SwitzerlandCondensed.woff') format('woff'),
         url('font/SwitzerlandCondensed.ttf') format('truetype'),
         url('font/SwitzerlandCondensed.svg#SwitzerlandCondensedNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************ General rules ************/
html,body {
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    background: #ffffff url('graphics/out_bottom.png') bottom repeat-x;
    font-size: .8em;
    font-family: Arial, Verdana, 'Geneva CE', lucida, sans-serif;
    color: #000000;
}

/************ General classes ************/
.cleaner {
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 100%;
    clear: both;
    height: 0;
}

.floatr {
    float: right;
}

.floatl {
    float: left;
}

input.button {
    border: 1px solid #d4dde8;
    height: 19px;
    margin: 0px 10px;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    overflow: hidden;
    background: #d4dde8 url('graphics/reservation_submit_bg.gif') center center repeat-x;
}

select {
    background: white url('graphics/input_bg.gif') top left no-repeat;
    border: 1px solid #d4dde8;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    font-family: Verdana, 'Geneva CE', lucida, sans-serif;
}

a {
    color: #010101;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

/************ bg ************/
#bg {
    border: none;
    margin: 0;
    width: 100%;
    background: url('graphics/out_top.png') repeat-x;
}

#bg_in {
    background: transparent url('graphics/out_border.png') repeat-y;
    width: 960px;
    margin: 0 auto;
}

#bg_in2 {
    background: url('graphics/out_top_big.png') no-repeat;
    width: 960px;
    padding: 0px;
    margin: 0 auto;
}

/************ bg2 ************/
#bg2_out {
    background: url('graphics/out_bottom_big.png') bottom no-repeat;
    width: 960px;
    padding: 0px 10px 1px;
    margin: 0px 0px 0px -10px;
}

#bg2 {
    overflow: hidden;
    border-top: none;
    width: 917px;
    margin: 0 auto;
    margin-bottom: 44px;
    padding: 0 10px 1px;
    position: relative;
    background: #FFFFFF;
}

#bg3 {
    margin: 0 auto;
    min-height: 700px;
}

/************ top ************/
#top,#top2 {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/************ lang ************/
#lang {
    font-size: 80%;
    margin: 0;
    padding: 0;
    border: 0;
    color: #746c50;
    height: 22px;
}

#lang ul {
    float: right;
    list-style: none;
    width: auto;
    padding: 0;
    margin: 2px 0px 0px;
    overflow: hidden;
}

#lang li {
    display: block;
    width: 20px;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
}

#lang ul li.separator {
    width: 1px;
    padding: 0;
    display: block;
}

#lang li a {
    display: block;
    height: 22px;
    width: auto;
    text-transform: uppercase;
    color: #746c50;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
}

#lang li a:hover {
    color: #e59d1f;
    background: #f7f1cb;
    display: block;
    text-decoration: none;
}

#lang img {
    border: 0 none;
    margin: 3px auto;
    padding: 0;
}

/************ head ************/
#head {
    position: relative;
    background: #FFFFFF url('graphics/reservation.png') no-repeat;
    width: 302px;
    height: 288px;
    float: left;
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 0px;
}

#head p {
    margin: 0;
    padding: 0;
}

#header {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 0;
    text-align: left;
}

#header h2 {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0 7px;
    font-size: 110%;
    color: #FFFEFE;
    vertical-align: middle;
    line-height: 33px;
}

#header_in,#header_in2 {
    margin: 0;
    padding: 0;
}

.header_contact {
    margin: 0;
    padding: 0 7px;
    display: block;
    float: left;
    line-height: 20px;
}

#header_map {
    margin: 12px;
    padding: 0;
    text-align: center;
    display: block;
    float: right;
}

#header_map img {
    margin: 0;
    padding: 0;
    border: none;
}

.header_contact a {
    text-decoration: underline;
}

.header_contact a:hover {
    text-decoration: none;
}

#logo {
    width: 145px;
    height: 73px;
    float: left;
    margin: 10px 0px 10px 10px;
}

#logo img {
    border: none;
}

/************ middle ************/
#middle {
    display: inline;
    overflow: hidden;
    height: 122px;
    color: #766f53;
}

#middle p {
    line-height: 12px;
    font-size: 8pt;
    text-align: justify;
    word-wrap: break-word;
    overflow: hidden;
    margin: 0px 10px 0px 0px;
}

#middle h2 {
    overflow: hidden;
    padding: 0px;
    color: transparent;
    font-size: 13pt;
    font-weight: bold;
    /* now, this is important */
    margin: 6px 0px 10px 0px;
    line-height: 24px;
}

#middle .more {
    margin: -5px 0px 5px;
    padding: 0px;
}

#middle .more a {
    float: right;
    width: 10px;
    height: 10px;
    margin: 0px 10px 10px 0px;
    padding: 0px;
    color: #f9f9f9;
    background: transparent url('graphics/news_more.png') center right no-repeat;
}

/* IE6 hack :( */
* html #middle .more a {
    padding: 0px;
}

/* Opera 7 hack :( */
@media all and (min-width: 0px) {
    #middle .more a {
        padding: 0px;
    }
}

#middle #action h2 {
    background: transparent url('graphics/middle_action_h2_en.png') no-repeat;
}
body#body_lan1 #middle #action h2 {
    background: transparent url('graphics/middle_action_h2.png') no-repeat;
}

#middle #wellness h2 {
    background: transparent url('graphics/middle_wellness_h2.png') no-repeat;
}

#middle #apartma h2 {
    background: transparent url('graphics/middle_apartma_h2_en.png') no-repeat;
}
body#body_lan1 #middle #apartma h2 {
    background: transparent url('graphics/middle_apartma_h2.png') no-repeat;
}

#middle #apartma_out,
#middle #wellness_out,
#middle #action_out {
    display: inline;
    overflow: hidden;
    float: left;
    width: 310px;
    height: 122px;
    padding: 5px 0px 0px 6px;
    background: transparent url('graphics/middle_bg.png') no-repeat;
}

#middle #apartma_out {
    margin: 5px 0px 5px -6px;
}

#middle #wellness_out {
    margin: 5px 0px 5px -7px;
}

#middle #action_out {
    margin: 5px -15px 5px -7px;
}

#apartma_in, #wellness_in, #action_in {
    float: right;
    width: 174px;
    padding: 0 5px;
}

#middle #apartma, #middle #wellness, #middle #action {
    display: inline;
    overflow: hidden;
    float: left;
    width: 298px;
    height: 112px;
}

#middle #apartma {
    background: transparent url('graphics/middle_apartma_bg.png') repeat-x;
}

#middle #wellness {
    background: transparent url('graphics/middle_wellness_bg.png') repeat-x;
}

#middle #action {
    background: transparent url('graphics/middle_action_bg.png') repeat-x;
}

#middle .middle-img {
    width: 111px;
    height: 110px;
    float: left;
    margin: 1px 1px 0;
}

#middle #apartma .middle-img {
    background: transparent url('graphics/middle_apartma.png') no-repeat;
}

#middle #wellness .middle-img {
    background: transparent url('graphics/middle_wellness.png') no-repeat;
}

#middle #action .middle-img {
    background: transparent url('graphics/middle_action.png') no-repeat;
}




/************ menu ************/
#menu {
    overflow: hidden;
    text-align: right;
    /*font-family: "SwitzerlandCondensedNormal", Helvetica;*/
    font-family: 'Arial', sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 0;
    border: 0;
}

#menu #menu_in {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 10px;
    text-align: right;
}

#menu ul {
    overflow: hidden;
    float: right;
    list-style-type: none;
    padding: 0px;
    margin: 0;
    text-align: right;
}

#menu li {
    overflow: hidden;
    float: left;
    display: inline;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    text-align: right;
    position: relative;
}

#menu ul li.separator {
    width: 2px;
    height: 38px;
    /*padding: 6px 0px 0px;*/
    margin: 0px;
    /*background: transparent url('graphics/menu_separator.png') left    no-repeat;*/
}

#menu li a {
    height: auto;
    overflow: hidden;
    padding: 10px 20px;
    /*margin: 3px 0px 0px;*/
    display: block;
    color: #a79e7d;
    /*color: #746c50;*/
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 19px;
    font-size: 14px;
}

#menu li.menu_even a {
    background-color: #e7f1f3;
}

#menu li.menu_odd a {
    background-color: #deebee;
}

#menu li.menu-bottom-item a {
    /*padding-right: 10px;*/
}

#menu li a:hover {
    overflow: hidden;
    display: block;
    color: #947b1b;
    background: #f7f1cb;
    text-decoration: none;
}

/************ news ************/
#news {
    float: left;
    display: inline;
    overflow: hidden;
    width: 304px;
    background: #e8eef5;
    text-align: left;
    margin: 0px;
}

#news_in2 {
    margin: 0px 10px;
}

#news .news-title {
    margin: 0;
    padding: 5px 0px 5px 5px;
    font-family: "Switzerland Condensed", Helvetica;
    font-size: 18pt;
    font-weight: normal;
    background: transparent url('graphics/news_bg.png') repeat-x;
    color: #7c91ac;
}

#news dt.date {
    padding: 10px 0px 0px;
    color: #b0ac9a;
}

#news dl {
    clear: right;
    border-top: solid 1px #d4dde8;
}

#news dl:first-child {
    border: none;
}

* html #news dl {
    clear: right;
    border-top: expression(this . previousSibling == null ?   "" : 
      "solid 1px #d4dde8");
}

#news dt a {
    font-weight: bold;
    color: #3a5a82;
}

#news dl,#news dt,#news dd {
    margin: 0;
    padding: 0;
    color: #766f53;;
}

#news dd {
    padding: 10px 0px 0px;
}

#news dd a {
    padding: 0px 20px 0px 0px;
    margin: 5px 5px 5px 0px;
    color: #e8eef5;
    background: transparent url('graphics/news_more.png') center right no-repeat;
    float: right;
}

/************ reservation ************/
#quick-reservation {
    display: block;
    height: 90px;
    width: 100%;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    _bottom: -10px;
    left: 0;
}

#quick-reservation .quick-reservation-title {
    margin: 0;
    padding: 0 7px;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    color: #FFFEFE;
    display: block;
    height: 33px;
    vertical-align: middle;
    line-height: 33px;
}

#quick-reservation form {
    height: 59px;
    font-size: 8pt;
    margin: 10px 0px 0px 10px;
    padding: 0;
    background: transparent;
}

#quick-reservation #quick-reservation-form-from,
#quick-reservation #quick-reservation-form-to,
#quick-reservation .quick-reservation-button-cover {
    float: left;
    padding: 0;
    margin: 0 10px 0px 0px;
    $margin: 0px 5px 0px 0px;
}

#quick-reservation #calendar-input-quickDateFrom,
#quick-reservation #calendar-input-quickDateTo,
#quick-reservation input {
    margin: 0;
    padding: 1px 15px 1px 1px;
    border: 1px solid #bbb496;
    width: 60px;
    height: 14px;
    font-size: 100%;
    background: #FFFFFF;
    background-image: url('graphics/calendar.gif');
    background-position: 63px center;
    background-repeat: no-repeat;
}

#quick-reservation label {
    text-align: left;
    margin: 0;
    padding: 0;
}

#quick-reservation #od,#quick-reservation #do {
    background: white url('graphics/input_bg.gif') top left no-repeat;
    text-align: right;
    padding: 0;
    margin: 0;
}

#quick-reservation .button-verify {
    border: none;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    $margin-top: 2px;
    width: 24px;
    height: 17px;
    background: transparent url('graphics/reservation_submit_bg.png') no-repeat;
}

/************ content ************/
#content {
    display: inline;
    overflow: hidden;
    width: 613px;
    margin: 0;
    float: left;
    padding: 0;
    border: 0;
    color: #766f53;
    font-size: 10pt;
}

#content_in {
    border: 0;
    padding: 0;
    margin: 0px 25px 0px 15px;
}

#content_in2 {
    text-align: justify;
    margin: 0;
    padding: 0;
}

#content h1 {
    padding: 0;
    margin: 4px 0;
    color: #524b26;
    font-size: 20px;
}

a {
    color: #3A5A82;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

#content img {
    border: none;
    margin: 5px;
}

form#form-season-selection {
    margin: 0;
}

#content ul {
    margin: 4px 0 4px 15px;
    padding-left: 15px;
    list-style-type: circle;
    text-align: left;
}

#content p {
    line-height: 24px;
    margin-bottom: 5px;
}

/************ priceList ************/
   table {
    text-align: left;
    border: 1px solid #d4dde8;
    border-collapse: collapse;
    margin: 2px 0px 5px 0px;
    width: 100%;
}

   table thead {
    font-weight: bold;
    text-align: center;
    background-color: #e2e7eb;
    border-bottom: 1px solid #d4dde8;
    color: #766f53;
}
   table td {
    padding: 3px;
    color: #766f53;
}

table.pricelist th.season-title,
table.pricelist th.season-range {
    background: url('graphics/news_bg.gif') repeat-x;
    font-weight: bold;
    border-bottom: 1px solid #d4dde8;
    color: #000000;
    height: 25px;
    padding: 0 5px;
}

table.pricelist th.season-title {
    text-align: left;
}

table.pricelist th.season-range {
    text-align: right;
}
table.pricelist td.price-value {
    text-align: right;
}

table.pricelist th.rooms-title {
    font-weight: bold;
    border-bottom: 1px solid #d4dde8;
    border-right: 1px solid #d4dde8;
    background: #c9d5e3;
    text-align: left;
    padding-left: 5px;
}

table.pricelist th.guests-count {
    font-weight: bold;
    border-bottom: 1px solid #d4dde8;
    text-align: right;
}

table.pricelist td.room-name {
    font-weight: normal;
    width: 130px;
    background: #E8EEF5;
    text-align: left;
    border-right: 1px solid #d4dde8;
}

table.pricelist th.guests-title {
    width: 434px;
}

/************ accommodation ************/
.objectKind-detail {
    width: 550px;
    color: #766f53;
    border-bottom: 1px solid #d4dde8;
}

.objectKind-detail .objectKind-detail-text {
    font-style: normal;
}

.objectKind-detail .objectKind-properties {
    border: none;
    margin: 2px 0;
    clear: both;
}

.objectKind-detail .objectKind-properties img {
    border: none;
    margin: 0 3px;
}

.objectKind-detail .objectKind-detail-title {
    padding-bottom: 2px;
    letter-spacing: 2px;
    text-align: left;
    border-bottom: 0;
}

/************ objectKind - gallery ************/
.objectKind-detail .objectKind-gallery {
    width: 120px;
    height: 130px;
    margin: 5px;
    border-width: 1px 0;
    border-color: #d4dde8;
    border-style: solid;
    background: #E8EEF5;
    position: relative;
    float: right;
    font-size: 90%;
}

.objectKind-detail .objectKind-gallery .objectKind-gallery-photo {
    text-align: center;
    vertical-align: middle;
    margin: 5px auto;
    padding: 0;
    width: 104px;
    height: 104px;
}

.objectKind-detail .objectKind-gallery .objectKind-gallery-list {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    width: 100px;
    height: 15px;
    line-height: 15px;
    color: #CD7400;
}

.objectKind-detail .objectKind-gallery a {
    text-decoration: none;
}

.objectKind-detail .objectKind-gallery a:hover {
    color: #F0F2CA;
}

.objectKind-detail .objectKind-gallery a img {
    border: 2px solid #d4dde8;
    margin: 0;
}

.objectKind-detail .objectKind-gallery a:hover img {
    border: 2px solid #d4dde8;
}

/************ gallery ************/
#gallery table,#gallery table tbody {
    width: 100%;
    border: none;
}

#gallery table tbody td {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    width: 150px;
}

#gallery table a img {
    border: 2px solid #BBC9BC;
}

#gallery table a:hover img {
    border: 2px solid #DDE7DE;
}

#galleryDetail {
    position: absolute;
    width: 200px;
    height: 60px;
    font-weight: bold;
    bottom: 10px;
    right: 10px;
    padding: 5px;
    background-color: #FFFFFF;
    font-size: 100%;
    text-align: left;
    border: 1px solid #000000;
    filter: alpha(opacity = 75);
    -moz-opacity: .75;
    opacity: .75;
}

#galleryDetail a {
    float: right;
    margin: 3px 3px 7px 7px;
    color: red;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
}

/************ footer ************/
#footer {
    width: 935px;
    overflow: hidden;
    font-size: 80%;
    color: #766f53;
    margin: 15px -9px 0px -9px;
    height: 3em;
    line-height: 3em;
    background: transparent url('graphics/footer_bg.png') repeat-x;
}

#footer #copy {
    margin: 0px 10px;
}

#copy #copy-previo {
    float: left;
    text-align: left;
}

#copy #copy-hotel {
    float: right;
}

#footer a {
    color: #000000;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

/************ Calendar ************/
.cal-left,.cal-right,.cal-month,.cal-year,.calendar .td_top {
    background-color: #C9D5E3;
}

.calendar .td_hilite div {
    background-color: #C9D5E3;
    border-color: #3A5A82;
}

.calendar .td_today div {
    border-color: #3A5A82;
}

/************ Iframe map ************/
iframe#map {
    width: 575px;
    height: 300px;
}

/************ Quick gallery ************/

.quickGallery {
    clear: both;
    margin: 0;
    border: 0;
    width: 613px;
    height: 288px;
    float: left;
    background: transparent;
    display: block;
    overflow: hidden;
}
.quickGallery .quickGallery-title {
    display: none;
}
.quickGallery table {
    width: 100%;
}
.quickGallery td {
    text-align: center;
    vertical-align: middle;
}
.quickGallery a, .quickGallery a img {
    border: none;
}
.quickGallery a:hover, .quickGallery a:hover img {
    border: none;
}
.quickGallery .more-photos {
    display: none;
}
.quickGallery ul li img {
    width: 613px;
}