/*----------------------------------- 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; /*background:#fff url(../images/bg-body-newyear.jpg) 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); background-repeat: no-repeat; } .hr #slideshow-t01 { /*background-image:url(../images/hr-bg-slideshow-01.jpg);*/ } .hr #slideshow-t03 { 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 #slideshow-t03 { 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; } #social-networks { position: absolute; left:430px; top:27px; width:100px; height:16px; /*width:60px;*/} #social-networks li { float: left; margin-right:4px; } /************************ 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:2px; top:2px; text-decoration:none; color:#000; padding-top: 9px; } #footer #siteinfo-credits:hover, #footer #siteinfo-credits span.red { color:#ff0101; } #footer #siteinfo-credits span.gray { color:#999; } #footer #siteinfo-credits:hover span.gray { 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; } #content-supp .banner.fb { width:154px; height:122px; } .hr #content-supp .banner.fb { background:url('../images/banner_fb_hr.jpg') no-repeat; } .en #content-supp .banner.fb { background:url('../images/banner_fb_en.jpg') no-repeat; } #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; width:739px; height:250px; overflow:hidden; position:relative;} #content-head .slide { position:absolute; top:0; left:0;} #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.novosti .thumb { margin-right: 14px; } #list-t01.novosti h2 { margin-bottom: 7px; } #list-t01.novosti h2 a { color: #6d6d74; font-size: 20px; font-weight: normal } #list-t01.novosti p { font: normal normal 13px/18px Arial; } #list-t01.novosti div a { font: normal normal 13px/18px Arial; } #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: 145px 15px 15px 35px; font-family:"Arial",sans-serif; width: 689px; /*height: 204px;*/ background-color:#9E615E; background-repeat:no-repeat; border:5px solid #EFE8D6; height:auto; padding:0 14px 10px; } .form-t01.bg1 { background: url(../images/bg-01.gif) top left no-repeat; } #form-reservations-steps.form-t01.form2 { padding-left: 0; padding-right: 0; padding-top: 0; width: auto; color: #686868; height: auto; background: none; border: none; } #form-reservations-steps.form-t01.form2 h2 { color: #686868; font: normal normal 20px/100% Times new roman; padding-top: 3px; } #form-reservations-steps.form-t01.form2 .desc { font: normal normal 12px/18px arial; margin: 0; } #form-reservations-steps.form-t01 table td.bg2 { padding: 0; color: #fff; } #form-reservations-steps.form-t01 table td.bg3 { padding: 0; color: #fff; } .show-hide-extra { padding: 2px 0 2px 26px; background: url(../images/bg-04.gif) center left no-repeat; text-decoration: underline; color: #792720; font: normal normal 12px/18px arial; display: inline-block; margin-bottom: 5px; } .extra-info { font: normal normal 12px/18px arial; padding: 30px 0 10px; display: none; } .extra-info-02 { font: normal normal 12px/18px arial; position:relative; top:0px; padding: 0px 0 10px; display: none; } #form-reservations-steps.form-t01.form2 table tr { width: 669px; } #form-reservations-steps table.room-list td.rez-pic { width: 180px; padding: 0; padding-top: 8px; } #form-reservations-steps table.room-list td.rez-desc { width: 300px; padding-left: 10px; padding-top: 5px; } #form-reservations-steps table.room-list td.rez-num { width: 100px; padding-left: 10px; padding-top: 8px; text-align: right; } #form-reservations-steps table.room-list td.rez-num strong { color: #9b8948; font: normal normal 20px/24px Times new roman; } #form-reservations-steps table.room-list td.rez-num label { display: inline-block; font: normal normal 12px/18px arial; color: #686868 } #form-reservations-steps table.room-list td.rez-num input { background: url(../images/bg-06.gif) top left no-repeat; width: 42px; height: 20px; } #form-reservations-steps table.room-list td.rez-submit { padding-top: 11px; text-align: right; padding-right: 0; } #form-reservations-steps table.room-list td.rez-submit span { color: #9b8948; font: normal normal 20px/24px Times new roman; } #form-reservations-steps table.room-list td.rez-submit input { margin-right: 0; } #add-more-children { left:150px; overflow:hidden; position:absolute; top:0; width:500px; } .form-t01 td.bg2 p { background: #c5ad6f url(../images/bg-02.gif) top left no-repeat; padding: 60px 35px 20px; font: normal bold 13px/18px Arial; } .form-t01 td.bg3 p { background: #c5ad6f url(../images/bg-08.gif) top left no-repeat; padding: 60px 0 20px 35px; font: normal bold 13px/18px Arial; } #form-reservations-steps.form-t01 { padding: 65px 15px 15px 35px; height: 280px; } .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.form2 label { color: #686868; } .form-t01 .new-fix .subtitle { display: block; padding-bottom: 67px; font: normal bold 13px/16px Arial; } .form-t01 .new-fix .push1 { margin-bottom: 30px; } .form-t01 .new-fix .starost { text-align: center } .form-t01 .new-fix .inline { display: inline-block; } .form-t01 .new-fix .inline label { font-weight: normal; width: auto; padding: 0 10px; } .form-t01 .new-fix label { display: inline-block; margin:4px 0; cursor:pointer; font-weight:bold; font-size:12px; color:#fff; width: 65px; font-family: Times new roman } .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.form2 .text { background:url(../images/bg-09.gif) top right no-repeat; } .form-t01.form2 textarea { background:url(../images/bg-09.gif) top right 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-t01 .new-fix .error { display: inline-block; margin:5px 0; color:#f00; font-size:1.1em; padding-left: 10px; text-shadow: 0px 1px #ccc; } #form-events { float:right; width:242px; padding-top:114px; margin-left:25px; } .form-t01.new-form { background-color:#9E615E; background-repeat:no-repeat; border:5px solid #EFE8D6; font-family:"Arial",sans-serif; padding:0 14px 10px; position:relative; height: auto } .form-t01.new-form .form-submit { margin-top: -43px; } #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-steps table.room-list { margin: 0px 0pt 10px; border-top: 1px solid #dedede } .jos-rezultata { padding-top: 5px; text-align: right } .jos-rezultata a { text-decoration: none; background: url(../images/bg-07.gif) center right no-repeat; font: normal normal 14px/12px Times new roman; padding-right: 16px; color: #686868; padding-bottom: 3px; } #form-reservations-steps table.room-list td .submit { margin-right: 0px; margin-top: 18px; } #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%; background: #c5ad6f; } #form-reservations-steps table.header .right { text-align: right; padding: 60px 35px 20px 0; color: #fff; font: normal bold 13px/18px Arial; } #form-reservations-steps table.header .right p { font: normal bold 13px/18px Arial; } #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: 0px; 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-left: 35px; } #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); } .hr #form-reservations-steps .form-submit .back { background: url(../images/hr-btn-back.png); } #form-reservations-steps.form2 .form-submit .back { background: url(../images/bg-10.png) top left no-repeat; } .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; } .form2 h2 { padding: 10px 35px; } .form2 label { font-weight: normal; } .form2 .clear { padding: 10px 35px 10px; } .form2 .clear h2 { padding-left: 0; } .form2 .clear p { padding-bottom: 15px; } p.fix3 { padding-left: 35px; font: normal bold 13px/18px Arial; } p.fix5 { padding-left: 35px; font: normal normal 13px/18px Arial; } .price.fix4 { padding-left: 35px; font: normal normal 13px/18px Arial; } #form-reservations-steps table.price.fix4 { font: normal normal 13px/18px Arial; } .room-list h2 { padding-left: 0; } /************************ Slideshows/galleries ***/ #slideshow-t01 { position:relative; float:left; width:353px; padding-bottom: 40px; } #slideshow-t01 h2 { color:#9B8948; font-size:1.8em; font-weight:normal; line-height:1.2; margin-bottom:10px; } #slideshow-t01 #list-t01 li { min-height: 1px } #slideshow-t01 #list-t01 li h3 { margin-bottom: 3px } #slideshow-t01 #list-t01 li h3 a { color: #6d6d74; } #slideshow-t01 #list-t01 .featured { border-top: 5px solid #efe8d6; border-bottom: 5px solid #efe8d6; background: #f2eddf; padding: 0; margin-top:-1px; } #slideshow-t01 #list-t01 .featured h3 { margin: 12px 0; } #slideshow-t01 #list-t01 .featured .thumb { margin-right: 12px; float: left; } #slideshow-t01 #list-t01 em { color:#333333; display:block; font-size:1.3em; font-style:italic; line-height:1.2; margin:3px 0; } #slideshow-t01 .special_more { float: right; margin-top: 5px; font-size:1.1em; line-height:1.2; font-family:"Arial",sans,serif; } #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; } #slideshow-t03 { position:relative; float:left; overflow:auto; width:353px; height:221px; padding-top:157px; border:5px solid #efe8d6; background:#9e615e url(../images/bg-slideshow-01-hr.jpg) no-repeat 0 0; } #slideshow-t03 h2 { position:absolute; left:-9999px; top:-9999px; } #slideshow-t03 em { position:absolute; left:27px; top:79px; font-size:1.8em; line-height:1.2; color:#9b8948; } #slideshow-t03 ul { position:absolute; right:10px; top:123px; } #slideshow-t03 li { float:left; } #slideshow-t03 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-t03 li a:hover, #slideshow-t03 .active a { color:#fff; background:#9d615c; } #slideshow-t03 .inner { float:left; width:353px; } #slideshow-t03 .inner img { float:left; } #slideshow-t03 .inner div { float:right; width:117px; padding:47px 28px 0; } #slideshow-t03 .inner .title { position:absolute; margin-top:-156px; width:300px; } #slideshow-t03 .inner p { font-weight:bold; font-size:1.5em; line-height:1.3; color:#fff; } #slideshow-t03 .btn-order.order_voucher { float:right; margin-top:20px; width:53px; background-position:0 -46px; } .js #slideshow-t03 { overflow:hidden; } #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; } /* DROPDOWN REPLACEMENT */ #select-drop { margin-top:-5px; background:#e0d8b8; position:absolute; display:none; z-index:1000; padding:4px 3px 0px 3px; border:1px solid #e0d8b8; border-top:none; text-align:left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #select-drop .inner { padding:0 0 0 4px; overflow: hidden; } #select-drop .col1 { margin-right: 5px; } #select-drop h2 { display:none; font-size: 12px; font-weight: normal; font-style:normal; font-family: Arial, Helvetica, sans-serif; color: #686868; padding: 2px 2px 4px 4px; cursor: pointer; background:none; margin:0; } #select-drop .col2 { margin-right: 5px; } #select-drop .close { float: right; cursor: pointer; } #select-drop ul { overflow: auto; max-height: 252px; position: relative; } #select-drop ul li { font-size: 12px; color: #9b8948; padding:1px 0 2px 0; } #select-drop ul li a { color: #9b8948; text-decoration:none; } #select-drop .col1 li { cursor: pointer; font:normal bold 13px/22px Arial, sans-serif; border-top:1px solid #fff; } #select-drop .col1 li.highlight { background: #e9eaea; color: #1d2123; } #select-drop .col1 li.highlight a { color: #1d2123; } #select-drop .col1 li.on, #select-drop .col1 li:hover { color: #333333; } #select-drop .col1 li.on a, #select-drop .col1 li:hover a { color: #333333; } #select-drop .col2 ul { padding-bottom: 5px; } #select-drop .col2 li { *margin-bottom: -5px; } #select-drop .col2 input { margin: 1px 5px 0 0; } .sel-replaced { font:normal bold 13px/22px Arial, sans-serif; margin-bottom:6px; width:129px; height:22px; padding:0 18px 0 8px; color:#9b8948; display: block; background:url('../images/bg_sel-rpl.gif') 0 0 no-repeat; cursor:pointer; overflow:hidden; white-space:nowrap; } .sel-replaced span { overflow:hidden; white-space:nowrap; width:154px; display:block; } .off { opacity: 0.4; filter:alpha(opacity=40); } /************************ 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; } .new-article h2 { font-size: 20px; margin-bottom: 10px; } .new-article .article-gal { float: left; width: 320px; padding: 0 20px 10px 0; } .text-01 { float: left; width: 320px; padding: 0 10px 10px 20px; } #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 { } .js .form-t02 label { position:absolute; left:11px; top:3px; cursor:text; color:#9b8948; } .rapid-ssl { padding-left: 10px; text-align: center; } .vidi-2010 { padding: 26px 0px 0px 10px; text-align: center; } #flash-popup { position: absolute; top: 200px; width: 691px; height: 251px; z-index: 2000; padding-left: 100px; } .back-navigation { text-align: right; padding-bottom: 5px; overflow: hidden; border-bottom: 1px solid #dedede; margin-bottom: -3px } .back-navigation a { color: #9b8948; text-decoration: underline; font: normal normal 11px/20px Arial; background: url(../images/arrow-01.gif) center left no-repeat; padding-left: 15px; } .rpl_dropdown { float:right; margin:16px 1px 0 0; } .new-pagination { overflow: hidden; padding-bottom: 3px } .new-pagination select { width: 180px; } .new-pagination .pages { float: right; } .new-pagination .pages li { float: left } .new-pagination .pages li a { font: normal normal 16px/20px Times new roman; color: #333333; text-decoration: none; margin: 0 4px; } .new-pagination .pages li.active a { color: #9b8948; } .new-pagination .pages li img { vertical-align: bottom } .new-pagination .pages li span { line-height: 24px } .final-price-list { padding:20px 36px 10px; font-size: 12px; } .final-price-list ul {} .final-price-list ul li {} .final-price-list ul li strong { font-weight: bold; width: 80px; display: inline-block; }