/* geral */

*{
	margin:0 0 0 0;
	padding:0;
}

html{
    margin: 0 0 0 0;
}
@media (max-width: 480px){
	html{
		margin: 0 0 0 0;
		max-width: 480px;
		min-width: 260px;
	}
}
body{
	background: url(../files/media/imgs/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	min-width:800px;
	font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 480px){
	body{
		position:relative;
		width:100%;
		min-width:auto;
	}
}
a:link{
	text-decoration:none;
	color:#000;
}

a:hover{
	text-decoration:none;
	color:#000;
}

a:visited{
	text-decoration:none;
	color:#000;
}

header{
    background: #ffffffdb;
	position:relative;
	width:100%;
	z-index:99;
}

footer{
	position:relative;
    background: blue;
	text-align:center;  
	color:#fff;  
}

section{
	background:rgba(255,255,255,0.8);
    position: relative;
    width: 100%;    
    min-height: 100%;
    overflow:auto;
}

.clear{
	clear:both;
}

/* header */

#h_menus{
	position:relative;
	width:800px;
    margin: 0 auto;
}
.menu{
    background: blue;
    position: relative;
    width: 100%;
    margin-top: 0px;
    z-index: 100;
    text-align: right;
}
.menu a{
    position: relative;
    padding: 0 0 0 50px;
    text-decoration: none;
    color: #fff;
    font-size: 29px;
    transition:color 1s;
    -webkit-transition:color 1s;
    -moz-transition:color 1s;
    -o-transition:color 1s;
}
.menu a:hover{
	color:#df9494;
	top:-2px;
}
@media(max-width:480px){
	.menu{
		display:none;
	}
}
#menu_1{
}
#menu_mobile{
	display:none;
}
@media(min-width:481px){
	.menu_mobile{
		display:none;
	}
}
@media(max-width:480px){
	#menu_mobile{
		position: absolute;
		top: 180px;
		width: 100%;
		background: #fff;
		z-index: 1;

	}

	#menu_mobile a{
		position: relative;
		float: left;
		width: 100%;
		text-align: center;
		font-size: 25px;
		border-bottom: 1px solid;
	}
}

#mobile_menu_button								{background:none;position:absolute;border:none;top:140px;right:0px;}
#mobile_menu_button .m_listas					{position:relative;float:right;height:32px;width:50px;padding:5px;}
#mobile_menu_button .m_lista					{background:#fff;position:relative;float:left;width:100%;height:8px;margin:1px 0;border-radius:2px;}

#h_tarja p{
    color: #fff;
    position: absolute;
    left: 50px;
    bottom: 5px;
    font-size: 10px;
    text-align: center;
    z-index: 999;
}
@media(max-width:480px){
	#h_tarja{
    	border-bottom: blue 40px solid;
	}
	#h_tarja p{
    	left: 12px;
    	bottom: 10px;
	}
}
#h_contato{
	color:#000;
    position: absolute;
    top: -3px;
    right: 10px;
    z-index:999;
}
#h_contato img{   
    position: relative;
    width: 25px;
    height: 25px;
    top: 8px;
    margin: 0 5px;
}
#h_contato span{
}
@media(max-width:480px){
	#h_contato{
    	top: 85px;
    	right:0;
    	font-size:14px;
	}
	#h_contato img{
   		width: 20px;
	 	height: 20px;
	}
}
#logo{
	position: relative;
    width: 100%;
    height:196px;
}
#logo img{
	position: relative;
    width: 210px;
}
#logo div{
	position: absolute;
	color:blue;
}
#logo div:nth-child(2){
    left: 150px;
    font-size: 40px;
    font-style: italic;
}
#logo div:nth-child(3){
    top: 50px;
    left: 170px;
    font-size: 45px;
    font-weight: bold;
}
#logo div:nth-child(4){
    top: 100px;
    left: 400px;
    width: 350px;
    font-size: 25px;
    font-style: italic;
}
@media(max-width:480px){
	#logo{
		height:140px;
	}
	#logo img{
		position: relative;
		width: 145px;
	}
	#logo div{
		position: absolute;
		color:blue;
    	margin-left: -10px;
	}
	#logo div:nth-child(2){
    	left: 100px;
    	font-size: 15px;
	}
	#logo div:nth-child(3){
		top: 45px;
		left: 120px;
		font-size: 20px;
	}
	#logo div:nth-child(4){
		top: 63px;
		left: 140px;
		width: 208px;
		font-size: 12px;
	}
}
#logo_phone{
	display:none;
}

