@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%;}

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

p {
	margin: 0;
	padding: 0;
}

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

.fluidList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
	font-family: "LeelawadeeUI";
	color: #818284;
	font-size: 15px;
}

/*fundo*/
#anima {
	clear: both;
	width: 100%;
	height: 620px;
	background: #444 url(../img_slides/slide1.jpg) center top;
	background-size: 1300px;
	z-index: 1;
}

#fundo_topo_lista {
	clear: both;
	width: 100%;
	height: 500px;
	background: #444 url(../img_slides/slide1.jpg) center;
	background-size: 1300px;
	z-index: 1;
}

#fundo_topo_internas {
	clear: both;
	width: 100%;
	height: 350px;
	background: #444 url(../img_slides/slide1.jpg) center;
	background-size: 1300px;
	z-index: 1;
}

/*titulos*/
#area_titulos {
	position: absolute;	
	clear: both;
	width: 90%;
	margin-left: 5%;
	top: 200px;
	z-index: 9;	
}

/*cabeçalho*/
#topo {
	position: absolute;
	clear: both;
	width: 90%;
	height: auto;
	padding: 15px 5% 0 5%;
	top: 0;
	z-index: 99;	
}

.links_cabec {
	float: right;
	clear: right;
	width: 100%;
}

.redes_sociais {
	float: right;
	clear: right;
	width: auto;
	margin-top: 5px;
}
.redes_sociais img {margin-left: 15px;}

.boleto {
	display: block;
	float: right;
	clear: none;
	width: auto;
	height: 25px;
	margin-left: 35px;
	margin-right: 15px;
	font-family: "LeelawadeeUI";
	font-size: 25px;
	color: #006897;
	line-height: normal;
	cursor: pointer;
}

/* sublinks da área boleto  */
.boleto li ul {
	display: none;
	position: absolute;
	width: 175px;
	height: auto;
	background: #22B468;
	font-family: "LeelawadeeUI"; 
	color: #FFF;	
	font-size: 15px;
	text-align: left;
	right: 90px;
	z-index: 999;
}
.boleto li:hover ul {display: block;}

.boleto li li {
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.boleto li ul a {
	display: block;
	margin: 0;
	text-align: left;
	padding: 5%;
	color: #FFF;
}

.boleto li ul a:hover, .menu li ul li:hover a {
	background: #0B8053;
	color: #FFF;
}

.item_boleto {
	clear: both;
	width: 100%;
}

.menu_principal {
	float: right;
	clear: none;
	width: 38px;
	height: 20px;
	margin-top: 10px;
}

.logo {
	float: left;
	clear: both;
	text-align: center;
	width: 100%;
	margin-top: 15%;
}
.logo img {width: 300px;}

.area_busca {
	clear: both;
	width: 100%;
	margin-top: 40px;
	color: #FFF;	
}

/*area do cliente*/
#area_cliente {
	clear: both;
	background: #F6F6F6;
	padding-top: 10px;	
}
#area_cliente a {color: #818284;}
#area_cliente a:hover {color: #22B468;}

.box_area_cliente {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 2.5px;
	margin-bottom: 2.5px;
	text-align: center;
	font-size: 18px;
}

.margem_area_cliente {
	float: left;
	clear: both;
	width: 90%;
	margin-left: 5%;
	padding-top: 10px;	
	border-bottom: solid #585858 1px;
}

#conteudo1 {
	clear: both;
	background: #F6F6F6;
	padding-top: 30px;
	padding-bottom: 30px;	
}

#conteudo2 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;		
}

#conteudo3 { 
	float: left;
	clear: both;
	width: 100%;
}

#conteudo4 {
	clear: both;
	background: #58585A;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
}

#conteudo5 {
	clear: both;
	background: #4CA64C;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
}

/*destaques*/
.destaques {
	float: left;
	clear: both;	
	width: 90%;
	margin-left: 5%;
	margin-top: 15px;
}

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

