.pag.principal .produtos{
	position:relative;
	overflow:hidden;

}

.pag.principal .produtos .item{
	float:left;
	width:calc(25% - 20px);
	margin:10px;
}

@media only screen and (max-width:890px){

}


@media only screen and (max-width:890px){
	.pag.principal .produtos .item{
		float:left;
		width:calc(33.33% - 20px);
		margin:10px;
	}
}

@media only screen and (max-width:600px){
	.pag.principal .produtos .item{
		float:left;
		width:calc(50% - 20px);
		margin:10px;
	}
}



.itemProd img.foto{
	width:100%;
	height:auto;
}

.itemProd img.orcWhats{
	width:32px;
	height:32px;
	position:absolute;
	right:10px;
	bottom:45px;
}


.itemProd{
	border:solid 1px rgba(0,0,0,0.5);
	border-radius:5px;
	overflow:hidden;
	min-height:400px;
	position:relative;
}


.itemProd h3{
	margin:10px 10px 5px 10px;
	padding:0;
	font-size:18px;
	height:46px;
	line-height:18px;
}

.itemProd button.orcar{
	width:90%;
	border:none;
	margin-left:5%;
	background-color:#FFF;
	border-radius:5px;
	padding:0;
	position:absolute;
	bottom: 10px;
}

.itemProd button.orcar a{
	border-radius:5px;	
	background:#9b2b2c;
	color:#FFF;
	text-align:center;
	text-decoration:none;	
	display:block;
	width:100%;
	height:30px;
	line-height:30px;	
	font-size:18px;
	text-transform:uppercase;
	overflow:hidden;
	transition:0.3s;
}

.itemProd button.orcar a:hover{
	background-color:rgba(0,0,0,0.8);
}

.itemProd button.orcar a span{
	display:block;
	height:28px;
	width:28px;
	background-image:url(../images/icon-cart.png);
	background-size:28px 28px;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:30px;

}

@media only screen and (min-width:890px) and (max-width:1014px){
	.itemProd{	
		min-height:360px;
	}
}

@media only screen and (min-width:650px) and (max-width:810px){
	.itemProd{	
		min-height:360px;
	}
}

@media only screen and (max-width:450px){
	.itemProd{	
		min-height:320px;
	}
	.itemProd h3{
		font-size:16px;
	}
	.itemProd button.orcar a span{
		margin-left:5px;	
	}
	
}


.itemProd a{
	text-decoration:none;
	color:#333;
	display:block;
}

.itemProd a:hover{
	background:rgba(0,0,0,0.1);
}