/* footer */

footer a{
	color:#fff;
}

footer p:nth-child(2){
	color:#fff;
	margin:10px auto;
}
footer p:nth-child(2) a{
	color:#0089ff;
}
footer p:nth-child(2):hover{    
	text-decoration: underline;
}
footer p:nth-child(3){
	margin:10px auto;
	font-size:10px;
}

.loader{
    position: relative;
    width: 100%;
    text-align: center;
}
.loader img{
}

/* home */

#home{
}
#destaques h2{
	text-align:center;
	padding:20px 0;
}
#h_imoveis{
	position:relative;
    width: 100%;
}

.h_imovel{    
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    float: left;
    width: 31.3%;
    height: 410px;
    margin: 1%;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
}
@media(max-width:480px){
	.h_imovel{ 
    	width: 98%;
    }
}
.h_imovel .h_titulo{
	background: #ffffffe3;
    position: relative;
    text-align: center;
    margin-left: 90px;
    padding: 5px 5px 0 5px;
    border-bottom-left-radius: 10px;
}

.h_imovel .h_caracteristicas{
    background: #ffffffe3;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.h_imovel .h_c_bloco1{
    position: relative;
    float: left;
    width: 50%;
    height: 35px;
    padding: 5px;
}
.h_imovel .h_acao{
    color: #fff;
    position: absolute;
    top: 15px;
    left: -35px;
    padding: 5px 40px;
    transform: rotateZ(315deg);
}
.h_imovel .h_tipo{
	position:relative;
}
.h_imovel .h_c_bloco2{    
    position: relative;
    float: left;
    width: 50%;
    height: 35px;
    padding: 5px;
}
.h_imovel .h_local{
    width: 100%;
    text-align: right;
}
.h_imovel .h_c_bloco3{
    position: relative;
    width: 100%;
    height: 115px;
    margin-top: 5px;
}
.h_imovel .h_cb3_sbloco1{
	position:relative;
    float: left;
    width: 160px;
    margin-left: 5px;
}
.h_imovel .h_cb3_sbloco1 .h_area, .h_dormitorios, .h_banheiros{
    position: relative;
    margin-top: 5px;
    height: 20px;
}
.h_imovel .h_cb3_sbloco1 img{
}
.h_imovel .h_cb3_sbloco1 span{
    position: absolute;
    top: 1px;
    left: 28px;
}
.h_imovel .h_valor{
    background: #60ff82;
    position: relative;
    float: right;
    width: 150px;
    margin-top: 32px;
    padding: 5px;
    text-align: right;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

/* sobre */

#sobre{
    position: relative;
    margin: 50px;
}

/* imóveis */

#imoveis{
	position:relative;
    width: 780px;
    margin: 100px auto;
}

@media (max-width: 480px) {
	#imoveis{
    	width: 250px;
    }
}
@media (min-width: 1040px) {
	#imoveis{
    	width: 1040px;
    }
}

