@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,400i,700,700i&subset=cyrillic,cyrillic-ext');
@font-face {
    font-family: 'rouble';
    src: url('fonts/rouble-webfont.eot');
    src: url('fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rouble-webfont.woff2') format('woff2'),
         url('fonts/rouble-webfont.woff') format('woff'),
         url('fonts/rouble-webfont.ttf') format('truetype'),
         url('fonts/rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	color: #222;
	background: white;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:150%;
}
a{
	color:#C8221A; 
	text-decoration:underline}
a:hover, a:focus{text-decoration:none; color:#C8221A;}
h1,.new-zag{ 
	line-height:normal; 
	margin-bottom:15px; 
	font-size:26px; 
	text-transform:none;
	color: #222222;
}
h2,.h1news{ 
	line-height:normal; 
	margin-top:15px; 
	font-size:22px; 
	margin-bottom:15px; 
	text-transform:none;
	color: #222222;
}
h3{ 
	line-height:normal; 
	margin-top:10px; 
	font-size:18px; 
	font-weight: normal;
	color: #222222;
}
footer {
	margin:0;
}

.rouble {
  font-family: 'rouble';
}
.left{
	float:left;
}
.right{
	float:right;
}
.w960{
	width:960px;
	margin:0 auto;
}
.w110{
	width:110%;
}
#cuter{
	min-width:960px;
	overflow:hidden;
	margin:0 auto;
}
#header{
	padding:15px 0 20px;
}
#header-logo{
	float:left;
}
.hright{
	max-width:760px;
}
#hkorz{
	float:right;
	margin-top:16px;
	margin-left:40px;
	width:170px;
	overflow:hidden;
}
#korz{
	float:right;
	display: block;
	position: relative;
	height:35px;
	background-image: url(hicon.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left:45px;
	text-decoration: none;
	line-height:35px;
}
#tov-cnt-all{
	position:absolute;
	display: inline-block;
	height:18px;
	min-width: 18px;
	text-align: center;
	line-height:20px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#FFF;
	background: #666666;
	font-size:11px;
	top:2px;
	left:19px;
}
.korz-r{
	font-size:18px;
	font-weight:bold;
	color:#222;
}
.phone, .addr{
	float:right;
}
.phone{
	display: block;
	height:26px;
	line-height: 26px;
	background-image: url(hicon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size:20px;
	color:#444444;
	margin-left:35px;
	margin-top:22px;
}
.addr{
	display: block;
	line-height: 150%;
	background-image: url(hicon.png);
	background-position: left top 7px;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size:14px;
	color:#444444;
	margin-left:29px;
	margin-top:14px;
	max-width:225px;
}
/*HorMenu***/
#horMenu-c{
	background:#C8221A;
	height:50px;
}
#horMenu{
	width:960px;
	overflow:hidden;
}
#horMenu ul{
	width:105%;
}
#horMenu ul li{
	float:left;
	text-transform:uppercase;
}
#horMenu ul li:first-child a, #horMenu ul li:first-child span{
	background:none;
}
#horMenu ul li a, #horMenu ul li span{
	display:block;
	height:50px;
	line-height:50px;
	padding:0 6px 0 6px;	
	text-decoration:none;
	color: #FFF;
	background:url(hmenu.png) left center no-repeat;
	font-size:15px;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
}
#horMenu ul li:hover a, #horMenu ul li span, #horMenu ul li .on{
	text-decoration:none;
	background:rgba(255,255,255,0.14)!important;
}
#horMenu ul li:hover + li a, #horMenu ul li.on + li span, #horMenu ul li.on + li a{
background: none;
}
.content{
	padding: 20px 0; 
	min-height: calc(100vh - 324px);
}
#left-side{
	width:225px;
	overflow:hidden;
}
/**************** SEARCH *****************/
#poisk{
	display: block;
	width:225px;
	height:30px;
	border:1px solid #CCCCCC;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	border-style:solid;
	margin-bottom:20px;
}
#search {overflow:hidden;}
#search-text{
	height:28px; 
	width:195px; 
	border:none; 
	color:#ACB1BF;
    background:transparent; 
	box-shadow:none;
	padding:0;
	padding-left:7px;
	font-size: 13px;
	margin:0;
	float:left;
}
#search-img{
	border:none;
	box-shadow:none;
	padding:5px;
	margin-bottom:0;
	float:left;
	width:auto;
}
/*VertMenu**/
#vertMenu{
    width:225px;
    margin-bottom:40px;
}
.vert-z{
	display: block;
	height: 50px;
	background: #EEEEEE;
	padding-left:20px;
	font-size:22px;
	color#212121;
	line-height: 50px;

}
#vertMenu > ul{
}
#vertMenu>ul>li{
	background:url(vmenu.png) left bottom repeat-x;
	padding: 4px 0;
}
#vertMenu ul li:first-child{
    margin-top:0px;

}
#vertMenu>ul>li > a, #vertMenu>ul>li > span{
	display: block;
    line-height:130%;
	font-size:14px;
	color:#666666;
	padding:7px 20px;
	text-align:left;
    width:225px;
	text-decoration:none;
}
#vertMenu>ul>li:hover > a, #vertMenu>ul>li > span, #vertMenu>ul>li> .on{
	color:#fff;
    background:#C8221A;

}
#vertMenu ul li ul{
	display:none;
	overflow:hidden;
	background: url(vmenu.png) left top no-repeat;
	margin-top:4px;
	padding:8px 0;
}

#vertMenu ul li .vl ul{
	display:block;
}
#vertMenu ul li ul li{
	display:inline-block;
	background:none;
	padding: 5px 20px 7px 35px;
}

