@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%; }
body { font: 16px/26px Arial,Tahoma,Verdana,sans-serif; color: #000; background: #fff url(../images/shapka_itog-2.jpg)  50% 0 no-repeat; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #333; }
a:hover { text-decoration: none; }
p { margin-bottom: 18px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font-size: 24px; font-weight: 700; font-family: 'PT Sans Narrow', sans-serif; color: #000000; margin-bottom: 26px; }
h1 { font-size: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; margin-bottom: 15px; }
ul li { list-style: disc outside; }
.set, .m1 ul:after, .dim_img_list:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: '';}
.rel { position: relative; }

.wrap { display: table; width: 100%; height: 100%; border-collapse: collapse; border: none; }
.head_wr { display: table-header-group; }
.head, .footer, .cont { display: table-cell; vertical-align: top; }
.footer, .head { height: 1px; }
.footer_wr { display: table-footer-group; }
.cont_wr { display: table-row-group; }

.header { height: 454px; position: relative; width: 918px; margin: 0 auto 29px; overflow: hidden;}
    .logo { position: absolute; left: 0; top: 80px;}
    .logo a { display: block; width: 161px; height: 176px; background: url(../images/logo.png) no-repeat;}
    .m1 { background: url(../images/m1.png) no-repeat; width: 724px; height: 52px; margin: 382px auto 0; padding: 19px 0 0 125px; position: relative; left: 2px;}
        .m1 ul { padding: 0; margin: 0;}
        .m1 li { float: left; list-style: none; padding: 0; margin: 0 30px 0 0;}
        .m1 li a { display: inline-block; text-indent: -99in; overflow: hidden; background: url(../images/m1_text.png) no-repeat; padding: 5px; height: 23px;}
        .m1 li.o_kompanii a { width: 102px; background-position: 5px 5px;}
        .m1 li.doma a { width: 47px; background-position: -137px 5px;}
        .m1 li.bani a { width: 41px; background-position: -224px 5px;}
        .m1 li.gal a { width: 66px; background-position: -305px 5px;}
        .m1 li.akcii a { width: 54px; background-position: -411px 5px;}
        .m1 li.kontakti a { width: 78px; background-position: -505px 5px;}
        .m1 li.active.o_kompanii a {background-position: 5px -42px;}
        .m1 li.active.doma a { background-position: -137px -42px;}
        .m1 li.active.bani a { background-position: -224px -42px;}
        .m1 li.active.gal a { background-position: -305px -42px;}
        .m1 li.active.akcii a { background-position: -411px -42px;}
        .m1 li.active.kontakti a { background-position: -505px -42px;}
        .m1 li.o_kompanii a:hover {background-position: 5px -42px;}
        .m1 li.doma a:hover { background-position: -137px -42px;}
        .m1 li.bani a:hover { background-position: -224px -42px;}
        .m1 li.gal a:hover { background-position: -305px -42px;}
        .m1 li.akcii a:hover { background-position: -411px -42px;}
        .m1 li.kontakti a:hover { background-position: -505px -42px;}


.content { width: 798px; margin: 0 auto; padding: 7px 0 52px;}

.catalog { max-width: 1272px; min-width: 848px; margin: 0 auto; padding: 17px 0 26px;}
    .catalog ul { margin: 0 auto; padding: 0; font-size: 0; display: table;}
    .catalog li { width: 300px; margin: 0 31px 62px; padding: 30px 30px 12px; display: inline-block; vertical-align: top; list-style: none; border: 1px solid #d4d1c6; color: #333333;}
        .item_img  { margin-bottom: 12px;}
        .item_img img { width: 300px; vertical-align: top;}
        .catalog li h2 { margin-bottom: 9px; font-size: 26px; font-weight: 100; text-align: center;}
        .item_d { margin-bottom: 19px; font-size: 16px;}
        .line_d span { font-weight: bold;}
        .rub { display: inline; text-decoration: line-through;}

.dom { width: 808px; margin: 0 auto; padding: 7px 0 19px;}
    .dom h1 { margin-bottom: 52px; text-align: center;}
        .title_d { display: block; font: italic 16px/26px Arial, Tahoma, Verdana, sans-serif;}
    .dom_cont { margin-bottom: 52px;}
    .dom_b { margin-bottom: 7px; text-align: center;}
        .dom_b img { max-width: 808px; vertical-align: top;}
    .dom_plan { margin-bottom: 33px; text-align: center;}
        .dom_plan img { max-width: 808px; vertical-align: top;}
    .dim_img_list { width: 100%; overflow: hidden;}
        .dim_img_list ul { margin: 0; padding: 0; width: 105%;}
        .dim_img_list li { width: 260px; height: 195px; margin: 0 14px 15px 0; list-style: none; float: left;}
        .dim_img_list li img { width: 260px; float: left;}
    .compl { margin-bottom: 52px;}
        .compl h3, .price h3, .section h3 { font-size: 32px; text-align: center;}
        .compl h3 { margin-bottom: 37px;}
        .compl_table { width: 800px; margin: 0 auto;}
        .compl_table table, .price_table table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 22px;}
        .compl_table td { width: 16%; padding: 10px 3px; border-width: 0 1px 1px 0; border-style: solid; border-color: #cccccc; text-align: center;}
        .compl_table td:first-child { width: 20%; text-align: left;}
        .compl_table td.w15 { width: 15%;}
        .compl_table td.w17 { width: 17%;}
    .price { width: 680px; margin: 0 auto 52px;}
        .price h3 { margin-bottom: 38px;}
        .price_table table { width: 100%; border-collapse: collapse;}
        .price_table td { padding: 10px 3px; border-width: 0 1px 1px 0; border-style: solid; border-color: #cccccc; text-align: center;}
        .price_table td:first-child { width: 75%; text-align: left;}
    .section { width: 800px; margin: 0 auto 44px; text-align: center;}
        .section h3 { margin-bottom: 26px;}
    .feedback { width: 452px; margin: 0 auto 50px; position: relative;}
        .feedback h3 { margin-bottom: 53px; font-size: 32px; text-align: center;}
            .form_i { margin-bottom: 20px;}
            .form_i input, .form_ta textarea { width: 430px; padding: 0 10px; background: none; border: 1px solid #cccccc; font: 13px 'MS Shell Dlg', 'lucida grande', serif; color: #000;}
            .form_i input { height: 30px; line-height: 30px;}
            .form_ta { height: 179px; margin-bottom: 17px;}
            .form_ta textarea { height: 177px; resize: none; overflow: auto; line-height: 22px;}
            .form_button { text-align: center;}
            .form_button a { display: inline-block; height: 43px; padding: 0 14px; font-size: 18px; line-height: 40px; color: #ffffff; text-align: center; background: url("../images/polosa.png") no-repeat;}
            .form_message, .form_error, .form-ajax { width: 600px; margin-left: -300px; font-size: 18px; text-align: center; position: absolute; left: 50%; bottom: -37px; display: none;}
            .form_message.active, .form_error.active { display: block;}
            .form_message { color: #009900;}
            .form_error { color: #cc0000;}
            .form-ajax { bottom: -50px;}

.footer_table { width: 1000px; display: table; margin: 0 auto; border-top: solid 2px #d6d6d6; border-collapse: collapse;}
    .footer_l, .footer_r { display: table-cell; padding: 20px 20px 27px; color: #999;}
    .footer_l { vertical-align: middle;}
    .footer_r { text-align: right; vertical-align: bottom; font-size: 12px; font-style: italic; padding-bottom: 17px;}