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

@font-face {
    font-family: 'pf_square_sans_pro_mediumRg';
    src: url('pfsquaresanspro-medium.eot');
    src: url('pfsquaresanspro-medium.eot?#iefix') format('embedded-opentype'),
    url('pfsquaresanspro-medium.woff') format('woff'),
    url('pfsquaresanspro-medium.ttf') format('truetype'),
    url('pfsquaresanspro-medium.svg#pf_square_sans_pro_mediumRg') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'pf_square_sans_pro_lightRg';
    src: url('pfsquaresanspro-light.eot');
    src: url('pfsquaresanspro-light.eot?#iefix') format('embedded-opentype'),
    url('pfsquaresanspro-light.woff') format('woff'),
    url('pfsquaresanspro-light.ttf') format('truetype'),
    url('pfsquaresanspro-light.svg#pf_square_sans_pro_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

    }

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, input, dl, dd, dt  {margin: 0px; padding: 0px;}
html {height: 100%; background: #f3f3f3 url(../images/body_fon.png); }
body {font: 13px/21px  'HelveticaNeue', Arial, sans-serif;  color: #3d413b;  min-width: 1000px;  position: relative; height: 100%; background:  url(../images/top-bg.png) repeat-x;  }

img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #3d413b;}
a:hover {text-decoration:  underline;}

p {padding:0 0 15px;}
h1, h2, h3, h4, h5, h6 {font-family: 'HelveticaNeue', Arial, sans-serif; ;  color: #000; padding: 0 0 16px; line-height: normal; font-weight: bold;}
h1 {font-size: 32px; font-family: 'pf_square_sans_pro_lightRg'; font-weight: normal;}
h2 {font-size: 17px;color: #3d413b; font-weight: bold;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
ol {padding:0 0 20px 30px;}
ul {padding: 0 0 20px 0; }
ul li {padding: 5px 0; list-style: disc outside;}
ol li{padding: 5px; }
input {outline: none;}


 .footer_main:before, .footer_main:after, .header:before, .header:after, .block_info1:before, .block_info1:after, .block2_top ul:before, .block2_top ul:after, .block2_bottom:before, .block2_bottom:after, .block_info2:before, .block_info2:after, .wrap1_blockinfo2:before, .wrap1_blockinfo2:after,.wrap_info:before, .wrap_info:after, .wrap_footer_inner:before, .wrap_footer_inner:after, .wrap_content_page1:before, .wrap_content_page1:after,.breadcrumps ul:before, .breadcrumps ul:after,.pagination ul:before, .pagination ul:after  {content: ""; display: table;}
 .footer_main:after, .header:after, .block_info1:after, .block2_top ul:after, .block2_bottom:after, .block_info2:after, .wrap1_blockinfo2:after, .wrap_info:after, .wrap_footer_inner:after, .wrap_content_page1:after, .breadcrumps ul:after, .pagination ul:after {clear: both;}
 .footer_main, .header, .block_info1, .block2_top ul, .block2_bottom, .block_info2, .wrap1_blockinfo2, .wrap_info, .wrap_footer_inner, .wrap_content_page1, .breadcrumps ul, .pagination ul  {zoom:1;}





.wrap {min-height: 100%; position: relative; width: 100%;}
.page_main {position: relative; padding: 0 0 153px; background: url(../images/fon_back.png) 0 58px repeat-x; width: 100%; min-width: 1000px; overflow: hidden; }
.page_inner { padding: 0 0 115px;}
    .header {padding: 0; height: 58px; width: 1000px; margin: 0 auto;}
        .logo {float: left; padding: 18px 42px 0 0;}
            .logo a {display: block; background: url(../images/logo.png) no-repeat; width: 206px; height: 25px; }

        .menu {float: left;}
            .menu ul {padding: 0;}
                .menu li {float: left; list-style: none; padding: 0 ;}
                .menu li a {color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; display: block; height: 58px; line-height: 58px; padding: 0 15px;}
                .menu li a:hover {background: url(../images/topm-hov-bg.png) repeat-x;}
                .menu ul .current a {background: url(../images/topm-div-bg.png) repeat-x;  text-shadow: 0 1px #30820A;}

        .phone_number {float: right; padding: 19px 0 0; font-size: 20px; color: #aeaeae; text-shadow: 0 -1px 1px #191919;font-family: 'pf_square_sans_pro_lightRg';}
    .wrap_page1 {background: url(../images/main090612_03.png); }
    .page1 {background: url(../images/white-gradient-bcg.png) repeat-x; padding: 44px 0 0; min-height: 332px;}
.page_inner .page1 {padding-top: 64px;}
            .wrap_content_page1{ width: 1000px; margin: 0 auto; padding: 0 0 54px;}
            .block_info1 { padding: 0 0 51px;}
            .block1 {float: left;  line-height: normal;color: #fff; font-family:  'pf_square_sans_pro_mediumRg';}
        .block1 a {display: block; color: #fff; text-decoration: none;background: url(../images/buble.jpg) no-repeat; width: 353px;  height: 291px; padding: 49px 23px 0 25px;}
                .propos {  padding: 0 0 31px; display: block;}
                .propos1 {display: inline-block; background: url(../images/090612.png); font-size: 19px; padding: 6px 16px 0; height: 25px; }
                    .propos1 span { position: relative; bottom: -5px;}
                    .propos2 {background:url(../images/090612.png); font-size: 43px; padding: 12px 23px 12px 19px; display: inline-block; text-shadow: 0 -1px 2px #01113c; }
                    .lte7 .propos2 {display: inline; zoom:1;}
                .lte7 .propos1 {display: inline; zoom:1;}

             .propos_2 { font-size: 22px;}
                        .propos_2  span {background: url(../images/0990612.png); display: inline-block; padding: 10px 10px 6px 9px;}
                        .lte7 .propos_2 span {display: inline; zoom:1;}

            .block2 {float: right; width: 585px;}
                .block2_top {width: 585px; padding: 0 0 17px;}
                .block2_top ul {padding: 0 0 0 2px; width: 110%;}
                        .block2_top ul li {float: left; list-style: none; padding: 0 15px 0 0;}
                            .block2_top ul li a {display: block; width: 185px; height: 164px;}
                                /*.block2_top ul li a:hover {background-position: 0 -164px;}
                                .block2_top ul li a:active {background-position: 0 -328px;}*/
                        .block2_top ul .it1 a {background: url(../images/1.png) 0px top no-repeat; }
                        .block2_top ul .it2 a {background: url(../images/2.png) 0px top no-repeat; }
                        .block2_top ul .it3 a {background: url(../images/3.png) 0px top no-repeat; }
                        .block2_top ul .it1 a:hover {background-image: url(../images/1_h.png); }
                        .block2_top ul .it2 a:hover {background-image: url(../images/2_h.png); }
                        .block2_top ul .it3 a:hover {background-image: url(../images/3_h.png); }
                        .block2_top ul .it1 a:active {background-image: url(../images/1_a.png); }
                        .block2_top ul .it2 a:active {background-image: url(../images/2_a.png); }
                        .block2_top ul .it3 a:active {background-image: url(../images/3_a.png); }
                .block2_bottom {background: url(../images/gre.jpg) no-repeat; width: 562px; height: 144px; padding: 13px 0 0 20px; margin-left: 4px;}
                    .item1 {float: left; width: 190px; font-size: 15px; line-height: 21px; font-family:  'pf_square_sans_pro_mediumRg'; color: #333; text-shadow: 0 1px 1px #fff; }
                    .item2 {float: right; width: 281px; padding: 27px 16px 0 0;}
                    .bot2 {}
                    .bot2 a {display: block; background: url(../images/bot_2.jpg) 0 0 no-repeat; width: 280px; height: 82px; }
                    .bot2 a:hover {background-image: url(../images/bot_2_h.jpg);}
                    .bot2 a:active {background-image: url(../images/bot_2_a.jpg);}
.wrap1_blockinfo2 {}
.wrap2_blockinfo2 {position: relative; left: -50%; float: right;}
.block_info2 { position: relative; left:50%;}
    .item_block {float: left; width: 231px; line-height: normal; padding: 0 32px;}
    .item_block .title1 {font-size: 19px; padding: 0 0 14px 5px; font-weight: normal; }
        .item_block .title1 a {text-decoration: none; color: #3D413B;}
        .item_block ul {padding: 0; border-top: 1px solid #dedede; position: relative; font-size: 13px; line-height: 16px;}
            .item_block ul li {padding: 7px 4px 8px 22px; border-bottom: 1px solid #dedede; list-style: none; background: url(../images/green-dot.png) 5px 11px no-repeat;}
                .item_block ul li a {text-decoration: none; color: #414141;}


.page2 {padding: 59px 0 0; background: url(../images/fon_main_grad2.png) repeat-x; min-height:289px; }
.wrap_content_page2 {width: 1000px; margin: 0 auto;}
.page2 h2 { font: 35px/46px 'pf_square_sans_pro_lightRg'; text-align: center; padding: 0 0 62px; font-weight: normal; }
.page2 h3 {font: 25px/34px 'pf_square_sans_pro_lightRg'; padding: 0 0 30px;}
.page2 h2 span, .page2 h3 span {font-family: 'pf_square_sans_pro_mediumRg'; }
.left_m {margin: 5px 0 0 -113px; }
.content_page2 {padding: 0 0 0 120px;}
.wrap_info { padding: 0 0 20px;}
    .info1_1 {float: left; width: 375px;}
    .info1_2 {float: right; width: 375px;}
.page2 .left_m2 {margin:0 0 0 -56px; padding-top: 5px;}
.info2_1 {float: left; width: 166px; padding: 0 40px 0 0;}
.info2_2 {float: left; width: 390px;}
.page2 p {padding: 0 0 35px;}

.contentarea {float: right; width: 753px;}
.side_bar {float:left; width: 199px;}
.content_part h2 {font-size: 13px;}
.text {position: relative; margin: 0 0 23px; }
.text h5 {padding: 0 0 8px;}
.text h5 a {color: #3d413b; text-decoration: none;}
.fon_text {position: absolute; top: 64px; left: 0; width: 100%; height:28px ; background: url(../images/fon_text.png) repeat-x;}
    .text_inner { max-height: 84px; overflow: hidden; position: relative;}
.order_price {margin: 0 0 31px -7px;}
.order_price a {background: url(../images/buttons.png) no-repeat; width: 211px; height: 69px; display: block; color: #fff; font-weight: bold; font-size: 16px; text-shadow: 0 -1px 1px #40980d; text-decoration: none; text-align: center; line-height: 67px;}
.navigate {}
    .navigate .item_block {float: none; padding: 0 0 32px; width: 199px;}
        .navigate .item_block ul {font-size: 13px; line-height: 16px;}
        .navigate .item_block li {background: none; padding-left: 4px; padding-bottom: 7px; padding-top: 6px;}
        .navigate .item_block li span {display: inline-block; background: url('../images/green-dot.png') 0px 4px no-repeat; padding: 0 0 0 18px;}
            .lte7 .navigate .item_block li span {display: inline; zoom:1;}
.navigate .item_block .current {background: #fff;}
.navigate .item_block .title1 {font-size: 17px;}
.breadcrumps {color: #414141; font-size: 12px; padding: 0 0 2px;}
.breadcrumps ul {padding: 0;}
.breadcrumps ul li {float: left; list-style:none;background: url(../images/bcounter.gif) left 7px no-repeat; padding: 0 0 5px 15px; margin: 0 10px 0 0;}
.breadcrumps ul li a {text-decoration: none; color: #414141;}
.breadcrumps ul li:first-child {background: none; padding-left: 0;}
.content_part {padding: 0 0 0 12px;}
.pagination {padding: 15px 0 0;}
.pagination ul {padding: 0; font-size: 13px;}
.pagination ul li {float: left; width: 20px; height: 20px; line-height: 20px; padding: 0; text-align: center;margin: 0 6px 4px 0; color: #3d413b; list-style: none; }
.pagination ul li a {color: #3d413b; text-decoration: none;}
.pagination ul li a:hover {color: #57b117;}
.pagination ul .current {background: url(../images/pagin_active.png) center center no-repeat; color: #fff;}
.pagination ul .current a {color: #fff;}
.pagination ul .current a:hover {color: #fff;}


.wrap_footer_main {height: 152px; border-top:1px solid #e5e5e5; margin: -153px 0 0; background: #fff; position: relative; font-size: 12px; color: #616161;}
    .footer_main {padding: 44px 0 0 15px; width: 985px; margin: 0 auto;}
    .foot1 {width: 436px; padding: 0 20px 0 0; float: left;}
        .copy1 {padding: 0 0 12px; line-height: 15px;}
        .copy2 {font-weight: bold;}
    .foot2 {float: left; width: 300px;}
        .tel_n {color: #404040; font-size: 18px; font-weight: bold; padding: 0 0 8px;}
        .addres {padding: 0 0 8px; line-height: normal;}
        .link a {font-size: 12px; color: #616161; text-decoration: none; font-weight: bold;}
            .link2 a {font-size: 11px; text-decoration: underline;color: #616161;}
    .foot3 {float: right; width:197px; }
        .foot3 a {display: block; text-decoration: none; color: #404040; font-size: 15px; font-weight: bold; text-align: center; background: url(../images/buttons.png) 0 -73px; text-shadow: 0 1px 0 #FFFFFF !important; width: 197px; height: 63px; line-height: 63px;}

.wrap_footer_inner {width: 985px; margin: -115px auto 0 ; height: 110px; padding: 3px 0 0 15px; position: relative; font-size: 12px; color: #616161;}
.wrap_footer_inner .foot1 {width: 500px;}
.wrap_footer_inner .foot2 {float: right; width: 283px;}    
© TrueDev.org