@charset "utf-8";

body, html{
	font-family:Arial;
	line-height:150%;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#000;
	border:none;
	font-style:italic;
}
*{line-height:150%;margin:0;padding:0;box-sizing: border-box;}
a{
	text-decoration:none;
	color:#270;
}
ul{
	padding:2px 0px 5px 20px;	
}
body{
	font-size:14px;
	/*background: url('images/bg.jpg') center top fixed no-repeat #99afbd;*/
	background:#ccc;
	/*background-size: 100%  auto;*/
	
}



h1{
	padding:0 0 2px 0;
	margin:0 0 15px 0;
	width:100%;
	color:#483e25;
	font-size:24px;
	font-weight:bold;
	line-height:100%;
	float:left;
	
	clear: both;
	font-style:italic;
	border-bottom:2px dotted #a59469;
}
h2{
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	margin:0;
	padding:0;
}
img, iframe{
	max-width:100%;
}

.title{
	font-family:"Times new roman", Times;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
}
.item{
	float:left;
	clear:both;
	width:960px;
	max-width:100%;
	margin:0 0 5px 0;
}
.error{
	color:#fff;
	background:#900;
	font-size:12px;
	font-weight:normal;
	display:inline-block;
	margin: 0 ;
	line-height:12px;
	
	padding:2px 5px;
}

.button {
	background:url('./images/go.gif') no-repeat scroll left top;
	border:medium none;
	color:#777;
	font-size:12px;
	padding-bottom:5px;
	padding-left:23px;
	width:130px;
	height:30px;
}
.button:hover {
	background-position:0px -30px;
}
.button:active {
	background-position:0px -60px;
} 

.done{
	color:#030;
	border:1px solid #060;
	background:#66FF00;
	font-size:12px;
	text-align:center;
	margin-top:2px;
	margin-bottom:2px;
}

.categories_block{
	float:left;
	display:block;
	width:100px;
	text-align:center;
	height:35px;
	margin-left:35px;
	margin-top:24px;
	
	font-size:16px;
	font-style:italic;
}
#outer{
	margin: 0 auto ;
	padding:0;
	background:#fff;/*url('./images/bbgg.png');*/
	max-width:980px;
	width:100%;
	
	border-top:none;
}
#header{
	text-align:center;
	width: 100%;
	background:url('./images/headerbg.jpg');
	

}




#center{
	float:left;
	width: 800px;
	padding: 20px 1% 10px 1%;
	font-size:15px;
	font-style:normal;

}

.social{
	padding:10px 0 0 0;
	
}

#left * img, #center * img, #right * img{
	border:none;
}
#footer{
	float:left;
	width:100%;
	padding:10px 10px 20px 10px;
	
	border-top:6px dotted #BDB49E;
}
#footer a{
	
	text-decoration: underline;	
}

#footer a.footlink{
	
	text-decoration: none;	
	font-size:18px;
	font-weight:bold;
}




.kolichka{
	width:145px; 
	padding:3px 0 10px 0;
}
.kolichka a{
	padding:0;
	border:none;
}
.kolichka a.bl{
	font-size:14px;
	color:#666;
	display:block;
	
	font-weight:bold;
	line-height:120%;
	padding:4px 0 0 0;
	height:auto;
}
.kolichka a.re{
	display:block;
	font-size:12px;
	color:#000;
	line-height:120%;
	text-decoration:underline;
	height:auto;
}

.kolichka img{
	float:left;
	margin: 0 5px 0 0;
}


.red{
	font-size:11px;
	height:25px;
	padding-top:5px;
	width:580px;
	padding-left:48px;
}

.red a{
	font-size:11px;
	color:#b00;
	font-weight:normal;
	font-style:italic;
}

strong{
	font-weight:bolder;
}

.headerin{
	
	width:145px;
	padding:5px;

	position:relative;
	z-index:50;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url('images/pngtrans.png');
}

.search{
	width:145px;
	
	margin:0 0 15px 0;
}

.search .txt{
	width:100px;
	height:16px;
	padding:2px;
	border:1px solid #d4c8b4;
	background:#fff;
	display:inline;
	
}

.search .but{
	
	float:left;
	cursor:pointer;
	margin: 0 0 0 8px;
}
.search form{
	padding:0;
	margin:0;
	
}


.prod a{
	line-height:20px;
}

.l1 a, .l1{
	color:#000;
	background:#fff;
}
.l0 a, .l0{
	color:#000;
	background:#fff;
}

