@charset "utf-8";
img, object, embed, video {max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width: 100%;}

*{scroll-behavior: smooth;}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

body {font-size: 15px;} /* para acessibilidade tam fonte no body */
a {text-decoration: none; color: #4B5563;} 
a:hover {color: #00394D;} 

.bt_acess { /* acessibilidade */
	background:rgba(255,255,255,0.50); 
	font-family: 'DINPro-Regular';	
	margin-right: 1px;
	margin-left: 1px;
	border: 0;
	border-radius: 2px;
	font-size: 13px;
} 

.gridContainer {
	clear: none;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	font-family: 'DINPro-Regular';	
	color: #4B5563;
}

#cabecalho {
	clear: both;
	width: 90%;
	margin: 20px 5%;
}

.logo {
	clear: both;	
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.logo img {width: 280px;}

.menu_principal {
	float: left;
	clear: both;	
	width: auto;
	margin-top: 30px;
}

.links_cabec {
	float: right;
	clear: right;	
	width: auto;
	color: #00394D;
	text-transform: uppercase;
	margin-top: 30px;
}
.links_cabec a {color: #00394D;} 
.links_cabec a:hover {color: #666;} 

.anuncie {
	display: none;
	float: right;
	clear: none;	
	width: auto;
	margin-right: 12px;
	margin-top: 10px;
}

.area_cliente {
	float: right;
	clear: none;	
	width: auto;
	margin-right: 12px;
	margin-top: 10px;
}

.fone {
	float: right;
	clear: right;	
	width: auto;	
}
.fone img {width: 40px;}
.txt_fone {display: none;}

.breadcrumb {
	float: left;
	clear: both;	
	width: 100%;
}

/*busca*/
#fundo_busca {
	clear: both;
	width: 100%;
	padding: 50px 0;
	height: auto;
	background: url("../img_slides/slide1.jpg") no-repeat top center;
}

.area_busca {
	float: left;
	clear: both;	
	width: 90%;
	margin: 100px 5% 50px;	
}

#fundo_busca_lista { 
	clear: both;
	width: 90%;
	padding: 15px 5% 30px;
	background: #F7F7F7;
	box-shadow: -3px -3px 4px rgba(0, 0, 0, 0.2);
}

#fundo_busca .seta {
	float: left;
	clear: both;
	width: 100%;
	color: #FFF;
}
#fundo_busca .seta a {color: #FFF;}

/*destaques*/
#area_destaques {
	float: left;
	clear: both;
	margin-top: 30px;
}

.destaques {
	float: left;
	clear: both;
	width: 100%;
}

.box_destaques {
	float: left;
	clear: both;
	width: 90%;
	margin-left: 5%;
	background: #FFF;	
	box-shadow: 0 0 6px 2px #DFDFDF;
	margin-top: 30px;	
}

.img_destaques {
	clear: both;
	width: 100%;
	height: 250px;
}

.txt_destaque {
	clear: both;
	width: 90%;
	margin: 15px 5%;
	text-align: center;
}

.box_valor {
	clear: both;
	width: 90%;
	height: 40px;
	margin: 0px 5%;
	text-align: center;
}

.valor_imv {
	float: left;
	clear: none;
	width: 50%;
	height: 40px;
	color: #FFF;
	line-height: 40px;
	background: #53BE95;
}

.valor_cond {
	float: right;
	clear: right;
	width: 50%;
	height: 37px;
	line-height: 16px;
	padding-top: 3px;
	background: #F7F7F7;
}

/*lista*/
#area_topo_lista {
	float: left;
	clear: both;
	margin-top: 30px;
}

#area_lista {
	float: left;
	clear: both;
	margin-top: 30px;
}

.lista {
	float: left;
	clear: both;
	width: 100%;
}

.box_lista {
	float: left;
	clear: both;
	width: 90%;
	background: #FFF;	
	box-shadow: 0 0 6px 2px #DFDFDF;
	margin-left: 5%;
	margin-bottom: 30px;
}

.img_lista {
	clear: both;
	width: 100%;
	height: 250px;
}

.area_ordenacao {
	clear: both;
	width: 90%;
	margin: 15px 5% 0;	
}

.alugue_online {
	float: left;
	clear: none;
	width: 50%;
	height: 32px;
	padding-top: 8px;
	text-transform: uppercase;
	color: #FFF;
	background: #00394D;
	text-align: center;	
}

.ordenacao {
	float: right;
	clear: right;
	width: 50%;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;	
	border: solid 1px #4B5563;
	text-transform: uppercase;
	font-family: 'DINPro-Regular';	
	color: #4B5563;
	background: url("select1.svg") no-repeat right center;
	overflow: hidden; /* Remove seta padrão do Google */
	-webkit-appearance: none;  /*Remove estilo padrão do Chrome*/
	-moz-appearance: none; /* Remove estilo padrão do FireFox*/
	text-indent: 0.01px; /* Remove seta padrão do FireFox */
	text-overflow: "";  /* Remove seta padrão do FireFox */
	appearance: none;	
}