#vertMenu ul li ul li a, #vertMenu ul li ul li span{
    display:inline-block;
    padding:0;
	font-size:14px;
	line-height:130%;
	color:#666;
	text-align:left;
	text-decoration:none;
}
#vertMenu ul li ul li:hover a, #vertMenu ul li ul li span, #vertMenu ul li ul li .on{
	color:#C72119;
    text-decoration:none;
}
#news{
	margin-bottom:40px;
}
#news-hdr{
	height:50px;
	width:225px;
	background: #EEEEEE;
	padding:13px 20px 10px;
}
#news .new-zag{
	font-size:22px;
	line-height:120%;
	color:#212121;
}
.all-news{
	float:right;
	font-size:13px;
	margin-top:4px;
	text-decoration: underline;
}
.all-news:hover{
	text-decoration: none;
}
.news-itself{
	margin-top:20px;
	padding:0 20px 25px 20px;
	background: url(vmenu.png) left bottom repeat-x;
}
.news-itself:last-child{
	background: none;
}
.new-date{
	display: inline-block;
	height:20px;
	line-height:21px;
	padding:0px 7px;
	background: #C8221A;
	color:#FFF;
	font-size:12px;
	margin-bottom:10px;
}
.news-itself-hdr a{
	display: block;
	color:#222222;
	text-decoration: none;
	line-height: 120%;
	font-size: 14px;
	margin-bottom:15px;
}

.news-itself-hdr a:hover{
	color:#C8221A;
}
.news-itself-txt{
	font-size:13px;
	color: #666666;
	line-height: 120%;
	margin-bottom: 0;
}
#right-side{
	width: 715px;
	overflow: hidden;
}
#slider-w{
    width:715px;
    height:300px;
    position:relative;
    z-index:7;
	overflow:hidden;
	margin-bottom:40px;
}
#slider{
    z-index:6;
    border:15px solid #EEEEEE;
    width:715px!important;
    height:300px!important;
}
.slide{
	display:block;
    width:685px!important;
    height:270px!important;
}
.slid-left{
	position: absolute;
	width:300px;
	top:45px;
	left:60px;
	font-size:26px;
	line-height: 150%;
}
.slid-more{
	display: inline-block;
	height:40px;
	line-height: 40px;
	text-decoration: none;
	color:#FFF;
	background: #C8221A;
	padding:0 20px;
	text-transform: uppercase;
	font-size: 16px;
	margin-top:20px;
}
.slid-more:hover{
	background: #666666;
	color: #FFF;
}
.sst strong{
	display: block;
}
.switches {
	width: 715px;
	position: relative;
	z-index: 8;
	margin: 0 auto;
}

.s-prev, .s-next {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url('switch.png');
	background-repeat:no-repeat; 
	position: absolute;
	bottom: 135px;
	z-index: 8;
}
.s-prev{
	background-position: left top 1px;
	left:3px; 
}
.s-next {
	background-position: right top 1px;
	right: 3px;
}
.s-next:hover {
	background-position: right bottom 1px;
}
.s-prev:hover {
	background-position: left bottom 1px;
}
.main-zag{
	display: block;
	height:50px;
	line-height: 50px;
	padding:0 20px;
	font-size:22px;
	color:#222;
	background: #EEEEEE;
	margin-bottom: 20px;
}
.catalog{
	margin-bottom:40px;
}
.cat-item{
	float:left;
	width:225px;
	height:360px;
	border:1px solid #CCCCCC;
	margin:0 20px 20px 0;
	padding:10px;
}
.cat-img{
	display: block;
	width:203px;
	height:153px;
	margin-bottom:30px;
}
.cat-name{
	display: block;
	text-transform: none;
	text-decoration: none;
	color:#444444;
	font-size:16px;
	line-height:120%;
	margin-bottom:6px;
	height:40px;
}
.cat-art{
	color:#666666;
	display: block;
	margin-bottom:9px;
	font-size:13px;
	line-height: 120%;
}
.cat-anons{
	display: block;
	font-size:13px;
	line-height:110%;
	color: #666666;
	margin-bottom: 13px;
	height:42px;
}
.cat-price{
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	color:rgb(199,33,25);
	float:left;
}
.cat-price>span{
	font-size:13px;
}
.cat-item .more{
	float:right;
	width:96px;
	height:30px;
	text-decoration: none;
	color:#FFF;
	background: #666666;
	text-align: center;
	line-height: 30px;
	text-transform: none;
}
.cat-item .more:hover{
	background: #C8221A;
}
#partners{
	margin-bottom:40px;
}
.part-item{
	float:left;
	width:122px;
	height:88px;
	margin-right: 26px;
	margin-bottom:26px;
}
.footer-c{
	background: #F7F7F7;
}
.first-foot{
	padding:35px 0;
}
.footer-logo{
	float:left;
}
.footer-right{
	max-width:755px;
}
.footer-right>span{
	margin-top:5px;
	margin-left:45px;
}
.footer-mail{
	float:right;
	height:26px;
	line-height: 26px;
	background: url(ficon.png) left top no-repeat;
	padding-left:45px;
}
.footer-addr{
	margin-top:0!important;
	font-size:13px;
}
.footer-phone{
	font-size:18px;
}
.second-foot{
	background: #EEEEEE;
	padding:8px 0;
	text-align: center;
}
#sozd{
	color:rgba(200,34,26,0.4);
}
#rubrikator{
	margin-bottom:40px;
}
.rub{
	width:225px;
	height:260px;
	float: left;
	margin:0 20px 20px 0;
	border:1px solid #CCCCCC;
	text-decoration: none;
}
.rub-img{
	width: 223px;
	height: 203px;
}
.rub-bot{
	height:55px;
	padding:0 7px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 223px;
	color: #222;
	font-size:16px;
	line-height:120%;
}
.rub:hover .rub-bot{
	color: #C72119;
}