/* ======= Reset styles ======= */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;}

body {line-height: 1;}

ul {list-style-type: disc; padding-left: 28px;}
ol {padding-left: 28px;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}


/* ======= Typography ======= */

body {
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #5d473c;
    text-align: left;}

h1 {
    color: #009836;
    font-size: 25px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;}

h2 {
    color: #009836;
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0px 10px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;}

h3 {
    color: #5d473c;
    font-size: 110%;
    padding: 15px 0 5px 0;}

h4 {
    color: #5d473c;
    font-size: 100%;
    padding: 10px 0 5px 0;}

h5 {
    color: #887468;
    font-size: 170%;
    padding: 0 0 5px 0;}

p {padding: 0 0 5px 0; line-height: 18px;}
li {padding: 0 0 2px 0; line-height: 18px;}

a:link {color: #ef7900;}
a:visited {color: #ef7900;}
a:hover {color: #009836;}
a:active {color: #009836;}

.big {  font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5d473c}
.big a {  font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5d473c; text-decoration: none}
.big a:visited {  font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5d473c; text-decoration: none}
.bigt a:hover {  font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5d473c; text-decoration: none}

/* ======= Layout ======= */

.menuTopContainer {
    width: 985px;
    margin: 20px auto 0 auto;
    padding-left: 10px;
    position: relative;}

#mainPage .headerBgr {
    position: relative;
    float: left;
    margin-left: 50%;
    width: 50%;
    height: 466px; /* Это значение можно менять только вместе с margin-top для #mainPage #folios */
    z-index: 1;
    background: url(/images/layout/bgr_main.png) no-repeat 430px 113px;}

#regularPage .headerBgr {
    position: relative;
    float: left;
    margin-left: 50%;
    width: 50%;
    height: 353px; /* Это значение можно менять только вместе с margin-top для #regularPage #folios */
    z-index: 1;
    background: url(/images/layout/bgr_main.png) no-repeat 430px 0px;}

#mainPage #folios {
    width: 995px;
    margin: -466px auto 0 50%; /* margin-top можно менять только вместе с height для #mainPage .headerBgr */
    position: relative;
    float: left;
    left: -498px;
    z-index: 2;}

#regularPage #folios {
    width: 995px;
    margin: -346px auto 0 50%; /* margin-top можно менять только вместе с height для #regularPage .headerBgr */
    position: relative;
    float: left;
    left: -498px;
    z-index: 2;}

#header {
    display: block;
    position: relative;
    padding-left: 20px;
    width: 908px;}


/* ======= Верхнее меню ======= */

.menuTop {
    display: block;
    position: relative;
    width: 106px;
    height: 46px;
    margin-right: 10px;
    float: left;
    line-height: 18px;
    z-index: 100;}

.menuTop a, .menuTop p {
    display: block;
    text-align: left;
    margin: 0px 10px 0px 10px;
    padding: 1px 0 8px 0;}