.voltar {
	float: right;
	clear: both;
	width: 100%;
	margin-top: 15px;
	text-align: center;
	color: #00394D;
	font-size: 18px;
}
.voltar img {width: 25px; margin-right: 6px;}

/*Detalhes*/
.area_valor_det {
	clear: both;
	width: 100%;
	margin: 15px 0 0;
	text-transform: uppercase;
	text-align: center;	
}

.valor_imv_det {
	float: left;
	clear: both;	
	width: 100%;
	height: 33px;
	padding-top: 7px;
	background: #53BE95;
	color: #FFF;
	font-size: 18px;
}
.valor_imv_det span {font-weight: bold;}

.valor_cond_det {
	float: left;
	clear: both;	
	width: 100%;
	height: 32px;
	padding-top: 7px;
	margin-top: 10px;
	background: #FFF;
	color: #00394D;
}

#area_fotos {
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 5% 0;
}
#area_fotos img {height: 250px;}

#ficha_tecnica {
	clear: both;
	width: 90%;
	margin: 25px 5% 0;
	text-transform: uppercase;
}

.box_ficha_tecnica {
	float: left;
	clear: both;
	width: 99%;
	height: 45px;
	margin: 5px 0;
	border: 1px solid #00394D;
	text-align: center;
	color: #00394D;
	line-height: 45px;
}
.box_ficha_tecnica span {font-weight: bold;	font-size: 25px;}

#detalhes {
	clear: both;
	width: 90%;
	margin: 0 5%;
	text-align: justify;
}
#detalhes p {text-align: justify;}

.descricao {
	float: left;
	clear: both;
	width: 100%;
}

.caracteristicas {
	float: left;
	clear: both;
	width: 100%;
	margin: 30px 0 0;
}
.caracteristicas ul {}
.caracteristicas li {margin: 5px 0 5px;}

.item_det {
	float: left;
	clear: both;
	width: 100%;
}

#area_saiba_mais {
	clear: both;
	width: 94%;
	margin: 30px 0 0;
	padding: 25px 3% 30px;
	background: #F7F7F7;
}

.links_det {
	float: left;
	clear: none;
	width: 100%;
}
.links_det a {color: #00394D;}

.box_links_det {
	float: left;
	clear: none;
	width: 46%;
	padding: 30px 0;
	margin: 5px 2%;
	background: #FFF;
	transition: background .5s ease;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
}
.box_links_det:hover {background: #00394D; color: #FFF;}
.box_links_det:hover img {filter: invert(100%); filter: brightness(100);}

.txt_links_det {
	clear: both;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

.box_saiba_mais {
	float: left;
	clear: none;
	width: 86%;
	margin: 30px 2% 0;
	padding: 30px 5%;
	background: #FFF;
	border: 1px solid #999;
}

.compartilhar {
	float: left;
	clear: none;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}
.compartilhar img {width: 40px; margin: 0 5px;}

/*semelhantes*/
#area_semelhantes {
	float: left;
	clear: both;
	margin-top: 30px;
}

/*links home*/
#links_id {
	clear: both;
	margin: 30px 0;
}
#links_id img {width: 100%;}

.link_cond {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}

.link_imv {
	float: left;
	clear: none;
	width: 100%;
	margin-top: 15px;
}

/*rodape*/
#rodape {
	clear: both;
	width: 100%;
	height: auto;
	background: #F7F7F7;
	margin-bottom: -20px;
	padding-bottom: 160px;
}

.area_rodape1 {
	float: left;
	clear: both;
	width: 90%;
	padding: 30px 5%;
	background: #00394D;
}
.area_rodape1 a {color: #FFF;}

.endereco {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.endereco img {width: 13px; margin-right: 5px;}

.whatsapp {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	font-size: 18px;
	text-transform: uppercase;
}
.whatsapp img {width: 40px; margin-right: 7px;}

.whats_loc {
	float: left;
	clear: both;
	margin-top: 15px;
}

.whats_con {
	float: left;
	clear: both;
	margin-top: 15px;
}

.area_rodape2 {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
}

.logo_rodape {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}
.logo_rodape img {width: 280px;}

.redes_sociais {
	float: left;
	clear: both;
	margin-top: 30px;	
	text-align: center;
}
.redes_sociais img {width: 40px; margin-left: 3px; margin-right: 3px;}

.empresa {
	float: left;
	clear: both;
	width: 90%;
	margin-top: 30px;
	padding: 15px 5%;
	text-align: center;
	background: #FFF;
	font-family: 'DINPro-Light';
}

.creditos {
	float: left;
	clear: both;
	width: 90%;
	text-align: center;
	margin: 30px 5% 0;
}
#ancora {clear: both; width: 100%;}

#popup {
	display: none;
	position: absolute; 
	width: 90%;
	margin-left: 5%;	
	top: 110px;
	padding: 0px;
	text-align: center;
	z-index: 99999;  
}

.bt_popup {
	float: right;
	clear: right;
	width: 100%;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 2px;
}

/*política de privacidade*/
#privacidade {
	position: fixed;
	clear: both;
	width: 90%;
	padding: 5%;
	background: rgba(0,0,0,0.85);
	bottom: 0;	
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	z-index: 999999;
}

