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

/* Стили для экранов 900px и меньше */
@media screen and (max-width: 900px) {
.headcat {background: no-repeat bottom right url(../headcat900.png);}
.upm .wrap {display: block;}

@media screen and (max-width: 800px) {
.headcat {background-image: none;}
.logo img {width: 80%;}
.wcf {margin: 10px 0 0 30px;}
.headcat, .lefttop {height:190px;}
.righttopbg {background: no-repeat 230px 0px url(../headbgtop.jpg);}
.lefttop {width: 230px; padding-top: 20px;}
.leftcol {width: 230px;}
.leftblock {width: 225px;}
.conteiner{margin-left: 230px;}


/* Стили для экранов 770px и меньше */
@media screen and (max-width: 770px) {

.upm {padding: 15px;}
#topmenu {clear: both;}
#topmenu ul {width: 100%; display: block; height: auto;}
#topmenu li {width: 25%; position: relative;}
#topmenu a {text-align: center; width: 100%; padding: 0 10px;}
.lefttop {padding-top: 10px;}
.leftfoot {width: 50%;}
.rightfoot {width: 50%; text-align: right;}
.ibfon1, .iblth1 {height: auto;}
.indexblock {float: none; width: 100%;}
.ibl {margin-right: 0px;}
.ibr {margin-left: 0px;}
.indexblock {margin-bottom: 30px;}
.mainblock img {float: none; margin: 0 0 20px 0;}
.wrbl {margin: 30px 0 0 0;}
.logo img {width: 70%;}
.wcf {margin: 0 0 0 20px; line-height: 18px; font-size: 13px;}
.headcat, .lefttop {height:150px;}
.righttopbg {background: no-repeat 200px 0px url(../headbgtop.jpg);}
.lefttop {width: 200px; padding-top: 20px;}
.leftcol {width: 200px;}
.leftblock {width: 195px;}
.conteiner{margin-left: 200px;}
}
    
/* Стили для экранов 600px и меньше */
@media screen and (max-width: 600px) {

.overf {clear: both;}

.conteiner {margin-left: 0px;}
.lb-title {margin-top: 10px;}
    
#leftmenu ul li {
    display: none;
}
select.selectmenu {
    color: #111;
    display: block;
    float: left;
    padding:10px;
	border:none;
    width: 100%;
}

.leftfoot {width: 100%; text-align: center; padding: 0;}
.counters {margin-top: 20px;}
.rightfoot {width: 100%; text-align: center;}

.wrap {display: block;}
.header, .righttopbg, .headcat {background-image: none;}
.headcat, .lefttop {height:auto;}
.headcat {display: block;}
.righttopbg {background: none;}
.lefttop {float: none; display: block; width: 100%; border: 0px; background-color: #fff; text-align: center; padding: 0; overflow: hidden; clear: both;}
.logo {padding: 0;}
.logo img {width: auto;}
.righttop {display: block; width: 100%; overflow: hidden; clear: both;}
.wcf {width: 100%; color: #4c2a01; line-height: 24px; font-size: 16px; margin: 15px 0 0 15px;}

.upm {width: auto; height: auto; overflow: hidden; padding: 0px; margin: 0px;}
#topmenu {height: auto; background: #f0efec; border-bottom: 0;}
#topmenu ul {display: none; height: auto;}
#topmenu li {display: block; float: left; width: 50%;}
#topmenu li a {border-top: 1px solid #d9d5cc;}
#topmenu a#pull {display: block; background-color: #da7700; width: 100%; position: relative; padding: 0; color: #fff;}
#topmenu a#pull:after {content:""; background: url('../nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px;}

.leftcol {width: 100%; clear: both; padding: 0 20px;}
.leftblock {width: 100%; background-color: #f0efec; border-bottom: 3px solid #d9d5cc; border-top: 3px solid #d9d5cc; border-right: 0px;}
}