.imovel{    
	background: #fff;
    position: relative;
    float:left;
    width:250px;
    height:410px;
    margin:5px;
    border: 1px solid;
    border-radius: 20px;
    overflow: hidden;
}
.imovel .titulo{
	position:relative;
	text-align:right;
	padding:5px 5px 0 5px;
}
.imovel .imovel_img_container{
	position:relative;
	width:100%;
}
.imovel .img_holder{
	position:relative;
    margin: 25px;
}
.imovel .imovel_img_container img{
	position:relative;
}
.imovel .c_bloco1{
    position: relative;
    float: left;
    width: 50px;
    height: 35px;
    padding:5px;
}
.imovel .acao{
    color: #fff;
    position: absolute;
    top: 15px;
    left: -35px;
    padding: 5px 40px;
    transform: rotateZ(315deg);
}
.imovel .tipo{
	position:relative;
}
.imovel .c_bloco2{    
	position: relative;
    float: left;
    width: 198px;
    height: 35px;
    padding: 5px;
}
.imovel .local{
    width: 100%;
    text-align: right;
    padding: 0px;
}
.imovel .c_bloco3{
    position: relative;
    float: left;
    width: 100%;
    height: 115px;
    margin-top: 5px;
    padding: 5px;
}
.imovel .cb3_sbloco1{
	position:relative;
    float: left;
    width: 150px;
}
.imovel .cb3_sbloco1 .area, .dormitorios, .banheiros{
    position: relative;
    margin-top: 5px;
    height: 20px;
}
.imovel .cb3_sbloco1 img{
}
.imovel .cb3_sbloco1 span{
    position: absolute;
    top: 1px;
    left: 28px;

}
.imovel .valor{
    background: aquamarine;
    position: absolute;
    width: 150px;
    bottom: 20px;
    right: 0px;
    text-align: right;
    padding: 10px;
    border-top-left-radius: 20px;
}

/* imovel */
#imovel_detalhes{
	background:#fffffff5;
    padding-bottom: 100px;
}
#imovel_detalhes h1{
	width:100%;
	margin-top:50px;
	text-align:center;
}
#imovel_detalhes h2{    
	background: white;
    width: 94%;
    margin: 48px 3% 0 3%;
    padding: 10px;
    border-radius: 20px;
}
#imovel_detalhes #bloco_esquerdo{
	position:relative;
	float:left;
	width:60%;
}
@media(max-width:480px){
	#imovel_detalhes #bloco_esquerdo{
		position:relative;
		float:left;
		width:100%;
	}
}
#imovel_detalhes #bloco_direito{
	position:relative;
	float:left;
	width:40%;
}
@media(max-width:480px){
	#imovel_detalhes #bloco_direito{
		position:relative;
		float:left;
		width:100%;
	}
}
#imovel_detalhes #detalhes{
	position:relative;
	float:left;
    width: 100%;
    margin: 0 0 0 3%;
}
@media(max-width:480px){
	#imovel_detalhes #detalhes{
		position:relative;
		float:left;
		width: 100%;
		margin: 0;
	}
}
#imovel_detalhes #detalhes .item{
    background: #c5c5c5;
    position: relative;
    margin-top: 25px;
    width:97%;
    height: 50px;
    padding: 14px;
    border-radius: 15px;
    font-size: 20px;
}
@media(max-width:480px){
	#imovel_detalhes #detalhes .item{
		width:96%;
		margin:25px 2% 0 2%;
	}
}
#imovel_detalhes #detalhes .item:nth-child(1){
	background:#6e9bff;
}
#imovel_detalhes #detalhes p{
    position: relative;
    float: left;
}
#imovel_detalhes #detalhes img{
    position: relative;
    margin: 2px;
}
#imovel_detalhes #detalhes span{    
	position: relative;
    float: right;
}
#imovel_detalhes #descricao{
    background: #c5c5c5;
    position: relative;
    width: 97%;
    margin: 25px 0 0 0%;
    padding: 10px;
    border-radius: 10px;
}
@media(max-width:480px){
	#imovel_detalhes #descricao{
		width:96%;
		margin:25px 2% 0 2%;
	}
}
#imovel_detalhes .galeria_de_fotos{    
	position: relative;
	float:left;
    width: 96%;
    margin: 25px 2% 0 2%;
}
#imovel_detalhes .galeria_de_fotos ul{
}
#imovel_detalhes .galeria_de_fotos li{
/* 
    position: relative;
    float: left;
    margin: 10px 20px 10px 0;
    border: 1px solid;
    border-radius: 10px;
 */
    list-style: none;
}
#imovel_detalhes #contato{
    background: #fff;
    position: relative;
    float: left;
    width: 90%;
    margin: 25px 0 0 5%;
    padding: 20px;
    border: 1px solid;
    border-radius: 20px;
}
#imovel_detalhes #contato p{
}
#imovel_detalhes #contato #contato_wa_p{
	margin-top:20px;
	text-align:center;
}
#imovel_detalhes #contato form{
    position: relative;
    width: 100%;
    margin-top: 10px;
}
#imovel_detalhes #contato .form_item{    
	position: relative;
    margin: 20px 0;
}
#imovel_detalhes #contato input{
    position: relative;
    width: 95%;
    margin-left: 5%;
    padding: 5px;
    border: 1px solid;
    border-radius: 10px;
}
#imovel_detalhes #contato textarea{
    position: relative;
    width: 95%;
    height:100px;
    margin-left: 5%;
    padding: 5px;
    border: 1px solid;
    border-radius: 10px;
    resize:none;
}
#imovel_detalhes #contato #checa{
    position: relative;
    width: 100%;
}
#imovel_detalhes #contato #checa input{
    position: relative;
    float: left;
    width: 14px;
}
#imovel_detalhes #contato #checa p{
    position: relative;
    float: left;
}
#imovel_detalhes #contato button{
    background: #fff;
    position: relative;
    width: 100%;
    margin-top:25px;
    padding: 10px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 20px;
}
#imovel_detalhes #contato .resposta{
}
#imovel_detalhes #contato #wai_button{
    background: #00bf00;
    position: relative;
    width: 100%;
    margin-top:25px;
    padding: 10px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 20px;
    text-align: center;
}
#imovel_detalhes #contato #wai_button img{
    position: relative;
    top: 3px;
}
/* 
#imovel_detalhes #contato button:nth-child(2) img{
}
 */
