@site_grad_start: #e7eaf1; @site_grad_end: #f6f5fa; @navi_color: #993333; @navi_border: 3px; @site_width: 960px; @block_width: 940px; @onepix: 1px; @main_bg: url(../images/background.png) repeat scroll 0 0 rgba(0, 0, 0, 0); @button_grad_start: #1eb2e1; @button_grad_end: #227ca2; .rooms_hat, .complex_hat, .table_head > td {background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfe 25%, #f6f6f8 50%, #eeeef0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#fcfcfe), color-stop(50%,#f6f6f8), color-stop(100%,#eeeef0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfe 25%,#f6f6f8 50%,#eeeef0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fcfcfe 25%,#f6f6f8 50%,#eeeef0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfe 25%,#f6f6f8 50%,#eeeef0 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fcfcfe 25%,#f6f6f8 50%,#eeeef0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeef0',GradientType=0 ); /* IE6-9 */;} .allin { box-shadow: 0 0 8px #a8aaa7; width: @site_width; background: linear-gradient(to top, @site_grad_end, @site_grad_start);} body {background:@main_bg;} .slider {margin: @onepix*26 auto @onepix*19;} .navigation,.slider,.events {width:@block_width; position:relative;} .navigation{ padding-left: 10px;} .timepickers { position: absolute; right: 17px; top: 17px; width: 226px; h4 {font-size: 16px; font-weight: bold; margin-bottom: 25px;}} .buttonsearch { background: linear-gradient(to bottom, #1eb2e1, #227ca2) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #1f6881; border-radius: 4px; color: #fff; font-size: 20px; height: 49px; line-height: 45px; text-align: center; vertical-align: middle; width: 193px;} .well {a:hover {text-decoration:none;} background: rgba(245,245,245,0.75);} .add-on {background-color: white;} .navbar .nav > li {float:left;} .nav > li > a { color: #fff; padding: 6px 15px!important; text-decoration: none!important;} .searchform { position: absolute; right: 0; top: 0;} .navbar {max-width:670px;} .form-search > input {margin-bottom:0!important;} .searchform >.form-search > .btn {background: url(../img/search.png) no-repeat scroll 0 0 #fff; height: 25px; border-radius: 0 1px 1px 0; margin: 9px 9px 0 -5px; } .searchform >.form-search > .input-medium {border: medium none; border-radius: 1px; height: 25px; margin-top: 9px; width: 220px;} .events {background: url(../images/events.png);} .eventpic1,.eventmo1,.eventpic2,.eventmo2,.eventpic3,.eventmo3,{ width: 299px; height: 131px; position:absolute; } .eventpic1,.eventpic2,.eventpic3 {background: url(../images/event1.jpg); z-index:3; left: 7px;} .eventpic2 {background: url(../images/event2.png);} .eventpic3 {background: url(../images/event3.png);} .eventmo1,.eventmo2,.eventmo3 {background: url(../images/deepevent1.jpg); z-index:2; left: 7px;} .eventpic1:hover,.eventpic2:hover,.eventpic3:hover {z-index:1;} .eventmo1:hover,.eventmo2:hover,.eventmo3:hover {z-index:4;} .event1,.event2,.event3 {width: 940px/3; float:left; position:relative; height:100%; text-align: center; a { color: black; text-decoration: underline;} a:hover { color: black; text-decoration: underline!important};} .contacts {float:right; width: 508px; height: 80px; margin-top:26px;} .adres { background: url(../images/adres.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-family: arial regular !important; font-size: 16px; height: 80px; padding-left: 46px; width: 254px; padding-top: 7px;} .phones { font-family: arial regular !important; width: 508/2px; height: 80px; float:left; background: url(../images/phone.png) no-repeat; padding-left:46px; p{margin: 0 0 -7px;};} .footer {width:100%; height:147px; border-top:1px solid #be2945} .fb1,.fb2,.fb3 {width: 100%/3; float:left; height:100%; padding: 10px 0 0 5px;} .fb1 {padding-left:18px;} .fb1 > p {font-family: arial regular; font-size: 14px; a {color:#be2945;};} .prizes {width:275px; height:117px;} .left_prize {width:104px; height:117px; background:url(../images/left_prize.png); float:left;} .right_prize {width:156px; height:117px; background:url(../images/right_prize.png); float:left; margin-left: 15px;} .content {} .map {margin: 0 auto; width: 940px;} .ymaps-copyrights-legend,.ymaps-logotype-div,.ymaps-controls-righttop,.ymaps-group {display: none!important;} .map_contacts {width:940px; height:103px; margin:0 auto; background-color:white;} .map_phones {height:103px; width:60%; float:left; background:url(../images/phone2.png) no-repeat; padding: 25px 0 0 63px;} .map_mail {height:103px; width:40%; float:left; background:url(../images/mail.png) no-repeat; padding: 30px 0 0 63px;} .map_phones > p {margin: 0;} .map_mail > p {margin:0;} .transport {width:940px; height:195px;} .bus {width:40%; float:left; margin-left: 45px;} .bustop {background: url(../images/bus.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 16px; height: 57px; padding:10px 82px 0 110px; width: 100%;} .bustop > p { height: 16px; margin: 0;} .busbot {width:100%; padding-left: 28px;} .car {width:51%; float:right;} .cartop {background: url(../images/car.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 16px; height: 57px; padding:10px 82px 0 110px; width: 100%;} .cartop > p { height: 16px; margin: 0;} .carbot {width:100%;} .carbot > p {margin:0;} .rooms {float: left; margin-bottom: 15px; width: 920px;} .rooms_hat, .complex_hat {height:41px; position:relative; padding: 7px 0 0 11px;} .rooms_body {height: 155px; margin-bottom: 20px; background-color:#fff;} .rooms_body_left {float: left; padding: 12px;} .rooms_body_right { float: left; height: 200px; width: 651px;} .rooms_hat > h3, .complex_hat > h3 {margin-top:0; width:100%;font-size: 18px; font-weight: bold;} .rooms_hat > h3 > a, .complex_hat > h3 > a {color: black !important; left: 11px; position: absolute;} .rooms_hat > h3 > a > b, .complex_hat > h3 > a > b {font-size:18px;} .rooms_pic {} .rooms_body_right_top {width:100%; height: 80px; font-size:14px; padding-top: 12px; } .rooms_body_right_bot {width:100%; height:40px;} .rooms_body_options, .rooms_body_price, .kw_more_fn, {height:40px; width:100%/5; float:left;margin-right:20px} .vid {background:url(../images/eye.png) no-repeat;} .wifi {background:url(../images/wifi.png) no-repeat;} .rooms_body_options > table {width:100%; font-size: 12px; color: #818181; td {padding-left:30px;};} .rooms_body_price { color: #2396c0; padding-right: 5px; text-align: right; padding-top: 2px; b {font-size:21px;};} .rooms_body_booking {width:131px; height:38px; margin-left: 19px;} .complex_pic {width:186px; height:164px; padding:5px 13px 0; float:left;} .complex_body_top {} .complex {width:920px; margin-bottom: 15px;} .complex_body {height: 205px; background-color: white;} .complex_body_right_top {width:710px; height:164px; float:left; padding: 13px 8px 0;} .complex_body_top {width:100%; height:164px;} .complex_bot {height:31px; margin-top:4px; padding-left:12px; width:100%;} .complex_body_time,.complex_body_phone,.complex_body_booking {height:31px; width:100%/3; float:left;} .complex_body_time {width:240px; margin-top: 4px; color:#818181; background:url(../images/littleclock.jpg) no-repeat; padding: 2px 0 0 25px;} .complex_body_phone {margin: 4px 0 0 30px; color:#818181; background:url(../images/littlephone.jpg) no-repeat; padding: 2px 0 0 25px;} .complex_body_booking {float: right; height: 31px; margin-right: 48px; width: 131px;} .akciya { height: 34px; position: absolute; right: -7px; top: 6px; width: 119px;} .table-bordered > tbody > tr > td {height: 45px; width:110px; text-align: center; background-color: #fff;} .table_head {font-weight: bold;} .table_stiralka {margin-left: 5px;} .room_galery {width:430px; height:413px; float:left; position: relative;} .galery_bigpic {width: 309px; height: 309px;} .galery_bot {height: 98px; margin-top: 6px; overflow: hidden; position: absolute; right: -8px; width: 325px;} .galery_prev {width:98px; height:98px; float:left; margin-left: 8px;} .room_features {width:450px; height:412px; float:right; background-color:white; padding: 9px;} .room_prev {width:920px; height: 413px;} .room_kpk {height: 70px; border-bottom: 1px solid #a4d5e6;} .room_words {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #a4d5e6;} .room_options {height: 186px; margin-top: 10px;} .room_price {height: 56px;} .room_eye > td {background:url(../images/room_eye.png) no-repeat;} .room_wifi > td {background:url(../images/room_wifi.png) no-repeat;} .room_wind > td {background:url(../images/room_wind.png) no-repeat;} .room_bar > td {background:url(../images/room_bar.png) no-repeat;} .room_bed > td {background:url(../images/room_bed.png) no-repeat;} .room_options > table > tbody > tr > td {height: 32px; padding-left: 30px; color: #818181;} .room_price_text {float:left; width:50px;width: 90px;} .room_price_price {float:left; color:#2398c2;width: 90px;} .room_price_price > b {font-size:24px;} .room_price_bron {float:right;} .room_equip {width:673px; background-color: #fcfbfd; overflow: hidden; padding: 6px 10px; margin-bottom: 41px;} .eqp1, .eqp2, .eqp3, .eqp4, .eqp5, .eqp6, .eqp7, .eqp8, .eqp9 { width: 100%/3; background:url(../images/minilogo.png) no-repeat; color: #4e4e4e; float: left; height: 20px; margin-bottom: 11px; padding: 2px 0 0 25px; } .item > p {margin:0;} p.news-item > a > img { height: 131px; width: 299px; margin: 0 0 0 7px;} .event_hg { background-color: rgba(0, 0, 0, 0.65); height: 131px; margin-left: 7px; position: relative; width: 299px; z-index: 4; opacity:0;} .event_hg:hover {opacity:1;} .event_hg > a {width: 299px; height: 131px;} .event_prev_text {position:absolute; color:white; font-size: 14px; padding: 10px 32px 0; height:80px;} .event_button {background:url(../images/event_button.png) no-repeat; bottom: 9px; height: 30px; left: 80px; position: absolute; width: 140px;} .event_hghg {} p.clip { font-size: 15px; height: 80px; text-align: left;} .catalog-detail {float: left; margin-bottom: 15px; width: 920px;} .email { background: url("../pics/email.gif") no-repeat scroll 0 1px rgba(0, 0, 0, 0); padding-left: 22px; } .skype { background: url("../pics/skype.gif") no-repeat scroll 0 1px rgba(0, 0, 0, 0); padding-left: 22px; } .opacity_bck { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2; background: rgba(0, 0, 0, 0.9);} .reserv_window { background: none repeat scroll 0 0 white; max-height: 615px; min-height: 510px; left: 50%; margin-left: -250px; margin-top: -250px; opacity: 1; position: absolute; top: 50%; width: 500px; border-radius: 5px; }