#conteudo1 { /*sem margens*/
	clear: both;
	width: 100%;
}

#conteudo2 { /*margem superior*/
	clear: both;
	width: 100%;
	margin: 30px 0 0;
	text-align: center;
}
#conteudo2 a { color: #FFF}

#conteudo3 { /*margem superior e cor de fundo*/
	clear: both;
	width: 90%;
	padding: 30px 5%;
	margin-top: 30px;
	background: #F8F8F8;
	text-align: center;
}

/*empresa*/
.box_intro_empresa { 
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 5% 0;
	text-align: left;
}

.box_img_empresa { 
	float: right;
	clear: both;
	width: 100%;
}
.box_img_empresa img {width: 100%;}

.borda1 {
	clear: both;
	width: 80px;
	margin-top: 15px;
	border-top: 3px solid #86A8A4; /* Define a cor e espessura da linha */
}

.borda2 {
 	display: flex;
	width: 80px;
	height: 3px;
  	border-top: 3px solid #86A8A4; 
 	margin: 15px auto 0; /* Centraliza a linha horizontalmente */
}

.area_box_vantagens {width: 90%; margin: 0 5%;}

.box_vantagens {
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 0 0;	
	padding: 15px 5%;
	background: #F8F8F8;
	border-radius: 10px;
	border: solid 1px #DFDFDF;
}
.box_vantagens span {font-weight: bold; font-size: 18px;}

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

