/*************************************************************************************
PRECO PROMO
**************************************************************************************/

.preco-promo {
	width: 40%;
	height: auto;
	cursor: pointer;
	color: #444;
    display: block;
	margin: 2px auto;
	padding: 0px 0px; 
	float: none;
	font-size:1.12em;
	font-weight: 500;
    text-decoration: none;
	text-align: center;
	
	/*background*/
	background-color: rgba(238,238,238,0.0);
	
	/*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: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;*/
	
	/*shadom
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

.separa{
	width:1px;
	height: 15px;
	margin: 5px auto;
	padding: 0;
	border-left: .5px solid #444;
	border-width: thin;
}

.preco-full {
	width: 40%;
	height: auto;
	cursor: pointer;
	color: #333;
    display: block;
	margin: 2px auto;
	padding: 0px 0px; 
	float: none;
	font-size: 1.12em;
	font-weight: 500;
    text-decoration: none;
	text-align: center;
	
	/*background*/
	background-color: rgba(238,238,238,0.0);
	
	/*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: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;*/
	
	/*shadom
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {
	
	.preco-promo {
		width: 45%;
		height: auto;
		cursor: pointer;
		color: #444;
		display: block;
		margin: 0px auto;
		padding: 5px 0px; 
		float: none;
		font-size: 1em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background-color: rgba(238,238,238,0.0);
		
		/*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: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;*/
		
		/*shadom
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	}

	.separa{
		display: none;
		width:1px;
		height: 20px;
		margin: 10px auto;
		padding: 0;
		border-left: .5px solid #444;
		border-width: thin;
	}

	.preco-full {
		width: 45%;
		height: auto;
		cursor: pointer;
		color: #333;
		display: block;
		margin: 0px auto;
		padding: 5px 0px; 
		float: none;
		font-size: 1em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background-color: #FFF;
		
		/*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: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;*/
		
		/*shadom
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	}	
}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {
	
	.preco-promo {
		width: 45%;
		height: auto;
		cursor: pointer;
		color: #444;
		display: block;
		margin: 0px;
		padding: 5px 0px; 
		float: none;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background-color: rgba(238,238,238,0.0);
		ba
		
		/*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: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;*/
		
		/*shadom
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	}

	.separa{
		display: none;
		width:1px;
		height: 20px;
		margin: 10px auto;
		padding: 0;
		border-left: .5px solid #444;
		border-width: thin;
	}

	.preco-full {
		width: 45%;
		height: auto;
		cursor: pointer;
		color: #333;
		display: block;
		margin: 0px;
		padding: 5px 0px; 
		float: none;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background-color: #FFF;
		
		/*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: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;*/
		
		/*shadom
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	}	
}