/*----------------------------------- Hotel Palace main CSS stylesheet -------------------------------------*/ /************************ CSS RESET ***/ @import url("reset.css"); /************************ GLOBAL STYLING ***/ html, body { height:100%; } body { font:62.5%/1 "Times New Roman",serif; color:#686868; background:#fff url(../images/bg-body.png) no-repeat 50% 123px; } a { color:#792720; } a:hover { text-decoration:none; } .pos-left { float:left; } .pos-right { float:right; } /************************ Language styling ***/ .hr .btn-def-01 { background-image:url(../images/hr-btn-def-01.png); } .hr .btn-order { background-image:url(../images/hr-btn-order.png); width:54px; } .hr #res-box { background-image:url(../images/hr-bg-titles-02.png); } .hr #footer h3 { background-image:url(../images/hr-bg-titles-01.png); } .hr #form-events { background-image:url(../images/hr-bg-form-01-alt-01.jpg); } .hr #form-contact { background-image:url(../images/hr-bg-form-01-alt-02.jpg); } .hr #slideshow-t01 { background-image:url(../images/hr-bg-slideshow-01.jpg); } .hr #forecast { background-image:url(../images/hr-bg-forecast.png); } .hr #popup form .close { background: url(../images/hr-btn-close.png); width: 62px; } .en .btn-def-01 { background-image:url(../images/en-btn-def-01.png); } .en .btn-order { background-image:url(../images/en-btn-order.png); width:50px; } .en #res-box { background-image:url(../images/en-bg-titles-02.png); } .en #footer h3 { background-image:url(../images/en-bg-titles-01.png); } .en #form-events { background-image:url(../images/en-bg-form-01-alt-01.jpg); } .en #form-contact { background-image:url(../images/en-bg-form-01-alt-02.jpg); } .en #slideshow-t01 { background-image:url(../images/en-bg-slideshow-01.jpg); } .en #forecast { background-image:url(../images/en-bg-forecast.png); } .en #popup form .close { background: url(../images/en-btn-close.png); width: 53px; } /************************ Buttons ***/ .btn-def-01 { display:block; height:23px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; cursor:pointer; } .btn-order { display:block; height:23px; overflow:hidden; text-indent:-9999px; cursor:pointer; } button.btn-def-01 { width:auto; vertical-align:bottom; } button.btn-def-01:focus { outline-width:1px; outline-style:dotted; } button.btn-def-01::-moz-focus-inner { padding:0; border:0; } input[type="image"]:focus { outline-width:1px; outline-style:dotted; } /************************ CONTAINER ***/ #container { width:920px; min-height:100%; margin:0 auto; } /************************ HEADER ***/ #header { position:relative; height:368px; } #branding-logo a { position:absolute; right:36px; top:10px; width:179px; height:100px; overflow:hidden; text-indent:-9999px; background:url(../images/branding-logo.png); } #res-box { position:absolute; right:0; top:200px; width:154px; padding-top:40px; background-repeat:no-repeat; background-position:0 0; } #res-box h2 { position:absolute; left:-9999px; top:-9999px; } #res-box p { margin-bottom:20px; font-size:1.3em; font-family:"Arial",sans-serif; line-height:1.5; font-weight: bold; color:#fff; } #res-box a { float: right; } /************************ Navigations ***/ #nav-main { position:absolute; left:0; top:88px; } #nav-main li { float:left; margin-right:16px; } #nav-main a { font-weight:bold; font-size:1.2em; line-height:1.3; color:#c5ad6f; text-transform:uppercase; text-decoration:none; } #nav-main a:hover, #nav-main .active a { color:#792720; } .nav-t01 { position:absolute; left:0; top:30px; } .nav-t01 li { float:left; padding:0 7px; background:url(../images/bg-sep-01.png) no-repeat 0 50%; } .nav-t01 a { font-weight:bold; font-size:1.1em; font-family:"Arial",sans-serif; line-height:1.2; text-decoration:none; color:#c0c0c3; } .nav-t01 a:hover, .nav-t01 .active a { color:#792720; } .nav-t01 .first { background:none; padding-left:0; } #nav-supp { left:95px; } /************************ Reservation form ***/ #form-reservation { position:absolute; right:0; top:162px; width:154px; padding-top:40px; background-repeat:no-repeat; background-position:0 0; } #form-reservation legend strong { position:absolute; left:-9999px; top:-9999px; } #form-reservation p { margin-bottom:10px; font-style:italic; font-size:1.2em; font-family:"Arial",sans-serif; line-height:1.2; color:#fff; } #form-reservation div { margin-bottom:6px; } #form-reservation div, #form-reservation .text { font-size:1.2em; } #form-reservation img { position:absolute; right:0; bottom:0; cursor:pointer; } /************************ FOOTER ***/ #footer { position:relative; clear:both; height:165px; margin-top:-165px; overflow:hidden; background:url(../images/bg-footer.png) repeat-x; } #footer .inner { width:920px; margin:0 auto; } #nav-site { overflow:hidden; margin-bottom:20px; } #nav-site li { float:left; margin-left:10px; display:inline; } #nav-site a { font-weight:bold; font-size:1.3em; line-height:1.2; color:#a0a0a0; text-decoration:none; } #nav-site a:hover, #nav-site .active a { color:#792720; } #nav-site .first { margin-left:0; } #footer .inner div { position:relative; float:left; width:165px; margin-left:20px; font-size:1.1em; line-height:1.3; font-family:"Arial",sans-serif; color:#a0a0a0; } #footer .inner div.first { margin-left:0; } #footer .inner div a { color:#a0a0a0; } #footer h3 { height:43px; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; } #footer .location h3 { background-position:0 0; } #footer .address h3 { background-position:-192px 0; } #footer .reservations h3 { background-position:-384px 0; } #footer .contact h3 { background-position:-576px 0; } #footer .newsletter h3 { background-position:-768px 0; } #footer .location a { position:absolute; left:0; top:32px; width:141px; height:56px; overflow:hidden; text-indent:-9999px; background:url(../images/btn-map-01.png); } #footer .newsletter div { margin:0; width:auto; } #footer .newsletter label, #footer .newsletter .text { font-size:.992em; } #footer .newsletter .text { width:75px; } #footer .inner #siteinfo { position:relative; width:100%; margin:25px 0 0; color:#adadad; overflow: hidden; padding-top: 5px; } /*#footer #siteinfo-legal { text-align:center; font-size:1.091em; width: 585px; float: left; padding-top: 6px; text-align: right; }*/ #footer #siteinfo-legal { text-align:center; font-size:1.091em; padding-top: 6px; text-align: right; } /*#footer .whl_logo { float: right }*/ #footer .whl_logo { display: none; } #footer #siteinfo-credits { position:absolute; left:0; top:2px; text-decoration:none; color:#000; padding-top: 9px; } #footer #siteinfo-credits:hover, #footer #siteinfo-credits span { color:#ff0101; } /*************************************/ /************************ CONTENT ***/ /***********************************/ #content { padding-bottom:245px; } #content:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } /************************ Supplementary content ***/ #content-supp { float:right; width:154px; } #content-supp .banner { display:block; margin-top:10px; } #forecast { overflow:hidden; padding-top:48px; margin-bottom:25px; font-size:1.1em; font-family:"Arial",sans-serif; background-repeat:no-repeat; } #forecast h3 { position:absolute; left:-9999px; top:-9999px; } #forecast a { float:right; margin-top:15px; width:76px; background-position:0 -23px; } #forecast img { float:left; vertical-align:top; } #forecast ul { overflow:hidden; } #forecast li { float:left; padding:0 10px; text-align:center; font-weight:bold; line-height:1.4; background:url(../images/bg-sep-02.png) repeat-y 100% 0; } #forecast li div { clear:left; } #forecast li em { display:block; font-style:normal; font-weight:normal; } #forecast .first { width:100%; padding-right:0; margin-bottom:5px; } #forecast .first div { float:left; clear:none; margin:10px 0 0 15px; } #forecast .first, #forecast .last { background:none; } /************************ Main content ***/ #content-head { margin-bottom:15px; } #content-main { position:relative; xz-index:1; float:left; width:739px; margin-top:-199px; } #gmap { width:739px; height:365px; } #gmap .g-info-window { font:bold 1.1em/1.4 "Arial",sans-serif; } h1 { font-weight:normal; font-size:4em; line-height:1.2; color:#9b8948; } /************************ Lists ***/ #list-t01 { border-top:1px solid #dedede; } #list-t01 li { position:relative; min-height:70px; overflow: hidden; zoom: 1; padding:10px 0; border-bottom:1px solid #dedede; } #list-t01 h2 a, #list-t01 h3 a { font-weight:bold; font-size:1.5em; line-height:1.2; text-transform:uppercase; text-decoration:none; color:#8c8c8c; } #list-t01 h2 a:hover, #list-t01 h3 a:hover { text-decoration:underline; } #list-t01 em { display:block; margin:3px 0; font-style:italic; font-size:1.3em; line-height:1.2; color:#333; } #list-t01 p { font-size:1.1em; line-height:1.2; font-family:"Arial",sans,serif; } #list-t01 .thumb { float: left; margin-right: 24px; } #list-t01 li div { overflow: hidden; zoom: 1; } #list-t01 .cat-01 { background:#e9e3d5; } #list-t01 .cat-02 { background:#a2dbeb; } #list-t01 .cat-03 { background:#9d615c; } #list-t01-container { float:right; width:350px; } #list-t01-container h2 { margin-bottom:10px; font-weight:normal; font-size:1.8em; line-height:1.2; color:#9b8948; } #list-t01-container .special_more { float: right; margin-top: 5px; font-size:1.1em; line-height:1.2; font-family:"Arial",sans,serif; } #list-t01 .list-t01-button { float: right; } #list-t02 { overflow:hidden; margin:10px 0; } #list-t02 li { float:left; margin-right:4px; } #list-t02 a { display:block; height:29px; padding:0 4px; font-weight:bold; font-size:1.2em; line-height:22px; color:#8c8c8c; text-decoration:none; text-transform:uppercase; } #list-t02 a:hover, #list-t02 .active a { color:#792720; } #list-t02 .active a { background:url(../images/bg-list-02.png) no-repeat 50% 0; } #home-notes { background: #f2eddf; margin: 40px 0 -30px 0; padding-top: 30px; width: 739px; float: left; position: relative; color: #8c8c8c; font-size: 15px; line-height: 17px; } #home-notes h2 { position: absolute; z-index: 1; top: -26px; left: 20px; width: 316px; height: 77px; background: url(../images/hr-bg-impressions.jpg); text-indent: -9999px; } .en #home-notes h2 { top: -30px; width: 240px; background: url(../images/en-bg-impressions.jpg); } #home-notes table { position: relative; z-index: 2; } #home-notes table td { width: 219px; padding: 5px 8px; background: url(../images/impressions-bkg.png); border-right: 17px solid #f2eddf; border-bottom: 22px solid #f2eddf; } #home-notes table td.last { border-right: none; } #home-notes span { display: block; margin-bottom: 2px; font-size: 11px; color: #6d6d74; line-height: 13px; } #home-notes strong { color: #333; font-size: 16px; line-height: 18px; padding-top: 15px; display: block; font-weight: normal !important; } /************************ Forms ***/ .form-t01 { position:relative; padding:0 14px 10px; border:5px solid #efe8d6; background-color:#9e615e; background-repeat:no-repeat; font-family:"Arial",sans-serif; } .form-t01 legend span { position:absolute; left:-9999px; top:-9999px; } .form-t01 p { font-weight:bold; font-size:1.3em; line-height:1.2; } .form-t01 div { margin-bottom:8px; } .form-t01 label { display:block; margin:4px 0; cursor:pointer; font-weight:bold; font-size:1.1em; color:#fff; } .form-t01 .text, .form-t01 textarea { width:236px; border-width:0; padding:3px; font:1.1em/1.2 "Arial",sans-serif; background:url(../images/bg-form-field-02.png) no-repeat; } .form-t01 textarea { height:120px; overflow:auto; } .form-t01 .captcha { position:relative; } .form-t01 .captcha img { position:absolute; left:0; top:0; } .form-t01 .form-submit { float:right; margin:0; } .form-t01 .error { display:block; margin:5px 0; color:#e78686; font-size:1.1em; } #form-events { float:right; width:242px; padding-top:114px; margin-left:25px; } #form-events p { margin-bottom:30px; } #form-events .text, #form-events textarea { width:236px; } #form-events .captcha { padding-top:68px; } #form-events .captcha input { width:122px; } #form-contact { margin-top:20px; padding:15px 14px 10px 242px; } #form-contact p { position:absolute; left:14px; top:120px; width:200px; } #form-contact .text { width:207px; } #form-contact textarea { width:237px; } #form-contact .message { position:absolute; right:14px; top:15px; } #form-contact .captcha { padding:30px 0 0 230px; } #form-contact .captcha img { top:15px; } #form-contact .captcha input { width:100px; } #form-reservations { padding:10px 14px 6px; overflow: hidden; zoom: 1; } #form-reservations div { position: relative; } #form-reservations h2 { font-size: 18px; line-height: 20px; color: #ccc; margin-bottom: 5px; } #form-reservations p { color: #ccc; font-weight: normal; margin-bottom: 15px; } #form-reservations .left-block { float: left; margin-right: 80px; } #form-reservations .ui-datepicker-trigger { position: absolute; top: 17px; right: 0; cursor: pointer; } #form-reservations select { width: 242px; border:none; padding: 1px; font:1.1em/1.2 "Arial",sans-serif; background:#efe8d6; } #form-reservations textarea { height:142px; } #form-reservations .captcha input { margin-bottom:8px; } #form-reservations .captcha img { display: block; position: static; } #form-reservations-steps { margin-top:20px; padding:15px 14px 10px; color: #fff; } #form-reservations-steps .date { width: 65px; } #form-reservations-steps .ui-datepicker-trigger { margin-bottom: -5px; cursor: pointer; } #form-reservations-steps h2 { font-size: 14px; font-weight:bold; line-height: 16px; color: #ccc; margin-bottom: 5px; } #form-reservations-steps table { margin-top: 10px; } #form-reservations-steps table thead th { padding: 0 10px 5px 0; font-weight:bold; font-size: 14px; line-height: 16px; color: #ccc; } #form-reservations-steps table td { padding: 0 10px 3px 0; vertical-align: top; } #form-reservations-steps table.header { margin: 0 0 15px 0; width: 100%; } #form-reservations-steps table.header .right { text-align: right; } #form-reservations-steps table.price { font-size: 1.2em; } #form-reservations-steps table.room-list { margin: 0 0 10px 0; } #form-reservations-steps table.room-list th { width: 150px; border-bottom: 1px solid #ccc; padding: 15px 10px 15px 0; } #form-reservations-steps table.room-list th div { line-height:12px; padding-top: 5px; } #form-reservations-steps table.room-list td { border-bottom: 1px solid #ccc; padding: 15px 10px 15px 0; } #form-reservations-steps table.room-list td img { display: block; } #form-reservations-steps table.room-list td p { margin-bottom: 18px; font-size:12px; font-weight:normal; line-height:14px; } #form-reservations-steps table.room-list td .submit { float: right; margin-right: -10px; cursor: pointer; } #form-reservations-steps select { border:none; padding: 1px; font:1.1em/1.2 "Arial",sans-serif; background:#efe8d6; } #form-reservations-steps textarea { height:53px; } #form-reservations-steps .data { display: none; } #form-reservations-steps ul li { margin-bottom: 10px; overflow: hidden; } #form-reservations-steps ul li img { float: left; margin-right: 10px; } #form-reservations-steps .col { float: left; width: 250px; margin-right: 20px; } #form-reservations-steps .col select { width: 242px; } #form-reservations-steps .clear { clear: left; } #form-reservations-steps .note { display:block; margin:5px 0; color:#ccc; font-size:1.1em; } #form-reservations-steps .form-submit input { float: right; margin-left: 10px; } #form-reservations-steps .form-submit .back { float: right; width: 59px; height: 23px; overflow: hidden; text-indent: -9999px; } .hr #form-reservations-steps .form-submit .back { background: url(../images/hr-btn-back.png); } .en #form-reservations-steps .form-submit .back { background: url(../images/en-btn-back.png); } .form-t02 div { position:relative; } .form-t02 label, .form-t02 .text { font-style:italic; font-family:"Times New Roman",sans-serif; font-size:1em; line-height:1.2; color:#9b8948; } .form-t02 label { display:block; color:#fff; } .form-t02 .text { width:120px; height:16px; padding:2px 25px 2px 10px; background:url(../images/bg-form-field-01.png); } .form-t02 .form-submit { float:right; } /************************ Slideshows/galleries ***/ #slideshow-t01 { position:relative; float:left; width:353px; padding-top:157px; border:5px solid #efe8d6; background-color:#9e615e; background-repeat:no-repeat; background-position:0 0; } #slideshow-t01 h2 { position:absolute; left:-9999px; top:-9999px; } #slideshow-t01 em { position:absolute; left:27px; top:79px; font-size:1.8em; line-height:1.2; color:#9b8948; display: none; } #slideshow-t01 em.active { display: block; } #slideshow-t01 ul { position:absolute; right:10px; top:123px; } #slideshow-t01 li { float:left; } #slideshow-t01 li a { display:block; width:20px; height:34px; cursor:pointer; text-align:center; font-weight:bold; font-size:1.5em; line-height:1.3; color:#afa38d; text-decoration:none; } #slideshow-t01 li a:hover, #slideshow-t01 .active a { color:#fff; background:#9d615c; } #slideshow-t01 .inner { float:left; width:353px; } #slideshow-t01 .inner img { float:left; } #slideshow-t01 .inner div { float:right; width:117px; padding:47px 28px 0; } #slideshow-t01 .inner p { font-weight:bold; font-size:1.5em; line-height:1.3; color:#fff; } #slideshow-t01 .btn-order { float:right; margin-top:20px; } #slideshow-t02 { position:relative; height:250px; } #slideshow-t02 img { position:absolute; left:0; top:0; z-index:1; display:none; } #slideshow-t02 .active { display:block; } #slideshow-t02 .info { position:absolute; right:0; top:0; z-index:3; padding:19px 10px; width:127px; height:212px; background:url(../images/bg-slideshow-02.png); } #slideshow-t02 .info em { font-weight:bold; font-size:1.2em; line-height:1.2; color:#c5ad6f; } #slideshow-t02 .controls { position:absolute; left:10px; bottom:19px; } #slideshow-t02 .controls a { float:left; width:30px; height:30px; overflow:hidden; cursor:pointer; text-indent:-9999px; background-image:url(../images/btn-slideshow-02-ctrl.png); } #slideshow-t02 .controls .play { background-position:0 0; } #slideshow-t02 .controls .pause { background-position:-30px 0; } #slideshow-t02 .controls .prev { background-position:-60px 0; } #slideshow-t02 .controls .next { background-position:-90px 0; } #slideshow-t02 .controls .amount { float:left; font-size:1.6em; line-height:30px; color:#000; } #img-gallery { position:relative; } #content-head.loading { background:url(../images/bg-loading.gif) no-repeat 50% 50%; } #img-gallery #slides { width:672px; margin:0 34px 0 33px; overflow:hidden; } #img-gallery ul { overflow:hidden; } #img-gallery li { float:left; margin:0 4px; display:inline; } #img-gallery li a { display:block; border:3px solid #fff; } #img-gallery li a img { display:block; width:98px; height:57px; } #img-gallery .active a { border-color:#d0bc8a; } #img-gallery .active img { opacity:.3; } #img-gallery .controls a { position:absolute; top:0; width:31px; height:63px; overflow:hidden; text-indent:-9999px; cursor:pointer; background-image:url(../images/btn-img-gallery-ctrl.png); } #img-gallery .controls .prev { left:0; background-position:0 0; } #img-gallery .controls .next { right:0; background-position:-31px 0; } /************************ FCK ***/ .fck { margin:15px 0; overflow:hidden; font:1.3em/1.4 "Arial",sans-serif; } .fck p, .fck ul, .fck ol, .fck h2, .fck h3, .fck h4 { margin:0 0 20px; } .fck h2, .fck h3, .fck h4 { font:normal 1.538em/1.2 "Times New Roman",serif; } .fck h3 { font-size:1.384em; } .fck h4 { font-size:1.231em; } .fck strong { font-weight:bold; } .fck em { font-style:italic; } .fck ul { padding-left:17px; } .fck ul li { padding-left:8px; background:url(../images/icn-dot-01.png) no-repeat 0 7px; overflow:hidden; zoom: 1; } .fck ol { padding-left:34px; } .fck ol li { list-style-type:decimal; overflow:hidden; zoom: 1; } .fck table { width:100%; font-size:0.9em; font-family:"Times New Roman",serif; margin-bottom: 25px; } .fck table thead th, .fck table thead td { background: #dedede; } .fck table .center { text-align: center; } .fck table .right { text-align: right; padding-right: 20px; } .fck table th { padding:1px 5px; font-weight: bold; border-bottom: 1px solid #ccc; } .fck table td { padding:1px 5px; border-bottom: 1px solid #ccc; } .fck .pos-left { margin:0 20px 20px 0; } .fck .pos-right { margin:0 0 20px 20px; } .desc { font:bold 1.5em/1.5 "Times New Roman",serif; margin-bottom: 0; } .contact .fck table { width:100%; font-size:1.078em; font-family:"Times New Roman",serif; margin-bottom: 0; } .contact .fck table td { padding:0 5px; width:185px; border: none; } #popup { position: absolute; top: 0; left: 0; background: #fff; display: none; } #popup form { padding:10px 14px 10px; width: 241px; border:5px solid #efe8d6; background-color:#9e615e; background-repeat:no-repeat; font-family:"Arial",sans-serif; } #popup form h2 { font-size: 18px; line-height: 20px; color: #ccc; margin-bottom: 15px; } #popup form h2 span { display: block; font-size: 16px; } #popup form p { color: #ccc; font-weight: normal; margin-bottom: 15px; font-size: 12px; } #popup form div { margin-bottom:8px; } #popup form label { display:block; margin:4px 0; cursor:pointer; font-weight:bold; font-size:1.1em; color:#fff; } #popup form .text, #popup form textarea { width:236px; border-width:0; padding:3px; font:1.1em/1.2 "Arial",sans-serif; background:url(../images/bg-form-field-02.png) no-repeat; } #popup form textarea { height:120px; overflow:auto; } #popup form .captcha img { display: block; margin-top: 6px; } #popup form .form-submit { float:right; margin:0; } #popup form .form-submit input { float: right; margin-left: 10px; } #popup form .error { display:block; margin:5px 0; color:#e78686; font-size:1.1em; } #popup form .close { float: right; display:block; height:23px; overflow:hidden; zoom: 1; text-indent:-9999px; cursor:pointer; } /****************************************/ /************************ JS ENABLED ***/ /**************************************/ .js #slideshow-t01 { overflow:hidden; height:221px; } .js .form-t02 label { position:absolute; left:11px; top:3px; cursor:text; color:#9b8948; }