.txt_vantagens {
	float: right;
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.txt_vantagens p {margin: 5px 0;}

.box_servicos {
	float: left;
	clear: both;
	width: 90%;
	margin: 20px 5% 0;	
	text-align: center;
}
.box_servicos span {color: #86A8A4; font-size: 18px; font-weight: bold;}
.box_servicos p {margin: 5px 0;}

.box_servicos2 {
	float: left;
	clear: both;
	width: 90%;
	margin: 20px 5% 0;	
	padding: 30px 0;
	text-align: center;
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
}
.box_servicos2 span {color: #86A8A4; font-size: 18px; font-weight: bold;}
.box_servicos2 p {margin: 5px 0;}


/*area textos*/
.txt1 { 
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}
.txt1 p {margin: 15px 0;}
.txt1 li {display: block; margin: 5px 0;}

.txt2 { 
	float: left;
	clear: both;
	width: 90%;
	margin: 15px 5% 0;
}
.txt2 p {margin: 15px 0;}
.txt2 li {display: block; margin: 5px 0;}

/*fichas cadastrais*/
.area_box_fichas {width: 100%;}
.area_box_fichas a {color: #3F3F3F; font-weight: bold;}
.area_box_fichas a:hover {color: #3F3F3F;}

.box_fichas {
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 5% 0;	
	padding: 15px 0;
	background: #F8F8F8;
	border-radius: 10px;
	border: solid 1px #DFDFDF;
	text-align: center;
	font-weight: bold; font-size: 18px;
}
.box_fichas img {width: 100px;}
.box_fichas p {margin-top: 10px;}

.area_bt_upload_ficha {
	width: 100%;
	display: flex;
    justify-content: center; /* Centraliza na horizontal */
    align-items: center;     /* Centraliza na vertical */ 
}

.bt_upload_ficha {
	float: left;
	clear: both;
	width: auto;
	padding: 15px 50px;
	background: #86A8A4;
	border-radius: 10px;
	text-align: center;
	font-weight: bold; font-size: 18px;
	transition: background .5s ease;
	cursor: pointer;
}
.bt_upload_ficha a {background: #FFF;}
.bt_upload_ficha:hover {background: #3F3F3F;}

#banner_busca {
	clear: both;
	width: 90%;
	margin: 30px 0 -30px;
	padding: 30px 5%;
	background: #000 url("../imagens/fundos/banner_busca.jpg") no-repeat center;
	background-size: 1300px;
	color: #FFF;
}
#banner_busca a {color: #FFF;}

#banner_empresa {
	clear: both;
	width: 90%;
	margin: 30px 0 -30px;
	padding: 30px 5%;
	background: url("../imagens/fundos/banner_empresa.jpg") no-repeat center;
	background-size: 1300px;
	color: #FFF;
}
#banner_empresa a {color: #FFF;}

#banner_imoveis {
	clear: both;
	width: 90%;
	margin: 30px 0 -30px;
	padding: 30px 5%;
	background: url("../imagens/fundos/banner_imoveis.jpg") no-repeat center;
	background-size: 1300px;
	color: #FFF;
}
#banner_imoveis a {color: #FFF;}

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

.tit_banner {
	float: left;
	clear: both;
	width: 100%;
	font-size: 25px;
	line-height: 28px;
	font-weight: bold;
}
.area_txt_banner span {color: #86A8A4; font-size: 31px;}

.txt_banner {
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0;	
}

.bt_banner {
	float: left;
	clear: both;
	width: 250px;
	border-radius: 10px;
	padding: 10px;
	text-transform: uppercase;
	background: #86A8A4;
	text-align: center;
}

.bt_banner:hover {background: #3F3F3F;}


#area_cadastra_imovel { 
	clear: both;
	width: 100%;
	text-align: center;
	color: #FFF;
}
#area_cadastra_imovel img {width: 100%;}


@media only screen and (min-width: 375px) {	
.img_vantagens {clear: none; width: 40%;}
.txt_vantagens {clear: right; width: 58%; text-align: left; margin: 0;}
}

@media only screen and (min-width: 540px) {	
.box_fichas {
	clear: none;
	width: 42%;
	margin-right: 0;
}
}

@media only screen and (min-width: 768px) {	
#conteudo2 {margin: 40px 0 0;}
#conteudo3 {padding: 40px 5%; margin: 40px 0 0;}
.txt3 {text-align: left;} 	

.area_box_vantagens {
  display: flex;
  justify-content: space-between; /* Distribui o espaço entre os elementos */
  gap: 20px; /* Define o espaçamento exato entre as divs */  
}	
	
.box_vantagens {
	flex: 1; /* Faz com que todas as divs ocupem o mesmo tamanho proporcional */
	height: 250px;
	padding: 15px 1.5%;
}	
	
.img_vantagens {
	clear: both;
	width: 100%;
}
.txt_vantagens {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
	
.box_servicos {
	clear: none;
	width: 24%;
	margin: 0;	
	margin-top: 40px;
	margin-left: 5%;
}

.box_servicos2 {
	clear: none;
	width: 24%;
	margin: 0;
	margin-top: 40px;
	margin-left: 5%;
	padding: 0 5%;
	border: 0;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
}
/*fichas cadastrais*/	
.area_box_fichas {
  display: flex;
  justify-content: space-between; /* Distribui o espaço entre os elementos */
  gap: 20px; /* Define o espaçamento exato entre as divs */  
}		
.box_fichas {
	flex: 1; /* Faz com que todas as divs ocupem o mesmo tamanho proporcional */
	height: 160px;
	margin: 30px 0 0;
	padding: 15px 1.5%;
}	
	
#banner_busca {margin: 40px 0 -40px;}
#banner_empresa {margin: 40px 0 -40px;}
#banner_imoveis {margin: 40px 0 -40px;}
}

@media only screen and (min-width: 960px) {	
/*empresa*/
.box_intro_empresa { 
	clear: none;
	width: 45%;
	margin-right: 0;
}

.box_img_empresa { 
	clear: right;
	width: 47%;
	margin-top: 80px;
}
}

@media only screen and (min-width: 1280px) {	
#conteudo2 {margin: 50px 0 0;}
#conteudo3 {padding: 50px 5%; margin: 50px 0 0;}	

/*empresa*/
.box_intro_empresa {width: 35%; margin-top: 45px;}
.box_img_empresa {width: 50%; margin-top: 40px; margin-right: 5%;}
.box_vantagens {height: 130px;}
.img_vantagens {clear: none; width: 35%;}
.txt_vantagens {clear: right; width: 63%; text-align: left; margin: 0;}
	
/*fichas cadastrais*/	
.area_box_fichas {
  gap: 50px; /* Define o espaçamento exato entre as divs */  
}	
	
#banner_busca {margin: 50px 0 -50px; background-position: left; background-size: 100%;}
#banner_empresa {margin: 50px 0 -50px; background-position: left; background-size: 100%;}
#banner_imoveis {margin: 50px 0 -50px; background-position: left; background-size: 100%;}
}	

@media only screen and (min-width: 1440px) {
/*empresa*/
.box_intro_empresa {margin-top: 70px;}
.box_intro_empresa p {font-size: 18px;}
.borda1 {margin-top: 30px;}
}

@media only screen and (min-width: 1500px) {
.area_box_vantagens { gap: 25px; /* Define o espaçamento exato entre as divs */}	
	
/*fichas cadastrais*/	
.area_box_fichas {width: 90%; margin: 0 5%;}	
}

@media only screen and (min-width: 1800px) {
/*empresa*/
.box_img_empresa {width: 45%;}
.box_intro_empresa {margin-top: 100px;}
.box_intro_empresa p {font-size: 20px;}
.area_box_vantagens { gap: 30px; /* Define o espaçamento exato entre as divs */}	
.box_vantagens {height: 100px;}
.img_vantagens {width: 25%;}
.txt_vantagens {width: 73%;}
	
/*fichas cadastrais*/	
.area_box_fichas {width: 80%; margin: 0 10%;}	
}