@import url(reset.css);

body {font: 81.25%/1.4 Arial, sans-serif; color: #333}
h1 {
    font-size: 2.286em;
    margin: 0.5em 0;
}
h2 {
    font-size: 1.847em;
    margin: 1em 0 0.5em;
}
h3 {
    font-size: 1.154em;
    margin: 1em 0 0.5em;    
}

h1,
h2,
h3 {
    line-height: normal;
    font-weight: normal;
}

:link, :visited {color: #3c79cb;}
:link:hover, :visited:hover {color: #b52121;}

p {margin-bottom: 1em;}

ul, ol {
    margin: 0 0 1.5em 3em;
}
ul li {
    list-style: disc;
    margin-bottom: 0.5em;
}
ol li {
    list-style-type: decimal;
}

.wrapper {
    position: relative;
    overflow: hidden;
    min-width: 1000px;
    padding-bottom: 3em;
}
.header {
    position: relative;
    padding: 1em 0 0;
    margin-bottom: 10px;
}
.logo {
    float: left;
    position: relative;
    left: 1%;
    width: 22%;
    margin: 0 -100% 0 0;
    text-align: center;
}
.topban {
    background: #fff;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.nav_main {
    font-size: 1.231em;
    float: left;
    position: relative;
    left: 25%;
    width: 60%;
    margin: 0.5em 0 0 3%;
}
.nav_main ul {
    margin: 0;
}
.nav_main__item {
    display: inline-block;
    float: left;
    position: relative;
    margin: 0 1.5em 0.25em 0;
    height: 27px;
    line-height: 26px;
    padding: 0 0.25em;
}
.nav_main__link {white-space: nowrap;}
.nav_main .current {color: #fff;background: url(../i/menu1.png) 0px -95px repeat-x scroll;}
.nav_main__item .l, .nav_main__item .r {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 5px;
    height: 27px;
    background-image: url(../i/menu1.png);
}
.nav_main__item .l {left: -5px;background-position: 0 -67px;}
.nav_main__item .r {right: -5px;background-position: -5px -67px;}
.aside {
    float: left;
    position: relative;
    z-index: 10;
    top: -8px;
    left: 1%;
    width: 22%; 
    margin-right: -100%;
    min-width: 235px;
}

.aside .contact {
    margin: 0 auto 2em;
}

.shield_top {
    overflow: hidden;
    width: 100%;
    height: 10px;
}
.shield_shadow {
    overflow: hidden;
    position: relative;
    padding: 1em 10% 2em;
}
.shield_body {
    position: relative;
    padding: 0 0.75em;
    z-index: 2;
}
.shield_gradient {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}
.shield_bottom {
    width: 100%;
    height: 45px;
}

.phone_list {
    position: relative;
    margin-bottom: 1em;    
}
.call{
    position: relative;
    margin: 0 0 0.5em;
}
.call i {
    position: absolute;
    margin-top: 2px;
    margin-left: 7px;
    width: 11px;
    height: 15px;
    background: url("../i/external_icon.png") no-repeat scroll 50% 0;
}
.call:hover i {
    background-position: 50% -15px;
}

.phone_list .phone {
    font-size: 1.539em;
    line-height: 1.4em;
    color: #1c7a34;
}
.phone_list .phone:hover {
    color: #b52121;
}

.phone .code {
    font-size: 0.7em;
}
.phone_list p {
    position: relative;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

.slider {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 240px;
    text-shadow: 0 1px 0 #345d3e;
    color: #fff;
}
#slider_up{
    height: 46px;
    text-shadow: none;
    background: #5CB573;
}
#slider_down{
    overflow: hidden;
    height: 0px;
    text-shadow: none;
}

.sitemap_content {
    display: block;
    position: relative;
    padding-left: 0.5em;
    margin-top: 17px;
}
.sitemap_content ul {
    display: block;
    float: left;
    width: 30%;
    margin: 0 1.5% 0.75em 0;
}
.sitemap_content ul li{
    font-size: 0.924em;
    line-height: normal;
    margin: 0 0 0.5em 0;
    list-style: none;
}
.sitemap_content .first{font-weight: bold;font-size: 1.075em;}
.sitemap_content a {color: #fff;}
.sitemap_content a:hover {color: #fff500;}
.sitepath {
    overflow: hidden;
    position: relative;
    padding: 0.6em 0 0;
}
.breadcrumbs {height: 32px;line-height: 32px;position: relative;float: left;}
.breadcrumbs a {color:#fff;}
.breadcrumbs a:hover {color:#fff500;}
.breadcrumbs_sep {
    display: inline-block;
    width: 8px;
    height: 12px;
    margin: 0 6px;
    vertical-align: middle;
    background: url(../i/breadcrumps.png) 0 50% no-repeat scroll transparent;
}
.slider #map {
    float: left;
   display: block;
   background: url(../i/mapbtn.png) 0px -35px no-repeat scroll transparent;
    height: 35px;
    padding-left: 29px;
    width: 80px;
    line-height: 33px;
    color: #0a481a;
    cursor: pointer;
}
#map.active {background-position: 0px 0px;}
#map span {position: relative;}
#map.active span {top:1px; left:1px;}
.slider__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.slider__border {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    background: url(../i/border.png) 0px 0px repeat-x scroll transparent;
}
.slider__inner{position: relative;margin: 0 0 0 27.8%;z-index: 2;}
.slider__tabs {
    overflow: hidden;
    padding: 0.5em 5px;
    margin: 0;
}
.slider__tabs__tab {
    font-weight: bold;
    float: left;
    position: relative;
    height: 33px;
    line-height: 30px;
    padding: 0 0.25em;
    margin: 0 1.5em 0 0;
    list-style: none;
    color: #fff;
}
.slider__tabs__tab:hover {color: #fff500;}
.slider__tabs__tab .l,.slider__tabs__tab .r {
    display: none;
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 7px;
    height: 33px;
    background-image: url(../i/slider-button.png);
}
.slider__tabs__tab .l {left: -7px;background-position: 0 0;}
.slider__tabs__tab .r {right: -7px;background-position: -7px 0;}
.slider__tabs .current {color: #0a481a; text-shadow: none;background: url(../i/menu1.png) 0px -33px repeat-x scroll;}
.slider__tabs .current .pseudo_link, .popular__tabs .current .pseudo_link{ border-color: transparent;}
.slider__tabs .current .l,.slider__tabs .current .r {display: block;}
.slider__slide {
    font-size: 1.385em;
    display: none;
    position: relative;
    padding: 0 2em 0 280px;
    line-height: normal;
    left: 3em;    
}
.slider__slide.visible {display: block;}
.slide__thumb {
    position: absolute;
    top: -0.5em;
    left: -50px;
}
.slide__title {
    font-size: 1.5em;
    margin: 0.5em 0;
}
.slide__link {
    font-size: 1.77em;
    font-weight: bold;
    padding: 0 0.125em;
    white-space: nowrap;
    color: #fff;
}
.slide__link:hover {color: #fff500;}

.page {
    font-size: 1.077em;
    position: relative;
    left: 25%;
    float: left;
    width: 70%;
    margin: 0 0 0 3%;
    min-height: 100%;
}

.content {width: 85%;}

.content table {
    width: 100%;
    margin-bottom: 2em;
}
.content table th, .content table td {
    padding: 0.25em;
}
.content table th {
}
.content table tr.alt td {
    background: none repeat scroll 0 0 #c6eac6;
}
.content table .name {
    width: 20%;
    text-align: left;
}
.content table.install .cost {
    background:#fff;
}
.content h1, .content h2, .content h3 {
    clear:both;
}
.comment {
    position: relative;
    margin-bottom: 20px;
    margin-left: -18px;
    background: url(../i/comment-r.png) right 0 repeat-y scroll;
}
.comment-up {
    position: relative;
    height: 7px;
    background: url(../i/comment.png) right 0 no-repeat scroll #fff;
}
.comment-bottom {
    font-weight: bold;
    position: relative;
    height: 40px;
    padding: 15px 0 0 2em;
    background: url(../i/comment.png) right -8px no-repeat scroll #fff;
}
.comment .author {
    font-size: 1.077em;
    float: right;
    padding-right: 5em;
    line-height: normal;
    text-align: right;
}
.comment-center {
    position: relative;
    overflow: hidden;
    padding: 1em 2em 1em 2em;
}
.comment-bottom span{font-style: italic;color: #666;font-weight: normal;}


.shadowed {
    position: relative;
    margin-bottom: 2em;
}
img.shadow {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 15px;
}

.secmenu {
    position: relative;
    left: -2em;
    margin-bottom: 3em;
}
.secmenu__content{
    display: block;
    position: relative;
    padding: 1.5em 2em;
    background: #e4f5e9;
}
.secmenu_content__item {
    font-size: 0.924em;
    float:left;
    display: block;
    width: 31%;
    margin: 0 1.5% 1em 0;
    line-height: normal;
}

.rc7 {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}
.rc3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}


.model_info {
    margin-bottom: 2em;
}

.model_info .cost {
    font-size: 2em;
    margin-bottom: 0.25em; 
}

.thumb {
    float: left;
    margin-right: 3em;
    width: 25%
}

.thumb img {
    max-width: 100%;
}
.model_info .features {
    float: left; 
    width: 67%;
}
.features table, .features td {
    border: none;
}
.features td {
    text-align: left;
}
.features .label {
    width: 40%;
    min-width: 300px;
    padding: 0 1em 0 0;
    background: url(../i/dots.gif) 0 100% repeat-x scroll;
}
.features .label span {
    padding: 0.5em 0.5em 0.5em 0;
    background: #fff;
}

.selection {
    display: block;
    position: relative;
    padding: 1.5em 2em;
    margin-bottom: 3em;
    background: #e4f5e9;
}
.selection .submit {text-align: center;}
.selection .submit input {
    background: url("../i/calcbtn.png") no-repeat scroll 50% 0 transparent;
    text-align: center;
    width: 156px;
    height: 50px;
    color: #fff;
    border: none;
    font-size: 1.308em;
    cursor: pointer;
    padding: 0 0 5px;
    margin: 10px 0;
}
.selection .submit input:active {
    background-position: 50% -51px;
    padding-top: 1px;
    padding-left: 1px;
}
.selection table, .selection td {border: medium none !important;}
.selection table{margin-bottom: 0.35em;}
.selection td {text-align: left;vertical-align: top;padding: 0 0 10px;}
.selection .total {text-align: right;}
.selection .inm {text-align: right;border: none;height: 26px;width: 26px;padding: 0 16px 0 4px;}
.selection label {color: #191a19;display: block;line-height: 1.3em;text-align: left;}
.selection label span{color: #666;font-size: 0.924em;font-style: italic;}
.selection .label {padding: 0.25em 1em 0.35em 0 !important;width: 35%;}
.selection .field {padding: 0 1em 0.5em 0 !important;width: 15%;}
.selection .tube .field { width: 65%;padding-right: 7% !important;}
.selection .tube td{padding-top: 1em !important;}
.selection .submit, .selection .total{padding: 0 !important;}
.selection .field div.count{display: block;height: 26px;position: relative;width: 50px;}
.selection span.more, .selection span.less{ cursor:pointer;width:9px;display: block;height: 9px;line-height: 7px;position: absolute;right: 7px;background: url(../i/moreless.png) 0 0 no-repeat scroll transparent;}
.selection span.more{top:4px;}
.selection span.less{bottom:4px;background-position: 0 -9px;}
.selection .technics td {
    padding-top: 1.25em !important;
}

.select_item {
    padding-top: 1em;
}
.select_item h2 {
    margin-top: 0;
}

.assamble input {
    margin: 0;
    vertical-align: middle;
}

.ui-widget-header {background: none repeat scroll 0 0 #2B7C43;}
.ui-slider-horizontal {height: 3px; background: #ccc;}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -11px;
    top: 3px;
    background: url("../i/slider-handle.png") no-repeat scroll 0 0 transparent;
    border: none;
    height: 27px;
    width: 12px;
    cursor: pointer;
}
.slider-tube-outer{position: relative;padding-top: 20px;}
#tube-amount{position: absolute; top:30px;margin-left: 4px;width: 50px;}
.tube-min, .tube-max {color:#666;font-size: 0.924em;}
.tube-min{position: absolute; top:0px;left: -7px;}
.tube-max{position: absolute; top:0px;right: -7px;}

.sblock{margin: 15px 0;width: 100%;position: relative;}
.b-certs{
    max-width: 300px;
    margin: 2em auto;
    text-align: center;
}
.b-certs p{text-align: center;padding: 0 7px;}
.popular__slide{display: none;}
.popular__slide.visible {display: block;}

.popular img {
    position: absolute;
    top: 0;
    height: 160px;
}
.popular__slide ul {
    margin: 0;
    overflow: hidden;
    list-style: none;
}
.popular__slide li {
    float: left;
    position: relative;
    width: 31%;
    padding-top: 172px;
    margin: 0 1.5% 0 0;
    line-height: 30px;
    list-style: none;
}
.popular__tabs {
    margin: 0 0 20px 0;
    padding: 5px;
    list-style: none;
    overflow: hidden;
}
.popular__tabs li{
    float: left;
    position: relative;
    height: 32px;
    padding: 0 0.4em;
    margin: 0 15px 0 0;
    line-height: 28px;
    list-style: none;
    color: #3c79cb;
}
.popular__tabs li.current {
    color: #0a481a;
    text-shadow: 0 1px 0 #bae1ba;
    font-weight: bold;
    background: url(../i/menu1.png) 0px -160px repeat-x scroll;
}
.popular__tabs .l, .popular__tabs .r {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 5px;
    height: 32px;
    background-image: url(../i/menu1.png);
}
.popular__tabs .l {
    left: -5px;
    background-position: 0 -125px;
}
.popular__tabs .r {
    right: -5px;
    background-position: -5px -125px;
}
.popular__tabs .current .l,
.popular__tabs .current .r {
    display: block;
}
.popular__slide li span {
    font-weight: bold;
    font-size: 1.231em;
}

.ideya {
    line-height: normal;
    margin: 10px 0 0;
    padding-left: 52px;
    position: relative;
    text-indent: 0;
     width: 90px;
     float: right;
}
.ideya img {left: -5px;position: absolute;top: 6px;}
.copyright{float:left;}

.footer {
    clear: both;
    height: 45px;
    padding: 20px;
    background: url(../i/footer-bg.png) 0 0 repeat-x scroll;
}

.pseudo_link {border-style: dotted;border-width: 0 0 1px;cursor: pointer;text-decoration: none !important;}

.popup__content {float: none !important;line-height: 1.5;margin: 0 auto;padding: 0 30px;width: 860px !important;}
.popup__content table, .popup__content table td {border: 0 none;}
.popup__content table td {text-align: left;vertical-align: top;}

.checkout {font-size: 1.25em;}
.checkout .checkout_cost {padding-left: 2em;text-align: right;white-space: nowrap;width: 20%;}

form dd.field input {
    padding: 2px 3px;
    margin-bottom: 0.231em;
    color: #333;
    border: 1px solid #999;
    border-radius: 3px;
}
.feedback_popup .field input {
    width: 90%;
}

form dd.textarea textarea {border: 1px solid #999;color: #333; padding: 2px 3px;border-radius: 3px;}
form dd.field span {color: #999999;display: block;font-size: 0.847em;}
form dd.submit{padding-top: 1em;}
.feedback_popup {background: none repeat scroll 0 0 transparent;}
.feedback_popup .wrapper {background: none repeat scroll 0 0 transparent;width: 100%;}
.feedback_popup .content, .feedback_popup .content {float: none; margin: 0 !important;width: 100%;}
.feedback_popup {margin: 0 auto;width: 465px;}
.feedback_popup form dl {clear: left;margin-bottom: 1em;overflow: hidden;}
.feedback_popup form dt {float: left;padding-top: 0.231em;width: 8em;}
.feedback_popup form dd {margin-left: 9em;}
.errors {background: #FFBBBB;border: 1px dashed red;color: #333333;font-size: 90%;margin-bottom: 1em;padding: 1em;}
.feedback_popup form dd.field #code {width: 3em;}
.feedback_popup form dd.field #phone {width: 12em;}
.feedback_popup form dd.field .code {clear: left;display: block;float: left;padding-left: 2em;width: 5.5em;}
.feedback_popup form dd.field .phone {float: left;}

.feedback_form {
    float: left;
    padding: 1.5em 2em;
    background: #e4f5e9;
}

.feedback_form dl {
    clear: left;
    margin-bottom: 1em;
}
.feedback_form dt {
    float: left;
    margin-right: -100%;
    width: 10em;
}
.feedback_form dd {
    margin-left: 11em;
}
.feedback_form textarea, .feedback_form .field input {
    width: 90%;
}

.price, .price th, .price td {
    border: none;
}
.price thead th {
    font-size: 0.85em;
    font-style: italic;
    font-weight: normal;
    padding: 0.5em 0.75em 1em;
    line-height: normal;
    text-align: left;
    vertical-align: bottom;
    color: #707070;
    background: none;
    border-bottom: 1px solid #999999;
}
.price .name {
    font-weight: normal;
    width: 20%;
    min-width: 100px;
    padding: 0.5em 0 0.5em 0.75em;
    text-align: left;
    border-bottom: 1px solid #E3E3E3;
}
.price td {
    border-bottom: 1px solid #E3E3E3;
    padding: 0.75em 0 0.75em 1em;
    text-align: left;
    width: 10%;
}
.price tbody tr:hover {
    box-shadow: 0 0 6px #ccc inset;
    background: #fafafa;
}
.price .cost {
    font-size: 1.25em;
    font-style: italic;
    font-weight: bold;
    padding: 0.25em;
    text-shadow: 1px 1px 0 #fff;
    white-space: nowrap;
    color: #0a481a;
}


.faq {margin-bottom: 2.25em;}
.scheme_item {
    display: inline-block;
    margin: 0 2% 2em 0;
    text-align: center;
    vertical-align: bottom;
    width: 28%;
}
.scheme_item img {display: block;margin-bottom: 0.75em;width: 100%;}
ins {text-decoration: none;}
.select_item {
    display: block;
    margin: 0 2% 2em 0;
    width: 47%;
    float: left;
}
.select_item .thumb {
    float: none;
    height: 170px;
    width: 100%;
    margin: 0;
}
.select_item .thumb img {
    height: 160px;
}
.select_item .features {
    font-size: 0.924em;
}
.select_item .features .label {
    min-width: 180px;
    width: 60%;
}
.faq_title {
    border-bottom: 1px dashed #1C7A34;
    color: #1C7A34;
    font-style: italic;
    font-weight: bold;
    font-size: 1.077em;
    }
.comment_name {
    font-size: 1.077em;
    font-weight: bold;
    margin-bottom: 0.2em;
    line-height: normal;
}
.comment_name span {
    color: #666666;
    font-style: italic;
    font-weight: normal;
    font-size: 0.924em;
}
.comment_item{
	border: 2px solid #D6D6D6;
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    box-shadow: 3px 3px 4px #E5E0E0;
    border-radius: 7px;
    margin-bottom: 35px;
    padding: 0 15px 10px;
    position:relative;
}
.comment_item .com{
 background: url("../i/com.png") no-repeat scroll 0 0 transparent;
    bottom: -26px;
    height: 26px;
    position: absolute;
    right: 30px;
    width: 24px;
    z-index: 100;
}
.article_item{
    padding-bottom: 10px;
}
.comment_item p{
    display: inline;
}
ul.cert{margin: 0;}
.cert_item{display:block; float:left; width:26%; margin: 0 3.5% 1.5em 0; padding: 0;max-width: 212px;}
.cert_item img { display: block;width: 100%;}
.ymap {
    position: relative;
    z-index: 1;
    margin: -2em 0 1em;
}
.YMaps-slider {
    top: 40px !important;
    left: 24% !important;
}
.YMaps-buttons {
    top: 3em !important;
}

.logo_404 {
    position: absolute;
    left: 20%;
    margin: 4em 0 0 -0.5em;   
 }
.page_404 {
    padding: 120px 160px 60px 20%;
    width: 28em;
}
.page_404 p {
    font-size: 1.1em;
}

.visible {visibility: visible;}
.invisible {visibility: hidden;}
.disabled {color: #ccc; cursor: default;}
.hidden {display: none;}
.clr {clear: both; font-size:0; height: 0; line-height: 0; overflow: hidden;}
.clearfix:after, .form dl:after {visibility: hidden; display: block; clear: both; content: " "; height: 0;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}