.img destaques {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ver_mais {
	position: absolute;
	clear: both;
	width: auto;	
	height: auto;
	top: 10px;
	right: 10px;
	z-index: 999;	
}

.txt_destaque1 {
	position: absolute;
	clear: both;
	width: 100%;
	height: 40px;
	padding-top: 40px;
	background-image: -webkit-linear-gradient(270deg,rgba(34,180,104,0.10) 0%,rgba(34,180,104,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(34,180,104,0.10) 0%,rgba(34,180,104,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(34,180,104,0.10) 0%,rgba(34,180,104,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(34,180,104,0.10) 0%,rgba(34,180,104,1.00) 100%);
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: -80px;
	z-index: 999;
}

.txt_destaque2 {
	clear: both;
	width: 100%;	
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 10px;
}

.txt_destaque2 span {
	font-weight: bold;
	color: #585858;	
}

.txt_destaque3 {
	position: absolute;
	clear: both;
	width: 100%;
	height: 40px;
	padding-top: 40px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: -webkit-linear-gradient(270deg,rgba(129,130,132,0.10) 0%,rgba(129,130,132,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(129,130,132,0.10) 0%,rgba(129,130,132,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(129,130,132,0.10) 0%,rgba(129,130,132,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(129,130,132,0.10) 0%,rgba(129,130,132,1.00) 100%);
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: -80px;
	z-index: 999;
}

.itens_destaque {
	clear: both;
	width: 100%;	
	border-bottom: 1px solid #22B468;
	margin-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
}
.itens_destaque img {margin-right: 7px;}

.dorm_destaque {
	float: left;
	clear: none;
	width: 33%;
	text-align: left;
}

.vaga_destaque {
	float: left;
	clear: none;
	width: 34%;
	text-align: center;
}

.area_destaque {
	float: right;
	clear: right;
	width: 33%;
	min-height: 21px;	
	text-align: right;	
}

/*lista*/
.ordenacao {
	float: right;
	clear: right;
	width: 165px;
	height: 50px;
	padding-left: 10px;
	margin-right: 5%;
	margin-top: 20px;
	font-family: "metzler-light";
	color: #818284;
	border: solid 1px #525269;
	background: #FFF url(select3.svg) no-repeat right;
	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;	
	cursor: pointer;	
}

.voltar {
	float: left;
	clear: none;
	width: auto;
	margin-left: 5%;
	margin-top: 23px;
	font-family: "metzler-light";
	color: #818284;
}
.voltar a {color: #818284;}
.voltar a:hover {color: #22B468;}
.voltar img {
	width: 45px;
	margin-right: 7px;
}

.voltar_det {
	position: absolute;
	float: right;
	clear: right;
	width: auto;
	right: 5%;
	top: 645px;
	font-family: "metzler-light";
	color: #818284;
	text-align: right;
	z-index: 999;
}
.voltar_det a {color: #818284;}
.voltar_det a:hover {color: #22B468;}
.voltar_det img {
	width: 40px;
	margin-right: 7px;
}

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

.box_lista {	
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 90%;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 5%;
}

.img lista {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*semelhantes*/
#semelhantes {
	float: left;
	clear: both;	
	width: 100%;
	margin-bottom: 30px;	
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F6F6F6;
}

.box_semelhantes {	
	display: block;
	position: relative;
	float: left;
	clear: both;
	width: 90%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
}

.img semelhantes {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*detalhes*/
#area_fotos {
	float: left;
	clear: both;
	width: 90%;
	padding: 30px 5% 60px 5%;
	background: #F6F6F6;	
}

#area_detalhes {	
	clear: both;
	width: 100%;
	margin-bottom: 30px;	
}

#detalhes {
	float: left;
	clear: both;
	width: 90%;	
	margin: 30px 5%;
}

#detalhes p {
	float: left;
	clear: both;
	margin-top: 20px;
	text-align: justify;
}

#mais_info {
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 5% 0 5%;
}

.ficha_imovel {
	float: left;
	clear: both;
	width: 100%;
}
	
.left {
	float: left;
	clear: none;
	width: 40%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.right {
	float: right;
	clear: right;
	width: 60%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.right span {font-weight: bold;	}

.links_detalhes {
	float: left;
	clear: both;
	width: 100%;	
	margin-top: 30px;
}
.links_detalhes a {color: #525269;}
.links_detalhes a:hover {color: #1D3153;}

.box_links_detalhes {
	clear: both;
	width: 100%;
	margin-top: 30px;
	font-family: "metzler-light";
	text-transform: uppercase;
	cursor: pointer;
	text-align: left;
}

.img_box_links_detalhes {
	float: left;
	clear: none;
	width: 15%;
}

.txt_box_links_detalhes {
	float: left;
	clear: none;
	width: 85%;
	border-bottom: solid 1px #3F3F3F;
	padding-bottom: 5px;
}

.item_detalhes {
	float: left;
	clear: both;
	width: 100%;	
	margin-top: 15px;
	text-transform: lowercase;
}
.item_detalhes img {margin-right: 10px;}

/*área serviços*/
#servicos {
	float: left;
	clear: both;
	width: 90%;
	background: #444 url(../imagens/fundos/servicos.jpg) no-repeat center;
	background-size: 1600px;
	padding: 30px 5% 30px 5%;
	color: #FFF;
}
#servicos a {color: #FFF;}
#servicos a:hover {color: #22B468;}

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

.box_servicos {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

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

.txt_servicos {
	float: left;
	clear: both;
	width: 100%;
	font-size: 20px;
	line-height: normal;
	margin-top: 10px;
}
.txt_servicos span {font-size: 15px;}

/*anuncio*/
#anuncio {
	clear: both;
	width: 90%;
	margin: 30px 5% 0 5%;
	text-align: center;
}

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

/*rodape*/
#rodape {
	clear: both;
	width: 90%;
	padding: 30px 5% 30px 5%;
	line-height: normal;
	background: #F6F6F6;
}
#rodape a {color: #818284;}
#rodape a:hover {color: #22B468;}

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

.logo_rod .creci {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	font-family: "LeelawadeeUI";
	color: #22B468;
}

.dados {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	text-align: center;	
}

.mail {
	float: left;
	clear: both;
	width: 100%;	
	padding-top: 50px;
	background: url(../imagens/icons/mail.svg) no-repeat center top;
	font-family: "LeelawadeeUI";
	font-size: 18px;
	text-align: center;
}

.local {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	padding-top: 50px;
	background: url(../imagens/icons/local.svg) no-repeat center top;	
	font-family: "LeelawadeeUI";
	font-size: 18px;
	text-align: center;
}

.local span {
	font-size: 15px;
	text-transform: uppercase;
}

#rodape .local a {
	color: #22B468;
	font-size: 18px;
	font-weight: bold;
}
#rodape .local a:hover {color: #0B8053;}
#rodape .local p {margin-bottom: 5px;}

.area_fones { 
	float: left;
	clear: both;
	width: 100%;	
	font-size: 20px;
	line-height: normal;
	text-transform: uppercase;
} 

.box_fone { 
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.img_fone { 
	float: left;
	clear: both;
	width: 100%;
}
.img_fone img {width: 38px;}

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

.credito {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.credito span {font-size: 13px;}

/*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: #1CB568;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: background .5s ease;
	cursor: pointer;
}
.bt_privacidade:hover {background: #02814F;}

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

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

#bt_flutuante {
	position: fixed;
	float: right;
	clear: both;
	width: auto;
	right: 3%;
	bottom: 3%;
	text-align: right;
	z-index: 9999;
}
#bt_flutuante img {width: 80px;}
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}


@media only screen and (min-width: 360px) {	
.boleto {
	margin-left: 50px;
	margin-right: 35px;
}	
}

@media only screen and (min-width: 411px) {	
.logo img {width: 360px;}	
.area_busca {margin-top: 25px;}
}

@media only screen and (min-width: 481px), only screen and (orientation:landscape) {
/*busca / titulos*/
.area_busca {
	width: 90%;
	margin-left: 5%;
}	
.logo {margin-top: 10%;}	
.logo img {width: 375px;}

/*detalhes*/		
.item_detalhes {
	clear: none;
	width: 50%;
}	
.img_box_links_detalhes {width: 10%;}
.txt_box_links_detalhes {width: 90%;}
#servicos {background-size: 1100px;}/*área serviços*/
.box_servicos {text-align: left;}
	
.img_servicos {
	clear: none;
	width: 30%;
}

.txt_servicos {
	clear: none;
	width: 70%;
	margin-top: 0;
}
}

@media only screen and (min-width: 585px) { /*IPhoneXS*/
.boleto {margin-right: 20px;}/* área boleto */	
.boleto li ul {right: 21%;}
.menu_principal {margin-right: 25px;}
	
.box_lista {	
	clear: none;
	width: 42.5%;
}
	
/*area do cliente*/
.box_area_cliente {
	clear: none;
	width: 50%;
}

/*semelhantes*/
.box_semelhantes {	
	clear: none;
	width: 42.5%;
}	
	
/*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;
}
	
#popup {
	width: 80%;
	margin-left: 10%;
}
}

@media only screen and (min-width: 768px) {	
#anima {height: 650px;}	
#fundo_topo_internas {
	height: 280px;
	background-size: 100%;
}
				
.area_busca {margin-top: 80px;}	/*busca / titulos*/
#area_titulos {top: 140px;}	
#topo {padding: 30px 5% 0 5%;}
	
.links_cabec {
	width: auto;
	margin-top: 5px;
}
	
.logo {
	clear: none;
	text-align: left;
	width: auto;
	margin-top: 0;
}	
.logo img {width: 300px;}
.boleto li ul {right: 16%;} /* área boleto  */	

#conteudo1 {
	padding-top: 45px;
	padding-bottom: 45px;	
}

#conteudo2 {
	margin-top: 45px;
	margin-bottom: 45px;		
}
	
#conteudo4 {
	padding-top: 45px;
	padding-bottom: 45px;	
}
	
#conteudo5 {
	padding-top: 45px;
	padding-bottom: 45px;	
}	
.destaques {margin-top: 20px;}
.ordenacao {margin-top: 30px;}
	
.voltar {
	float: right;
	margin-left: 0;
	margin-right: 35px;
	margin-top: 35px;
}

/*semelhantes*/
#semelhantes {	
	margin-bottom: 45px;
	padding-top: 45px;
	padding-bottom: 45px;
}
	
.box_semelhantes {	
	margin-top: 25px;
	margin-bottom: 25px;
}
	
/*detalhes*/
.voltar_det {top: 590px;}
#area_fotos {padding: 45px 5% 60px 5%;}
#area_detalhes {margin-bottom: 45px;}
.img_box_links_detalhes {width: 15%;}
.txt_box_links_detalhes {width: 85%;}	
#mais_info {margin: 45px 5% 0 5%;}
	
.ficha_imovel {
	clear: none;
	width: 48%;
}

.links_detalhes {
	float: right;
	clear: right;
	width: 48%;
	margin-top: 0;
}
	
.box_links_detalhes {
	margin-top: 0;
	margin-bottom: 30px;
}
		
.item_detalhes {width: 33.33%;} /*detalhes*/	
#servicos {padding: 45px 5% 45px 5%;} /*serviços*/		
.area_servicos {
	width: 80%;
	margin-left: 10%;
}

#anuncio {margin: 45px 5% 0 5%;}
.area_anuncio {
	width: 80%;
	margin-left: 10%;
	margin-top: 45px;
}
	
#popup {
	width: 70%;
	margin-left: 15%;
	top: 120px;
}
}

@media only screen and (min-width: 1024px) {
#anima {
	height: 500px;
	background-size: 100%;
}
	
#fundo_topo_lista {
	background-size: 100%;
	height: 350px;
}
		
/*busca / titulos*/
.area_busca {
	width: 100%;
	margin-left: 0;
	margin-top: 150px;
}	
.links_cabec {margin-top: 15px;}	
.logo img {width: 375px;}
.boleto li ul {right: 14%;} /* área boleto  */	
.box_area_cliente {width: 20%;} /*area do cliente*/

.margem_area_cliente {
	float: left;
	clear: both;
	width: 90%;
	margin-left: 5%;
	padding-top: 10px;	
	border-bottom: solid #585858 1px;
}	
.box_lista {width: 26.7%;} /*lista*/	
.links_detalhes {width: 35%;} /*detalhes*/
#servicos {background-size: 100%;} /*área serviços*/
	
.area_servicos {
	float: right;
	clear: right;
	width: 50%;
	margin-left: 0;
	border-left: solid 1px #FFF;
	padding-left: 8%;
}
	
/*rodape*/
.logo_rod {
	clear: none;
	width: auto;
}
	
.dados {
	float: right;
	clear: right;
	width: 70%;
	margin-top: 15px;
}

.mail {
	clear: none;
	width: 50%;	
}

.local {
	clear: none;
	width: 50%;
	margin: 0;
}
	
.area_fones { 
	font-size: 22px;
	margin-top: 60px;
} 
	
.box_fone { 
	clear: none;
	width: 33.3%;
	text-align: left;
	margin: 0;
}
	
.img_fone { 
	clear: none;
	width: auto;
	margin-right: 15px;
}

.txt_fone { 
	clear: none;
	width: auto;
	margin-top: 0;
}
.credito {margin-top: 60px;}

#popup {
	width: 60%;
	margin-left: 20%;
	top: 100px;
}
		
#bt_flutuante {
	right: 2%;
	bottom: 2%;
}
	
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}

