@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,Helvetica,sans-serif; color: #000; background: #fff; min-width: 1000px; position: relative; height: 100%; }
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; }
p { margin-bottom: 18px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: bold 18px Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 15px; }
h1 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; margin-bottom: 15px; }
ul li { list-style: disc outside; }
.set, .imp:after, .img_list:after, .plane1:after, .plane2:after, .category_cont:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; display: block; content: '';}
.rel { position: relative; }

.wrap { display: table; width: 900px; margin: 0 auto; 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; }


.imp { margin-bottom: 27px;}
    .imp_img { width: 600px; float: left;}
        .imp_img img {max-width: 100%; box-shadow: 0 0 3px #CCCCCC; vertical-align: top;}
    .imp_text { float: right; width: 270px;}
        .h101 { font-size: 44px; line-height: 44px; color: #222222; margin-bottom: 30px;}
        .h101 span { color: #CC3333;}

        .imp_descr { margin-bottom: 48px;}
        .imp_price { font-size: 36px;}

/*.img_list { margin-bottom: 5px;}*/
    .img_list ul { padding: 0; margin: 0; width: 110%;}
    .img_list li { float: left; list-style: none; width: 436px; height: 327px; margin: 0 28px 26px 0;}
    .img_list li img { float: left; width: 436px; height: 327px; box-shadow: 0 0 3px #CCCCCC;}

.plane1 { margin-bottom: 33px; padding-top: 5px;}
    .plane1_img { width: 600px; float: left;}
        .plane1_img img { float: left; max-width: 100%; box-shadow: 0 0 3px #CCCCCC;}

    .plane1_text { float: right; width: 269px; position: relative; top: -7px;}

.plane2 { margin-bottom: 33px;}
    .plane2 img {max-width: 100%; float: left; box-shadow: 0 0 3px #CCCCCC;}

.plane_text2 { margin-bottom: 33px;}

.table1 {border: 2px solid #CCCCCC; font-family: 'PT Sans Narrow', sans-serif; font-size: 30px; padding: 30px; text-align: center; margin-bottom: 26px;}
    .table1 table { width: 100%; /*border-collapse: collapse;*/ border: none;}
    .table1 td { padding-bottom: 30px; width: 23%;}
    .table1 tr td:first-child { text-align: left; width: auto;}

    .color td { color: #CC3333;}
    .color td:first-child { color: #000;}

.h201, .h301, .h302, .h303 { font-size: 30px; line-height: 26px; font-family: 'PT Sans Narrow', sans-serif; color: #777; font-weight: normal; text-align: center; margin: 0;}
.h301 { color: #000;}
.h302 { color: #000; margin-bottom: 18px; text-align: left;}
    .h302 a { display: inline-block; border-bottom: 1px solid #333333; text-decoration: none; line-height: 30px;}
    .h302 a:hover { border-color: transparent;}
.h303 { color: #000; margin-bottom: 18px; text-align: left; line-height: 30px;}
    .h303 a { display: inline-block; text-decoration: none; border-bottom: 1px dashed #333333;}
    .h303 a:hover { border-color: transparent;}

.category_cont { margin-bottom: 35px;}
    .h102, .sort { font: 24px/27px 'PT Sans Narrow', sans-serif;}
    .h102 { max-width: 490px; float: left; font-weight: normal; color: #666666;}
    .sort { max-width: 390px; padding-right: 2px; float: right;}
        .sort a { margin-left: 15px; text-decoration: none; color: #333333; border-bottom: 1px dashed #222222;}
        .sort a:hover { border: none;}
        .sort a.active { color: #cc3333; border: none;}

.category_list { width: 100%; margin-left:-3px; padding-right: 3px; overflow: hidden;}
    .category_list ul { width: 110%; margin: 0; padding: 0;}
    .category_list li { width: 196px; height: 250px;padding: 3px 35px 27px 3px; float: left; list-style: none; text-align: center;}
        .category_img { margin-bottom: 7px; border: 6px solid #ffffff; -webkit-box-shadow: 0 0 3px #cccccc; -moz-box-shadow: 0 0 3px #cccccc; box-shadow: 0 0 3px #cccccc;}
            .category_img img { vertical-align: top;}
        .category_name { margin-bottom: 6px; font-size: 16px; font-weight: 300; color: #222222;}
            .category_name a {  color: #444444;}
        .category_options { margin-bottom: 3px; font-size: 12px; color: #666666;}
        .cost { color: #333333;}

.grade { margin-bottom: 52px;}
    .grade table, .additionally table { width: 100%; border-collapse: collapse; font: 30px/32px 'PT Sans Narrow', sans-serif;}
        .grade th, .grade td, .additionally th, .additionally td { padding: 16px 2px; border: 2px dashed #cccccc; text-align: center; font-weight: normal;}
        .grade th, .grade td { width: 15%;}
        .grade th { color: #777777; padding: 16px 5px 16px 12px;}
        .grade td:first-child,.additionally td:first-child { padding: 16px 2px 16px 12px; text-align: left;}

.additionally { margin-bottom: 28px;}
    .additionally th { padding: 16px 5px 16px 12px; color: #cc3333;}
    .additionally th span { display: block; padding: 0 170px; color: #999999;}
    .additionally td { width: 265px;}
    .additionally td:first-child { width: 611px;}


.section { margin-bottom: 35px;}
.section.modif { margin-bottom: 0;}
    .h103, .h202 { color: #333333; font-weight: normal; font-family: 'PT Sans Narrow', sans-serif;}
    .h103 { margin: -10px 0 21px; font-size: 36px;}
    .h202 { margin-bottom: 16px; font-size: 24px;}
        .bkt { color: #999999;}
        .accent { color: #cc3333;}



.head { height: 400px;  font-family: 'PT Sans Narrow', sans-serif;}
    .logo { position: relative;}
        .logo a { display: block; position: absolute; width: 190px; height: 320px; left: -6px; top: 20px;}
        .logo a img { width: 190px; vertical-align: top;}

    .feedback { text-align: right; margin-bottom: 52px;}
        .feedback a {border-bottom: 1px dashed; color: #CC6633; font-size: 24px; text-decoration: none;}

    .tel { text-align: right; color: #333333; font-size: 30px; margin-bottom: 18px;}
        .tel span { font-size: 18px; display: block; padding-top: 10px;}

    .m1 { float: right; border: 2px solid #CCCCCC; padding: 30px 0 20px 30px; margin-left: 200px; width: 604px;}
        .m1 ul { padding: 0; margin: 0;}
        .m1 li { float: left; display: inline-block; list-style: none; font-size: 29px; line-height: 32px; margin: 0 30px 20px;}
            .m1 li a { display: inline-block; height: 29px; text-decoration: none; border-bottom: 1px solid #333333;}
            .m1 li a:hover { border-color: transparent;}

.footer { padding-top: 80px;}
.footer_table { display: table-row; width: 100%; color: #777777;}
    .footer_table > div { display: table-cell; white-space: nowrap; padding: 3px 0 17px;}
    .rasp { width: 30%; }

.form_popup { display: none;}

.popup { width: 484px; padding: 45px 58px 56px; background: #ffffff; position: absolute; top: 50px; left: 50%; margin-left: -300px; -webkit-box-shadow: 0 0 5px #cccccc; -moz-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc;}
    .h203 { margin-bottom: 24px; font: 28px 'PT Sans Narrow', sans-serif; color: #111111; text-align: center;}
    .form_line { margin-bottom: 20px;}
    .form_line input, .form_line textarea { width: 470px; height: 36px; padding: 0 5px; border: 2px solid #cccccc; background: none; font: 16px/36px ' MS Shell Dlg', sans-serif;}
    .place { color: #cccccc;}
    .form_line input { height: 36px;}
    .form_line textarea { height: 196px; line-height: 20px; resize: none; overflow: auto; vertical-align: top;}
    .form_button input { padding: 10px; font-size: 22px; color: #666666; vertical-align: middle;}
    .close { position: absolute; top: -11px; right: -14px;}
    .close a { display: block; width: 30px; height: 30px; background: url("../images/close.png") no-repeat;}

.popup_sent, .popup_write { background: #ffffff; position: fixed; top: 50%; left: 50%; margin: -35px 0 0 -200px; font: bold 28px/26px 'PT Sans Narrow', sans-serif; color: #111111; text-align: center; -webkit-box-shadow: 0 0 5px #cccccc; -moz-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc;}
.popup_sent { width: 380px; padding: 40px 10px 48px;}
.popup_write { width: 340px; padding: 40px 30px 48px;}

.form-ajax { margin-left: 30px; display: none; vertical-align: middle; font-size: 0; line-height: 0;}