@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { opacity: 0; width: 100%; height: auto; float: left; top: 0px; left: 0px; z-index: 2; }
.o_topo_ta_na_home { position: absolute; }
.o_topo_ta_na_interna { position: relative; box-shadow: 0px 0px 16px #E8E8E8; -webkit-shadow: 0px 0px 16px #E8E8E8; }

header #barra_azul { opacity: 0; padding: 17px 0px 12px; width: 100%; height: auto; min-height: 60px; float: left; position: relative; background-color: var(--cor-azul); }
header #barra_azul #topo_contatos { width: 650px; height: auto; float: left; position: relative; }
header #barra_azul #topo_contatos a { font: normal normal normal 16px/19px var(--font-regular); color: #FFFFFF; letter-spacing: 0px; text-align: left; }
header #barra_azul #topo_contatos a:nth-child(2) { margin: 0px 45px; }
header #barra_azul #topo_contatos a svg { margin: -5px 5px -5px 0px; }
header #barra_azul #topo_contatos a.link_email { font: normal normal normal 14px/16px var(--font-regular); }

header #barra_azul #topo_redes { width: 100px; height: auto; float: right; position: relative; text-align: right; }
header #barra_azul #topo_redes a svg { width: auto; height: auto; margin-left: 15px; }

header #logo_menu { opacity: 0; width: 100%; height: auto; float: left; position: relative; }
.o_logo_menu_ta_na_home { min-height: 200px; padding: 20px 0px 1px; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFBF 51%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; }
.o_logo_menu_tta_na_interna { min-height: auto; padding: 25px 0px; background: #FFFFFF; }
header #logo_menu #logo { width: 334px; height: auto; float: left; position: relative; }

header #logo_menu #menu { width: 595px; height: auto; float: right; position: relative; padding-top: 33px; }
header #logo_menu #menu ul { float: left; width:100%; height: auto; position: relative; margin: 0px; list-style: none; padding-right: 0px!important; }
header #logo_menu #menu ul li { float: left; width:auto; height: auto; padding: 0px; margin: 0px; }
header #logo_menu #menu ul li a { font: normal normal normal 20px/24px var(--font-bold); padding: 0px 25px; margin: 0px; color: var(--cor-azul); letter-spacing: 0px; float: left; position: relative; width: auto; height: auto; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #logo_menu #menu ul li a:hover { color: var(--cor-vermelho); }
header #logo_menu #menu ul li a.sel { color: var(--cor-vermelho); }
header #logo_menu #menu ul li a.primeira { padding-left: 0px; }
header #logo_menu #menu ul li a.ultima { padding-right: 0px; }

#main section#conteudo { width: 100%; height: auto; float: left; position: relative; z-index: 1; }
.a_interna_ta_na_home { padding: 60px 0px 0px; }
.a_interna_ta_na_interna { padding: 0px 0px 0px; }

#banner { opacity: 0; width: 100%; height: 630px; float: left; position: relative; border-bottom: 20px solid var(--cor-azul); } 
 
#home_banner_busca { width: 100%; height: auto; float: left; position: relative; }
#home_busca { opacity: 0; bottom: -180px; z-index: 2; padding: 40px 38px; width: 1136px; height: 300px; position: absolute; left: 50%; margin-left: -568px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000029; -webkit-box-shadow: 0px 0px 15px #00000029; border-radius: 8px; -webkit-border-radius: 8px; }
#home_busca .responsivo_coluna_celular { display: none; }
#home_busca h2 { padding: 0px 0px 15px 0px; }
#home_busca #form_pesquisa select { padding: 20px 5px; border: 1px solid var(--cor-vermelho); text-align: center; color: var(--cor-azul); font: normal normal normal 20px/24px var(--font-bold); text-transform: none; border-radius: 8px; -webkit-border-radius: 8px; }
#home_busca #form_pesquisa .button { width: 100%; height: auto; position: relative; text-align: center; padding: 20px 5px; font: normal normal normal 20px/24px var(--font-bold); text-transform: none; border-radius: 8px; -webkit-border-radius: 8px; background-color: var(--cor-azul); color: #FFFFFF; }
#home_busca #form_pesquisa .button:hover { background-color: var(--cor-vermelho); }

.card_imoveis { cursor: pointer; margin-bottom: 50px; background-color: #FFFFFF; width: 100%; height: auto; float: left; position: relative; text-decoration: none; display: block; transition: 0.7s ease; -webkit-transition: 0.5s ease; box-shadow: none; -webkit-box-shadow: none; }
.card_imoveis:hover { box-shadow: 0px 0px 15px #00000029; -webkit-box-shadow: 0px 0px 15px #00000029; }
.card_imoveis .coluna_1 { width: 34%; height: 320px; float: left; position: relative; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; background-color: #F5F5F5; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_imoveis .coluna_2 { width: 66%; padding: 75px 60px 35px; height: 100%; min-height: 320px; float: right; position: relative; background-color: #FFFFFF; }
.card_imoveis .coluna_2 .frase_destaque { padding: 10px 1px; background-color: var(--cor-vermelho); width: 100%; height: 50px; float: left; position: absolute; top: 0px; left: 0px; z-index: 2; text-align: center; }
.card_imoveis .coluna_2 .frase_destaque p { animation: blink 1s linear infinite; text-align: center; font: normal normal normal 24px/29px var(--font-bold); color: #FFFFFF; }
.card_imoveis .coluna_2 p.titulo { text-align: left; margin-bottom: 13px; text-transform: uppercase; padding: 0px 0px 12px; border-bottom: 1px solid var(--cor-vermelho); font: normal normal normal 20px/24px var(--font-regular); color: var(--cor-azul); }
.card_imoveis .coluna_2 p.label { text-align: left; font: normal normal normal 16px/19px var(--font-regular); color: var(--cor-azul); }
.card_imoveis .coluna_2 img { margin: -3px 7px -3px 0px; }
.card_imoveis .coluna_2 .label_botao { font: normal normal normal 16px/19px var(--font-bold); color: #FFFFFF; background-color: var(--cor-vermelho); border: 1px solid var(--cor-vermelho); padding: 5px 15px; margin: 2px; width: 114px; height: auto; float: none; position: relative; text-align: center; text-decoration: none; display: inline-grid; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.card_imoveis:hover .label_botao { background-color: var(--cor-azul); border-color: var(--cor-azul); }
.card_imoveis:hover .coluna_1 { background-size: auto 110%; }
.card_imoveis .card_caracteristica { width: auto; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .card_caracteristica_diversas_1 { width: 20%; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .card_caracteristica_diversas_2 { width: 18%; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .card_caracteristica_diversas_3 { width: 14%; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .card_caracteristica_diversas_4 { width: 22%; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .card_caracteristica_diversas_5 { width: 26%; height: auto; position: relative; float: left; padding-right: 15px; }
.card_imoveis .coluna_2 p.label_decricao { padding-top: 5px; text-align: left; font: normal normal normal 15px/18px var(--font-regular); color: var(--cor-azul); }
.card_imoveis .coluna_2 p.label_valor { text-align: left; text-transform: uppercase; padding: 0px 0px; font: normal normal normal 28px/32px var(--font-bold); color: var(--cor-azul); }

@keyframes blink{
    0%{ opacity: 0; }
    50%{ opacity: .5; }
    100%{ opacity: 1; }
}

#home_compra_venda_aluga { background-color: #FFFFFF; }
a.lk_compra_venda { width: 32.33%; height: auto; min-height: 365px; float: left; position: relative; text-decoration: none; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; border-radius: 8px; -webkit-border-radius: 8px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.lk_compra_venda:nth-child(2) { margin: 0px 1%; }
a.lk_compra_venda img { width: 220px; height: auto; position: absolute; top: 50%; margin-top: -33px; left: 50%; margin-left: -110px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.lk_compra_venda:hover img { width: 276px; margin-left: -138px; margin-top: -41.5px; }

#home_ligamos_para_voce { width: 100%; height: auto; position: relative; float: left; padding: 0px 0px; background: url(../image/home_chamado_fundo.jpg) no-repeat center top transparent; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 { width: 100%; height: auto; position: relative; float: left; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 .coluna_1 { width: 615px; height: auto; float: left; position: relative; padding: 65px 0px 75px; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 .coluna_1 h2 { font: normal normal normal 56px/67px var(--font-bold); color: var(--cor-vermelho); text-align: left; padding-bottom: 10px; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 .coluna_1 p { font: normal normal normal 30px/36px var(--font-regular); color: var(--cor-azul); text-align: left; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 #chamado_mulher { width: 611px; height: auto; right: 0px; bottom: 0px; position: absolute; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 .coluna_1 a.link_saiba_mais { padding: 12px 15px; margin: 0px; float: left; }
#home_ligamos_para_voce #home_ligamos_para_voce_col_1 .coluna_1 a.link_saiba_mais img { margin: -6px 5px -6px 0px; }

footer { float: left; height: auto; position: relative; width: 100%; padding: 0px; background-color: transparent; }

footer #rodape_informacoes { padding: 80px 0px 70px; background: url(../image/fundo_rodape.jpg) no-repeat center top var(--cor-azul); float: left; height: auto; position: relative; width: 100%; }
footer #rodape_informacoes .coluna_1 { width: 357px; height: auto; float: left; position: relative; text-align: left; }
footer #rodape_informacoes .coluna_2 { width: 285px; height: auto; float: left; position: relative; text-align: left; }
footer #rodape_informacoes .coluna_3 { width: 215px; height: auto; float: left; position: relative; text-align: left; }
footer #rodape_informacoes .coluna_4 { width: 278px; height: auto; float: left; position: relative; text-align: left; }

footer p.titulo { padding-bottom: 15px; font: normal normal normal 16px/19px var(--font-bold); text-align: left; color: #FFFFFF; }
footer p.label_siganos { font: normal normal normal 16px/19px var(--font-bold); text-align: center; color: #FFFFFF; }
footer a { font: normal normal normal 14px/16px var(--font-regular); text-align: left; color: #FFFFFF; opacity: 1; }
footer a:hover { opacity: 0.5; color: #FFFFFF; }
footer img.icone_contatos { float: left; margin: 3px 10px 0px 0px; }
footer img.icone_de_lado { float: left; margin: 3px 10px 34px 0px; }

footer #rodape_redes { padding: 50px 0px 0px; float: left; height: auto; position: relative; width: 100%; background-color: transparent; }
footer #rodape_redes img { margin: -6px 5px -6px; }

footer #rodape_direitos { padding: 14px 0px; float: left; height: auto; position: relative; width: 100%; background-color: var(--cor-vermelho); }
footer #rodape_direitos img { margin: -9px 0px -9px 10px; }

#avatar-whats { opacity: 0; background: url("../image/link_whats.png") no-repeat scroll 0 0 transparent; bottom: 20px; display: block; height: 175px; position: fixed; right: -200px; width: 215px; z-index: 9400; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#avatar-whats:hover { opacity: 0.5; }

#interna_imagem_fundo { background: url(../image/fundo_topo.jpg) no-repeat center top transparent; float: left; height: 350px; position: relative; width: 100%; }

#quem_somos_missao_visao { padding: 75px 0px 70px; width: 100%; height: 350px; float: left; position: relative; background: url(../image/fundo_missao_visao.jpg) no-repeat center top #FFFFFF; }

.card_contatos { text-align: center; padding: 55px 1px; width: 31.33%; height: auto; min-height: 370px; float: left; position: relative; box-shadow: 5px 5px 5px #00000029; -webkit-box-shadow: 5px 5px 5px #00000029; border-radius: 8px; -webkit-border-radius: 8px; transition: 0.7s ease; -webkit-transition: 0.5s ease; background: #FFFFFF 0% 0% no-repeat padding-box; }
#card_contato_margin { margin: 0px 3%; }
.card_contatos h2 { font: normal normal normal 24px/29px var(--font-bold); text-align: center; color: var(--cor-azul); }
.card_contatos a { font: normal normal normal 24px/29px var(--font-regular); text-align: center; }
.card_contatos a.lk_email { font: normal normal normal 16px/19px var(--font-regular); text-align: center; }
.card_contatos img.icone_contato { margin: -4px 5px -4px 0px; }

#contato_mapa_formulario { width: 100%; height: 1210px; float: left; position: relative; }
#contato_mapa_formulario #contato_formulario { padding: 80px 100px; width: 1136px; height: auto; float: left; position: absolute; bottom: 80px; left: 50%; margin-left: -560px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0px 0px 15px #00000029; -webkit-box-shadow: 0px 0px 15px #00000029; }
#contato_mapa_formulario #contato_formulario .button { width: 100%; float: left; text-align: center; }

#posicao_pesquisa { margin-top: 50px; padding: 40px 38px; width: 100%; height: auto; position: relative; float: left; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000029; -webkit-box-shadow: 0px 0px 15px #00000029; border-radius: 8px; -webkit-border-radius: 8px; }
#posicao_pesquisa form p { padding-bottom: 10px; }
#posicao_pesquisa .button { width: 100%; }

#home_imoveis_venda { padding: 220px 0px 75px; }

#imoveis_foto { padding: 0px; width: 100%; height: auto; position: relative; float: left; }
#imoveis_foto .sombra { z-index: 2; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #222221 0% 0% no-repeat padding-box; opacity: 0.82; }
#imoveis_foto p.numero_mais_fotos { text-indent: initial; text-align: center; z-index: 3; width: 100%; height: auto; position: absolute; left: 0px; margin-top: -35.5px; top: 50%; font: normal normal normal 60px/71px var(--font-regular); color: #FFFFFF; }

.card_imovel_tipo_endereco { width: auto; height: auto; float: left; position: relative; margin-right: 10px; }
.card_imovel_tipo_endereco p { text-align: left; font: normal normal normal 20px/24px var(--font-regular); color: var(--cor-azul); }
.card_imovel_tipo_endereco img { margin: -1px 7px -1px 0px; }

a.imovel_foto_principal { margin: 25px 0px; font-size: 0px; background-color: #F5F5F5; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: block; text-decoration: none; padding: 0px; width: 100%; height: 600px; position: relative; float: left; }
a.imovel_foto_principal:hover { background-size: 110% auto; }

.card_caracteristica_imovel { width: 14.28%; height: auto; float: left; position: relative; }
.card_caracteristica_imovel p.label_decricao { text-align: left; font: normal normal normal 16px/19px var(--font-regular); color: var(--cor-azul); }
.card_caracteristica_imovel img { float: left; margin: 4px 10px 18px 0px; }

#imovel_texto_principal { width: 100%; height: auto; float: left; position: relative; padding-bottom: 25px; }
#imovel_texto_principal p.imovel_sub_titulo { font: normal normal normal 20px/24px var(--font-bold); text-align: left; padding: 0px 0px 12px; color: var(--cor-azul); }
#imovel_texto_principal .imovel_texto p { font: normal normal normal 16px/19px var(--font-regular); text-align: left; padding: 0px 0px; color: var(--cor-azul); }

#imovel_valor { width: 100%; height: auto; float: left; position: relative; }
#imovel_valor p.label_valor_imovel { font: normal normal normal 20px/39px var(--font-regular); text-align: left; padding: 0px 0px; color: var(--cor-textos); }
#imovel_valor p.label_valor_imovel span { font: normal normal normal 32px/39px var(--font-bold); text-align: left; padding: 0px 0px; color: var(--cor-vermelho); }
#imovel_valor p.label_imovel_financiado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; border: 1px solid var(--cor-vermelho); font: normal normal normal 16px/19px var(--font-bold); color: var(--cor-azul); }
#imovel_valor p.label_atencao_alteracao { font: normal normal normal 16px/19px var(--font-regular); text-align: left; color: var(--cor-textos); }
#imovel_valor p.label_atencao_alteracao b { font: normal normal normal 16px/19px var(--font-bold); color: var(--cor-vermelho); }

#imovel_caracteristicas { background-color: #FFFFFF; }
#imovel_caracteristicas .caracteristicas_gerais { width: 25%; height: auto; position: relative; float: left; padding: 0px 5px 20px 0px; text-align: left; }
#imovel_caracteristicas .caracteristicas_gerais p { text-align: left; font: normal normal normal 16px/19px var(--font-bold); letter-spacing: 0px; color: var(--cor-azul); }
#imovel_caracteristicas .caracteristicas_gerais p img { margin: -2px 8px -2px 0px; }

#imovel_formulario { padding: 75px 0px 70px; width: 100%; height: auto; float: left; position: relative; background: url(../image/imovel_fundo_formulario.jpg) no-repeat center bottom #272860; }
#imovel_formulario .coluna_1 { padding: 25px 0px 0px 0px; width: 50%; height: auto; float: left; position: relative; }
#imovel_formulario .coluna_1 h2 { padding-bottom: 10px; text-align: left; font: normal normal normal 50px/39px var(--font-bold); letter-spacing: 0px; color: #F9F9FF; }
#imovel_formulario .coluna_1 p.label_entre_em_contato { text-align: left; font: normal normal normal 32px/39px var(--font-regular); letter-spacing: 0px; color: #F9F9FF; }
#imovel_formulario .coluna_1 a.lk_contato { text-decoration: none; opacity: 1; text-align: left; font: normal normal normal 24px/29px var(--font-regular); letter-spacing: 0px; color: #FFFFFF; }
#imovel_formulario .coluna_1 a.lk_contato:hover { opacity: 0.5; }
#imovel_formulario .coluna_2 { width: 38%; height: auto; float: right; position: relative; }
#imovel_formulario .coluna_2 p { text-align: left; font: normal normal normal 24px/29px var(--font-regular); letter-spacing: 0px; color: #FFFFFF; }
#imovel_formulario .coluna_2 .button { float: left; border-color: var(--cor-vermelho); }
#imovel_formulario .coluna_2 .button:hover { border-color: #FFFFFF; background-color: #FFFFFF; color: var(--cor-azul); }

.label_venda_codigo { font: normal normal normal 15px/18px var(--font-regular); text-align: left; color: var(--cor-textos); }
.label_venda_codigo span { font: normal normal normal 15px/18px var(--font-bold); text-align: left; color: var(--cor-vermelho); }

#imovel_interna_frase_destaque { margin: 0px 0px 50px; padding: 10px 1px; background-color: var(--cor-vermelho); width: 100%; height: auto; float: left; position: relative; text-align: center; }
#imovel_interna_frase_destaque p { animation: blink 1s linear infinite; text-align: center; font: normal normal normal 24px/29px var(--font-bold); color: #FFFFFF; }

.corretores { width: 29.33%; margin: 0px 2% 15px; height: auto; position: relative; float: left; padding: 0px; text-align: center; }
.corretores img.foto { height: auto; width: 100%; text-align: center; -webkit-border-radius: 8px; border-radius: 8px; }
.corretores p.label_nome { color: #FFFFFF; text-align: center; }
.corretores a.label_telefone { color: #FFFFFF; text-align: center; }
.corretores a.label_telefone:hover { color: var(--cor-vermelho); }

#imovel_formulario .coluna_1 a.lk_whatsapp { padding: 10px 2px; width: 100%; margin: 0px; text-align: center; position: relative; float: left; text-decoration: none; background: #00D95F 0% 0% no-repeat padding-box; border-radius: 8px; -webkit-border-radius: 8px; text-align: center; font: normal normal normal 14/17 var(--font-regular); letter-spacing: 0px; color: #FFFFFF; }
#imovel_formulario .coluna_1 a.lk_whatsapp:hover { background-color: var(--cor-vermelho); }
#imovel_formulario .coluna_1 a.lk_whatsapp img { margin: -7px 6px -7px 0px; }