@media only screen and (min-width: 1280px) {
.gridContainer {font-size: 18px;}
#anima {height: 630px;}	
#fundo_topo_lista {height: 400px;}	
	
/*busca / titulos*/
.area_busca {
	width: 90%;
	margin-left: 5%;
}		
#area_titulos {top: 160px;}
.boleto li ul {right: 12%;} /* área boleto  */	
	
#conteudo1 {
	padding-top: 60px;
	padding-bottom: 60px;	
}

#conteudos2 {
	margin-top: 60px;
	margin-bottom: 60px;		
}
	
#conteudo3 { 
	float: left;
	clear: none;
	width: 60%;
	margin-left: 5%;
}	
	
#conteudo4 {
	padding-top: 60px;
	padding-bottom: 60px;	
}
	
#conteudo5 {
	padding-top: 60px;
	padding-bottom: 60px;		
}	
.destaques {margin-top: 25px;}
.ordenacao {
	width: 200px;
	margin-top: 40px;
}
	
.voltar {
	margin-right: 45px;
	margin-top: 45px;
}
	
.box_lista {
	margin-top: 30px;
	margin-bottom: 30px;
}

/*semelhantes*/
#semelhantes {
	margin-bottom: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
}
	
.box_semelhantes {	
	width: 18.7%;
	margin-top: 30px;
	margin-bottom: 30px;
}
	
