@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;}