/* main background-color: #00288c; */
* { border: 0px; margin: 0px; padding: 0px; }
body { font-family: Calibri, Tahoma, Arial; font-size: 14pt; }
table { border-spacing: 0px; border: 0px; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a.branco { color: #fff; }
#full_header { width: 100%; background-color: #00288c; }
#header { width: 980px; margin: 0px auto; color: #fff; }
#header a { color: #fff; }
#header .header_logo { float: left; width: 35%; padding: 10px 0px 10px 0px; }
#header .header_icon { display: block; float: left; width: 30%; text-align: center; margin-top: 12px; font-size: 10px; }
#header .header_icon i.fab { font-size: 45px; }
#header .header_icon .link { font-size: 14px; font-style: italic; color: #bdcecf; padding-top: 3px; }
#header .header_info { float: right; padding-top: 4px; text-align: right; }
#header .header_info p { margin: 0px; padding: 2px 0px; }
#header .header_info .info { float: left; text-align: right; padding: 1px 2px; width: 140px; }
#header .header_info .label { display: inline-block; float: right; text-align: left; padding: 3px 3px 0px 3px; width: 140px; margin-left: 3px; font-size: 17px; color: #bdcecf; }
#header .header_info a.wapp { display: inline-block; float: right; text-align: left; padding: 1px 3px; width: 140px; font-weight: bold; margin-left: 3px; font-size: 15px; color: #bdcecf; }
#header .header_info a.wapp i { font-weight: normal; font-size: 20px; padding-right: 3px; }
#full_menu { width: 100%; background-color: #0054a6; }
#menu { width: 980px; margin: 0px auto; }
#menu a { display: inline-block; width: 192px; text-align: center; font-size: 16pt; font-weight: normal; text-decoration: none; color: #bdcecf; padding: 16px 0px; }
#menu a.off { color: #bdcecf; }
#menu a.destaque { color: #fff; }
#menu a:hover { text-decoration: none; color: #fff; }
#mainbody { width: 980px; margin: 0px auto; min-height: 650px; }
#full_footer { width:100%; bottom: 0px; left: 0px; background: #00288c; margin-top: 10px; }
#footer { width: 980px; margin: 0px auto; color: #fff; height: 90px; padding: 10px 0px 40px 0px; font-size: 12pt; }
.footer_logo { float: left; width: 60px; }
.footer_info { float: left; width: 35%; padding-top: 25px; line-height: 120%; }
.footer_contato { float: right; width: 46%; padding-top: 8px; text-align: left; line-height: 160%; }
.footer_contato span { padding-left: 5px; }
.footer_contato a { color: #bdcecf; font-weight: normal; font-size: 18px; }
.footer_contato a i { padding-right: 3px; }
#close { color: #fff; background-color: #f00; font-size: 11pt; padding: 4px 6px; text-align: center; width: 100px; }
#close:hover { background-color: #c00; }
#close a { text-decoration: none; color: #fff; }
.no-result { text-align: center; padding: 100px 0px; font-size: 18pt; color: #777; }
.browse { background-color: #0054a6; padding: 12px; color: #fff; margin-top: 20px; }
.browse div { display: inline-block; padding: 6px 3px; }
.browse a { font-weight: normal; font-style: italic; font-size: 12pt; color: #ff0; }
.browse img { margin-top: 1px; }
.browse td { padding: 4px; }
.browse input[type='text'] { width: 70px; border: 1px solid #00c; font: 12pt Arial; padding: 4px; margin: 0px 6px; }
/* home */
.random { padding-bottom: 20px; }
.home_destaques { display: block; float: left; width: 400px; height: 100%; margin-right: 50px; min-height: 100%; }
/* .home_imoveis { display: block; float: right; width: 530px; height: 100%; min-height: 100%;} */
.home_imoveis { height: 100%; min-height: 100%; }
.home_imoveis .imovel { display: block; padding: 10px; border: 1px dotted #00288c; float: left; width: 460px; height: 150px; margin-bottom: 20px; text-decoration: none; }
.home_imoveis .imovel .foto { float: left; width: 200px; height: 140px; background-repeat: no-repeat; background-size: contain; margin-right: 10px; }
.home_imoveis .imovel .foto img { max-width: 180px; max-height: 140px; }
.home_imoveis .imovel .data { float: left; }
.home_imoveis .imovel .data .linha1 { font-weight: bold; font-size: 14pt; }
.home_imoveis .imovel .data .linha1 a { color: #005; }
.home_imoveis .imovel .data .linha2 { font-size: 12pt; color: #444; }
.home_imoveis .imovel .data .linha3 { font-weight: bold; color: #444; }
.home_imoveis .imovel .data .linha4 span { font-weight: bold; font-size: 16pt; }
.home_imoveis .imovel .data .linha5 { color: #00288c; font-size: 16pt; font-weight: bold; padding: 4px 0px; }
.home_imoveis .imovel .data .linha6 a { font-weight: normal; font-style: italic; font-size: 11pt; }
/* .busca_home { background-color: #0054a6; font-weight: bold; color: #fff; padding: 20px 15px; } */
.busca_home { background-color: rgb(0, 88, 225, 0.8); color: #bdcecf; padding: 12px 15px; font-size: 18px; }
.busca_home input[type='text'] { border: 1px solid #000; padding: 4px; font: normal 11pt Arial; width: 99px; margin: 0px 6px; }
.busca_home input[type='submit'] { border: 1px solid #005; background-color: #00288c; color: #bdcecf; font-weight: bold; padding: 4px 14px; font-size: 10pt; }
.busca_home input[type='submit']:hover { background-color: #00a; }
.busca_home a { display: inline-block; font-size: 16px; margin-left: 40px; font-weight: normal; color: #ffff00; font-style: italic; }
#foto_large_cover { margin-bottom: 10px; }
.home_dicas { background-color: #efb; text-align: center; margin-top: 20px; font-size: 12pt; }
.home_dicas p { padding-top: 8px; }
/* detalhes */
.detalhe_titulo_descricao { float: left; font-size: 22pt; padding: 18px 0px; }
.detalhe_titulo_codigo { float: right; color: #00288c; font-size: 22pt; padding: 18px 0px; }
.detalhe_titulo_codigo span { font-size: 22pt; font-weight: bold; }
.detalhe_fotos { float: left; width: 650px; }
.detalhe_fotos img { max-width: 650px; max-height: 550px; }
.detalhe_fotos .thumbs_left { float: left; }
.detalhe_fotos .thumbs_left img {max-width: 120px; max-height: 90px; margin: 10px 10px 0px 0px; }
.detalhe_fotos .thumbs_right { float: right; }
.detalhe_fotos .thumbs_right img {max-width: 120px; max-height: 90px; margin: 10px 0px 0px 0px; }
.detalhe_dados { float: left; width: 250px; font-size: 12pt; }
.detalhe_dados .d_esq { /*float: left; width: 62%;*/ color: #007; font-size: 14pt; line-height: 160%; }
.detalhe_dados .d_esq b { font-size: 20pt; padding-right: 2px; }
.detalhe_dados .d_dir { /* float: left; width: 35%; */ font-style: italic; }
.detalhe_dados .row { padding: 4px 0px; }
.detalhe_dados .row_areas { margin-top: 10px; background-color: #dedede; padding: 15px; }
.detalhe_dados .row_areas b { font-size: 16pt; }
.detalhe_dados .valores { padding: 5px 0px; border-top: 1px dotted #00288c; }
.detalhe_dados .valores .esq { padding: 2px; }
.detalhe_dados .valores .dir { text-align: left; padding: 2px; font-weight: bold; color: #00288c; font-size: 20pt; }
/* .detalhe_dados .descricao { font-style: italic; padding: 20px 0px; min-height: 40px; } */
.detalhes_descricao { padding: 20px; margin: 0px; min-height: 200px; border: 1px dotted #0054a6; border-radius: 12px; float: right; width: 400px; font-size: 15px; }
.detalhes_descricao legend { color: #0054a6; font-size: 13px; padding: 0px 4px; }
.detalhes_contato { background-color: #0054a6; color: #fff; font-size: 18px; padding: 30px 20px; font-weight: normal; margin-top: 8px; }
.detalhes_contato a { color: #fff; }
.detalhes_contato a span { padding-right: 8px; }
.detalhes_contato p { font-size: 24px; margin-bottom: 8px; }
.detalhes_contato i.fab { font-size: 32px; padding-right: 8px; }
/* lista */
#imovel_busca { background-color: #00288c; padding: 0px 8px; }
#imovel_busca .title { font-size: 26pt; color: #bdcecf; padding: 6px 0px; }
#imovel_busca .title select { font: 12pt Arial; padding: 4px; margin-top: 6px; width: 220px; }
#imovel_busca .busca_form { padding: 8px 0px; font-size: 10pt; font-weight: normal; color: #fff; border-top: 1px dotted #fff; }
#imovel_busca .busca_form .campos { float: left; width: 820px; }
#imovel_busca .busca_form .campos div { display: block; float: left; padding: 6px 3px; width: 130px; }
#imovel_busca .busca_form .campos div.lbl { width: 95px; text-align: right; padding-top: 9px; }
#imovel_busca .busca_form select { border: 1px solid #fff; padding: 2px; width: 120px; }
#imovel_busca .busca_form option { padding: 2px 4px; }
#imovel_busca .busca_form input[type='text'] { border: 1px solid #fff; padding: 3px; width: 220px; }
#imovel_busca .busca_form .submit { float: right; text-align: center; width: 140px; padding-top: 4px; }
#imovel_busca .busca_form input[type='submit'] { border: 1px solid #005; background-color: #0054a6; color: #bdcecf; font-weight: bold; padding: 26px 18px; }
a.btnsearch { border: 1px solid #005; background-color: #00288c; color: #bdcecf; font-weight: bold; padding: 4px 22px; font-size: 14px; font-style: normal; text-decoration: none; margin-left: 10px; }
a.btnsearch:hover { background-color: #00a; }
#imovel_lista { }
.imovel_box { float: left; width: 300px; margin-bottom: 20px; margin-top: 20px; margin-right: 36px; border: 1px solid #00288c; background-color: #eee; }
.imovel_box.last { margin-right: 0px; }
.imovel_box .box_foto { }
.imovel_box .box_foto img { max-width: 300px; max-height: 300px; }
.imovel_box .box_info { padding: 6px; }
.box_linha1 { font-weight: bold; }
.box_linha2 { font-size: 11pt; font-weight: bold; color: #777; }
.box_linha3 { font-size: 12pt; }
.box_linha3 span { padding: 0px 2px; }
.box_linha4 { padding-top: 4px; }
.box_linha4 .valor { float: left; font-weight: bold; color: #00288c; font-size: 16pt; }
.box_linha4 .link { float: right; background-color: #00288c; font-size: 12pt; padding: 2px 8px; width: 90px; text-align: center; }
.box_linha4 .link a { font-weight: normal; color: #fff; }
.paginacao { text-align: center; padding: 15px; border: 1px solid #00288c; margin: 15px 0px; }
.paginacao div { display: inline-block; padding: 6px 12px; margin: 0px 12px 12px 0px; text-align: center; }
.paginacao_off { background-color: #ccc; border: 1px solid #ccc; }
.paginacao_on { border: 1px solid #0054a6; }
/* forms */
h1 { color: #00288c; }
h2 { color: #0054a6; border-bottom: 1px dotted #0054a6; font-weight: normal; font-style: italic; margin: 6px 0px 3px 0px; }
.form .row { margin-bottom: 2px; border-bottom: 1px solid #ccc; margin-bottom: 2px; }
.form .label { float: left; width: 30%; padding: 6px 3px 7px 0px; text-align: right; }
.form .field { float: right; width: 68%; padding: 4px; background-color: #fff; font-weight: bold; }
.form .field i { font-weight: normal; font-size: 24px; }
.form .ribbon { background-color: #dedeff; padding: 15px; text-align: center; margin: 10px 0px; border-top: 1px dotted #00288c; border-bottom: 1px dotted #00288c; }
.form input[type='text'] { border: 1px solid #000; padding: 4px; font: normal 12pt Arial; width: 600px; }
.form input[type='submit'] { border: 1px solid #005; background-color: #0054a6; color: #bdcecf; font-weight: bold; padding: 7px 14px; font-size: 11pt; }
.form input[type='submit']:hover { background-color: #00288c; }
.form .field p { font-weight: normal; font-style: italic; padding: 0px 8px 8px 3px; }
.form select { border: 1px solid #000; padding: 4px; font: normal 12pt Arial; width: 610px; }
.form textarea { border: 1px solid #000; padding: 4px; font: normal 12pt Arial; width: 600px; height: 200px; }
button.btn-submit { border: 1px solid #005; background-color: #0054a6; color: #bdcecf; font-weight: bold; padding: 7px 14px; font-size: 11pt; }
button.btn-submit:hover { background-color: #00288c; }
.mensagem { padding: 60px 0px; font-size: 16pt; }
.mensagem h2 { margin-bottom: 40px; }
.mensagem h2.erro { color: #f00; }
.mensagem p { margin: 0px; padding: 10px 0px; }
/* quem somos */
.imobiliaria { display: table; margin: 15px 0px 30px; }
.imobiliaria .f { float: left; width: 340px; display: table-cell; vertical-align: top; margin-right: 40px; text-align: right; }
.imobiliaria .f img { max-width: 340px; margin-bottom: 12px; }
.imobiliaria .t { float: left; width: 500px; display: table-cell; vertical-align: bottom; }
.imobiliaria p { padding: 4px 0px; }
#popup_destaque { background-color: #fcfae1; border: 1px solid #00288c; width: 900px; height: 600px; margin: 5% auto; }
#popup_destaque .popup_esq { float: left; width: 400px; margin-right: 20px; }
#popup_destaque .popup_dir { float: left; width: 475px; padding-top: 5px; }
#popup_destaque p { text-align: left; padding: 5px 0px; }
/* viewer */
#fade { position: fixed; top: 0px; left: 0px; background: url('../img/fade_white.png') repeat; width: 100%; height: 100%; text-align: center; z-index: 99; display: none; }
#container { width: 800px; margin: 1% auto 0 auto; }
#navigate { padding: 5px; background-color: #fff; margin-bottom: 10px; border: 1px solid #007; }
#navigate div.bullet { display: inline-block; margin: 0px 8px; padding-top: 4px; }
#viewport { width: 800px; max-height: 600px; overflow-y: auto; overflow-x: hidden; position: relative; border: 1px solid #007; }
#viewport img { width: 800px; max-height: auto; }
.nav_links { width: 75%; float: left; }
.nav_close { width: 10%; float: right; }