/* common markup */ body, html { margin: 0; padding: 0; color: #000; height: 100% !important; } body { font: 14px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #333333; background: #3A9C7F url(/images/bg_all.jpg) top left repeat; } form { margin: 0; padding: 0; border: 0; font-size: 100%; } a { font: 14px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #269f79; cursor: pointer; } a:focus { outline: none; } a:hover { text-decoration: none; } a img { border: none; } .no-screen { display: none; } .nowrap { white-space: nowrap; } .noflash { text-align: center; } .noflash, .noflash a { color: Gray; } .red-font { font: 14px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #cc3333; } .clear { clear: both; } .png { filter:expression(fixPNG(this)); } .png a { position: relative; } h1 { font: normal 24px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #333333; line-height: 30px; } h2 { font: bold 18px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; } h1.main-green { margin: 0 0 15px 0; font: bold 18px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #339966; line-height: 30px; text-transform: uppercase; } h2.flats-order { float: left; margin: 0; padding: 15px 0 0 30px; width: 200px; font: bold 18px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #333333; text-transform: uppercase; background: url("/images/bg_flats_order_h2.jpg") top left no-repeat; } /* main markup */ #layout-bg { background: #3A9C7F url(/images/bg_all.jpg) top left repeat; } #layout-wrap { padding-bottom: 30px; } .min-width { min-width: 990px; width: auto !important; width: 990px; max-width: 1280px; margin: 0 auto; } #layout { margin: 0 5px; height: 1%; } .layout-left-head { float: left; width: 367px; } .layout-middle-wrap-head { float: left; width: 100%; margin-left: -367px; } .layout-middle-head { margin-left: 337px; } .layout-left { float: left; width: 295px; overflow: hidden; } .layout-middle-wrap { float: left; width: 100%; margin-left: -295px; } .layout-middle { margin-left: 295px; } .layout-left-footer { float: left; width: 6px; height: 71px; } .layout-middle-wrap-footer { float: left; width: 100%; margin-left: -6px; margin-right: -6px; } .layout-middle-footer { margin-left: 6px; margin-right: 6px; height: 71px; } .layout-right-footer { float: right; width: 6px; height: 71px; } #layout-head { margin-left: -36px; height: 415px; } #layout-top-menu { clear: both; width: 100%; height: 40px; } #layout-content { clear: both; position: relative; margin-bottom: 1px; padding-bottom: 30px; height: 1%; overflow: hidden; } #footer { clear: both; margin-top: 1px; height: 71px; overflow: hidden; } /* top bg */ .layout-left, .layout-right { position: relative; } #left-bg { left: 0; background-position: 0px -45px; } #right-bg { right: 0; background-position: -8px -45px; } /* Options */ .white-bg { background: #ffffff; } /* elements */ #logo { width: 367px; height: 260px; position: relative; } #top-recall-me { position: relative; margin: 6px 0 0 50px; width: 267px; height: 135px; background: url("/images/bg_block_recal.png") top left no-repeat; } #top-recall-me p, #top-recall-me label { font: 11px Tahoma; color: #ffffff; } #top-recall-me p { text-align: center; vertical-align: top; } #top-recall-me p.top-recall-description { padding: 33px 0 8px 13px; text-align: left; } #top-recall-me p.red-text { color: #FFFD9C; font-weight: bold; } #top-recall-me form div { margin: 0; padding: 0 13px 7px 13px; width: 241px; text-align: right; vertical-align: top; } #top-recall-me form div label { float: left; line-height: 14px; } #top-recall-me form div input { margin: 0; padding: 0 0 0 5px; width: 140px; height: 14px !important; font: 11px Tahoma, Arial, sans-serif; color: grey; } #top-recall-me form input.button { margin: 0 auto; padding: 0; width: 147px; height: 20px; background: url("/images/recall_top_button.gif") top left no-repeat; border: 0; cursor: pointer; } /* для FireFox */ @-moz-document url-prefix() { #top-recall-me form input.button { margin-top: 7px; } } #top-flash { margin-top: 50px; width: 100%; height: 306px; position: relative; z-index: 999; } #top-under-flash { margin-top: 20px; padding-left: 5px; width: 100%; height: 30px; position: relative; z-index: 999; } #layout-top-menu table { margin: 0; padding: 0; width: 100%; height: 40px; background: none; } #layout-top-menu table td { padding-right: 0px; vertical-align: top; background: none; } #layout-top-menu table td.item { background: url("/images/bg_top_menu.gif") top left repeat-x; } #layout-top-menu table td.first-item { background: url("/images/bg_top_menu_fc.png") top left no-repeat; } #layout-top-menu table td.last-item { background: url("/images/bg_top_menu_lc.png") top right no-repeat; } #layout-top-menu table td.spliter { width: 4px !important; background: url("/images/bg_top_menu_spliter.gif") top left no-repeat; } #layout-top-menu table td a { display: block; padding-left: 0px; width: 100%; height: 40px; font: 20px "Times New Roman", Tahoma, Arial; color: #295e68; line-height: 40px; text-decoration: none; } #layout-top-menu table td a:hover { color: #ffffff; background: url("/images/bg_top_menu_active.gif") top left repeat-x; } #layout-top-menu table td a.first { display: block; padding-left: 0px; width: 100%; height: 40px; font: 20px "Times New Roman", Tahoma, Arial; color: #295e68; line-height: 40px; text-decoration: none; } #layout-top-menu table td a.first:hover { color: #ffffff; background: url("/images/bg_top_menu_fc_active.png") top left no-repeat; } #layout-top-menu table td a.last { display: block; padding-left: 0px; width: 100%; height: 40px; font: 20px "Times New Roman", Tahoma, Arial; color: #295e68; line-height: 40px; text-decoration: none; } #layout-top-menu table td a.last:hover { color: #ffffff; background: url("/images/bg_top_menu_lc_active.png") top right no-repeat; } #layout-top-menu table td a.selected { color: #ffffff; background: url("/images/bg_top_menu_active.gif") top left repeat-x; } #layout-top-menu table td a.selected-first { color: #ffffff; background: url("/images/bg_top_menu_fc_active.png") top left no-repeat; } #layout-top-menu table td a.selected-last { color: #ffffff; background: url("/images/bg_top_menu_lc_active.png") top right no-repeat; } #left-certificate-block { margin: 35px 0 0 0; text-align: center; } #left-certificate-block p { padding-bottom: 3px; } #left-certificate-block a { font-size: 12px; } #left-map-block { margin: 35px 0 0 0; text-align: center; } #left-map-block p { padding-bottom: 7px; } #left-map-block a { font-size: 16px; } #left-catalogue-block { margin: 35px 0; text-align: center; font-size: 14px; color: #666666; } #left-catalogue-block a { font-size: 14px; color: #666666; text-decoration: none; } #left-catalogue-block a:hover { text-decoration: underline; } #left-catalogue-block h2 a { font-size: 24px; color: #339966; text-decoration: none; } #left-catalogue-block h3 { margin: 15px 0; } #left-catalogue-block h3 a { font-size: 14px; font-weight: bold; color: #339966; text-decoration: none; } #left-catalogue-block span { font-weight: bold; } #informer { margin: 0 0 0 0; text-align: center; font-size: 14px; color: #666666; } #informer .informer-head { margin: 0 auto; width: 194px; height: 9px !important; background: #F0EFF0 url("/images/bg_informer_head.gif") top left no-repeat; } #informer .informer-content { margin: 0 auto; width: 194px; text-align: center; background: #F0EFF0 url("/images/bg_informer.gif") top left repeat-y; } #informer .informer-content p.green { padding-top: 30px; font: bold 14px "Times New Roman"; color: #339966; } #informer .informer-content p.clock { padding: 7px; } #informer .informer-content p.grey { font: bold 14px "Times New Roman"; color: #999999; } #informer .informer-content p.date { padding-top: 0; font: 12px Georgia, "Times New Roman"; color: #295e68; } #informer .informer-content p.icons { padding: 5px 0; text-align: center; } #informer .informer-content p.description { padding: 5px 0; font: 11px Arial, Tahoma; color: #535a5a; } #informer .informer-content ul { margin-left: 35px; text-align: left; } #informer .informer-content ul li { display: inline; width: 80px; font: 11px Arial, Tahoma; } #informer .informer-content ul li.red { color: #cc3333; padding-right: 25px; } #informer .informer-content ul li.blue { color: #003399; } #informer .informer-foot { margin: 0 auto; width: 194px; height: 9px; background: #F0EFF0 url("/images/bg_informer_foot.gif") top left no-repeat; } #navigation { margin: 20px; font-size: 14px; color: #39a685; text-align: right; } #navigation a { font-size: 14px; color: #39a685; text-decoration: none; } #navigation a:hover { text-decoration: underline; } #page-header { position: relative; } #page-header #indicator { position: absolute; top: 15px; right: 20px; padding-left: 35px; width: 180px; height: 30px; font: bold 18px "Times New Roman"; color: #39a685; background: url("/images/ind_free.gif") left 1px no-repeat; } #page-header #indicator_lock { position: absolute; top: 15px; right: 20px; padding-left: 35px; width: 180px; height: 30px; font: bold 18px "Times New Roman"; color: #39a685; background: url("/images/ind_lock.gif") left 1px no-repeat; } #gallery { margin: 20px 20px 20px 0; height: 115px; background: url("/images/gallery_bg.gif") top left repeat-x; } #gallery .gallery-wrap { float: left; width: 100%; margin-left: -38px; margin-right: -38px; } #gallery .nav_left { float: left; width: 38px; height: 115px; } #gallery .nav_right { float: right; width: 38px; height: 115px; } #gallery .slides { margin: 0 38px; padding-top: 12px; overflow: hidden; height: 90px; } #gallery .slides a { margin: 0 5px; } #onlne_orders_block { clear: both; margin: 20px 20px 20px 0; } #onlne_orders_block p { padding: 10px 0; } #onlne_orders_block p.header { padding: 0 0 0 10px; font: bold 14px "Times New Roman"; color: #333333; line-height: 30px; background: #E8F1F1; } #onlne_orders_block p.header span.free { padding: 0 40px; background: url("/images/ind_color_free.gif") top left no-repeat; } #onlne_orders_block p.header span.lock { padding: 0 40px; background: url("/images/ind_color_lock.gif") top left no-repeat; } #online_order_form { clear: both; margin: 20px 20px 20px 0; } #online_order_form table { width: 654px; } #online_order_form table th { height: 63px; font: bold 14px "Times New Roman"; color: #ffffff; background: #36A178 url("/images/bg_form_head.png") top left no-repeat; } #online_order_form table td { padding: 7px; border: solid 1px #E9F1F0; } #online_order_form table td.error { font: 12px Tahoma, Arial; color: red; text-align: center; } #online_order_form table td.mark { width: 140px !important; font: 12px Tahoma, Arial; color: #333333; text-align: center; } #online_order_form table td.dark { background: #E8F1F1; } #online_order_form table td.border-light { border-right: solid 1px #ffffff !important; } #online_order_form form input { padding-left: 5px; width: 480px; height: 16px; font: 12px Tahoma; color: #333333; } #online_order_form form textarea { padding: 5px 0 0 5px; width: 480px; height: 100px; font: 12px Tahoma; color: #333333; overflow:auto; } #online_order_form form .middle { width: 200px; } #online_order_form form .short { width: 100px; } #online_order_form form .button { padding: 0; width: 50px; height: 22px; } #detail_decsription { clear: both; margin: 20px 0; overflow: hidden; _zoom: 1; } #detail_decsription .col1, #detail_decsription .col2 { float: left; padding-bottom: 10000px; margin-bottom: -10000px; } #detail_decsription .col1 { padding-right: 20px; } #detail_decsription .col1 div.photo { width: 430px; text-align: center; } #detail_decsription .col2 { position: relative; } #detail_decsription .detail_info { font: 14px "Times New Roman"; color: #333333; } #detail_decsription .detail_info h2 { margin: 0 0 5px 0; padding: 0; font: bold 18px "Times New Roman"; color: #cc3333; } #detail_decsription .detail_map { margin: 30px 0 0 0; } #detail_decsription .detail_map p { padding: 5px 0; font: 14px "Times New Roman"; color: #333333; } #detail_summary { clear: both; margin: 20px 0; overflow: hidden; _zoom: 1; } #detail_summary .col1 { float: left; padding-bottom: 10000px; margin-bottom: -10000px; width: 200px; margin-right: 25px; } #detail_summary .col1 h2 { margin: 0 0 5px 0; padding: 0; font: bold 18px "Times New Roman"; color: #009966; } #detail_summary .col1 p { font: 14px "Times New Roman"; color: #333333; } #main-information { clear: both; overflow: hidden; } #main-information .main-information-wrap { float: left; width: 100%; margin-right: -270px; } #main-information .main-information-inner { margin-right: 270px; font-size: 14px; color: #666666; } #main-information .main-information-inner p.green { margin-top: 15px; font: bold 18px "Times New Roman", Tahoma, Arial, Helvetica, sans-serif; color: #339966; line-height: 30px; } #main-information .main-information-right { float: right; margin-right: 20px; width: 220px; } #layout-flats-order { clear: both; margin: 20px 30px 20px 0; } #layout-flats-order table.flats-order-table { margin: 0; padding: 0; width: 100%; } #layout-flats-order table.flats-order-table th.out { margin: 0; padding: 0; height: 62px; text-align: left; vertical-align: top; background: #E8C061 url('/images/bg_flats_order_th.jpg') top right no-repeat; } #layout-flats-order table.flats-order-table th.out h2 { width: 168px; } #layout-flats-order table.flats-order-table th.out .tabs { float: right; margin-top: 29px; width: 152px; height: 33px; text-align: center; background: url('/images/bg_flats_tab.jpg') top left no-repeat; } #layout-flats-order table.flats-order-table th.out .tabs a { font-size: 14px; color: #333333; line-height: 33px; text-decoration: none; } #layout-flats-order table.flats-order-table th.out .tabs-sel { float: right; margin-top: 29px; width: 152px; height: 33px; text-align: center; background: url('/images/bg_flats_tab_sel.jpg') top left no-repeat; } #layout-flats-order table.flats-order-table th.out .tabs-sel a { font-size: 14px; color: #ffffff; line-height: 33px; text-decoration: none; } #layout-flats-order table.flats-order-table td { vertical-align: top; } #layout-flats-order table.flats-order-table td.tools { height: 28px; font: 12px Arial; color: #fff; vertical-align: middle !important; background: #269F79; border-bottom: solid 1px #fff; } #layout-flats-order table.flats-order-table td.tools form .form-out { width: 100%; position: relative; overflow: hidden; } #layout-flats-order table.flats-order-table td.tools form .conteiner { float: right; margin: 0 20px 0 30px; } #layout-flats-order table.flats-order-table td.tools form label { padding-right: 20px; cursor: pointer; } table.items_list { margin: 1px 0 0 1px; width: 100%; } table.items_list th { height: 30px; font-size: 14px; color: #fff; background: #269F79; border: solid 1px #55C6A2; cursor: auto !important; } table.items_list td { padding: 5px; font-size: 14px; color: #333; text-align: center; vertical-align: middle !important; border: solid 1px #55C6A2; } table.items_list td.w120 { width: 120px; } table.items_list td.w80 { width: 80px; } table.items_list td.w70 { width: 70px; } table.items_list td.photo { width: 130px; } table.items_list td.photo img { margin: 3px 5px 0 5px; } table.items_list a { font-size: 14px; color: #666666; text-decoration: none; } table.items_list а:hover { text-decoration: underline !important; } div#onlne_orders_block table.calendar { float: left; margin: 10px; padding: 0; background: #fff; } div#onlne_orders_block table.calendar th { background: #fff; text-align: left; } div#onlne_orders_block table.calendar td { width: 28px; height: 18px; padding: 0; font: 11px Tahoma, Arial; color: #fff; text-align: center; background: #2C9559; border: solid 1px #cccccc; } div#onlne_orders_block table.calendar td.weekend { font-weight: bold; color: #FEF9C3; } div#onlne_orders_block table.calendar td.rg { background: url("/images/rg.gif") top left no-repeat; } div#onlne_orders_block table.calendar td.gr { background: url("/images/gr.gif") top left no-repeat; } div#onlne_orders_block table.calendar td.red { background: #FE3232; } div#onlne_orders_block table.calendar th a, div#onlne_orders_block table.calendar td span.weekend { font-weight: bold; color: #FEF9C3; } #full_decsription { clear: both; margin: 20px 20px 20px 0; } #full_decsription p { padding: 7px 0; font: 14px "Times New Roman"; color: #333333; } #full_decsription p.header { padding: 0 0 0 10px; font: bold 18px "Times New Roman"; color: #009966; line-height: 30px; background: #E8F1F1; } #footer #developer { float: left; margin: 25px 0 0 50px; width: 200px; height: 20px; text-align: left; vertical-align: top; } #footer #developer img { float: left; margin-left: auto; padding-right: 10px; text-align: left; } #footer #developer a.copyright { font: 11px Tahoma; color: #849191; text-decoration: none; } #footer #developer a.copyright:hover { color: #333333; text-decoration: underline; } #footer #counters { float: right; margin: 20px 14px 0 0; width: 200px; height: 31px; text-align: right; } #footer #counters img { margin-left: 10px; } /** * prettyPhoto.css */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pictureHolder .top .left { background: url(prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */ div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: url(prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url(prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url(prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url(prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url(prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url(prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url(prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url(prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url(prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */ div.pictureHolder .bottom .left { background: url(prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: url(prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url(prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(prettyPhoto/ttl.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(prettyPhoto/ttr.gif) top left no-repeat; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(prettyPhoto/ttp.gif) top left repeat-x; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}