/* CSS Stylesheet for Screen, Presentation - Default Previo Template */ /************ General rules ************/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { font-size: 13px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; } /************ General classes ************/ .cleaner { margin: 0; padding: 0; border: 0; visibility: hidden; width: 100%; clear: both; height: 0; display: block; } .floatr { float: right; } .floatl { float: left; } .right { text-align: right; } .left { text-align: left; } input.button { border-width: 1px; border-style: solid; height: 19px; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 10px; font-size: 100%; font-weight: bold; text-decoration: none; cursor: pointer; overflow: hidden; } select { border-width: 1px; border-style: solid; font-size: 100%; font-weight: normal; font-family: Verdana, 'Geneva CE', lucida, sans-serif; } a { text-decoration: underline; } a:hover { text-decoration: none; } /************ bg ************/ #bg { width: 100%;
text-align: center; border: none; margin: 0; padding: 0; } #bg p, #bg h1 { text-align: left; } /************ bg2 ************/ #bg2 { border-width: 1px; border-style: solid; border-top: none; width: 735px; height: 100%; margin: 0 auto; margin-bottom: 20px; padding: 0 10px 10px 10px; position: relative; } /************ bg3 ************/ #bg3 { margin: 0; padding: 0; } /************ bg4 ************/ #bg4 { margin: 0; padding: 0; } /************ lang ************/ #lang { font-size: 80%; margin: 0; padding: 0; border: 0; height: 22px; width: 735px; } #lang ul { list-style: none; width: auto; padding: 0; margin: 0; overflow: hidden; } #lang li { display: block; width: 20px; float: left; height: 22px; line-height: 22px; 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; text-align: center; font-weight: normal; text-decoration: none; } #lang li a:hover {
display: block; text-decoration: none; } #lang img { border: 0 none; margin: 3px auto; padding: 0; } /************ head ************/ #head { width: 735px; height: 168px; margin: 0; padding: 0; _margin-bottom: -15px; } #header { width: 523px; height: 146px; float: right; display: block; margin: 10px 0 10px 5px; border-width: 1px; border-style: solid; padding: 0; text-align: left; } #header h2 { display: none; } #header_in { width: 523px; height: 146px; margin: 0; padding: 0; background: transparent; } #header_in2 { margin: 0; padding: 0; border: 0; width: auto; } .header_contact { margin: 5px; padding: 5px; display: block; float: left; } #header_map { margin: 12px; padding: 0; text-align: center; display: none; 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: 198px; height: 148px; line-height: 148px; float: left; display: inline; margin: 10px 5px 10px 0; padding: 0;
border: none; } #logo img { border: none; padding: 0; margin: 0; } /************ menu ************/ #menu { width: 198px; height: auto; float: left; display: block; margin: 0; padding: 0; border: 0; text-align: left; clear: left; position: relative; } #menu #menu_in { width: auto; margin: 0; padding: 0; border-width: 1px; border-style: solid; background: transparent; } #menu ul { list-style: none; padding: 0; margin: 0; width: 196px; overflow: hidden; } #menu ul li { display: block; height: 30px; padding: 0; margin: 0; line-height: 30px; vertical-align: middle; } #menu ul li.separator { display: none; } #menu ul li a { display: block; height: 30px; width: auto; text-transform: uppercase; font-weight: bold; text-decoration: none; padding-left: 15px; white-space: nowrap; } #menu ul li a:hover { display: block; text-decoration: none; } #menu ul li a span { display: none; } /************ news ************/ #news { width: 196px; display: inline; border-width: 1px; border-style: solid; text-align: left;
margin: 10px 0; float: left; clear: left; } #news .news-title { display: block; height: 24px; line-height: 24px; vertical-align: middle; padding: 0 7px; margin: 0; font-size: 110%; font-weight: bold; } #news dl, #news dt, #news dd { margin: 5px; padding: 0; } #news dt { font-weight: bold; } #news .date { font-weight: normal; } /************ Quick Reservation Form ************/ #quick-reservation, #quick-reservation-inline { width: 175px; height: 120px; border-width: 1px; border-style: solid; position: absolute; top: 43px; left: 557px; } #quick-reservation .quick-reservation-title, #quick-reservation-inline .quick-reservation-inline-title { text-align: left; padding: 0 7px; font-size: 110%; font-weight: bold; display: block; height: 33px; vertival-align: middle; line-height: 33px; margin: 0; } #quick-reservation form, #quick-reservation-inline form { margin: 0; padding: 0; } #quick-reservation table, #quick-reservation-inline table { border-collapse: separate; border: none; text-align: center; margin: 0;
padding: 0; width: 175px; height: 87px; } #quick-reservation table td, #quick-reservation-inline table td { padding: 0 7px; width: 50%; text-align: left; } #quick-reservation table td label, #quick-reservation-inline table td label { font-weight: bold; text-align: left; margin: 0; padding: 0; } #quick-reservation table input, #quick-reservation-inline table input { border-width: 1px; border-style: solid; margin: 0; padding: 0; width: 60px; } #quick-reservation table select, #quick-reservation-inline table select { border-width: 1px; border-style: solid; margin: 0; font-size: 90%; padding: 0; } #quick-reservation table select option, #quick-reservation-inline table select option { font-size: 80%; padding: 1px 2px; margin: 2px 0; } #quick-reservation table #od, #quick-reservation table #do, #quick-reservation-inline table #od, #quick-reservation-inline table #do { width: 65px; height: 100%; text-align: right; font-size: 90%; padding: 2px 2px; }
#quick-reservation table .button-verify, #quick-reservation-inline table .button-verify { width: 100%; height: 19px; cursor: pointer; } /************ quickGallery ************/ .quickGallery { width: 300px; height: 250px; display: none; position: absolute; border: 0; background: transparent; text-align: left; margin: 0 0 2px; left: 6px; top: 460px; } .quickGallery .quickGallery_in { width: auto; height: 188px; padding: 0 20px; font-size: 90%; } .quickGallery .quickGallery-title { width: 206px; display: block; height: 38px; line-height: 33px; vertical-align: middle; text-align: left; padding: 0 0 0 15px; margin: 0; font-size: 160%; font-weight: bold; font-variant: small-caps; background: transparent; letter-spacing: 4px; } .quickGallery table { width: 100%; } .quickGallery td { text-align: center; vertical-align: middle; } .quickGallery a img { border-width: 2px; border-style: solid; } .quickGallery a:hover img { border-width: 2px; border-style: solid; } .quickGallery .more-photos a { line-height: 15px;
padding: 0 5px; margin: 0; text-align: right; display: block; } /************ innerGallery ************/ .innerGallery { float: right; clear: right; width: auto; height: auto; margin: 0; } .innerGallery .innerGallery_in { width: auto; height: auto; padding: 0 5px; font-size: 90%; margin: 5px 0 0 10px; border-left-style: solid; border-left-width: 1px; } .innerGallery table { width: auto; height: auto; margin: 0; border: 0; } .innerGallery table td { text-align: center; } .innerGallery table a img { border-width: 2px; border-style: solid; } .innerGallery table a:hover img { border-width: 2px; border-style: solid; } /************ content ************/ #content { overflow: hidden; width: 536px; _width: 534px; margin: 0; padding: 0; border: 0; } #content_in { width: auto; border-width: 1px; border-style: solid; padding: 0; margin: 0 0 0 12px; _margin: 0 0 0 9px; } #content_in2 { width: auto; text-align: left; border: 0; margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 22px; } a { text-decoration: underline; }
a:hover { text-decoration: none; } form#form-season-selection { margin: 0 10px; } #content_in2 h1 { padding: 0 0 0 10px; margin: 0; border: 0; width: auto; font-size: 100%; height: auto; line-height: 32px; vertical-align: middle; } #content h2 { margin-top: 2px; padding: 10px 0 0 10px; font-size: 110%; font-weight: bold; } #content h3 { margin: 2px 10px 5px; padding-top: 2px; font-size: 105%; } #content ul { margin-left: 15px; padding-left: 15px; list-style-type: square; text-align: left; } #content ul li { line-height: 22px; vertical-align: middle; } #content iframe#map { width: 500px; height: 300px; margin: 5px 0px 0px; border-width: 1px; border-style: solid; overflow: hidden; } /************ priceList ************/ table { text-align: left; margin: 5px auto; width: auto; } table thead { font-weight: bold; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; } .pricelist-cover { margin: 0 1px; } table.pricelist { text-align: left; border-width: 1px; border-style: solid;
border-collapse: collapse; margin: 5px auto; width: auto; } table.pricelist thead { font-weight: bold; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; } table.pricelist th.season-title, table.pricelist th.season-range { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; height: 25px; padding: 0 5px; } table.pricelist th.season-title { text-align: left; width: 30%; } table.pricelist th.season-range { text-align: right; width: 70%; } table td { padding: 3px; } table.pricelist td.price-value { text-align: right; } table.pricelist th.rooms-title { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 1px; border-right-style: solid; text-align: left; padding-left: 5px; } table.pricelist th.guests-count { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; text-align: right; } table.pricelist td.room-name { font-weight: normal; text-align: left; border-right-width: 1px; border-right-style: solid; }
table.pricelist th.guests-title {} /************ accommodation ************/ .objectKind-detail { width: 490px; border-width: 1px 0; border-style: solid; margin: 10px; padding: 5px; } .objectKind-detail .objectKind-detail-text { font-style: normal; margin: 5px 15px; } .objectKind-detail .objectKind-properties { border: none; margin: 2px 0; clear: both; } .objectKind-detail .objectKind-properties img { border: none; margin: 0 0 0 10px; } .objectKind-detail .objectKind-detail-title { padding: 0 0 2px 10px; letter-spacing: 2px; text-align: left; font-size: 110%; } /************ objectKind - gallery ************/ .objectKind-detail .objectKind-gallery { width: auto; height: auto; border-width: 1px 0; border-style: solid; float: right; font-size: 90%; } .objectKind-detail .objectKind-gallery .objectKind-gallery-photo { text-align: center; vertical-align: middle; margin: 5px 5px 0; padding: 0; width: auto; height: auto; } .objectKind-detail .objectKind-gallery .objectKind-gallery-list { text-align: center;
vertical-align: middle; margin: auto; width: 100px; height: 20px; line-height: 20px; } .objectKind-detail .objectKind-gallery a { text-decoration: none; } .objectKind-detail .objectKind-gallery a:hover {} .objectKind-detail .objectKind-gallery a img { border-width: 2px; border-style: solid; margin: 0; } .objectKind-detail .objectKind-gallery a:hover img { border-width: 2px; border-style: solid; } /************ gallery ************/ #gallery table, #gallery table tbody { width: 100%; border: none; } #gallery table tbody td { text-align: center; vertical-align: middle; margin: auto; width: auto; } #gallery table a img { border-width: 2px; border-style: solid; } #gallery table a:hover img { border-width: 2px; border-style: solid; } /************ footer & linksExchange ************/ #footer { font-size: 80%; width: 735px; margin: 0; padding: 0; height: 3em; line-height: 3em; vertical-align: middle; position: absolute; bottom: -3.2em; left: 0; } #footer #copy { width: 735px; } #copy #copy-previo { float: left;
text-align: left; } #copy #copy-hotel { float: right; } #footer a { text-decoration: underline; } #footer a:hover { text-decoration: none; } /****** Calendar ******/ .cal-left, .cal-right, .cal-month, .cal-year, .calendar .td_top {} .calendar .td_hilite div {} .calendar .td_today div {}