.menuTop p {color: #ef7900; border-bottom: 1px solid #ef7900;}
.menuTop.active {z-index: 300;}

.menuTop.active a:link, .menuTop.active a:visited,
.menuTop.active a:hover, .menuTop.active a:active {color: #ef7900; border-bottom: 5px solid #ef7900; text-decoration: none;}

.menuTop a:link, .menuTop a:visited {color: #5d473c; border-bottom: 1px solid #5d473c; text-decoration: none;}
.menuTop a:hover, .menuTop a:active {color: #ef7900; border-bottom: 1px solid #ef7900; text-decoration: none;}

.singleLineItem {padding-top: 19px !important;}

.dropPanel {
    display: none;
    position: relative;
    top: -1px;
    width: 906px;
    padding: 20px 0px 10px 10px;
    background-color: #f7f4f2;
    border: solid 1px #d7d5d0;
    float: left;
    z-index: 200;}

.dropPanel:before,
.dropPanel:after {
    content: " ";
    display: table;}

.dropPanel:after {clear: both;}
.dropPanel {*zoom: 1;}

.dropArticle {
    display: block;
    width: 317px;
    float: left;
    margin-right: 10px;
    font-size: 12px;}

.dropItems {
    display: block;
    width: 164px;
    float: left;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #ef7900;}

.dropItems ul {
    font-size: 12px;
    color: #009836;
    padding-left: 16px;}

.dropItems li, .dropArticle p {padding-bottom: 7px;}

.dropItems a:link, .dropItems a:visited {color: #009836;}
.dropItems a:hover, .dropItems a:active {color: #ef7900;}


/* ======= Блок логотипа ======= */

.logoplace {
    display: block;
    width: 318px;
    margin: 23px 20px 0 0;
    float: left;}

.logoImg {
    height: 84px;
    margin-bottom: 36px;}

.phoneNum {
    display: block;
    float: left;
    margin-right: 13px;}

.workTime {
    display: block;
    float: left;
    color: #A69691;
    margin-bottom: 29px;}

.phoneNum .big {
    font-size: 140%;
    margin: 5px 0 8px 0;}

.hotBlock {margin-bottom: 18px;}
.sidebar .hotBlock {margin-left: 20px;}
.logoplace p {padding-bottom: 0;}
.officesLink {font-size: 18px;}

/* ======= Меню каталога товаров ======= */

.catalogContainer {
    display: block;
    width: 570px;
    float: left;}

.catalogContainer h1 {
    display: block;
    height: 55px;
    font-size: 44px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 40px 0 1px 7px;}

.catalogContainer ul {list-style-type: none; padding: 0; margin: 0;}
.catalogContainer li {padding: 0; margin: 0;}

ul.catalogTabs {
    position: absolute;
    z-index: 15000;}

.catalogTabs li {
    margin: 0 6px 0 0;
    padding: 10px 10px 14px 10px;
    float: left;}

.catalogTabs li.active {
    padding: 9px 9px 14px 9px;
    background-color: #f7f4f2;
    border: solid 1px #d7d5d0;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}

.catalogTabs li a {
    display: block;
    font-size: 19px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    text-decoration: none;}

.catalogTabs li a:link, .catalogTabs li a:visited {color: #009836; border-bottom: 1px dotted #009836;}
.catalogTabs li a:hover, .catalogTabs li a:active {color: #ef7900; border-bottom: 1px dotted #ef7900;}

.catalogTabs li.active a:link, .catalogTabs li.active a:visited,
.catalogTabs li.active a:hover, .catalogTabs li.active a:active {color: #ef7900; border-bottom: none;}

.catalogMenu {
    display: none;
    position: relative;
    width: 568px;
    margin: 42px 0 22px 0;
    background-color: #f7f4f2;
    border: solid 1px #d7d5d0;
    z-index: 10000;}

#mainPage .catalogMenu {min-height: 327px;}
#regularPage .catalogMenu {min-height: 207px;}

.catalogMenu thead td {
    font-size: 11px;
    line-height: 13px;
    color: #5d473c;
    font-weight: bold;
    padding: 10px 0 8px 20px;}

.catalogMenu tbody td {
    font-size: 14px;
    color: #a09691;
    padding: 5px 0 5px 20px;
    border-top: 1px solid #eceae6;
    border-bottom: 1px solid #eceae6;}

.catalogMenu tbody tr:hover {background-color: #ffffff;}

.catalogMenu a:link, .catalogMenu a:visited {color: #5d473c;}
.catalogMenu a:hover, .catalogMenu a:active {color: #ef7900;}

.catColMark {width: 25%;}
.catColPrice {width: 15%;}
.catColVendor {width: 15%;}
.catColColor {width: 45%;}

.catSpecLink {
    margin: 10px 20px;
    font-size: 14px;}

.catSpecLink a:link, .catSpecLink a:visited {color: #009836;}
.catSpecLink a:hover, .catSpecLink a:active {color: #ef7900;}


/* ======= Cлайдер главной витрины ======= */

.sliderTxtPanel {
    display: block;
    position: absolute;
    width: 199px;
    z-index: 10;
    background: #ef7900 url(data:image/gif;base64,R0lGODlhAQAEAfcAAPCACvB/CO96AfGIFO97A/B8BPWjOfWkOvKJFvCDDe9+BvWfNPKOHPOQIPWlPPOPHfScL/KQH+96APCFEfOUJPOWKPOUJfKMGvvQdvnAYPzRd/rEZvB9BvvKbvWgNfCDD/CDDvOZLPSdMfi5V/WiN/B7A/OVJvOTJO96AvOWJ+97Au95AO99BfCBCvSeMvORIfCACPzSePB/CfasRfKNG/euSPauSPvOc/SaLfvIbPavSvm+XvOTIvKSI/akO/ShN/apQvSdMPCBDPi9W/B9BfB8BfGGEfOTI/arRPrCYvi3U/WeMvKKFvKPHfexTPrEZfe2UvWiOPGCDPvLcPeyTfrJbfGFEfGFEPvPdPKQHvCEEPevSfzTevGDDvGHEvGGE/GGEvCHEvCGEvGLF/KKGPGNGvSbLfSZK/vMcfrGaPOaLfvQdfWkO/SiN/i9XPnCZPm9XfWhNvKLGPWeM/GMGfzSefGKGPvNcfvNcvB7Avi1UvSXKPGLGfGIFvi7WPnBYvGJFPOSIvamPvKNHPvSePKRIfvIavGHE/GFD/i0T/WfMvzQd/CBC/zOc/rFZ/WgNPalPfKOHfOVJ/rHavB+B/SbLvm8WvObLfKMGfSYK/anP/iyTPB+CPGJF/apQfi7WfScMe9+B/etR/GKF/rJbPCCDfB9BPi4VPezTvalPPvLb/SXKfCFEPi4VvOQH/ScMPSYKvObLvrGafOXKfWoQPB+BvOSIfGCC/e1UPm/X/rDZPGNG/OZK/CCDParQ/SgNfOYKvzTefzNcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOUM1Qjg2Rjk2NTYxMUUyOEE2NUY0OUU5QTgyNTE0QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOUM1Qjg3MDk2NTYxMUUyOEE2NUY0OUU5QTgyNTE0QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5QzVCODZEOTY1NjExRTI4QTY1RjQ5RTlBODI1MTRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5QzVCODZFOTY1NjExRTI4QTY1RjQ5RTlBODI1MTRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAEABAEACP8AuQSrE4OQBg2LMGBYg+VGI2F47qCZoqpDhyqkckwyJCuNow0bnuh6k+RPhgy5dsBxM8TSJz8jRrQ6pQSKHlyJUFHZ5ETHFhs1RM1A4guIJ1qaBEFK5cCBDzYHohqYGoVEGxI/4nj49cjDggVzFLlY4kIEKBFBXkGAUCnWJTNqcIQIwetMJmCwVs3aU6FCihSSTJiwYIEChRMnjvTgEeiFrUIvGrhqECFCliYPHkRiwGDQLhoXylygg4mPHDtjyIzqxAQBgj4IAA2YPeDQFy9iwoAxMmGCFS2sriD68KELCBAJSiVIIEVIr1uMWrQAQJ26DBgBAnDKHopSLQUKOHAdYFGEhSkiBdIXKEGgPXsVeVSgQCGgvgQJAlasCAgAOw==) repeat-x left top;
    color: #FFFFFF;
    padding: 0 10px 10px 10px;
    border-right: 3px solid #ffffff;
    overflow: hidden;}

#mainPage .sliderTxtPanel {height: 308px;}
#regularPage .sliderTxtPanel {height: 188px;}

.sliderTxtPanel img {
    position: absolute;
    bottom: 137px;}

.sliderTxtPanel p {font-size: 12px; line-height: 15px;}
.sliderTxtPanel .hot {
    font-size: 18px;
    line-height: 22px;
    margin-top: 81px;
    width: 170px;}

.sliderTxtPanel a:link, .sliderTxtPanel a:visited {color: #ffffff;}
.sliderTxtPanel a:hover, .sliderTxtPanel a:active {color: #5d473c;}

.sliderTxtPanel h2 {
    display: block;
    width: 167px;
    color: #ffffff;
    line-height: 22px;
    font-size: 20px;
    margin: 25px 0 20px 0;}

.sliderPriceLabel {
    display: block;
    position: absolute;
    left: 176px;
    top: 11px;
    width: 94px;
    height: 94px;
    z-index: 11;}

.sliderPriceTxt {
    display: block;
    position: absolute;
    left: 174px;
    top: 22px;
    width: 94px;
    height: 70px;
    z-index: 12;
    color: #ffffff;
    text-align: center;}

.sliderPriceTxt p {padding: 0;}

.sliderPriceTxt .big {
	font-size: 21px;
	margin: 3px 0 2px 0;
	color: #ffffff;}

.catalogContainer .bx-wrapper .bx-pager {background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NkMxMzZBMTcwRTAxMTk3MDhBMEJDNEYzN0M1NjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU0NTMzMzA5NkU4MTFFMjg0QkFGODEzOUJBNTMzQzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU0NTMzMkY5NkU4MTFFMjg0QkFGODEzOUJBNTMzQzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTcxOUFEODRFODlFMjExQjIyQ0FCNjRDRDdGMTZGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNjg2QzEzNkExNzBFMDExOTcwOEEwQkM0RjM3QzU2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAIBAQEBAQIBAQIDAgECAwMCAgICAwMDAwMDAwMFAwQEBAQDBQUFBgYGBQUHBwgIBwcKCgoKCgwMDAwMDAwMDAwBAgICBAMEBwUFBwoIBwgKDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABYCOgMBEQACEQEDEQH/xAB8AAACAwEBAQEAAAAAAAAAAAAAAQIDBAUHBgkBAQAAAAAAAAAAAAAAAAAAAAAQAAECAwIJCQQKAwAAAAAAAAEAAhEDBAUHITFBkZITFAYIUXGB0RJCUnJDYSIkFqGxYoIjM1M0RBXB4TIRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AP3F3usFtbJeC2KDxW8S6aTaZedS0xj3Qg8h3i4baOsnOJpW4fsDqQcZvCxQl0DRth5B1IN1JwtUDQPhGaDepB1KThds4fxG+z3B1IOnScMdnNhGlZoDqQdSk4abNGA0rY+QIOlS8N9mth8MzQHUg6NNw7Wa3FTNj5R1IN0jh8s1oEKZugEGyTcHZg/jt0BBBrkXEWaMdO3RCDVJuNs4H9u3RCDVJuTs1voNA8oQapVzVmtxSGw8oQaZVz9mt9FuiEGiXdNZrRDUt0Qgvl3V2ePSbDyhBcy62z2+k2PsAQWC7KgHoN0QgsZdrZ4w6po+6EFrbubPAwym6IQTbd1QD0hmCCxt39CMcpseYIJt3DoB6QB5ggm3cSgx6sQ5ggmNyKEYpY0QgY3JosWrHS1A/kmi8DcyBjcqkyS26KB/JVH+mMw6kANy6EdwZggfybReAZkB8nUQxMGZA/k6j8AzIF8nUfgGZAfJtF4BmQI7l0J7gzBAfJNJklt0f9IEdyqM42N0QgR3JooYZbT0IIncmiODViHlCBHcWzzjljMgi7cSg/TGYIK3bhUBxShmCCDrvaEn8psOYIK3XdWefSGYf5QQfdxQH0mw8oQUuuzoP0Wn7oQQfdhQO9EAcwQUvuss+H5LY+UIKZl1NnnHKbojqQUTbpLNf6LY+UIM8652znei3ngEGadcxZhH5DYn7IQZJ1yFmkH4duiEGWbcXZrgYyG6IQZJ9wtmnHTth5AgxzrgLMccFO087Qgx1HD1ZpOCmaR5B1IMFTw52Y7FTNh5B1IObVcNlmvj8KzQHUg5lXwzWc4ftWQ8gQcys4YLOIJ2VsPI3qQcqs4XLPODZG6DepByqzhWoCDCkboDqQcyfwrUQdHZGaDUGux+GOjp5zXbK3B9gIPU7vLk5FmPYWyGjF3RkQe77h7qMs+UwNYABDIg+2/rxydyCDbV0DZwwhBxbS3UkVONoI5kHIn3e0s15Orj0IINu3pBjlCHMgvk3eUY7gzINEvcSlbD8MYEGiXuVSNwhgzIL5e6FK0R7AzILW7rUo7v0ILmbu07cPZGYIJiwabI36kFjbFkju9EEE/6eQO6EDFlSRhAGZBMWbKyN+hBIWdKHdQMUDBkQSFE3kQPY2ciAFI0Yggeyt5EDFKwYQgezhAbOxAbOxAbOxA9Q1AalqA1LUD1TEBqmIDVMQGqYgNUxAapiA1TEBqmIDVMQGqYgNUxAapiBGS0oDUtQGpagNQw40C2diA2diA2dqBbO1AjSMyBAbKORAtjbyIA0bDkQRNE3kwIImz5ZxhAjZsrwjMgi6zJJ7uFBA2TIJh2QgTrGkZGgIK3WFIdhLelBB1gUxxN+pBU/dqndjaOgIKn7qUrhDsDMgpfubSuMCwZkGebuPRu7gigzzbv6R+HVjMgzTbuaQknVgnmQZpl2NGTESxH2hBGXdnSB0TLEfYEHUs3ciRTEQZDFkgg+hs6yWU4EAg36gcmRBe/sd5BW8ScpzoIdmm8QzFAdmm8QzFA2tp8hEEEgJEcBwoGBJjjQShJ5UANVkQSHYQHuexADs5MaBoBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAIBAGGXEgXuexAe57EC/DQKEnlQIiTyoERJhhODpQIinyEIIdmmyOH0oERS5SMyCIbSR/6HSEE2injgIj0oLWCVkKCzAg/9k=) no-repeat top center;}

.catalogContainer .bx-wrapper {margin: 53px auto 22px;}


/* ======= Колонка услуг на главной ======= */

.servicesDiv {
    display: block;
    border: 1px solid #D7D5D0;
    border-radius: 10px;
    background-color: #f7f5f2;
    margin: 0 0 20px 20px;
    padding: 10px 10px 20px 10px;}

.servicesDiv h1 {margin: 0 0 10px 0 !important; line-height: 28px;}

.servicesBox {
    display: block;
    clear: both;
    margin: 0 0 5px 0;}

.servicesBox p {
    font-size: 12px;
    line-height: 16px;
    color: #5d473c !important;}

.servicesBox h3 {
    font-size: 16px;
    padding: 0 0 5px 0;}

.servicesBox .big {font-size: 140%;}

.servicesBox img {
    float: left;
    margin: 0 10px 0 0;}

.servicesBox h3 a:link, .servicesBox h3 a:visited {color: #009836;}
.servicesBox h3 a:hover, .servicesBox h3 a:active {color: #EF7900;}


/* ======= Подбор по параметрам ======= */

.selectMat {
    width: 908px;
    margin: 20px 0 0 20px !important;}

.selectMat h1 {
    font-size: 36px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: left;}

.selectMatResults {
    display: none;
    float: right;
    color: #009836;
    font-size: 12px;
    margin: 12px 14px 0 0;
    width: 201px;}

.podborInputColor, .podborInputPicture {
    display: none;
}

.paramTable {width: 894px;}

.paramTableFull {display: none;}

.paramTable tr {
    height: 61px;
    border-bottom: solid 1px #e3e2de;
    transition: background-color 0.3s;}

.paramTable tr:hover {background-color: #fbfbfa;}

.paramTable td {
    vertical-align: top;
    padding: 14px 0 0 0;}

.paramTable tr:last-child {border-bottom: none;}

.paramPrice {
    float: left;
    margin-top: -2px;}

.paramPrice span,
.paramPrice var {font-size: 18px;}
.paramPrice .rub .nd {top: 0.15em;}
.paramPrice span {font-size: 14px; padding: 0 2px 0 3px;}
.paramPrice input[type="text"].styler {width: 66px;}

.paramButtons {
    float: right;
    width: 201px;}

.paramButtons .styler {width: 93px;}
.paramButtons input[type="reset"].styler {float: right;}

td.paramName {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #EF7900;
    padding: 18px 20px 0 0;
    width: 328px;}

.paramDisclaimer {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    color: #5d473c;
    margin: 13px 0;}

.paramGallery {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;}

.paramGallery li {
    width: 86px;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 10px 0;
    padding: 0;
    font-size: 85%;
    cursor: pointer;
    transition: color 0.3s;}

.paramGallery li:hover {color: #009836;}

.paramGallery li p {
    line-height: 15px;
    padding-top: 4px;}

.paramGallery .selected {color: #009836;}
.paramGallery .disabled,
.paramGallery .disabled:hover {color: #e4e0dd; cursor: default;}

.paramGallery .paramOverlay {
    position: absolute;
    width: 86px;
    height: 86px;
    display: none;}

.paramGallery .disabled .paramOverlay {
    display: block;
    background: #ffffff url('/images/layout/bgr_inactive_86.png') no-repeat center;
    opacity: 0.8;}

.paramGallery .selected .paramOverlay {
    display: block;
    background: url('/images/layout/ico_approved.gif') no-repeat center;}

.paramMore {
    position: relative;
    width: 257px;
    font-size: 18px;
    color: #009836;
    margin: 0 0 14px 0;
}

.paramMore:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url('/images/layout/ico_arrow_down.png') no-repeat right;
    float: right;
    margin: 7px 0 0 0;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;}

.paramMore.active:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url('/images/layout/ico_arrow_down.png') no-repeat right;
    float: right;
    margin: 7px 0 0 0;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}

#content .paramMore {
    float: left;
    margin: 6px 0 20px 124px;
    width: 225px;}

#content .paramMore span:after {
    content: 'Показать параметры';
    float: right;
    margin-left: 10px;}

#content .paramMore span.active:after {
    content: 'Скрыть параметры';
    float: right;}

.paramMore span {
    cursor: pointer;
    transition: color 0.3s;}

.paramMore span:hover {color: #5d473c;}

.paramAdditional {display: none;}

.paramAdditional .paramTable tr:first-child {border-top: solid 1px #e3e2de;}
.paramAdditional .paramTableVals tr:first-child {border-top: none;}

.paramColors .paramColorBox {
    width: 32px;
    height: 32px;
    margin-top: 0;
    cursor: pointer;}

.paramColors .paramColorBox.paramColorBoxWhite {
    width: 30px;
    height: 30px;}

.paramColors .paramColorBox.disabled {
    background: url('/images/layout/bgr_inactive_32.png') no-repeat center;
    opacity: 0.2;
    cursor: default;}

.paramColors .paramColorBox.selected {
    background: url('/images/layout/ico_approved.gif') no-repeat center;
    background-size: 14px;}

.paramTableVals {
    width: 100%;
    margin: 8px 0 5px 0;}

.paramTableVals td {
    width: 25%;
    vertical-align: top;
    padding: 0 5px 5px 0;}

.paramTableVals tr {
    height: auto;
    border-bottom: none;}

.labelVal {
    display: inline-block;
    width: 110px;
    cursor: pointer;
    transition: color 0.3s;}

.labelVal:hover {color: #009836;}

.disabled .labelVal {cursor: default;}
.disabled .labelVal:hover {color: #e4e0dd;}

.paramTableVals .disabled {color: #e4e0dd;}
.paramTableVals .selected {color: #009836;}






.mainbarHeaderParam {
    bottom: 16px;
    margin: 0 0 0 358px;
    width: 570px;}

.paramDiv {
    display: block;
    float: left;
    padding: 10px 0px 20px 9px;
    border: 1px solid #D7D5D0;
    border-radius: 10px;}

.paramDiv h1 {line-height: 28px;}

.paramDivMain {width: 559px;}

.paramBox {
    float: left;
    width: 170px;
    padding: 0 0 20px 10px;}

.paramBoxHdr {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color:  #EF7900;}

.paramBoxDisclaimer {
    width: 320px !important;
    font-size: 90%;
    border-radius: 7px;
    background-color: #F7F5F2;
    margin: 0 0 0 10px;
    padding: 2px 10px 8px 10px;}


.paramBox p, .paramPriceBox p {padding: 5px 0 0 0;}
.paramPriceBox input {margin: 0 6px !important;}
#content .paramBox p {margin: 0;}

.paramDisabled {
	/*color: #e4e0dd;*/
	color: #A69691;
	}

.paramPriceBox {
    width: 356px;
    float: left;
    padding: 10px 0 10px 10px;}

.paramPriceBox .rub {font-size: 140%;}
.paramPriceBox .rub .nd {top: 0.35em;}

.paramSubmitBox {
    padding: 37px 0 10px 0;
    float: left;}

.paramColorBox, .paramColorBoxEmpty {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin: -2px 7px 0 0;
    background-color: #FFFFFF;}

.paramColorBoxWhite {
    border: solid 1px #c0c0c0;
    width: 11px;
    height: 11px;
    background-color: #FFFFFF;}

.paramColorBoxEmpty {background: url(data:image/gif;base64,R0lGODlhDQANAIAAAMDAwP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTJCNDNBREE0MDMxMUUyOTY5M0JCRURGRDA1NEUxQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTJCNDNBRUE0MDMxMUUyOTY5M0JCRURGRDA1NEUxQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFMkI0M0FCQTQwMzExRTI5NjkzQkJFREZEMDU0RTFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFMkI0M0FDQTQwMzExRTI5NjkzQkJFREZEMDU0RTFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA0ADQAAAiCEjxnLfAGagxHKauaqtEXeeRf4edzpYNdWStbjsslsFAA7) no-repeat 0 0;}


/* ======= Блоки статей на главной ======= */

.actselect {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;}

.actselect li {
    margin-right: 10px;
    padding: 0 10px 10px 10px;
    width: 260px;
    float: left;}

.actselect a:link {color: #5D473C; text-decoration: none;}
.actselect a:visited {color: #5D473C; text-decoration: none;}
.actselect a:hover {color: #EF7900; text-decoration: underline;}
.actselect a:active {color: #EF7900; text-decoration: underline;}

.actselect .visLink a:link, a.visLink:link {color: #ef7900; text-decoration: underline;}
.actselect .visLink a:visited, a.visLink:visited {color: #ef7900; text-decoration: underline;}
.actselect .visLink a:hover, a.visLink:hover {color: #009836; text-decoration: underline;}
.actselect .visLink a:active, a.visLink:active {color: #009836; text-decoration: underline;}

.actselect h1 {line-height: 28px;}

.actselect img {margin: 0 0 13px -10px;}


/* ======= Иконки сайтов Еврокрова ======= */

.sites_metaltile,
.sites_roofstudio,
.sites_copperroofs,
.sites_vinylsiding,
.sites_roofwindow,
.sites_metalgutter,
.sites_falzen,
.sites_stroy-company,
.sites_trim-tex,
.sites_euroroof,
.sites_megameb,
.sites_ceramicroof,
.sites_vinroof,
.sites_terdos {
    display: block;
    width: 48px;
    height: 48px;
    margin-left: 19px;
    background: url(/images/layout/ico_eurokrov_sites.png) no-repeat;}

.sites_metaltile {background-position: 0 0;}
.sites_roofstudio {background-position: -48px 0;}
.sites_copperroofs {background-position: -96px 0;}
.sites_vinylsiding {background-position: -144px 0;}
.sites_roofwindow {background-position: -192px 0;}
.sites_metalgutter {background-position: -240px 0;}
.sites_falzen {background-position: 0 -48px;}
.sites_stroy-company {background-position: -48px -48px;}
.sites_trim-tex {background-position: -96px -48px;}
.sites_euroroof {background-position: -144px -48px;}
.sites_megameb {background-position: -192px -48px;}
.sites_ceramicroof {background-position: -240px -48px;}
.sites_vinroof {background-position: -288px -0px;}
.sites_terdos {background-position: -288px -48px;}

.sitesIcons {
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style-type: none;}

.sitesIcons li {
    width: 86px;
    margin: 0 7px 5px 0;
    padding: 0;
    float: left;
    text-align: center;
    font-size: 80%;
    min-height: 78px;
    line-height: 13px;}

.sitesTop {margin: 0px 0px 0px 347px !important;}

.sitesIcons a:link, .sitesIcons a:visited {color: #A69691;}
.sitesIcons a:hover, .sitesIcons a:active {color: #EF7900;}


/* ======= Выпадающее меню "Почему?" ======= */

.linkWhyThis {
    font-size: 140%;
    font-weight: normal;
    padding-top: 0.7em;
    display: block;}

.linkWhyThis a:link {color: #009836; text-decoration: none; border-bottom: #009836 dashed 1px;}
.linkWhyThis a:visited {color: #009836; text-decoration: none; border-bottom: #009836 dashed 1px;}
.linkWhyThis a:hover {color: #ef7900; text-decoration: none; border-bottom: #ef7900 dashed 1px;}
.linkWhyThis a:active {color: #ef7900; text-decoration: none; border-bottom: #ef7900 dashed 1px;}

.linkWhyThisDropdown {
    width: 305px;
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    list-style: none;
    background: url("/images/layout/greenline.gif") repeat-y scroll 100% 0 transparent;
    border-radius: 8px;
    padding: 10px;}

.linkWhyThisDropdown li {
    color: #FFFFFF;
    padding-bottom: 0.5em;
    float: none;}

.linkWhyThisDropdown li a { /* IE 6 & 7 Needs Inline Block */
    border-right: none;
    width: 100%;
    display: inline-block;}

.linkWhyThisDropdown li a:link {color: #FFFFFF;}
.linkWhyThisDropdown li a:visited {color: #FFFFFF;}
.linkWhyThisDropdown li a:active {color: #FFFFFF;}
.linkWhyThisDropdown li a:hover {color: #8FF190;}


/* ======= Калькулятор материалов ======= */

.calcModelSelector {margin-left: 368px; cursor: pointer;}

.calcModelSelector .trigger {
    position: absolute;
    right: 385px;
    width: 34px;
    height: 31px;
    border-left: 1px solid #CCC;}

.calcModelContainer, .approved {display: none;}

li.calcModelApp {
    background-color: #FFFFFF;
    padding: 5px 10px !important;
    margin: -5px 15px 5px -10px !important;}

.calcModelAppImg {
    display: block;
    position: absolute;
    margin: 30px 27px;
    width: 32px;
    height: 32px;
    background: url(../images/layout/ico_approved.gif) no-repeat;}

li.calcModelAppImg {margin: 36px 27px !important;}

.calcSpecialOption {
    margin: 10px 0 0 368px;
    padding: 0;
    list-style: none;
    display: none;}

.calcSpecialOption .calcSpecOptItem {
    padding: 0 25px 0 0;
    float: left;}

.calcSpecialOption b {margin: 0 0 0 5px; font-weight: normal;}
.jq-selectbox.calcSofitSelector .select {width: 220px;}
.jq-selectbox.calcSofitSelector .dropdown {width: 275px;}

.calcModelBox, .calcModelBoxSel {margin: 0 17px 0 20px;}
.calcModelBox h2, .calcModelBoxSel h2 {margin: 5px 0 0 0 !important;}
.calcModelBox ol, .calcModelBoxSel ol {margin: 0 0 0 348px !important;}

.calcModelHover {
    position: absolute;
    width: 908px;
    z-index: -1000;
    background-color: #f7f2e0;
    opacity: 0;}

.calcModelSelect {
    margin: 0 0 0 348px !important;
    padding: 0 !important;
    list-style: none;}

.calcModelSelect li {
    padding: 0;
    float: left;}

.calcModelImg {
    width: 86px;
    margin: 10px 25px 6px 0;}

.calcTags {
    width: 260px;
    margin: 10px 10px 0 0;}

.calcTags p {
    color: #A69691;
    font-size: 13px;
    line-height: 18px !important;
    margin: -2px 0 0 0 !important;}

.calcModelSubmit {
    opacity: 0;
    float: right !important;
    margin: 35px 30px 0 0;
    color: #009836;
    font-size: 15px;}

.calcModelSubmit a:link, .calcModelSubmit a:visited {color: #009836;}
.calcModelSubmit a:hover, .calcModelSubmit a:active {color: #ef7900;}

.calcColSubmit {
    margin: -57px 0 0 8px !important;
    font-size: 13px !important;
    width: 70px;
    display: none;}

.serial li h2 {
    text-align: left !important;
    margin: 0 0 1px 0 !important;}

.calcResultsLinks {
    font-size: 13px;
    padding: 4px 0 6px 0;}

.calcResultsLinks a:link, .calcResultsLinks a:visited {color: #009836;}
.calcResultsLinks a:hover, .calcResultsLinks a:active {color: #ef7900;}

.calcDataTable {
    width: 550px;
    display: block;
    margin: 0 0 0 368px;}

.calcDataTable thead td {
    color: #ef7900;
    font-size: 15px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px dashed #A69691;}

.calcDataTable tbody td {padding: 7px 10px 7px 10px;}
.calcDataTable tbody tr:hover {background-color: #f7f2e0;}
.calcDataSpecial {font-size: 120%; font-weight: bold;}

.calcDataTable tfoot td {
    padding: 15px 10px;
    font-size: 20px;}

.calcDataTable tfoot .nd {top: 0.15em;}

.calcDataResults thead td, .calcDataResults tbody td {text-align: left;}

.calcDataResults tfoot td {
    border-top: 1px dashed #A69691;
    text-align: left;
    padding: 10px;}

.calcDataTable input[type="text"].styler {
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 3px 6px;
    background-color: #FFFFFF;}

.calcMatName {
    font-size: 20px;
    padding-top: 2px;}

#calcManagerDiv {display: none;}

.calcManagerOk {
    display: none;
    font-size: 120%;
    color: #009836;
    line-height: 22px;}

.calcDataResults tfoot td.currencyCell {text-align: right;}

/* ======= Content ======= */

#content {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;}

#content .inner {
    margin: 0;
    padding: 20px 0 0 0;}

.sidebar {
    width: 348px;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;}

#content .sidebar .inner {
    margin: 0;
    padding: 0px 10px 10px 0;}

#content .sidebar .inner-r {
    margin: 0;
    padding: 10px 0;}

.sidebar h2 {
    display: block;
    margin: 15px 0 10px 0;
    padding: 0;
    height: 25px;}

.sidebar p,
.sidebar ul {margin-left: 10px; color: #A69691;}

.newsArticle p {
    color: #5D473C;
    margin-top: 10px;}

span.specialOffer {
    color: #009836;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 25px;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 20px;
    margin-left: 20px;
    display: block;}

.mainbar {
    width: 637px;
    height: auto;
    float: right;
    margin: 0;
    padding: 0;}

#content .mainbar .inner {
    display: block;
    padding: 0px 0px 0px 0px;}

.mainbarHeader {
    bottom: 16px;
    margin: 0 0 0 358px;
    position: absolute;
    width: 570px;}

#content .mainbarHeader .inner {
    display: block;
    padding: 0 0 0 10px;}

.mainbar .in-r10 {
    display: block;
    padding: 0 10px 0 0;}

.mainbar h1 {
    display: block;
    height: auto;
    margin: 0px 0 10px 20px;
    padding: 0;}

#footer {
    display: block;
    margin: 0px 0 40px 0;
    padding: 0;}

#footer .sidebar {
    min-height: 253px;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 80%;
    background: url(/images/layout/bg-footer.gif) no-repeat top right;}

#footer .sidebar .inner {
    margin: 0;
    padding: 3px 116px 0 10px;}

#footer .sidebar .inner p {line-height: 13px;}

.logoBluehead {padding: 11px 0 0 0;}
.logoBluehead img {float: left; padding: 0 10px 10px 0;}

#footer .sidebar .inner a:link {color: #A69691;}
#footer .sidebar .inner a:visited {color: #A69691;}
#footer .sidebar .inner a:hover {color: #EF7900;}
#footer .sidebar .inner a:active {color: #EF7900;}

#footer .sidebar .inner .smallBottomTxt a {text-decoration: none;}
#footer .sidebar .inner .smallBottomTxt a:hover {text-decoration: underline;}

.cntrContainer {display: none;}

#footer .mainbar .inner {
    margin: 0;
    padding: 0 76px 0 10px;}

#footer .sidebar .copyright {
    font-weight: bold;
    color: #5D473C;
    padding-bottom: 5px;}

.foolink {
    width: 88px;
    height: 70px;
    padding: 22px 0 0 0;
    overflow: hidden;
    position: absolute;
    top: 110px;
    right: 10px;
    background: url(/images/layout/bg-foolink.gif) no-repeat 0 0;}

#footer .foolink p,
#footer .sidebar .foolink p {
    width: 89px;
    margin-left: 0;}

#footer .sidebar .inner .foolink a,
#footer .sidebar .inner .foolink span {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    color: #FFFFFF;}

#footer .sidebar .inner .foolink a:link {color: #ffffff;}
#footer .sidebar .inner .foolink a:visited {color: #ffffff;}
#footer .sidebar .inner .foolink a:hover {color: #5d473c;}
#footer .sidebar .inner .foolink a:active {color: #5d473c;}

#footer .mainbar h1 {margin: 0 0 10px 0;}


/* ======= Regular Page Content ======= */

.regularHeader {
    font-size: 36px;
    margin-right: 67px;
    margin-left: 16px;
    color: #009836;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;}

.regularHeader a:link {color: #009836;}
.regularHeader a:visited {color: #009836;}
.regularHeader a:hover {color: #ef7900;}
.regularHeader a:active {color: #ef7900;}

.regularSubHeader {
    margin-right:67px;
    margin-top: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #009836;}

.ibox {
    display: block;
    margin: 0;
    padding: 10px 0 10px 0;
    position: relative;}

.ibox .sidebar p {text-align: right;}

ul.ifiles,
#content .contentbox .ifiles {
    list-style-type: none;
    padding-left: 0;
    line-height: 2;
    margin-top: 1px;}

ul.ifiles li {padding-bottom: 7px;}

.ifiles .ipdf, .ifiles .idwg, .ifiles .izip, .ifiles .irar {margin-left: 10px; padding-left: 20px;}

ul.smap,
#content .contentbox .smap {
    list-style-type: none;
    line-height: 1.4em;
    padding-left: 0;
    margin-top: 1px;}

ul.smap li ul,
#content .contentbox .smap li ul {
    list-style-type: none;
    margin-left: 20px;}

ul.smap ul li a {color: #009836;}
.smap li {padding-bottom: 6px;}

#content h1,
#content h2,
#content h3,
#content p,
#content ul,
#content dl {margin-left: 20px;}

#content .mainbar h1,
#content .mainbar h2,
#content .mainbar h3,
#content .mainbar p,
#content .mainbar ul,
#content .mainbar dl {margin-left: 0;}

#content .tophead {margin-top: 0; padding-top: 0;}
#content dl dd p {margin-left: 0;}

#content .actselect h1,
#content .actselect h2,
#content .actselect h3,
#content .actselect p,
#content .actselect ul,
#content .actselect dl {margin-left: 0;}

.sidebar h1.fl, .aboutMaterial h1 {
    font-size: 17px;
    font-family: "trebuchet ms", arial, sans-serif;
    color: #887468;
    margin: 15px 0 5px 0;
    padding: 2px 6px 1px 6px;
    height: auto;
    width: auto;
    background-color: #f7f4f2;
    display: block;}

.ibox .sidebar h1.fl {
    font-size: 24px;
    font-family: "trebuchet ms", arial, sans-serif;
    color: #887468;
    margin: 5px 0 0 0;
    padding: 3px 6px 4px 6px;
    height: auto;
    width: auto;
    background-color: #f7f4f2;
    display: block;
    float: right;}

.ibox .sidebar h2.fl {
    font-size: 18px;
    font-family: "trebuchet ms", arial, sans-serif;
    color: #887468;
    text-align: right;
    margin: 0 0 6px 0;
    height: auto;}

.sidebar .fl:first-letter,
.aboutMaterial h1:first-letter,
.ibox .sidebar .fl:first-letter,
.contentbox h1:first-letter,
.contentbox h2:first-letter,
.contentbox h3:first-letter,
.contentbox h4:first-letter {color: #ef7900;}

.ibox .sidebar .fl a {color: #887468;}

.serial {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;}

.serial li {
    width: 86px;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 0 0;
    padding: 0;
    font-size: 85%;}

.serial li p {line-height: 15px;}
.serial .brink {margin-right: 0;}

#content .contentbox .serial li p {
    margin-left: 0;
    margin-right: 0;}

.reflinks {
    margin: 0 0 0 20px;
    min-height: 110px;
    float: left;}

.reflinks.freearticle {min-height: 0px;}

.reflinks.rlt {
    position: relative;
    top: 0;}

.reflinks h6 {
    color: #ef7900;
    padding-bottom: 5px;}

.reflinks a:link {color: #009836;}
.reflinks a:visited {color: #009836;}
.reflinks a:hover {color: #ef7900;}
.reflinks a:active {color: #ef7900;}

#content .reflinks p {margin-left: 0;}

.twocolsin {
    display: block;
    margin: 0;
    padding: 0;}

.twocolsin .lcol {
    width: 202px;
    float: left;
    position: absolute;
    bottom: 0px;}

.twocolsin .rcol {
    width: 348px;
    float: right;
    position: relative;}

.linebox {
    display: block;
    margin: 0 67px 10px 0;
    padding: 0;}

.threecols {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff url(/images/layout/bg-grey.gif) no-repeat 358px -30px;}

.threecols li {
    margin: 0;
    padding: 0;
    display: inline-block !important;
    display: inline;}

.threecols .pricecol {
    color: #ef7900;
    margin-right: 10px;}

.threecols .downcol {
    margin: 0;
    padding: 0;}

.threecols .downPrice {width: 228px;}

#content .threecols .downcol p {
    margin: 0;
    padding: 1px 10px 5px 5px;}

#content .threecols .downcol .ipdf, #content .threecols .downcol .videoIco {
    height: 16px;
    padding-left: 20px;
    margin: 5px 0 0 5px;
    font-size: 12px;
    display: block;
    vertical-align: middle;}

.ipdf {background: url(/images/layout/ico_pdf.png) no-repeat 0 0;}
.idwg {background: url(/images/layout/ico_dwg.png) no-repeat 0 0;}
.izip {background: url(/images/layout/ico_zip.png) no-repeat 0 0;}
.irar {background: url(/images/layout/ico_zip.png) no-repeat 0 0;}

.threecols .downcol a:link {color: #5d473c;}
.threecols .downcol a:visited {color: #5d473c;}
.threecols .downcol a:hover {color: #ef7900;}
.threecols .downcol a:active {color: #ef7900;}


/* ======= ContentBox ======= */

.contentbox {
    display: block;
    margin: 0;
    padding: 10px 50px 0px 0;}

.contentbox h1 {
    font-size: 20px;
    font-family: "trebuchet ms", arial, sans-serif;
    color: #887468;
    margin: 0 0 5px 0;
    padding: 2px 10px 1px 6px;
    height: auto;
    width: 312px;
    background-color: #f7f4f2;
    display: block;
    float: left;
    text-align: right;}

.contentbox h2,
.contentbox h3,
.contentbox h4 {
    font-size: 17px;
    font-family: "trebuchet ms", arial, sans-serif;
    color: #887468;
    margin: 0 0 5px 0;
    padding: 0;
    height: auto;
    width: 318px;
    display: block;
    float: left;
    text-align: right;}

#content .contentbox .socialButtons {margin: 5px 27px 10px 368px;}
.socialButtonsMain {margin: 15px 0px 0px 20px;}

#content .contentbox p, #content .contentbox h5, #content .contentbox .objTags {
    margin-left: 368px;
    margin-top: 4px;
    margin-right: 27px;
    display: block;}

.objTags {
	color: #A69691;
	line-height: 19px;}

#content .contentbox ul,
#content .contentbox ol {
    margin-left: 368px;
    margin-top: 4px;
    padding-bottom: 5px;}

#content .contentbox .serial {margin-top: 10px;}

.contentbox cite {
    display: block;
    color: #887468;
    font-size: 90%;
    margin-bottom: 10px;
    margin-top: 5px;}

.imgArticle img {margin-top: 10px;}

.dataTable {
    width: 550px;
    color: #A69691;
    display: block;
    margin: 4px 27px 10px 368px;}

.dataTable td {padding: 5px;}
.formTable td {vertical-align: middle;}
.dataTable thead {border-bottom: #c8bbb5 1px dotted;}

.contentbox p a, .contentbox li a,
.chooseMaterial a {color: #887468;}

.contentbox p a:hover, .contentbox li a:hover,
.chooseMaterial a:hover {color: #ef7900;}

.welcomeText a, .aboutMaterial a {color: #A69691; text-decoration: none;}
.welcomeText a:hover, .aboutMaterial a:hover {color: #ef7900; text-decoration: underline;}

.newsArticle a {color: #ef7900; text-decoration: underline;}
.newsArticle a:hover {color: #009836; text-decoration: underline;}

.contentbox h1 a,
.contentbox h2 a,
.contentbox h3 a,
.contentbox h4 a {color: #887468;}

.contentbox h1 a:hover,
.contentbox h2 a:hover,
.contentbox h3 a:hover,
.contentbox h4 a:hover {color: #ef7900;}

.contentbox h1 span,
.contentbox h2 span,
.contentbox h3 span,
.contentbox h4 span {
    margin-top: 4px;
    display: inline-block !important;
    display: inline;}

.contentbox h1 .f100,
.contentbox h2 .f100,
.contentbox h3 .f100,
.contentbox h4 .f100 {
    font-size: 13px; color: #009836; margin-top: 0px;}

#ParamForm input.empty {
    color: #aaa;
}

/* ======= Rouble Sign ======= */

.rubl,
#content .contentbox .rubl {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: url(/images/layout/greenline.gif) repeat-y 100% 0;
    padding: 3px 8px;}

.oraline {
    color: #fff;
    font-size: 20px;
    background: url(/images/layout/grad-orange.gif) repeat-y 0 0;
    padding: 4px 10px 0px 8px;
    margin-right: 5px;
    width: 141px;
    height: 26px;
    line-height: 19px;
    display: inline-block;
    text-align: left;}

.greline {
    color: #fff;
    font-size: 18px;
    background: url(/images/layout/grad-green.gif) repeat-y 0 0;
    padding: 3px 10px 0px 8px;
    width: 141px;
    height: 27px;
    line-height: 21px;
    display: inline-block;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;}

.greline a {color: #fff;}

.rub {
    display: inline-block;
    /*line-height: 6px;*/
    line-height: 0.35em;
    border-bottom: 1px solid;
    width:0.4em;
    font-style: normal;
}
/*.rub {position: relative; font-style: normal;}

.rub .nd {
    position: absolute;
    top: .1em;
    left: -.2ex;
    font-style: normal;
    font-weight: normal;}
*/

.orange .rub .nd {top: .3em;}
.oraline .rub .nd, .sliderPriceTxt .rub .nd {top: 0.35em;}
.catalogMenu .rub .nd {top: 0.15em;}


/* ======= Misc ======= */

.no {display: none;}

.separator {display: block; clear: both; visibility: hidden; height: 0;}
.separator10 {display: block; clear: both; visibility: hidden; height: 10px;}
.separator16 {display: block; clear: both; visibility: hidden; height: 16px;}
.separator20 {display: block; clear: both; visibility: hidden; height: 20px;}
.separator30 {display: block; clear: both; visibility: hidden; height: 30px;}
.separator35 {display: block; clear: both; visibility: hidden; height: 35px;}
.separator40 {display: block; clear: both; visibility: hidden; height: 40px;}

.bgreen {
    color: #009836;
    font-size: 30px;}

.wgreen {
    color: #fff;
    background: url(/images/layout/greenline.gif) repeat-y 100% 0;
    padding: 3px 6px 5px 6px;
    font-size: 18px;
    position: relative;
    top: 1em;}

.wgreen a {color: #fff;}

.orange {
    color: #ef7900;
    font-weight: bold;
    font-family:  "trebuchet ms", Arial, Helvetica, sans-serif;}

.p2left,
.sidebar.p2left p {
    text-align: left;
    padding-right: 0;
    color: #ef7900;}

.pl29 {padding-left: 29px;}

.pgrey {
    background-color: #f7f4f2;
    padding: 7px 3px 6px 3px;}

.ml0,
#content .ml0 {margin-left: 0;}

.pt5,
#header .pt5,
#mainPage .menushow li .pt5,
.menushow li .pt5,
#content .pt5 {padding-top: 5px;}

.mt10,
#content .mt10 {/*margin-top: 10px;*/}

.mt12,
#content .mt12 {margin-top: 12px;}


/* ======= Auto Cleaning ======= */

#header:after,
#content:after,
#content .inner:after,
#footer:after,
.actselect:after,
.ibox:after,
.downlinks:after,
.twocolsin:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;}


/* ======= Добавочные стили новых версий сайта ======= */

ul.video {
    list-style-type: none;
    padding-left: 0;}

.videoTitle {display: block; padding: 2px 0px 20px 0px;}

.mapStyle {
    margin-top: 10px;
    border: #F7F4F2 solid 7px;
    width: 450px;
    height: 450px;}

.contentbox .mapStyle {
    margin: 10px 0px 10px 368px;}

.moreItems {
    position: absolute;
    height: 86px;
    width: 56px  !important;
    margin: 0 !important;
    background: url("/images/layout/arrow-right.gif") no-repeat scroll -5px -80px #FFFFFF;}

.moreItems a.moreItems {
    color: #009836;
    font-size: 11px;
    line-height: 1.3em;}

.moreItems .sup {
    position: absolute;
    color: #009836;
    font-weight: bold;
    font-size: 10px;
    z-index: 3;
    left: 39px;
    top: -4px;}

.usedMaterials {
    margin-left: 368px;
}

.questionList {margin-left: 0;}

.navPath {
    font-size: 12px;
    color: #009836;
    margin: 10px 0 10px 20px;}

.navPath span {color: #ef7900;}

.navPath span.nolink {color: #009836;}

.navPath a:link, .navPath a:visited {color: #009836;}
.navPath a:hover, .navPath a:active {color: #ef7900;}

#mainPage .pluso {margin: 20px 0 0 20px;}
#regularPage .pluso {margin: 10px 0 0 368px;}

.pluso-wrap a {margin: 0 8px 0 0 !important;}
a.pluso-more {margin-right: -12px !important;}

.brandPhotoGallery, .catPhotoGallery {margin: 0 !important; display: none}
.brandPhotoGallery li, .catPhotoGallery li {padding: 0 !important;}

.catalogSlider {display: none;}

.officeGallery {
    margin: 0 0 25px 358px;
    width: 570px;}








/* ======= Стили для печати ======= */

@media print {
body {margin: 0;}
h1, .headerBgr {background: none !important;}
#footer, .menuTopContainer, .pluso, button, textarea {display: none !important;}

a:link, a:visited, a:hover, a:active {
    text-decoration: none !important;
    border: none !important;}

#regularPage #folios {
    margin: -346px 0 0 0 !important;
    left: 0px !important;
    top: 0px !important;}

#mainPage #folios {
    margin: -466px 0 0 0 !important;
    left: 0px !important;
    top: 0px !important;}
}





@media screen  and (max-width: 1000px) {

#regularPage, .mainpage, body {
width:100%;
float:left;
margin:auto;
}

.menuTopContainer {
display:block;
float:left;
width:100%;
position:static;
text-align:center;
}

.menuTop {
position: static;
display:block;

z-index: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input 

{margin-right:0.5%;
padding-right:0.5%; 
padding-left:0%;
margin-left:0%;
background: none;}

.contentbox h2 span {display: inline !important;}
.oraline {padding:0px 0.5px;}

.moreItems {position:static;}


ul.catalogTabs {position:static;}

#mainPage .headerBgr {display:none;

background:none;

width: 0% !important;

height:0px !important;

}

#regularPage .headerBgr{
display:none;

background:none;

width: 0% !important;

height:0px !important;


}


#mainPage #folios {

width:100%;
float: left;
margin:0px; 
position: static !important;
left:auto !important;
z-index: 0 !important;}

#regularPage #folios {
width:100%;
float: left;
margin:0px; 

position: static !important;
left:auto !important;
z-index: 0 !important;}


.paramGallery li {
    width: 86px;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 10px 0 !important;
    padding: 0;
    font-size: 85%;
    cursor: pointer;
    transition: color 0.3s;}

#header{
float:left;
position: static;
padding-left: 5%;
width: 95%;
height:auto;
text-align:center;
display: block;
width: 100%;
margin:0px;}

.logoplace {
display: block;
margin: 23px 20px 0 0;
width:100%;
float: left;}

.logoImg,.phoneNum, .workTime, .hotBlock {
height: auto;
width:auto;
display: block;
float: left;
text-align:center;
margin-right:3%;}

.hotBlock {display:none;}

.catalogContainer{
display: block;
width:90%;
float: none;
height:auto;}

.catalogContainer .bx-wrapper {margin:0px 5% 0px 0px;}

#content {
display: block;
width:100%;
margin: 0px;
padding: 0px;
position: static;
height:auto;}

.imgArticle img {max-width:100%; height:auto; width:480px; height: 279px; display:block;}
.navpath {
width:100%;
float:left;
display:block;
margin: 10px 0 10px 20px;}

.ibox {
width:100%;
float:left;
display: block;
margin: 0;
padding: 0;
position: static;
padding-left:1%;
background-color:none;}
 
.linebox {
display:block;}

.threecols {background:none;}

.contentbox {float:left;
width:95%;
display:block; text-align:left;margin-left:3%; margin-right:1%; padding-right:0px;}

#content .contentbox p, #content .contentbox h5, #content .contentbox .objTags {
margin-left: 1%;
margin-top: 2%;
margin-right:1%;
display: block;
padding-left:1%;
left:0px;
text-align:left;}
.lcol 
{display:none;}

.dataTable {display:block;
width:auto;
float:left;
margin:0px;}

.contentbox{margin-top:5%;}

ul.catalogTabs {display:block;width:100%;}

ol { margin-left:0px; left:0px; float:left;
padding-left:0px; text-align:left;}


.contentbox h2 {margin-left:0px; left:0px; float:left; display:block; 
text-align:left; width:100%;} 


.contentbox h1 {margin-left:0px; left:0px; float:left; display:block; 
text-align:left; width:100%; } 

.catalogContainer h1 { height: auto;margin-left:0px; left:0px; float:left; display:block; 
text-align:left; width:100%;}

.contentbox ol 
{
   margin-left: 10px !important;}
.contentbox ul {margin-left: 10px !important;float:left;}

#footer {
float:left;
position: static;
padding-left: 5%;
width: 100%;
height:auto;
text-align:center;
display: inline-block;
width: 100%;
margin:auto;}

.mainbar { width:100%; float:left; text-align:left; padding-left:1%; padding-right:1%;}

.sitesIcons {text-align:center;display:block;}
.mainbar h1 {width:100%;display:block;}
.sitesIcons li { margin:1%; display:block; padding:1%;text-align:center;}


.sidebar {width:100%; float:left; text-align:left; padding-left:1%; padding-right:1%;display:block;}
 #separator , .separator {display:none;}


#jivo-iframe-container {display:none;}

.sup {display:none;}

catalogTabs {position:static; width:100%;}
.catalogContainer h1 {margin:0px;}
.bx-wrapper { margin:0px; float:left; position:static; display:block;}

.bx-viewport {position:static; }
.catalogSlider {width:100% ; float:left; margin:0px; position:static;}
.navPath {width:100%; float:left; display:block; position:static; margin-top:5%;}
.pluso {display:none;}
#regularPage .pluso {display:none;}
.twocolsin .rcol {width:100%; float:left; margin:0; display:block; position:static;}
.rcol {width:100%; float:left; margin:0; display:block;} 
.rcol>img {min-width:100%; height:auto;}
.mainbarHeader {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.twocolsin .lcol {width:100%; float:left; margin:0; display:block; position:static;}
#mainPage .pluso {display:none;}
.catalogContainer .bx-wrapper {width:100%; float:left; margin:0; display:block; position:static;}
.bx-clone {display:none;}
.threecols {margin-left:5%; width:95%:}
#ParamForm {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.selectMat {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
tbody {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.selectMat h1 {width:100%; position:block; margin:1%;}
.paramMore {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.paramTable {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
td.paramName {width:100%;display:block;}
.paramPrice  {width:auto; display:block; margin-left:0px; margin-right:0px;float:none;}
.paramButtons {float:none;}

.paramName {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.paramTable td {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
#content .mainbar .inner {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.actselect {width:100%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%;}
.actselect li {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:10%;}
.mapStyle {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:5%;}
.contentbox .mapStyle {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:3%; height:auto;}
 #ymaps1479570644403728054 {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:5%; height:auto;}
.ymaps-2-1-45-map ymaps-2-1-45-i-ua_js_yes ymaps-2-1-45-map-bg-ru ymaps-2-1-45-islets_map-lang-ru {width:90%; float:left; margin:0; display:block; position:static; margin-left:1%; margin-right:1%; height:auto;}
.officeGallery {width:90%; float:left; margin:0; display:block; position:static; margin-left:2%; margin-right:3%;}
.catalogMenu {width:90%; float:left; margin:0; position:static; margin-left:2%; margin-right:3%; height:auto;}
thead{width:100%;float:left; margin:0;  position:static;}
#mainPage .catalogMenu {min-height:auto;}

.dropPanel  {width:92%; padding:0px; margin-right:5%; margin-left:3%; margin-top:2%; position:static;}
.dropItems li, .dropArticle p {width:90%; text-align:center;}
.dropArticle {width:90%; text-align:center; padding-left:5%;}
.dropItems {width:90%; text-align:center;}
.sitesTop {margin: 0px 0px 0px 0px !important;}
.selectMatResults {width:100%; float:left;}
#content .paramMore span::after {width:90; text-align:left;float:left;}
#content .paramMore {width:90%;  text-align:left;float:left; margin:0px;}

.usedMaterials {margin-left:25px; float:left;}
.rubl, #content .contentbox .rubl {padding:0px;}
.imgArticle img {height:auto; width: auto;}
.twocolsin .lcol {margin-bottom:15px;}
.twocolsin .rcol {margin-bottom: 7px;}

}


 
@media screen  and (max-width: 650px) {
.dropPanel li {text-align:left;}
.catalogContainer .bx-wrapper{display:none; background:none; width:0px; height:0px;}
.catalogContainer .bx-wrapper .bx-pager {display:none;background:none; width:0px; height:0px;}
.sitesTop {margin: 0px 0px 0px 0px !important;}

.menuTopContainer { width:90%;
margin:0px; margin-top:1%; padding:0px; padding-left:5%;text-decoration:none;text-align:center;line-height:4px;
}

.menuTop { margin:0px; padding:0px;text-decoration:none; text-align:center;line-height:18px;
width:auto; height:auto;   padding:5px;}

.menuTop a:link, .menuTop a:visited {border-bottom: none;}
.menuTop a, .menuTop p {display:inline;margin:0px 4px 0px 4px; padding: 0px 0px 0px 0px; }




}