
/* catalog */
section .catalog {
	margin:0 0 14px;
	padding:0;
	list-style:none;
	font-size:0;
	width: 100%;
	text-align: center;
}
section .catalog li {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	margin: 0 7px 0 7px;
	padding: 0 0 4px;
	text-align: center;
	width: 207px;
}
section .catalog .pic {
	display:block;
	width: 100%;
	height:95px;
	margin:0 0 4px;
	background:#009e4a;
	padding:30px 0 0;
	text-align:center;
}
section .catalog img {
	display:block;
	margin:0 auto;
}
section .catalog a {
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	color:#7b7d70;
	font-weight:bold;
}
section .catalog a:hover .pic {background:#04ce62;}

/* product */
section .product {
	margin:0 0 20px;
	padding:20px 0 0;
	list-style:none;
	font-size:0;
	width:100%;
	float: left;
}
section .product li {
	font-size:14px;
	display: table;
	float: left;
	vertical-align:top;
	width:280px;
	border:2px solid #e3e3e5;
	height:343px;
	position:relative;
	margin:0 7px 7px 0;
	overflow:hidden;
	padding:5px 0 0 5px;
}
section .product li > a{
	display: table-cell;
	vertical-align: middle;
}
section .product .right-align {
	float:right;
	/* РґРѕР±Р°РІРёР» РЅРёР¶Рµ */
	/*position: absolute;*/
	right: 0px;
	bottom: 0px;

}
section .product .opis {
	/* overflow:hidden; */
	/*width: 50%;  */
	position:absolute;
	top:5px;
	left:5px;
	height:100%;   
}
section .product .opis p {font-size:13px;}
section .product .h3 {
	display:block;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
	color:#7f7f7f;
	background: rgba(255, 255, 255,0.5);
	padding: 5px;
}
section .product .h3 a {
	font-size:12px;
	color: #323232;
	text-decoration:none;
}
section .product .h3 a:hover {text-decoration:underline;}
section .product .cost-box {
	position:absolute;
	bottom:35px;
	left:0;
	width:120px;
}
section .product .cost {
	display:block;
	color:#65a861;
	font-weight:bold;
	font-size:13px;
	margin:0 0 3px 5px;
	width: 120px;
}
