.title1 { /* titulo principal pág. inicial */
	clear: both;
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	font-size: 20px;
	color: #11111F;
	line-height: normal;
	text-align: center;
	font-weight: bold;
	font-family: 'CenturyGothic';
}

.title2 { /* subtítulo pág. inicial */
	clear: both;
	width: 90%;
	margin: 25px 5% 0 5%;
	padding: 25px 0 0 0;
	font-size: 15px;
	line-height: normal;
	text-align: center;
	border-top: solid 1px #E9E9E9;
	color: #868D8E;
	font-family: 'CenturyGothic';
	font-weight: normal;
}

.title3 { /* titulo online */
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	color: #EB6144;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'CenturyGothic';
}

.title4 { /* titulo principal lista */
	clear: both;
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	font-size: 20px;
	color: #4B5563;
	line-height: normal;
	text-align: center;
	font-weight: bold;
	font-family: 'CenturyGothic';
}

.title4b { /* subtitulo lista */
	float: left;
	clear: both;
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	font-size: 20px;
	line-height: normal;
	text-align: center;
	font-family: 'CenturyGothic';
}
.title4b span {color: #EB6144;}

.title_int { /* titulo principal detalhes e pags internas */
	clear: both;
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	margin-bottom: 30px;
	font-size: 20px;
	color: #4B5563;
	line-height: normal;
	text-align: center;
	font-weight: bold;
	font-family: 'CenturyGothic';
}

.title5 { /* subtítulos detalhes */
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: 20px;
	border-bottom: solid 1px #DFDFDF;
	font-family: 'CenturyGothic';
	font-weight: normal;
	color: #11111F;
}

.title5b { /* subtítulo semelhantes - detalhes */
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: 20px;
	border-bottom: solid 1px #DFDFDF;
	font-family: 'CenturyGothic';
	font-weight: normal;
	color: #11111F;
}

.title6 { /* subtítulos form*/
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 20px;
	color: #EB6144;
	margin-top: 20px;
	font-family: 'CenturyGothic';
}

.title8 { /* subtítulos internas*/
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 20px;
	font-family: 'CenturyGothic';
}

/* area de titulo principal pags internas*/
#fundo_tit_internas {
	clear: both;
	width: 100%;
	background: #4B5563;
}

.tit_apresentacao { /* area texto apresentacao*/
	float: left;
	clear: both;
	width: 70%;
	height: 220px;
	margin-left: 10%;
	padding: 20px 5% 20px 5%;
	background: url(../imagens/empresa/fundo_apresentacao.jpg) no-repeat center;
	color: #FFF;
	text-align: center;
}

.tit_documentacao { /* area texto documentacao*/
	float: left;
	clear: both;
	width: 70%;
	height: 220px;
	margin-left: 10%;
	padding: 20px 5% 20px 5%;
	background: url("../imagens/empresa/fundo_documentacao.jpg") no-repeat center;
	color: #FFF;
	text-align: center;
}

/* area foto*/
.foto_apresentacao {display: none;}
.foto_documentacao {display: none;}

.title9 { /* títulos internas*/
	float: left;
	clear: both;
	width: 80%;
	margin: 0;
	margin-left: 10%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	color: #FFF;
	font-family: 'CenturyGothic';
	text-transform: uppercase;	
	background: #4B5563
		;
}

.title10 { /* títulos internas*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	margin-left: 5%;
	font-size: 40px;
	line-height: 40px;
	color: #FFF;
	font-family: 'CenturyGothic';
	font-weight: normal;
}

.title10 p {
	margin-top: 20px;
}

.title_vd { /* título 1 area vendas*/
	float: left;
	clear: both;
	width: 90%;
	margin: 0;
	padding: 50px 5% 25px 5%;
	font-size: 40px;
	line-height: 30px;
	color: #FFF;
	font-family: 'CenturyGothic';
	background: #EB6144;
	border-bottom: 1px solid #FFF;
}

.title_vd span {
	font-size: 20px;
	line-height: 20px;
	font-family: 'CenturyGothic';
}