#imovel_detalhes #similares{
    position: relative;
    float: left;
    width: 90%;
    margin: 25px 0 0 5%;
}
#imovel_detalhes #similares p{
    text-align: center;
}

#imovel_detalhes #similares .imovel{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px;
    margin: 10px auto;
}
#imovel_detalhes #similares .titulo{
    background: #fffc;
}
#imovel_detalhes #similares .caracteristicas{
    background: #fffc;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#imovel_detalhes #similares .c_bloco1{
    height: auto;
    width: 100%;
    margin-bottom: -10px;
}
#imovel_detalhes #similares .c_bloco2{
    height: auto;
    width: 100%;
}
#imovel_detalhes #similares .cb2_sbloco1{
    position: relative;
    float: left;
    margin-bottom: 25px;
}
#imovel_detalhes #similares .cb2_sbloco1 div{
    float: left;
    margin-top: 0;
    margin-right: 20px;
}
#imovel_detalhes #similares .cb2_sbloco1 span{
}
#imovel_detalhes #similares .dormitorios{
}
#imovel_detalhes #similares .banheiros{
}
#imovel_detalhes #similares .valor{
    background: aquamarine;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px;
    border-top-left-radius: 10px;
}

/* contato */

#contato_container{
    position: relative;
    width: 800px;
    margin: 0px auto;
    padding:50px 0 0 0;
}
@media(max-width:480px){
	#contato_container{
		width: 100%;
	}
}
#contato_titulo{
    position: relative;
    width: 100%;
    text-align: center;
}
#contato_img{
    width: 300px;
    display: inline-block;
    margin: 0px 0 0 0;
}
#contato_img img{
}

#telefones{
    position: relative;
    width: 100%;
}
#telefones .lado{
    position: relative;
    float: left;
    width: 46%;
    margin: 2%;    
    padding: 15px;
    border-radius: 20px;
}