#privacidade a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#privacidade a:hover {color: #CCC;}

.txt_privacidade {
	float: left;
	clear: both;
	width: 100%;
	text-align: justify;
}

.bt_privacidade {
	float: left;
	clear: both;
	width: 80%;
	margin-top: 10px;
	margin-left: 10%;
	text-align: center;
	background: #53BE95;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: background .5s ease;
	cursor: pointer;
}
.bt_privacidade:hover {background: #016699;}

#meu_boleto {
	position: fixed;
	float: right;
	clear: right;
	width: 200px;
	right: 0;
	bottom: 95px;
	z-index: 9;
}
#meu_boleto img {width: 100%;}

#chat_online {
	position: fixed;
	float: right;
	clear: right;
	width: 75px;
	right: 10px;
	bottom: 10px;
	z-index: 9;
}
#chat_online img {width: 100%;}

#btn_topo {
	display: none;
	position: fixed; 
	width: 20%;
	right: 40%;
	bottom: 5px;	
	border: none;
	text-align: center;
	background: transparent;
}
#btn_topo img {width: 65px;}


.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}

@media only screen and (min-width: 375px) {
.box_links_det {font-size: 15px;}	
}

@media only screen and (min-width: 412px) {
.img_destaques {height: 280px;}	
#area_fotos img {height: 280px;}
.whats_loc {clear: none; width: auto;}
.whats_con {float: right; clear: right;	width: auto;}		
.area_ordenacao {width: 80%; margin: 15px 10% 0;}
}

@media only screen and (min-width: 481px), only screen and (orientation:landscape) {
.img_destaques {height: 320px;}		
#area_fotos img {height: 320px;}
	
.anuncie {display: block;}
.area_ordenacao {width: 60%; margin: 15px 20% 0;}	
	
.semelhantes {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin: 30px 0 30px 0;
}

.bt_links {width: 80%; margin-left: 10%;}
.whatsapp {width: 90%; margin-left: 5%;} /*rodape*/
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}

@media only screen and (min-width: 585px) {	
.img_destaques {height: 350px;}	
/*Detalhes*/
#area_fotos img {height: 250px;}
.valor_imv_det {
	clear: none;	
	width: 44.5%;
}
.valor_imv_det span {font-weight: bold;}

.valor_cond_det {
	clear: none;	
	width: 55%;
	margin: 0;
}
.whatsapp {width: 70%; margin-left: 15%;} /*rodape*/
	
/*política de privacidade*/
#privacidade {
	padding-top: 15px;
	padding-bottom: 15px;
}
	
.txt_privacidade {
	clear: none;
	width: 75%;
}

.bt_privacidade {
	float: right;
	clear: right;
	width: 20%;
	margin: 0;
}
}

@media only screen and (min-width: 600px) {
.img_destaques {height: 380px;}	
.area_busca {
	width: 90%;
	background: rgba(247,247,247,0.80);
}	
}

@media only screen and (min-width: 768px) {
.txt_fone {
	display: block;
	float: right;
	clear: right;
	width: 113px;
	text-align: right;
	font-size: 18px;
	margin-top: 8px;
}
.area_cliente {margin-right: 20px;}
	
#fundo_busca {padding: 60px 0;}
.area_busca {width: 80%; margin: 100px 10% 50px;}
.area_ordenacao {float: right; clear: right; width: 330px; margin: 0; margin-right: 5%;}	
	
/*destaques*/
#area_destaques {margin-top: 40px;}	
.box_destaques {
	clear: none;
	width: 42.4%;
	margin-left: 5%;	
}
.img_destaques {height: 250px;}	
	
/*lista*/
.box_lista {
	clear: none;
	width: 42.4%;
	margin-left: 5%;	
	margin-bottom: 40px;
}

/*Detalhes*/
.voltar {
	clear: right;
	width: auto;
	text-align: right;
	margin-top: 20px;
}
	
.area_valor_det {
	float: left;
	clear: none;
	width: 550px;
}
	
.box_ficha_tecnica {
	clear: none;
	width: 19.7%;
	margin: 0;
}	
#detalhes {width: 95%; margin: 0 2.5%;}
.caracteristicas {clear: none; width: 45%; margin: 40px 2.5% 0;}
	
#area_saiba_mais {width: 91%; margin: 40px 0 0;	padding: 40px 4.5%;}	
.box_links_det {width: 24%;	margin: 0 0.5%; font-size: 15px;}	
.box_saiba_mais {
	width: 89%;
	margin: 30px 0.5% 0;
}
.compartilhar {margin-top: 40px;}
#area_semelhantes {margin-top: 40px;}

/*links home*/
#links_id {width: 90%; margin: 40px 5%;}	
.link_cond {clear: none; width: 50%; margin-top: 30px;}
.link_imv {float: right; clear: right; width: 50%; margin-top: 30px;}
	
/*rodape*/
#rodape {padding-bottom: 30px;}
.whatsapp {width: 50%; margin-left: 25%;}
	
#popup {
	width: 70%;
	margin-left: 15%;
	top: 140px;
}	
#meu_boleto {top: 50%;}
#chat_online {right: 28px; bottom: 85px;}	
#btn_topo {width: auto;	right: 25px; bottom: 8px;}
	
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}