.title_vd2 { /* título 2 area vendas*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	padding: 25px 5% 25px 5%;
	font-size: 20px;
	line-height: normal;
	color: #FFF;
	font-family: 'CenturyGothic';
	font-weight: normal;
	background: #69A1D2;
	text-align: justify;
}

.title_loc { /* título 1 area locação*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	padding: 50px 5% 25px 5%;
	margin-top: 30px;
	font-size: 40px;
	line-height: 30px;
	color: #FFF;
	font-family: 'CenturyGothic';
	background: #B02023;
	border-bottom: 1px solid #FFF;
}

.title_loc span {
	font-size: 20px;
	line-height: 20px;
	font-family: 'CenturyGothic';
}

.title_loc2 { /* título 2 area locação*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	padding: 25px 5% 25px 5%;
	font-size: 20px;	
	line-height: normal;
	color: #FFF;
	font-family: 'CenturyGothic';
	font-weight: normal;
	background: #DB353A;
	text-align: justify;
}

.title_cd { /* título 1 area condomínios*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	padding: 50px 5% 25px 5%;
	font-size: 40px;
	line-height: 30px;
	color: #FFF;
	font-family: 'CenturyGothic';
	background: #6A4034;
	border-bottom: 1px solid #FFF;
}

.title_cd span {
	font-size: 20px;
	line-height: 20px;
	font-family: 'CenturyGothic';
}

.title_cd2 { /* título 2 area condomínios*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	padding: 25px 5% 25px 5%;
	font-size: 20px;
	line-height: normal;
	color: #FFF;
	font-family: 'CenturyGothic';
	font-weight: normal;
	background: #D97805;
	text-align: justify;
}

@media only screen and (min-width: 481px), only screen and (orientation:landscape) {
.title9 { /* títulos internas*/
	width: 60%;
	margin-left: 20%;
}

.title10 { /* títulos internas*/
	width: 70%;
	margin-left: 15%;
}
}

@media only screen and (min-width: 585px) {
.title3 { /* titulo online */
	float: left;
	clear: none;
	width: auto;
	margin-top: 3px;
}

.tit_apresentacao { /* area texto apresentacao*/
	clear: none;
	width: 35%;
	height: 240px;
	margin-left: 2.5%;
	padding: 40px 2.5% 20px 2.5%;
	background: #EB6144;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.tit_documentacao { /* area texto documentacao*/
	clear: none;
	width: 35%;
	height: 240px;
	margin-left: 2.5%;
	padding: 40px 2.5% 20px 2.5%;
	background: #EB6144;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.foto_apresentacao { /* area foto apresentacao*/
	display: block;
	float: left;
	clear: none;
	width: 55%;
	height: 300px;	
	background: url(../imagens/empresa/apresentacao.jpg) no-repeat left;
	background-size: 670px 300px;
	border-right: 1px solid #FFF;
}	

.foto_documentacao { /* area foto documentacao*/
	display: block;
	float: left;
	clear: none;
	width: 55%;
	height: 300px;	
	background: url(../imagens/empresa/documentacao.jpg) no-repeat left;
	background-size: 670px 300px;
	border-right: 1px solid #FFF;
}

.title9 { /* títulos internas*/
	width: 90%;
	margin-left: 5%;
}

.title10 { /* títulos internas*/
	width: 100%;
	margin-left: 0;
}

.title_vd { /* título 1 area vendas*/
	clear: none;
	width: 29.7%;
	padding: 70px 5% 0 5%;
	height: 100px;
	font-size: 40px;
	line-height: 30px;
	border-bottom: none;
}

.title_vd span {
	font-size: 20px;
	line-height: 20px;
}

.title_vd2 { /* título 2 area vendas*/
	float: right;
	clear: right;
	width: 50%;
	height: 145px;
	padding: 25px 5% 0 5%;
	font-size: 20px;
}

.title_loc { /* título 1 area locação*/
	clear: none;
	width: 29.7%;
	padding: 70px 5% 0 5%;
	height: 100px;
	font-size: 40px;
	line-height: 30px;
	border-bottom: none;
}

.title_loc span {
	font-size: 20px;
	line-height: 20px;
}

.title_loc2 { /* título 2 area locação*/
	float: right;
	clear: right;
	width: 50%;
	height: 145px;
	padding: 25px 5% 0 5%;
	font-size: 20px;
	margin-top: 30px;
}

.title_cd { /* título 1 area condomínios*/
	clear: none;
	width: 39.7%;
	padding: 85px 5% 0 5%;
	height: 90px;
	font-size: 40px;
	line-height: 30px;
	border-bottom: none;
}

.title_cd span {
	font-size: 20px;
	line-height: 20px;
}

.title_cd2 { /* título 2 area condomínios*/
	float: right;
	clear: right;
	width: 40%;
	height: 175px;
	padding: 0 5% 0 5%;
	font-size: 20px;
}
}

@media only screen and (min-width: 640px) {
.title4b { /* subtitulo lista */
	clear: none;
	width: auto;
	margin-top: 5px;
}
}

