/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* товары */
.tovary-div{
width:100%;
margin:20px 0 0 0;
padding:0;
font-weight:500;
}
.tovary-div-div{
margin:0;
padding:0;
text-align:left;
}
.tovary-div ul{
width:102%;
margin:-20px 0 0 -1%;
padding:0;
text-align:left;
list-style:none;
}
.tovary-div li{
display:inline-block;
width:18%;
margin:40px 0 0 0;
padding:0 1%;
text-align:left;
vertical-align:top;
}
.tovary-div li img{
display:block;
width:100%;
margin:0 0 10px 0;
}
.tovary-div a:hover, .tovary-div a:hover p{
color:#68904d;	
}
/* --------------------------------------------------- */
.tovary-div .tovary-div-new{
width:70px;
position:absolute; top:-10px; left:-10px;
}
.tovary-div .tovary-div-metka{
display:inline-block;
width:auto;
position:absolute; left:-5px; top:10px; z-index:10;
margin:0;
padding:5px 10px;
background:#ee9b01; color:#fff;
font-size:90%; font-weight:700;
text-align:left;
white-space:nowrap;	
}
/* --------------------------------------------------- */
/* вложенная таблица с ценами */
.tovary-div table{
width:100%;
border-collapse:collapse;
margin:0;
}
.tovary-div td{	
padding:0;
text-align:left;
vertical-align:bottom;
}
.tovary-div td td:last-of-type{
text-align:right;	
}
/* --------------------------------------------------- */
/* кнопка посмотреть */
.tovary-div li td input{
display:inline-block;
width:auto;
border:0; border-radius:4px;
margin:0;
padding:10px;
background:#14471e; color:#fff;
font-weight:600;
cursor:pointer;
}
.tovary-div li td input:hover{
background:#68904d;	
}
/* --------------------------------------------------- */
/* устаревшие стили */
.tovary-div td button{
display:inline-block;
width:auto;
border:0; border-radius:4px;
margin:0;
padding:10px;
background:#14471e; color:#fff;
font-weight:600;
cursor:pointer;
}
.tovary-div td button:hover{
background:#68904d;
}
.tovary-div td button img{
display:inline-block;	
width:20px;
float:left;
position:relative; top:0;
margin:0 10px 0 0;
}


/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* кнопка */
.button-div{
width:100%;
margin:20px 0 0 0;
padding:0;
}
.button-div-div{
margin:0;
padding:0;
text-align:center;
}
.button-div a{
display:inline-block;
width:auto;
border:0; border-radius:4px;
margin:0;
padding:15px 20px;
background:#14471e; color:#fff;
font-weight:600;
cursor:pointer;
white-space:nowrap;
}
.button-div a:hover{
background:#68904d;
}

@media screen and (min-width:100px) and (max-width:400px){
	.tovary-div ul{
	width:100%;
	margin:0;
	}
	.tovary-div li{
	width:100%;
	padding:0;
	}
}	
@media screen and (min-width:401px) and (max-width:500px){
	.tovary-div li{
	width:48%;
	}
}	
@media screen and (min-width:501px) and (max-width:600px){
	.tovary-div li{
	width:46%;
	padding:0 2%;
	}
}
@media screen and (min-width:601px) and (max-width:700px){
	.tovary-div li{
	width:44%;
	padding:0 3%;
	}
}
@media screen and (min-width:701px) and (max-width:800px){
	.tovary-div li{
	width:31.3%;
	}
}
@media screen and (min-width:801px) and (max-width:900px){
	.tovary-div li{
	width:29.3%;
	padding:0 2%;	
	}
}
@media screen and (min-width:901px) and (max-width:1000px){
	.tovary-div li{
	width:23%;
	}
}
@media screen and (min-width:1001px) and (max-width:1100px){
	.tovary-div li{
	width:21%;
	padding:0 2%;	
	}
}
@media screen and (min-width:1101px) and (max-width:1200px){

}
@media screen and (min-width:1201px){

}