/*************************************************************************************
PRODUTOS
**************************************************************************************/
	
	.thumbs img{
		width: 19.2%;
		height: auto;
		margin: 1px;
		padding: 1px;
		cursor: pointer;
		float: left;
	}

	.thumbs img:hover, 
	.thumbs img.active{
		background: #DC260E;
	}	
	
	.cover {
		width: 100%;
		height:auto;
		margin:0 0 5px 0;
		padding:0;
		float:left;
		overflow:hidden;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	.cover img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		margin:0;
		overflow:hidden;

		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}


/*************************************************************************************
COMPRAR
**************************************************************************************/

a.comprar{
	width: 30px;
	height: 20px;
	cursor: pointer;
	color: #FFF;
    display: block;
	margin: 10px auto;
	padding: 10px 5px; 
	font-size:1em;
    text-decoration: none;
	text-align: center;
	
	/*background*/
	background-color: #5B82F9;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
	
	/* rounded corner*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	/*shadom
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

a.comprar:hover{
	/*color*/
	color: #095DA1;
	/*background*/
	background: #ccc;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
}
	
/*************************************************************************************
INFORMAÇÃO
**************************************************************************************/

a.info{
	width: 30px;
	height: 20px;
	cursor: pointer;
	color: #FFF;
    display: block;
	margin: 9px auto;
	padding: 10px 5px; 
	font-size:1em;
    text-decoration: none;
	text-align: center;
	
	/*background*/
	background-color: #0267B1;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
	
	/* rounded corner*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	/*shadom
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

a.info:hover{
	/*color*/
	color: #025ea2;
	/*background*/
	background: #ccc;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
}

/*************************************************************************************
BOTÃO COMPRAR GRANDE OU ENVIAR MENSAGEM
**************************************************************************************/

	a.comprar-grande{
		cursor: pointer;
		color: #1d1d1d;
		display: block;
		margin: 5px 1px;
		padding: 10px 25px; 
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background-color: #efefef;
			
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner*/
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		border: .5px solid rgba(198,198,198,0.5);
		border-width: thin;
	}

	a.comprar-grande:hover{
		/*color*/
		color: #FFF;
		/*background*/
		background: #0079e8;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
/*************************************************************************************
BOTÃO COMPRAR GRANDE WHATSAPP
**************************************************************************************/

	a.whats-grande{
		cursor: pointer;
		color: #FFF;
		display: block;
		margin: 5px 1px;
		padding: 10px 25px; 
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background-color: #14ba67;
			
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner*/
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		border: .5px solid #14ba67;
		border-width: thin;
	}

	a.whats-grande:hover{
		/*color*/
		color: #FFF;
		/*background*/
		background: #119f58;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
/************************************************
PAGINAÇÃO DE PRODUTOS
*************************************************/

#navigation{
	text-align: center;
	width: 100%;
	height: auto;
	margin: 40px auto;
	padding: 10px 0;
}

.retrocede {
	width: 100px;
	font-size: 1em;
	margin: 0;
	padding: 10px 15px;
	color: #1d1d1d;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	background-color: #efefef;
	
	/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: .5px solid rgba(198,198,198,0.5);
	border-width: thin;
}

.avanca {
	width: 50px;
	font-size: 1em;
	margin: 0;
	padding: 10px 15px;
	color: #1d1d1d;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	background:#FFF;
	
	/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: .5px solid rgba(198,198,198,0.5);
	border-width: thin;
}

.depois {
	width: 50px;
	font-size: 1em;
	margin: 0;
	padding: 10px 15px;
	color: #1d1d1d;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	background: #FFF;
	
	/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: .5px solid rgba(198,198,198,0.5);
	border-width: thin;
}

.agora {
	font-size: 1em;
	margin: 0;
	padding: 10px 15px;
	color:#1d1d1d;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	background-color: #efefef;
	
	/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: .5px solid rgba(198,198,198,0.5);
	border-width: thin;
}

.promo{
	border: 1px solid #fc0000;
	/*border-width: thin;*/
}