.product{
	float: left;
    margin: 2px;
    padding: 7px;
	text-align:center;
	background:#fff;
}
.product .image{
	display:table;
	width:100%;
	height:170px;
	text-align:center;
	vertical-align:middle;
}
.product .image div{
	display:table-cell;
	height:170px;
	vertical-align:middle;
}

.product a, .product{
	font-size:12px;
	line-height:120%;
}
.product .btext{
	height:30px;
	display:block;
}

.product2{
	float: left;
    margin: 2px;
    padding: 3px;
	text-align:center;
	background:#fff;
}
.product2 .image{
	display:table;
	width:100%;
	height:100px;
	text-align:center;
	vertical-align:middle;
}
.product2 .image div{
	display:table-cell;
	height:100px;
	vertical-align:middle;
}

.product2 a, .product{
	font-size:12px;
	line-height:120%;
}
.product2 .btext{
	height:30px;
	display:block;
}



.category .btext{
	height:55px;
	display:block;
}
.btext{
	overflow:hidden;
}
.product span{
	font-size:14px;
	line-height:110%;
	color:#666;
	
	font-weight:bold;
}
.discount {
    text-decoration:line-through;
	line-height:100%;
}



div.pagination{
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
	float:left;
	width:100%;
}
a.pagination, span.pagination{
	padding:2px;
	border:1px solid #999;
	margin:2px;
	
}
span.pagination{
	color: #000;
}


.tbl{
	border:1px solid #ccc;
	border-top:1px solid #ccc;
}

.tbl th{
	background:#ddd;
}
.tbl td{
	padding:0;
	line-height:120%;
}
.tbl a{
	font-weight: bold;
	text-decoration: none;
	color:#000;
	line-height:120%;
}


.inpbr{
	width:30px;
	padding:1px;
	line-height:100%;
	border:1px solid #ccc;
}


input.order, select.order{
	display:inline-block;
	padding:0 5px;
	font-size:12px;
	line-height:12px;
	width:200px;
	height:16px;
	border: 1px solid #ccc;
}

textarea.order{
	padding:1px;
	border: 1px solid #ccc;
	font-size:12px;
	line-height:14px;
	width:396px;
	max-width:100%;
	height:100px;
	
}

select.order{
	width:212px;
	height:18px;
}

.captcha{
	display: inline;
	vertical-align: middle;
	cursor:pointer;
}
input.small_f{
	display: inline;
	width:76px;
}

.centerTop{
	float:left;
	width:630px;
	
	font-size:14px;
	color: #000;
	margin: 90px 0 0 0 ;
		
}


.category{
	float:left;
	width:300px;
	margin:10px;
	text-align:center;
}

.category .image{
	display:table;
	
	text-align:center;
	height:300px;
	width:100%;
}
.category .image div{
	display:table-cell;
	height:300px;
	vertical-align:middle;
}

.category a{
	color:#5b4b4a;
	font-size:20px;
	text-transform:uppercase;
}





#litemenu {
    position: absolute;
   
    display: none;
    width:100%;
    background: #FFF;
    overflow: hidden;
    z-index: -100;
}


#litemenu ul, #litemenu li, #linklist, #linklist li {
	margin: 0;
	padding: 0;
}


#litemenu ul li {
    width: 100%;
    font-size: 15px;
    color: #639062;
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: 1px dotted #DDD;
    transition: color 0.3s;
	text-align:center;
}
#litemenu a{
	width:100%;
	display:block;
}
#litemenu ul li.categ {
    color: #FFF;
    background: silver;
}

#litemenu ul li#closelid {
    color: #FFF;
    background: #444;
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

#menuwrap {
	background: #0099FF;
	width: 180px;
	position: relative;

}

.wcontainer {
	margin: 0 auto;
	background:#a4aea6;
	width: 100%;
		float:left;
}



#linklist {
	font-size: 18px;
	width: 100%;
	list-style-type: none;
	position: relative;
}

#linklist::after {
	content: "";
	display: block;
	clear: both;
}

#linklist li.menulink, li.menulink, #menubutton {
	font-size: 1em;
	display: block;
	float: left;
	width:100%;
}


#linklist li.menulink, li.menulink {
	
	font-weight: normal;
}
	

#linklist li.menulink a.linknode, li.menulink span {
	display: block;
	color: #FFF;
	height: auto;
	line-height: 30px;
	padding: 0 10px;
	transition: 0.3s;	
	font-size:16px;
}

#linklist li.menulink a.act{
	color:#322;
}

#linklist li.menulink a.linknode:hover, li.menulink span:hover {
	color: #000;
}

#menubutton {
	display: none;
	cursor: pointer;
	width:100%;
}


a#logo img{
	max-width:100%;
}


