@charset "iso-8859-1";

/* ------- PRODUTOS  ------- */
#Produtos{
	margin: 10px 10px 80px 20px;
	position:relative;
	display: inline-block;
    width: 93%;
    box-sizing: content-box;	
}
.produtos-itens{
	float: left;
	margin:5px 5px 10px 5px;
	width:23%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.subCats{
	width:80%;
	margin: 0 auto !important;
	display:block !important;
}	
@media (max-width: 680px){
	.subCats{
		width:95%;
	}
	.produtos-itens{
		width:45%;
	}
}
@media (max-width: 430px){
	.produtos-itens{
		width:90%;
	}
}
.subCats .produtos-itens{
	width:96%;
	float:none !important;
    border: 1px solid #efefef;
    box-shadow: 3px 3px 3px #c5c5c5;
    display: inline-block;
    background-color: #fbfbfb;
}
.subCats .pic{
	max-width: 150px !important;
	margin: 30px 15px 5px 15px !important;
}	
#Produtos a {
	text-decoration:none;
	font-size:12pt;
	color: #303030;
    font-family: 'Questrial', sans-serif;	
}
#Produtos a:hover{
	text-decoration:none;
	color: #666;
}
#Produtos p{
	margin:5px;
	display: inline-block;
	font-family: 'Questrial', sans-serif;
    font-size: 12pt;
    color: #303030;
    display: block;
}
#Produtos h2{
	font-size:15px;
	margin:0px 5px 0 5px ;
	line-height: normal;
	text-align: left;
	font-family: 'Avant Guard', Arial, Tahoma, sans-serif;
	color: #303030;
	display:block;
}
#Produtos h2 a {
	font-size:15px;
	color:#444444;
	font-weight: 500;
	font-family: 'Avant Guard', Arial, Tahoma, sans-serif;
	font-weight: bold;
}
#Produtos h3{
	color: #4267b2;
	margin: 0;
}
#Produtos hr{
	margin:5px 0 15px 0;
}
.produto-item{
	width:200px;
	margin:0;
}
.produto-descricao{
	display:table;
	height:90px;
}
#Produtos ul, #Produtos li{
	display:block;
	margin:0;
}
#Produtos li{
	/*display:table-cell;*/
	/*height:157px;*/
	position:relative;
	min-height: 166px;
}
#Produtos .produto-textos {
	min-height: 120px;
	min-width: 200px;
	vertical-align: top;
	padding: 10px;
	width: inherit;
    margin: 0 auto;
    text-align: center;	
    display: block;
    position: relative;
    width:100%;
    box-sizing: border-box;
}
#Produtos .produto-href{
position: absolute;
    right: 17px;
    bottom: 0px;
}
#Produtos .fonte12{
	float:right;
	color: #b9b9b9;
}
#Produtos .info{
	/*position:absolute;*/
	bottom:13px;
	font-size: 12px;
	display: inline-block;
	margin: 2px 5px;
}
#Produtos .info2{
	font-family: verdana !important;
	font-size:11px;
	padding: 0px 5px;
	border-radius: 3px;
	margin: 0px;	
	background-color: #FAFAFA;
	border: solid 1px #F1F1F1;
	cursor: help;
	display: -webkit-box;
	line-height: 20px;
	height:22px;
    }
#Produtos .info2:hover .icon, .info2:hover{
	color: #fff !important;
	background-color: #755a2e !important;
	border: 1px solid #fff !important;
}
#Produtos .pic {
	display:block;
	width: 100%;
	/*max-width: 160px;*/
	height:auto;
	height: 104px;
	overflow: hidden;
	float:right;
	margin: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	/*border-radius:100% 100%;*/
	/*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.42)*/
	background-color: #ebebeb;
	border: 2px solid #dbdbdb;
	min-width: 150px;
}  
#Produtos .picgeral{ 
	height:auto;
	max-height: 145px;
}
.selectcat{
	width: 250px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 27px;
    float: right;
    position: absolute;
    right: 0px;
    top: -36px;
}
@media (max-width: 440px){
	#Produtos .pic {
		max-height: 100%;
		margin: 0px auto 5px auto !important;
	    float: none;		
	}
	#Produtos h2, #Produtos p{
		text-align:center;
		margin: 10px 5px 0 5px;
	}
}		
/*GROW*/
.prodgrow img {
	width: 100%;
	height: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	min-width: 150px;
}
.prodgrow img:hover {
	width: 130%;
	height:auto;
	margin: -10px;
}
#Produtos .icon-zoom-in:hover{
	color: #4267b2;
	text-decoration: none;
	font-size: 15px;
}
.catnivel1 {
	margin: 5px;
	display: none;
	/*background-color: #195FA4;*/
	color: #303030 ! Important;
	line-height: 30px;
	vertical-align: middle;
	padding: 5px;
	font-size: 30px !Important;
	display:none;
	font-family: 'Avant Guard', Arial, Tahoma, sans-serif !important;
	text-transform: uppercase;
}
.catnivel1:hover {
	color:#800000;
}	
.btnVoltar{
    /*background-color: #cecece !important;*/
    padding: 24px !important;
    margin: 15px !important;
    display: inline-block !important;
    font-size: 18px !important;
    /*border: 2px solid #303030;*/
    border-radius: 22px;
    background: url(../imagens/botoes/botao-voltar.png) no-repeat 14px;
    color: #fff0 !important;
    background-size: 40px 40px;
}
#ImagemProduto{
	margin:10px 10px 10px 0;
	position:relative;
	display: table;
	float: left;
}
.ImagemAmpliar{
	/*position: absolute;*/
	left: 87%;
	top: 5%;
	Z-INDEX: 3000;
	width:20px !important;
	height:20px !important;
	margin-left: 91%;
}
.ImagemProduto{
	float: left;
	margin:0 20px;
	width:400px;
	height:auto;
}
@media (max-width: 620px){
	.ImagemProduto {
		margin:5px 0;
		width:100%;
	}
}	
.ampliarprod{
	position: relative;
    margin: 5px 0 0 -40px;
    width: 20px;
    display: inline-block;
    float: left;
    color: #fff;
    text-shadow: #000 1px 1px 10px;	
}

