@font-face {
    font-family: 'pf_din_text_cond_probold';
    src: url('pfdintextcondpro-bold-webfont.eot');
    src: url('pfdintextcondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('pfdintextcondpro-bold-webfont.woff') format('woff'),
    url('pfdintextcondpro-bold-webfont.ttf') format('truetype'),
   /* url('PFDinTextCondPro-Bold.ttf') format('truetype'), */
    url('pfdintextcondpro-bold-webfont.svg#pf_din_text_cond_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}

html, body { height: 100%;}
html { background: #fff url("../images/bg.jpg") 50% 0 no-repeat;}
body { min-width: 800px; font: 14px/24px Arial, Tahoma, Verdana, sans-serif; color: #000; background: url("../images/bereza.png") 100% 0 no-repeat; min-width: 1000px;}

a { text-decoration: underline; cursor: pointer;}
a:hover { text-decoration: none;}

img { border: none;}

input[type="button"], input[type="submit"], button { cursor: pointer;}

p { margin: 0 0 18px;}

ul, ol { margin: 0 0 20px 15px;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 22px 0; font-family: 'pf_din_text_cond_probold'; line-height: normal; color: #333;}
h1 { font-size: 64px;}
h2 { font-size: 36px;}
h3 { font-size: 28px;}
h4 { font-size: 22px;}
h5 { font-size: 18px;}
h6 { font-size: 14px;}


.main { height: 100%; min-height: 100%; height: auto !important; background: url("../images/klen.png") 0 0 no-repeat; position: relative;}

.page { width: 800px; margin: 0 auto; padding: 133px 0 0;}

.header, .footer, .catalog, .layout_list, .brus_img, .form_button { position: relative; zoom: 1;}

.header:after, .footer:after, .catalog:after, .layout_list:after, .brus_img:after, .form_button:after { content: ""; display: block; height: 0; clear: both;}


.header { margin: 0 0 41px;}

.logo { width: 135px; float: left;; font: bold 44px/74px 'pf_din_text_cond_probold'; letter-spacing: -.006em; position: relative; zoom: 1;}
.ie .logo { letter-spacing: -.018em;}

    .logo a { display: block; height: 77px; color: #fff; text-decoration: none; text-align: center; background: #cc6633; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; position: relative; zoom: 1;}
.main_nav { width: 630px; padding: 14px 30px 10px 0; float: right;}
    .main_nav ul { margin: 0; padding: 0 19px 0 19px; float: right; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; zoom: 1;}
    .main_nav li { height: 54px; padding: 0 15px 0 14px; float: left; list-style: none; font: bold 30px/50px 'pf_din_text_cond_probold'; letter-spacing: -.012em;}
    .ie .main_nav li { letter-spacing: -.019em;}
        .main_nav li a { color: #333;}
        .main_nav .active a { color: #cc6633;}

.container, .category { padding: 0 0 151px;}

    .container h1, .category h1 { text-shadow: 1px 1px 1px #fff;}

    .block_content { padding: 0 0 15px;}
    .block_content h2 { margin: 0 0 28px;}

    .basis { padding: 0 0 0 59px; background: url("../images/document.png") 0 4px no-repeat;}
    .config { padding: 0 0 0 60px; background: url("../images/truck-2.png") 0 0 no-repeat;}

    .link_feedback { padding: 43px 0; text-align: right;}
        .feedback { width: 365px; height: 57px; display: inline-block; *display: inline; zoom: 1; text-align: center; background: #FFCC00; -webkit-border-radius: 20px;  -moz-border-radius: 20px; border-radius: 20px; color: #fff; font: bold 36px/55px 'pf_din_text_cond_probold'; letter-spacing: -.008em; position: relative;}
        .ie7 .feedback, .ie8 .feedback, .ie9 .feedback, .ie10 .feedback { letter-spacing: -.01em;}

.category h1 { margin: 0 0 22px; text-align: center;}

.catalog { padding: 25px 0;}
    .catalog ul { margin: 0 auto;}
        .catalog li { list-style: none; width: 350px; margin: 0 37px 64px 36px; float: left; text-align: center; position: relative;}
            .img_item, .name_item, .price_item { padding: 0 0 13px;}
            .img_item { height: 263px;}
                .img_item a img { max-width: 350px; max-height: 263px;}
            .name_item { font: 24px/30px 'pf_din_text_cond_probold';}
                .name_item a { color: #333;}
                .price_item span { font-size: 24px;}
                .hit, .low_price { position: absolute; top: 0; right: 0; color: #fff; padding: 0 5px; line-height: 26px;}
                .hit { background: #cc6600;}
                .low_price { background: #339933;}

    .img_house { margin: -7px 0 39px; padding: 2px 0 0; overflow: hidden;}
        .img_house img { -webkit-box-shadow:  0 0 2px #ccc; -moz-box-shadow:  0 0 2px #ccc; box-shadow:  0 0 2px #ccc;}

    .layout_house { margin: 0 0 57px;}
        .layout_house h2 { margin: 0 0 22px;}
         .layout_list { padding: 6px 0 0;}
                .layout_list a img { width: 380px;}

    .prices { padding: 0 0 48px;}
        .prices h2 { margin: 0 0 38px;}
            .prices h2 span { color: #cc3333;}
        .prices_table { margin: 0 0 20px; padding: 2px 0 3px; background: #fff; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; position: relative; zoom: 1;}
            .prices_table table { width: 100%; border-collapse: collapse;}
            .prices_table table tr:nth-child(even) { background: #f7fef7;}
            .even { background: #f7fef7;}
            .prices_table table td, .prices_table table th { width: 25%; padding: 14px 5px 15px; border-right: 4px solid #fff; border-bottom: 2px solid #fff;}
            .prices_table table td { text-align: center;}
            .prices_table table td:first-child, .prices_table table th:first-child { padding-left: 15px; border-left: 4px solid #fff;}
            .prices_table table td:first-child { text-align: left;}
            .conf_option { font-size: 18px;}
                .conf_option a { color: #444;}
            .prices_table table .special { padding-top: 15px; font-size: 22px; color: #669900;}

    .brus { padding: 0 0 36px;}
        .brus h2 { margin: 0 0 36px;}
            .brus_img { padding: 0 0 20px;}
                .brus_col01 { width: 400px; float: left;}
                    .brus_col01 a img { width: 400px;}
                .brus_col02 { width: 390px; float: right;}
                    .brus_col02 a { display: inline-block; margin: 0 0 3px;}
                        .brus_col02 a img { width: 390px;}

    .blue_sky { display: blodk; height: 1320px; position: absolute; right: 0; left: 0; z-index: -10; margin-top: -294px; background: url("../images/sr-bg.jpg") 50% 0 repeat-x;}

    .feedback_form h1 { margin: 0 0 32px; text-align: center;}
    .wrap_form { width: 515px; margin: 0 auto 45px; padding: 30px 45px 20px; background: #fff; -webkit-box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc;}
        .form_item { padding: 0 0 20px;}
            .form_item label { display: block; padding: 0 0 7px;}
                .form_item label span { font-weight: bold; font-style: italic; color: #cc0000;}
            .form_item input, .form_item textarea { font-size: 16px; color: #333; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
            .form_item input { width: 340px; height: 28px; padding: 0 5px; line-height: 28px;}
            .form_item textarea { width: 503px; height: 140px; padding: 0 5px; resize: none; overflow: auto; line-height: normal;}
        .form_button { padding: 3px 0 12px;}
            .form_button a { display: block; width: 187px; height: 57px; float: right; background: #ffcc00; font: 36px/55px 'pf_din_text_cond_probold'; color: #fff; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; letter-spacing: -.006em;}
            .ie .form_button a { letter-spacing: -.018em;}

    .return { padding: 0 0 22px; text-align: center;}
        .return a { color: #333;}

    .pp_message { width: 396px; height: 81px; position: fixed; top: 50%; left: 50%; margin: -62px 0 0 -220px; padding: 22px; background: #339933; font: 36px/40px 'pf_din_text_cond_probold'; color: #fff; text-align: center; display: none;}
        .pp_message .close_ppm { display: block; width: 36px; height: 36px; position: absolute; top: -18px; right: -18px; background: url("../js/fancybox/fancybox_sprite.png");}

.footer { height: 40px; margin-top: -105px; padding: 65px 0 0; background: url("../images/futer.png") 50% 0 no-repeat; }
    .foot_container { float: right;}
        .mail_info, .cop_info { float: left; color: #fff; margin-right: 20px; padding: 0 5px;}
        .mail_info { background: #cc6633;}
        .mail_info a { color: #fff;}
        .cop_info { background: #333;}
    .wrap_butterflies { width: 100%; height: 67px; overflow: hidden; position: absolute; top: -86px;}
        .butterflies_l { width: 160px; height: 67px; position: absolute; bottom: 0; right: 50%; margin-right: 760px; background: url("../images/butterflies_l.png") no-repeat;}
        .butterflies_r { width: 27px; height: 28px; position: absolute; bottom: 5px; left: 50%; margin-left: 884px; background: url("../images/butterflies_r.png") no-repeat;}