@media screen and (min-width: 981px) {
	#litemenu {
	    display: none;
	}
	
	.contright{
		float:right; 
		width:500px
	}
	
	
	.product{
		width:19.5%;
	}
}

@media screen and (max-width: 980px) {
	#linklist li.menulink {
		display: none;
	}
	#center{
			width:100%;
			
	}
	.wcontainer {float:none;}
	#menuwrap{width:100%;}
	#menubutton span {
		font-size: 0em;
		color: #FFF;
		padding: 5px 0 5px 15px;
		
		width:100%;
		display:block;
		transition: 0.4s;
	}
	
	#menubutton {
		display: block;
	}

	
}

@media screen and (min-width: 800px) and (max-width: 980px) {
	.product{
		width:24.4%;
	}
	h1{font-size:23px;}
}
@media screen and (min-width: 660px) and (max-width: 980px) {
	.category{
		width:49%;
		margin:10px 0;
	}
}
@media screen and (max-width: 659px) {
	.category{
		width:98%;
		margin:10px 0;
	}
}
@media screen and (min-width: 596px) and (max-width: 799px) {
	.product{
		width:32.5%;
	}
	h1{font-size:22px;}
}
@media screen and (min-width: 422px) and (max-width: 595px) {
	.product{
		width:49%;
	}
	h1{font-size:20px;}
}
@media screen and  (max-width: 421px) {
	.product{
		width:98%;
	}
	h1{font-size:18px;}
}

/*
@media screen and (min-width: 2201px) {
	body{margin-top:240px;}
}
@media screen and (min-width: 2001px) and (max-width: 2200px) {
	body{margin-top:210px;}
}
@media screen and (min-width: 1801px) and (max-width: 2000px) {
	body{margin-top:190px;}
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
	body{margin-top:170px;}
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
	body{margin-top:150px;}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
	body{margin-top:127px;}
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
	body{margin-top:105px;}
}
*/

@media screen and (min-width: 721px) and (max-width: 980px) {
	.contright{
		float:right; 
		width:310px
	}
/*	body{margin-top:92px;}*/
	
	
}
@media screen and (max-width: 720px) {
	.contright{
		float:none; 
		width:100%;
	}
}
/*
@media screen and (min-width: 581px) and (max-width: 720px) {
	body{margin-top:80px;}
}
*/
@media screen and (min-width: 371px) and (max-width: 580px) {
	
	#menubutton span {
		padding: 7px 0 7px 15px;
	}
	
	/*body{margin-top:50px;}*/
}

@media screen and  (max-width: 370px) {
	
	#menubutton span {
		padding: 10px 0 10px 15px;
	}
	/*body{margin-top:0;}*/
}
#tz{
	width:50px;
	height:23px;
	float:left;
	padding:7px 0 0 0;
	
}
#tzin{
	float:left;
	line-height:100%;
	color:#000;
	width:50px;
	cursor:pointer;
	text-transform:uppercase;
	font-size:16px;
}
#tzin:hover{
	color:#900;
}

#tzsel,#lnsel{
	display:none;
	background:#f3f3f3;
	padding:15px;
	position:relative;
	margin:0 -105px 0 0;
	float:right;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border:1px solid #ccc;
	color:#333;
	line-height:120%;
	font-size:14px;
	font-weight:normal;
	 white-space: nowrap;
}
#tzsel input{
	cursor:pointer;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ccc;
	line-height:100%;
	font-size:14px;
	height:20px;
	background:#fff;
	margin:3px 0 0 0; 
	width:100px;
	text-align:center;
}

#ln{
	width:50px;
	height:23px;
	float:left;
	padding:7px 0 0 0;
}

#lnin{
	float:left;
	line-height:100%;
	color:#000;
	width:50px;
	cursor:pointer;
	text-transform:uppercase;
	font-size:16px;
}
#lnin:hover{
	color:#900;
}
#lnin img{
	float:right;
	margin:1px 0 0 0;
	border:1px solid #aaa;
}

#lnsel a, #lnsel span{
	color:#888;
	line-height:120%;
	margin:7px 0 0 0;
	float:left;
	display:block;
	clear:both;	
	
}
#lnsel a{
	/*text-decoration:underline;*/
	color:#333;
}
#lnsel a img, #lnsel span img{
	float:left;
	border:1px solid #aaa;
	margin:1px 2px  0 0;
}


a.journal{
	font-weight:bold;
	font-size:18px;
	line-height:200%
}

a.journal{
	font-weight:bold;
	font-size:15px;
	line-height:185%
}

a.download{
	display:block;
	float:right;
	margin:30px 0 0 0;
}
input.search{
	width:200px;
	max-width:100%;
}