/*detalhes*/
.voltar_det {top: 605px;}
#area_fotos {padding: 60px 5% 60px 5%;}
#area_detalhes {margin-bottom: 60px;}
	
#detalhes {
	margin: 0;
	margin-top: 60px;
}	
.links_detalhes {width: 50%;}

#mais_info {
	float: right;
	clear: right;
	width: 25%;
	margin: 60px 5% 0 5%;
	margin-left: 0;
	margin-top: 60px;
}
	
/*anuncio*/
#anuncio {margin: 60px 5% 0 5%;}
.area_anuncio {
	width: 60%;
	margin-left: 20%;
	margin-top: 60px;
}	
#servicos {padding: 60px 5% 60px 5%;} /*área serviços*/	
#rodape {padding: 60px 5% 60px 5%;}	/*rodape */		
.area_fones { 
	font-size: 25px;
	line-height: 25px;
	letter-spacing: 2px;
} 
	
.box_fone { 
	width: 30%;
	margin-left: 3.3%;
}
	
/*política de privacidade*/
.txt_privacidade {width: 80%;}
.bt_privacidade {width: 15%;}
	
#popup {
	width: 50%;
	margin-left: 25%;
}
}

@media only screen and (min-width: 1366px) {	
#anima {height: 650px;}
.links_detalhes {width: 48%;} /*detalhes*/		
.img_box_links_detalhes {width: 13%;}
.txt_box_links_detalhes {width: 87%;}
}

@media only screen and (min-width: 1440px) {
#anima {height: 700px;}
.boleto li ul {right: 11%;}
}

@media only screen and (min-width: 1600px) {
.gridContainer {font-size: 22px;}
#anima {height: 800px;}
#fundo_topo_lista {height: 450px;}
	
.area_busca {
	width: 80%;
	margin-left: 10%;
	margin-top: 200px;
}
.boleto li ul {right: 15%;}
.box_lista {width: 18.7%;}

/*área serviços*/
#servicos {
	width: 80%;
	padding: 60px 10% 60px 10%;
}
	
/*rodape */		
.box_fone { 
	width: 28.3%;
	margin-left: 5%;
}

#popup {
	width: 40%;
	margin-left: 30%;
}
}

@media only screen and (min-width: 1900px) {
#anima {height: 950px;}	
#fundo_topo_lista {height: 500px;}
.boleto li ul {right: 14.5%;}	
.links_detalhes {width: 40%;}
}