p {margin-top: 0; padding: 0;}
a {text-decoration: none;}

#select_destaques { /* area botoes select */
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;	
}

.bt_select_destaques { /* botoes select destaques */
	float: left;
	clear: none;
	width: 33.3%;
	height: 40px;
	font-family: 'CenturyGothic';
	text-align: center;
	border: 0;
	cursor: pointer;	 
	background-color: #FFF;
	font-weight: bold;
}

.bt_select_destaquesVD { /* botoes select destaques */
	float: left;
	clear: none;
	width: 33.3%;
	height: 40px;
	font-family: 'CenturyGothic';
	text-align: center;
	border: 0;
	cursor: pointer;	
	background-color: #FFF;
}

.bt_select_todos { /* botoes select destaques */
	float: left;
	clear: none;
	width: 33.3%;
	height: 40px;
	font-family: 'CenturyGothic';
	text-align: center;
	border: 0;
	cursor: pointer;
	background-color: #FFF;
}
.bt_select_todos:hover {font-weight: bold;}

#destaques { /* area destaques */
  	float: left;
	clear: both;
	width: 90%;
	height: auto;
	margin: 30px 5% 0;
}

.destaque_grupoVD {
	float: left;
	clear: both;
	width: 100%;
	display: none;
}

.destaque_grupoLOC {
	float: left;
	clear: both;
	width: 100%;
	display: block;
}

.box_destaques {	
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

.img_destaques {
	display: block;
	position: relative;
	width: 100%;	
	height: 250px;
	bottom: 0;
	left: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.area_descricao {
	clear: both;
	width: 90%;
	background: #FFF;
	line-height: normal;
	padding: 15px 5%;
	border: solid 1px #DFDFDF;
	border-top: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.area_tipocod {
	clear: both;
	width: 100%;	
	text-transform: uppercase;
}

.tipo {
	float: left;
	clear: none;
	width: auto;	
	font-weight: bold;
}

.codigo {
	float: right;
	clear: right;
	width: auto;	
	text-align: right;
}

.local_destaque {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0;
	line-height: 15px;
}

.local_destaque span {
	font-size: 18px; 
	font-weight: bold;
	color: #86A8A4;
}
.local_destaque p {margin-top: 10px;}

.ficha_destaque {
	clear: both;
	width: 100%;
	min-height: 60px;
}
.ficha_destaque img {margin-right: 5px;}
.ficha_destaque span {font-weight: bold;}

.box_ficha_destaque {
	float: left;
	clear: none;
	width: auto;
	height: 30px;
	margin-right: 3%;
}

.valor_destaque {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
}
.valor_destaque span {font-weight: bold;}

/* A partir daqui para DESTAQUES DE VENDAS */
.box_destaques_vd {	
	float: left;
	clear: both;
	width: 90%;
	margin: 15px 5%;
}

.img_destaques_vd {
	display: block;
	position: relative;
	width: 100%;	
	height: 250px;
	bottom: 0;
	left: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.area_descricao_vd {
	clear: both;
	width: 90%;
	background: #FFF;
	line-height: normal;
	padding: 15px 5%;
	border: solid 1px #DFDFDF;
	border-top: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.area_tipocod_vd {
	clear: both;
	width: 100%;	
	text-transform: uppercase;
}

.left_vd {float: left; clear: both; width: 100%;}
.right_vd {float: right; clear: right; width: 100%;}

.local_destaque_vd {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0;
	line-height: 15px;
}

.local_destaque_vd span {
	font-size: 18px; 
	font-weight: bold;
	color: #86A8A4;
}
.local_destaque_vd p {margin-top: 10px;}

.ficha_destaque_vd {
	float: left;
	clear: both;
	width: 100%;
	min-height: 60px;
}
.ficha_destaque_vd img {margin-right: 5px;}
.ficha_destaque_vd span {font-weight: bold;}

.box_ficha_destaque_vd {
	float: left;
	clear: none;
	width: auto;
	height: 30px;
	margin-right: 3%;
}

.valor_destaque_vd {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
}
.valor_destaque_vd span {font-weight: bold;}


@media only screen and (min-width: 481px), only screen and (orientation:landscape) {
#select_destaques {width: 90%;	margin-left: 5%;}
.img_destaques {height: 280px;}	
.img_destaques_vd {height: 280px;}
}

@media only screen and (min-width: 585px) {
#select_destaques {width: 80%;	margin-left: 10%;}
.img_destaques {height: 320px;}	
.img_destaques_vd {height: 320px;}
}

@media only screen and (min-width: 640px) {
.img_destaques {height: 350px;}
.img_destaques_vd {height: 350px;}
}

@media only screen and (min-width: 768px) {
#select_destaques {width: 60%;	margin-left: 20%;}
.box_destaques {width: 99%; margin: 0 0.5%;}
.img_destaques {height: 250px;}	
	
.box_destaques_vd {clear: none; width: 42.5%; margin-right: 0;}	
.img_destaques_vd {height: 250px;}
}

@media only screen and (min-width: 960px) {
#select_destaques {width: 40%;	margin-left: 30%;}
.img_destaques {height: 300px;}
	
.img_destaquess_vd {height: 300px;}
}

@media only screen and (min-width: 1280px) {
#select_destaques {width: 30%; margin-left: 35%;}	
.box_destaques_vd {width: 45%; margin-left: 2.5%;}	
.img_destaques_vd {height: 400px;}
.left_vd {clear: none; width: 70%;}
.right_vd {width: 25%;}		
.valor_destaque_vd {margin-top: 15px;}
}

@media only screen and (min-width: 1440px) {
.img_destaques {height: 350px;}	
.img_destaques_vd {height: 350px;}
	
.ficha_destaque_vd {min-height: 30px;}
.img_destaques_vd {height: 450px;}
.left_vd {width: 80%;}
.right_vd {width: 20%;}		
}

@media only screen and (min-width: 1600px) {
#select_destaques {width: 20%;	margin-left: 40%;}
}

@media only screen and (min-width: 1800px) {
.img_destaques_vd {height: 500px;}
}