@media only screen and (min-width: 768px) {
.title1 {font-size: 25px; line-height: 25px;}
.title2 {font-size: 18px;} /* subtítulo pág. inicial */
.title3 {margin: 0;}  /* titulo online */
.title4 {font-size: 25px;} /* titulo principal lista */
.title_int {font-size: 25px;} /* titulo principal detalhes e pags internas */
.title5b {width: 95%;} /* subtítulo semelhantes - detalhes */
	
 /* area texto*/
.tit_apresentacao {width: 30%;}
.tit_documentacao {width: 30%;}
	
 /* area fotos*/
.foto_apresentacao {width: 60%;}
.foto_documentacao {width: 60%;}

 /* título 1 area vendas*/
.title_vd {width: 26.7%;}

.title_vd span {
	font-size: 25px;
	line-height: 25px;
}

.title_vd2 { /* título 2 area vendas*/
	width: 53%;
	font-size: 25px;
}

.title_loc { /* título 1 area locação*/
	width: 26.7%;		
	height: 100px;
	padding: 70px 5% 0 5%;
}

.title_loc span {
	font-size: 25px;
	line-height: 25px;
}

.title_loc2 { /* título 2 area locação*/
	width: 53%;
	height: 170px;
	padding: 0 5% 0 5%;
	font-size: 25px;
}

.title_cd { /* título 1 area condomínios*/
	width: 33.8%;
	height: 100px;
	padding: 75px 5% 0 5%;
	padding-left: 3%;
	padding-right: 0;	
}

.title_cd span {
	font-size: 25px;
	line-height: 25px;
}

.title_cd2 { /* título 2 area condomínios*/
	width: 53%;
	font-size: 25px;
}
}

@media only screen and (min-width: 1024px) {
.title1 {font-size: 30px; line-height: 30px;}
.title2 {font-size: 20px;}
.title4 {font-size: 30px;}  /* titulo principal lista */
.title_int {font-size: 30px;} /* titulo principal detalhes e pags internas */
.title8 {font-size: 25px;}  /* subtítulos internas*/

 /* area texto */
.tit_apresentacao {
	width: 25%;
	height: 300px;
	margin-left: 5%;
	padding: 40px 2.5% 20px 2.5%;
}

.tit_documentacao {
	width: 25%;
	height: 300px;
	margin-left: 5%;
	padding: 40px 2.5% 20px 2.5%;
}

/* area foto */
.foto_apresentacao {
	width: 60%;
	height: 360px;	
	background-size: 100% 360px;
}

.foto_documentacao { 
	width: 60%;
	height: 360px;	
	background-size: 100% 360px;
}
.title10 {margin-top: 40px;} /* títulos internas*/

.title_vd { /* título 1 area vendas*/
	width: 24.8%;
	height: 100px;
	padding: 50px 5% 0 5%;	
}

.title_vd2 { /* título 2 area vendas*/
	width: 55%;
	height: 125px;
	padding: 25px 5% 0 5%;
}

.title_loc { /* título 1 area locação*/
	width: 24.8%;
	height: 100px;
	padding: 50px 5% 0 5%;	
}

.title_loc2 { /* título 2 area locação*/
	width: 55%;
	height: 145px;
	padding: 5px 5% 0 5%;
}

.title_cd { /* título 1 area condomínios*/
	width: 24.8%;
	height: 100px;
	padding: 50px 5% 0 5%;	
}

.title_cd2 { /* título 2 area condomínios*/
	width: 55%;
	height: 145px;
	padding: 5px 5% 0 5%;
}
}

@media only screen and (min-width: 1280px) {
.tit_apresentacao { /* area texto apresentacao*/
	width: 18%;
	padding: 40px 2.5% 20px 2.5%;
}

.tit_documentacao { /* area texto documentacao*/
	width: 18%;
	padding: 40px 2.5% 20px 2.5%;
}

.foto_apresentacao { /* area foto apresentacao*/
	width: 67%;
	background-size: 100%;
	border: 0;
}

.foto_documentacao { /* area foto documentacao*/
	width: 67%;
	background-size: 100%;
	border: 0;
}

.title_vd { /* título 1 area vendas*/
	width: 16.9%;
	height: 100px;
	padding: 55px 5% 0 5%;	
}

.title_vd2 { /* título 2 area vendas*/
	width: 63%;
	height: 130px;
	font-size: 30px;
}

.title_loc { /* título 1 area locação*/
	width: 16.9%;
	height: 100px;
	padding: 55px 5% 0 5%;	
}

.title_loc2 { /* título 2 area locação*/
	width: 63%;
	height: 140px;
	font-size: 30px;
	padding: 15px 5% 0 5%;
}

.title_cd { /* título 1 area condomínios*/
	width: 16.9%;
	height: 100px;
	padding: 60px 5% 0 5%;	
}

.title_cd2 { /* título 2 area condomínios*/
	width: 63%;
	height: 160px;
	padding: 0 5% 0 5%;
	font-size: 30px;
}
}

@media only screen and (min-width: 1600px) {
.tit_apresentacao { 
	width: 16%;
	margin-left: 0;
	margin-left: 7.5%;
}
.tit_documentacao {width: 16%;	margin-left: 7.5%;}
.foto_apresentacao {width: 65%;	background-position: top;}
.foto_documentacao {width: 65%;}
}

@media only screen and (min-width: 1800px) {
.tit_apresentacao { 
	width: 16%;
	margin-left: 10%;
	height: 360px;
}

.tit_documentacao {
	width: 16%;
	margin-left: 10%;
	height: 360px;
}

.foto_apresentacao { 
	width: 60%;
	height: 420px;	
}

.foto_documentacao { 
	width: 60%;
	height: 420px;
}
}