@media only screen and (min-width: 960px) {
.area_rodape1 {width: 95%; padding: 30px 2.5%;}
	
.endereco {
	clear: none;
	width: auto;
	text-align: left;
	margin-bottom: 0;
	margin-top: 8px;
}

.whatsapp {
	float: right;
	clear: right;
	width: 315px;
	text-align: center;
	margin: 0;
}	
.whats_loc {margin: 0;}
.whats_con {margin: 0;}
}

@media only screen and (min-width: 1024px) {
.area_busca {width: 60%; margin: 100px 20% 50px;}

/*rodape*/	
.area_rodape1 {width: 90%; padding: 30px 5%;}
	
#popup {
	width: 60%;
	margin-left: 20%;
	top: 45px;
}
}

@media only screen and (min-width: 1280px) {	
#fundo_busca {margin-top: 20px; padding: 80px 0;}
.area_busca {width: 50%; margin: 180px 25% 50px;}	
#fundo_busca_lista {margin-top: 20px;}
	
 /*destaques*/
#area_destaques {margin-top: 50px;}
.box_destaques {width: 26.5%;}
.box_valor {width: 70%; margin-left: 15%;}
	
/*lista*/
.box_lista {width: 26.5%; margin-bottom: 50px;}
	
 /*detalhes*/
#area_fotos img {height: 280px;}
.caracteristicas {margin: 50px 2.5% 0;}
.box_ficha_tecnica {width: 19.8%;}
#area_saiba_mais {margin: 50px 0 0;	padding: 50px 4.5%;}
.box_links_det {font-size: 18px; padding: 40px 0;}	
.item_det {clear: none;	width: 50%;}
.compartilhar {margin-top: 50px;}
#area_semelhantes {margin-top: 50px;}

#links_id {width: 90%; margin: 50px 5%;} /*links home*/	

/*rodape*/	
.whatsapp {width: 340px;}

#popup {
	width: 50%;
	margin-left: 25%;
}
	
/*política de privacidade*/
.txt_privacidade {width: 80%;}
.bt_privacidade {width: 15%;}
}

@media only screen and (min-width: 1366px) {
.logo {
	position: absolute;	
	width: 30%;
	left: 35%;
	margin: 0;
	top: 60px;
	z-index: 1;
}
	
.menu_principal {margin-top: 40px;}

.links_cabec {margin-top: 40px;}
}

@media only screen and (min-width: 1440px) {
.area_busca {width: 40%; margin: 180px 30% 50px;}
#area_fotos img {height: 350px;}
}

@media only screen and (min-width: 1500px) {
.img_destaques {height: 280px;}	
#popup {width: 40%;	margin-left: 30%;}
}

@media only screen and (min-width: 1600px) {
#area_fotos img {height: 280px;}
}

@media only screen and (min-width: 1800px) {
#cabecalho {width: 80%;	margin: 15px 10%;}	
#links_id {width: 80%;	margin: 50px 10%;} /*links home*/	
#fundo_busca_lista {width: 80%;	padding: 15px 10% 30px;}
.area_busca {width: 30%; margin: 180px 35% 50px;}	
#area_destaques {width: 90%; margin-left: 5%;}
.destaques {width: 90%; margin-left: 5%;}
.img_destaques {height: 320px;}	

/*detalhes*/
#detalhes {width: 85%;	margin: 0 7.5%;}
#area_fotos {width: 80%; margin: 30px 10% 0;}
#ficha_tecnica {width: 80%;	margin: 25px 10% 0;}
#area_saiba_mais {width: 80%; padding: 50px 10%;}
	
/*rodape*/	
.area_rodape1 {width: 80%; padding: 30px 10%;}
.empresa {width: 80%; padding: 15px 10%;}
}

@media only screen and (min-width: 1920px) {
#area_fotos img {height: 320px;}
}