body {background: #fbfaf6 url(/images/bg.jpg); font: 14px/19px 'Open Sans',Arial,Helvetica,Verdana,sans-serif;  line-height: 1.4; margin: 0; color: #333;    clear: both;    word-break: break-word;    word-wrap: break-word;
font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Proxima Nova,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus{outline: none;}
fieldset {border: none;}

.price_page {
    padding: 0px 0px 18px 0px;
    font-size: 15px;
}

.clearfix {  clear: both;}
.page-title {  background: #f4e299;    padding: 9px 0px;}

span.phone {background: url(images/icon_cell.png) no-repeat;background-position-x: 15px;background-position-y: 6px;   padding: 4px 0px 0px 37px;font-size: 18px;text-shadow: 1px 1px 4px #FFF;}
ul.rews{    margin: 12px 1px; padding:0}
ul.rews li {list-style: none;margin-top: 10px;}
ul.rews li a {font-weight: bold;}
ul.rews li span.pubon {color: #999;    font-size: 11px;}
ul.rews li a:before{content: "\f007"; color:#000; font-family: FontAwesome; padding-right: 0.4em;}
.articles { margin-top: 20px;}
.coll {float: left; width: 260px; padding: 0 0 1px;}
.colr {float: right; width: 240px; padding: 0 0 1px;}   
span.more { float: right; background: #f4e299; padding: 3px 19px; border-radius: 2px; margin: 6px 2px;}

form.sisea-search-form label{display: none;}
.readmore  {  text-align:right;}
.readmore a {   font-size: 11px;    font-weight: normal!important;    color: #004c90;    display: unset!important;}
.actitem {    padding: 5px 0px 3px 0;font-size: 15px;}

div#actions3 {margin-top: 20px;    font-size: 15px;    font-weight: bold;    color: #6a6a6a;}


.base_img { width: 202px; float: left;margin-top: 20px;margin-right: 10px;}
.pre_img { width: 122px;  float: left;margin-top: 7px;    margin-right: 8px;min-height: 122px;}
.logo {	margin-top: 10px; display: block;width:307px; height:80px;background: url(images/20151224_130322_resized.png) no-repeat; text-indent: -9999px;
    background-size: contain;
    overflow: hidden;
    position: relative;}
#pricelist_link a:before { content: "\f1c2";font-family: FontAwesome; padding-right: 0.4em;  }

h1, h2, h3, h4, h5 {font-weight: normal;text-align: left;  line-height: 1.2;}
h1 {font-size: 26px; }
h2 {font-size: 19px; }
h3 {font-size: 16px; }
h4 {font-size: 15px; }
h5 {font-size: 14px; }
a {color: #004d99;  text-decoration: none;}
a:hover { text-decoration: underline;}
ul {padding-left: 2em; }
img {max-width: 100%; }

a.hid {position: relative; top: 51px;}
a.uslugi {position: relative; top: 30px;left: 95%;}


input, label, textarea{    display: block;}

input[type="submit"] {    background: #ff0000; color: #fff;    text-shadow: 0px 0px 1px #000;   border: solid 1px #fff; padding: 4px 12px;}
fieldset input, label, textarea{display: inline;}
.searchblock {    margin-top: 9px;    width: 100%;
}
.searchblock fieldset {position:relative;margin: 0;    padding: 0;}
input#search{width: 90%;    padding: 7px 15px;    border-radius: 14px;}
.searchblock fieldset button.submit {
    display: block;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 6px;
    border: none;
    background: none;
    color: #b3b3b3;
    -webkit-appearance: button;
    cursor: pointer;
}
.searchblock fieldset button.submit:hover{color: #444;} 
.fa-search:before {
    content: "\f002";
    font-size: 18px;
}

div.confbg {
    background: #fff;
    width: 300px;
    min-height: 260px;
    padding: 10px;
    border: solid 2px #434343;
    border-radius: 6px;
}
button.clo {
    border: none;
    background: none;
    top: -5px;
    position: absolute;
    right: -7px;
    font-size: 30px;
}
.contform textarea#text {
    max-width: 96%;
}
ul.phoneslist li {
    margin: 10px 0px;
}
.contform label {
    display: block;
    padding-top: 5px;
    font-size: 90%;
    color: #565656;
}
.error {
    color: red;
}
input#wtb {
    background: #f4e299;
    color: #093a71;
    padding: 8px 14px;
    font-weight: bold;
}
input#wtb:hover{background: #093a71;   color: #fff;}
input, textarea{    display: block;    margin: 0 0 10px 0;    border: 1px solid #ccc; padding: 5px;}
span.required,span.error{color: #ff0000;}
span.required{ font-size: 18px;}
span.error{font-size: 11px;}
ul.articles {margin: 0; padding: 0;}
ul.articles li {list-style: none;margin-bottom: 22px;}
ul.articles li .introtext {font-size: 12px;line-height: 1.35;}
ul.articles li a {text-align: left;    display: block;font-weight: bold;    line-height: normal;}
ul.articles li div.price {font-size: 14px;}
ul.breadcrumb {margin: 0; padding: 0;font-size: 13px;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li a {text-decoration: none;}
ul.top-menu { margin: -13px 0 0 0;    padding: 0;    font-size: 17px;}
ul.top-menu li { display: inline;padding: 0 20px;    border-right: solid 1px #1A5FAD;}
ul.top-menu li.topmenu1 a:before{ content: "\f015"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li.topmenu2 a:before{ content: "\f1ea"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li.topmenu3 a:before{ content: "\f086"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li.topmenu4 a:before{ content: "\f08b"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li.topmenu5 a:before{ content: "\f06b"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li.topmenu6 a:before{ content: "\f041"; color:#fff;  font-family: FontAwesome; font-size: 14px; padding-right: 0.4em;}
ul.top-menu li a {text-decoration: none;  color: #fff;}
ul.menu_cat{ margin: 0; padding: 0;  text-align: left;}
ul.menu_cat li{list-style: none; padding: 0px 0;position: relative; display: table;    width: 100%;}
ul.menu_cat li a{font-size: 14px; text-shadow: 0 0 2px #fff; font-weight: bold;background: #F4E299;line-height: normal; padding: 10px 10px; color: #06356B;display: table-cell; border-bottom: 1px solid #C4C1BC;}
ul.menu_cat li > a:hover,ul.menu_cat li.active > a {background: #093A71;    text-shadow: 0 0 2px #000; text-decoration: none;   color: #ffffff;}

ul.menu_cat ul {display:none;position: absolute;  padding: 0; transition: all .1s;    -webkit-transition-duration: 0.1s;   width: 360px; right: 261px;} 
ul.menu_cat li ul li {}
ul.menu_cat li ul li a {    font-weight: normal;} 
ul.menu_cat li:hover ul {display:block;transition: all .1s;    -webkit-transition-duration: 0.1s;}  
ul.menu_cat li ul li a:hover {}
ul.menu_cat li ul li a:hover {}

ul.pagination {margin: 0;    padding: 12px 0;  text-align: center;}
ul.pagination li {display: inline;padding: 0px 8px;}
ul.pagination li a {text-decoration: none;text-decoration: none; padding: 2px 7px;}
ul.pagination li a.active {background: #ddd;}
div.pagination { text-align: center;}
.preview {margin: 10px 0 10px 0; background: #fffbe9; border: solid 1px #e6e6e6;padding: 1px 3px; width: 99%; float: left;    display: flow-root;}
.preview a.serv_link {font-size: 18px; text-decoration: none;font-weight: 600;}
.preview span.prev_pp,.pp {font-size: 11px; color: #888888;}
.preview span.prev_price {color: #919191;}
.preview span.prev_price span {color: #f00;  font-weight: bold;  padding: 0px 0px;}
.preview span.prev_unit {color: #919191;}
.preview .prev_intro {color: #919191;    text-align: left;}
.subart { margin: 0px 0px 0px 15px;    clear: both;}
.subart .preview { margin: 0px 0;  text-align: left;  border: none;}
.subart .preview a.serv_link {font-size: 15px; text-decoration: none;font-weight: normal;}
.subart .preview span.prev_pp,span.publishedon {font-size: 11px; color: #999;}
.subart .preview span.prev_price {color: #919191;}
.subart .preview span.prev_price span {color: #f00;  font-weight: normal;  padding: 0px 0px;}
.subart .preview span.prev_price span span.old {color: #f00;  font-weight: normal;  text-decoration:line-through;}
.subart .preview span.prev_unit {color: #919191;}
.subart .preview .prev_intro {color: #919191;}
.serv_name {width: 430px;float: left;}
div.prev_price {float: right;width: 110px;text-align: center;}
.price_page span {color: #f00; font-size: 16px;font-weight: bold;}
.akcii {padding: 10px 9px;border: solid 1px #ddd;  margin: 0px 0;background: #fff;}
#blink { -webkit-animation: blink 2s linear infinite; animation: blink 2s linear infinite;  font-weight: bold; color: #F00;text-align: center;font-size: 18px;}
table { border-collapse: collapse;}
th {font-size: 12px; text-align: center;}
td {font-size: 11px;padding: 5px 6px;}
.footer.container {background: #093971;}


.footer_links, .footer_links2 {width: 300px;text-align: left; float: left; padding-bottom: 14px; color: #f7db08;}

.footer a {color: #fff; text-decoration: none;}
.counters {text-align: right;}
.footer address { color: #ecf3f6; text-align: left; clear: both;}
.footer:after{display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;}
span.old { text-decoration: line-through; font-weight: normal!important; color: #cc9797!important;}
#CDT { font-size: 24px; color: #FFF;margin: 6px 0px 37px -1px;}
#CDT .number-wrapper { margin: 8px; -moz-box-shadow: 0 5px 8px #000000; -webkit-box-shadow: 0 5px 8px #000000;box-shadow: 0 5px 8px #000000;position: relative;}
#CDT .number {
    width:35px;
    /*display: inline-block;*/
    *display: inline;
    *zoom: 1;
    background: #000;
    background-image: linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -o-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 4px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #555;
    -moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
    -moz-text-shadow: 0 3px 3px #000000;
    -webkit-text-shadow: 0 3px 3px #000000;
    text-shadow: 0 3px 3px #000000;
	
}

#CDT .caption{
	//font-size:80%;
}


#CDT .line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 52%;
    left: 0;
	background: #000;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
a.zakaz_link {background: #f00; padding: 1px 6px; border-radius: 4px; color: #fff; font-size: 12px;}
.caption {font-size: 10px; position: absolute; bottom: -30px; left: 0; text-align: center; width: 100%;color: #777;}
.counters {text-align: right; }

table.pricelist td, table.pricelist th{
    font-size: 12px;
    padding: 4px 4px;
    margin: 0;
    line-height: 1.2;
}






@media (min-width: 768px) and (max-width: 1279px) {    
    }


@media (max-width: 767px)  {   

.logo {margin-top: 10px;
    display: block;
    width: 100%;
    height: 80px;
    background: url(images/logo-small.png) no-repeat center transparent;
    text-indent: -9999px;
    background-size: contain;
    overflow: hidden;
    position: relative;}




.box {width: 100%!important;   margin: 0!important;}
.jaste .logoblock {    width: 19%!important;}
.jaste .workblock{ width: 77%!important;}
.jaste .zapblock2 {width: 77%!important;margin: 0px 0px!important; font-size: 12px!important;display: block!important; position: absolute!important; right: 0; top: 43px;column-count: 1;}
.jaste .zapblock2 br{display: none;}
.jaste .zapblock {width: 77%!important;margin: 0px 0px!important; font-size: 13px!important;display: block!important; position: absolute!important; right: 0; top: 62px;column-count: 2;}


.jaste .zapblock span {display:none;}

.main.box {    padding: 0px!important;}
.aside {    width: 0!important;    float: none!important;}
.content {    width: 98%!important;  padding: 0 1%;  float: none!important;}
.content img {max-width: 35%;    height: auto;}

ul.menu_cat ul {display: none!important;}
.main.box {    text-align: left!important;}

.howto input#wtb{    background: #093971;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;}







h1, h2, h3, h4, h5 {   margin: 0;    line-height: 1.2;}
.box {    width: 100%;  }
.content {width: 95%;    margin: 0 auto;    float: none;}
.main.box {    padding: 0px;}
.jaste .zapblock,ul#container,.coll,.colr {display:none;}  
.jaste .workblock { width:0 ;    position: unset;}


.coll {
    float: left;
    width: 260px;
    padding: 0 0 1px;
    position: absolute;
    z-index: 9999;
    top: 170px;
    width: 100%;
}
.searchblock {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 86%;
    top: 94px;
}
.serv_name {
 width: 100%;
    float: none;
}

.aside {width: 0;    float: none; }
.content img {/*width: 100%; float:none;*/}	
a.fa.hid:before {
    content: "\f0c9";
	font-size: 28px;
    color: #fff;
    font-family: FontAwesome;
    left:7px;
    top: -43px;
    position: relative;
    z-index: 999;
}	
ul#container {
    background: #001053;
    position: absolute;
    z-index: 99;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 15px 0;
}	
ul#container li {padding: 0px;  margin-left: 86px;  border-right: none;display:block;}
ul#container li a{}

table.pricelist td,table.pricelist th {
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 1;
}







	
	 }