@media(max-width:480px){
	#telefones .lado{
    	width: 96%;
    	padding:0;
	}
}
#telefones #lado_esquerdo{
    border: #FF6699 5px solid;
}
#telefones #lado_direito{
    border: #FF8A3C 5px solid;
}
#telefones .lado p{
    color: blue;
    position: relative;
    width: 100%;
    text-align: center;
}
#telefones .lado span{    
	color: #009933;
    font-weight: bold;
}
#telefones .sb{
    position: relative;
    float: left;
    height: 180px;
    margin-top: 30px;
}
@media(max-width:480px){
	#telefones .sb{
		height: 200px;
	}
}
#telefones .sb_esquerdo{    
	width: 40%;
}
#telefones .sb_direito{    
	width: 60%;
    padding-top: 20px;
}
@media(max-width:480px){
	#telefones .sb_esquerdo{    
		width: 30%;
	}
	#telefones .sb_direito{    
		width: 70%;
	}
}
#telefones .sb img{
    width: 100%;
}
#telefones .sb.sb_esquerdo p{
    font-size: 10px;
}
#telefones .sb.sb_esquerdo p:nth-child(1){
}
#telefones .sb.sb_esquerdo p:nth-child(1){
}
#telefones .sb.sb_direito p{
    text-align: left;
    color: red;
    line-height: 30px;
}
@media(max-width:480px){
	#telefones .sb.sb_direito p{
		line-height: 25px;
		font-size:14px;
	}
}
#telefones .sb span{
}
#emails{
    position: relative;
    width: 96%;
    margin: 126px 2% 0 2%;
}
@media(max-width:480px){
	#emails{
		font-size:14px;
	}
}
#emails div{
    position: relative;
    float: left;
    width: 50%;
}
@media(max-width:480px){
	#emails div{
		width: 100%;
	}
}
#emails img{
    position: relative;
    float: left;
}
#emails p{
    position: relative;
    float: left;
    padding: 4px;
}
#formulario{
    position: relative;
    float: left;
    margin: 2%;
}

#formulario #contato_titulo{
    width: 100%;
    position: relative;
}
#formulario #bloco_1 h1{
    padding:0 0 0 0;
}

#formulario #bloco_2{
    width: 48%;
    margin: 0 2% 0 0;
    position: relative;
    float: left;
}

#formulario #bloco_3{
    width: 48%;
    margin: 0 0 0 2%;
    position: relative;
    float: left;
}
@media(max-width:480px){
	#formulario #bloco_2{
		width: 96%;
		margin: 2%;
	}

	#formulario #bloco_3{
		width: 96%;
		margin: 2%;
	}
}

#formulario #bloco_4{
	width: 100%;
    position: relative;
    float: left;
    padding-top: 20px;
}
#formulario #bloco_4 input{
    position: relative;
    float: left;
}
#formulario #bloco_4 #checa{
}
#formulario #bloco_4 p{
    position: relative;
    float: left;
    margin: -2px 0 0 10px;
}
#formulario #bloco_4 a{
    position: relative;
    float: left;
    margin: -2px 0 0 5px;
}
#formulario #contato_botao{
    background: #fff;
    width: 100px;
    height: 25px;
    position: relative;
    float: right;
    border: 1px solid;
    border-radius: 5px;
    font-size: 15px;
}

#formulario .form_item{
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 0;
}
#formulario span{
    width: 100%;
    position: relative;
    float: left;
    font-size: 20px;
}

#formulario .contato_form_field{
    position: relative;
    float: left;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid;
    font-size: 20px;
}
#formulario textarea{
	height:191px;
}

/* localização */

.local{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
}
/* 
@media(max-width:480px){
	.local{
		width: 100%;
	}
}
 */
.local p{   
	color: blue;
    margin: 20px 0;
}
.local .mapa{
    width: 100%;
    height: 300px;
}
/* politica */

#privacidade{
	min-height:auto;
	padding-top:100px;
}
#politica_titulo{
	margin:20px 0 0 0;
	text-align:center;
}

#politica_text{
	padding: 100px;
}
@media(max-width:480px){
	#politica_text{
		padding:100px 10px 0 10px;
	}
}
#politica_text p{
	margin: 0 0 20px 0;
}


#politica_text .strong{
    font-weight: bold;
    margin: 20px 0 20px 0;
}

#politica_text a{
	color: #0095ff;
}


#politica_text ul{
	margin: 0 0 0 20px;
}


#politica_text li{

}