@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*RESET - reseta e já cria algumas regras gerais */
*, *:before, *:after{
    /*inicializa as margens*/
    margin: 0;
    padding: 0;
    outline: 0;
    /*fonte padrão*/
    font-family: 'Roboto', serif;
    /*tamanho da fonte relativo ao navegador (16px))*/
    font-size: 1em;
    /*espessura da fonte*/
    font-weight: 400;
    /*altura das linhas*/
    line-height: 1.2;
    /*espaçamento entre os caracteres*/
    letter-spacing: 0em;
    /* assume o tamanho maximo da borda - dimensionamento caixa */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a { text-decoration:none; color: #1462A2; }

.inativa {display: none !important;}
.ativa {display: initial !important;}

.super_container { width:100%; margin:0; top:0; }
.header { width: 100%; }
.clear{ clear: both; }
.clearfix:before, .clearfix:after { content: " ";  display: table;  }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0 !important; }

::-webkit-input-placeholder { color: #F58634; font-size:14px; }
:-moz-placeholder { /* Firefox 18- */  color: #F58634; font-size:14px; }
::-moz-placeholder {  /* Firefox 19+ */ color: #F58634; font-size:14px; }
:-ms-input-placeholder { /* IE*/  color: #F58634; font-size:14px; }

.button{ background-color: #761B1B; color:#fff; text-align: center; border:0; cursor:pointer; padding:8px 15px; font-weight:300; font-size: 14px; border-radius: 5px 6px;  }
.button:hover { background-color: #fff; color: #761B1B; border: 1px solid #761B1B; }
.button_ok{ background-color:#1E1C15; color:#fff; text-align: center; border:0; cursor:pointer; padding:7px; }
.button_ok:hover { background-color: #1462A2; padding:7px; }

.icone{ font-size: 20px !important; color: #3A3A3A !important; font-weight: 300;}
.icone_branco{ font-size: 22px !important; color: #ffffff !important; }

.tam12{ font-size: 12px !important; }
.tam13{ font-size: 13px !important; }
.tam14{ font-size: 14px !important; }
.tam16{ font-size: 16px !important; }
.tam18{ font-size: 18px !important; }
.tam20{ font-size: 20px !important; }
.tam22{ font-size: 22px !important; }
.tam24{ font-size: 24px !important; font-weight: 300; color: #fff; }
.tam30{ font-size: 30px !important; }

.green{ color:green !important; }
.red{ color:red !important; }
.blue{ color:#426AA5 !important; }

.red_suave{ color: #EF5454 !important; }
.green_suave{ color: #00AA53 !important; }
.orange{ color: #DF8328 !important; }
.grecaptcha-badge {display: none;}

/* ---------------------------------TOPO ---------------------------*/
#topo { width:100%; background: rgba(20, 98, 162, 0.8); float:left; }
#topo:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: -1;
    background: url(../images/fundo-topo.jpg) top no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    background-attachment: fixed;
}
.container { max-width: 86%; margin:0 7%; }

.barra{ width: 100%; float:left; font-size: 18px; font-weight: 600; color: #1462A2; padding: 5px 0; background: #F58634; }
.barra .barra_telefone{ width: 25%; text-align: left; float: left; font-size: 1.1em; top: 50%; position: relative; transform: translateY(50%); }
.barra .barra_whatsapp{ width: 50%; text-align: center; float: left; font-size: 1.1em; }
.barra .barra_creci{ width: 25%; text-align: right; float: right; font-size: 1.1em; top: 50%; position: relative; transform: translateY(50%); }

.box1{ width:100%; float:left; text-align:center; font-size: 16px; font-weight: 400; }
.box1 .logo { padding: 20px 0; max-width: 100%; }

.box2{ width:100%; float:left; text-align:center; font-size: 18px; font-weight: 300; }

@media screen and (max-width: 900px) {
    .barra .barra_whatsapp { font-size: 0.9em; }
}

@media screen and (max-width: 860px) {
    .box1{ width:100%; text-align:center; padding: 0; }
    .box1 .logo { padding: 10px 0; }
    .box2{ width:100%; padding: 0; }
}

@media screen and (max-width: 780px) {
    .barra .barra_telefone { font-size: 0.9em; }
    .barra .barra_whatsapp { font-size: 0.8em; }
    .barra .barra_creci{ font-size: 0.9em; }
}

@media screen and (max-width: 660px) {
    .barra .barra_telefone { font-size: 0.8em; }
    .barra .barra_whatsapp { font-size: 0.7em; }
    .barra .barra_creci{ font-size: 0.8em; }
}

@media screen and (max-width: 600px) {
    .barra .barra_whatsapp { font-size: 0.5em; }
}

/*@media screen and (max-width: 600px) {
    #topo:after {
        background: url(../images/fundo-topo-mobile.jpg) top no-repeat;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: cover;
        background-attachment: fixed;
    }
}*/

@media screen and (max-width: 500px) {
    .barra .barra_telefone{ width: 50%; transform: none; }
    .barra .barra_whatsapp{ display: none; }
    .barra .barra_creci{ width: 50%; transform: none; }
}

@media screen and (max-width: 370px) {
    #topo .barra .barra_telefone { font-size: 0.7em; }
    #topo .barra .barra_whatsapp { font-size: 0.7em; }
    #topo .barra .barra_whatsapp svg { font-size: 1.2em !important; }
}

/* -------------- MENU -----------------*/
#menu_horizontal_full{ width:100%; float:right; display:block; margin-top:0; z-index: 1; opacity: 0.9; margin-bottom: 15px; margin-top: 10px;  } 
#menu_horizontal_full span{ display:none;}
#menu_horizontal_full #menu-icon{ display:none; }
#menu_horizontal_full .menu{ width:100%; margin:0 auto;  }
#menu_horizontal_full .menu ul{ display:block; margin:0; padding:0; z-index: 9; }
#menu_horizontal_full .menu ul li{ width:auto; display: inline-block; }
#menu_horizontal_full .menu ul li a{ text-decoration:none; text-transform: uppercase; font-size:0.85em; color:#FFF; font-weight: 600; display:block; padding: 30px 0 30px 30px; }
#menu_horizontal_full .menu ul li a:hover{ display:block; color:#1462A2; }
#menu_horizontal_full .menu ul li#esconde{ display:none; }

@media screen and (max-width: 950px) {
    #menu_horizontal_full .menu ul li a{ font-size:15px; }
}
@media screen and (max-width: 860px) {
    #menu_horizontal_full{ margin-bottom:10px; margin-top: -44px; } 
    #menu_horizontal_full span{ display:block;  font-size:1.6em; padding:5px; float:left; cursor:pointer;}
    #menu_horizontal_full #menu-icon{ display:block; color: #F58634; padding:3px; float: right; font-size: 26px; cursor:pointer;  }
    #menu_horizontal_full .menu{ width:100%; float:left;  }
    #menu_horizontal_full .menu ul{ display:none; }
    #menu_horizontal_full .menu ul li{ display:block; text-align:left; border-right:0; border-bottom:1px solid #F58634; }
    #menu_horizontal_full .menu ul li a{ display:block; border-radius:0px; padding: 6px 0 6px 4px; }
    #menu_horizontal_full .menu ul li a:hover{ }
}
@media screen and (max-width: 800px) {
    #menu_horizontal_full .menu ul li a{ font-size:14px; }
}

/* ---------------------------------BUSCA---------------------------*/
#container_busca { width:100%; background: rgba(20, 98, 162, 0.8); float: left; border-bottom: 4px solid #F58634; }
#container_busca .busca { width:100%; margin: 0 auto; float:left; text-align:left; }
#container_busca .busca .encontre { font-size: 18px; font-weight:600; color:#FFF; padding: 6px 0 8px 0; text-align: left; }

#container_busca .busca .input_ref{ 
    width:22% !important; margin-right: 3.6%; margin-bottom:1%; background-color: #f0f0f0; color:#1462A2; 
    font-size:14px; font-weight:500; border: 1px solid #F58634;
    padding:12px 8px; position: relative; top:1px; border-radius: 5px; 
}

#container_busca .busca .input_valor{ 
    width:22% !important; margin-right: 3.6%; margin-bottom:1%; background-color: #f0f0f0; color:#1462A2; 
    font-size:14px; font-weight:500; border: 1px solid #F58634;
    padding:12px 8px; position: relative; top:1px; border-radius: 5px; 
}
#container_busca .busca .input_valor.ultimo{ margin-right: 0; }

#container_busca .busca .buscar{ 
    padding:10px 14px; border:1px solid #fff; font-weight: 400; margin-bottom: 10px;
    color: #fff; background-color: #F58634; border-radius: 5px; 
} 
#container_busca .busca .buscar:hover{ background-color: #1462A2; border:1px solid #F58634; color: #F58634; } 

#container_busca .busca select{ 
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width:22%; margin-right: 3.6%; margin-bottom:1%; background-color: #f0f0f0;  color:#F58634; 
    font-size:14px; padding:12px 8px; font-weight:500; border: 1px solid #F58634;
    position: relative; top:1px; border-radius: 5px; 
}
#container_busca .busca select.ultimo{ margin-right: 0; }

@media screen and (max-width: 1190px) {
    #container_busca .busca .input_ref{ margin-right: 3.5%; }
    #container_busca .busca select{ margin-right: 3.5%; } 
    #container_busca .busca .input_valor{ margin-right: 3.5%; } 
}

@media screen and (max-width: 951px) {
    #container_busca .busca .input_ref{ margin-right: 3.4%; }
    #container_busca .busca select{ margin-right: 3.4%; } 
    #container_busca .busca .input_valor{ margin-right: 3.4%; } 
}

@media screen and (max-width: 790px) {
    #container_busca .busca .input_ref{ margin-right: 3.3%; }
    #container_busca .busca select{ margin-right: 3.3%; } 
    #container_busca .busca .input_valor{ margin-right: 3.3%; } 
}

@media screen and (max-width: 677px) {
    #container_busca .busca .input_ref{ margin-right: 3.2%; }
    #container_busca .busca select{ margin-right: 3.2%; } 
    #container_busca .busca .input_valor{ margin-right: 3.2%; } 
}

@media screen and (max-width: 600px) {
    #container_busca .busca { width: 100%; padding: 0; }
    #container_busca .busca .input_ref{ width:50% !important; }
    #container_busca .busca select{ width:100% !important; }
    #container_busca .busca .input_valor{ width:100% !important; } 
    #container_busca .busca .buscar { margin-top: 12px; margin-bottom: 8px; }
    .ms-options-wrap > button { width: 100% !important; }
}

@media screen and (max-width: 400px) {
    #container_busca .busca .encontre { font-size: 15px; }
}

/* --------------------------------- CONTEUDO  ---------------------------*/
#container_conteudo{ width:100%; background-color: #ffffff; float: left; }

/* --------------------------------- financiamento ---------------------------*/
.financiamento_container { 
    margin:0; width: 100%; clear: both; 
    background: url(../images/fundo-rodape.jpg) bottom no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    background-attachment: fixed;
    border-top: 4px solid #F58634; border-bottom: 4px solid #F58634; 
}
.financiamento { width: 86%; margin:0 7%; height: auto; overflow:hidden; padding-bottom:1em; }
.financiamento_titulo{ width: 100%; font-size: 1.6em; font-weight: 500; color: #fff; padding: 10px 0; text-align: center; }
.financiamento_simula{ width: 100%; padding: 5px 0; }
.financiamento_simula_item{ width: 18%; float: left; margin-right: 2.5%; }
.financiamento_simula_item img{ width: 100%; border-radius: 8px; }

/* ---------------------------------RODAPÉ ---------------------------*/
.container_rodape { 
    margin:0; width: 100%; clear: both; font-weight:400; 
    background: url(../images/fundo-rodape.jpg) bottom no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    background-attachment: fixed;
}

.rodape { width: 86%; margin:0 7%; height: auto; overflow:hidden; padding-bottom:1em; text-align:center; font-weight:300; padding-top: 1%; }
.rodape .traco{ width:80%; border-top: 3px solid #FFFFFF; padding: 10px 0;  margin-top: 5px;}

.menu_rodape{ width:22%; float: left; text-align:left; color: #FFF; font-weight:400;}
.menu_rodape span{ color: #FFFFFF; font-size:20px; font-weight: 500; padding-top: 10px; }
.menu_rodape ul{ list-style-type: none; margin: 0; padding: 0;  }
.menu_rodape li a{ display: block; text-align:left;  text-decoration: none; color: #FFF; padding-bottom: 12px;  }
.menu_rodape li a:hover{ opacity:0.9; color:#F58634; }


.endereco_rodape{ width:26%; float: left; color:#fff; text-align:left; font-weight:400; margin-right: 2%;}
.endereco_rodape span{ color: #FFFFFF; font-size:20px; padding-bottom:2px; font-weight: 500;  }
.endereco_rodape a{ color: #FFFFFF; text-decoration: none; }

.logo_rodape{ width:25%; float:left; text-align: left; font-weight:400; color: #ffffff; }  
.logo_rodape span{ color: #FFFFFF; font-size:20px; font-weight: 500; padding-top: 10px;  }
.logo_rodape img{ padding-right:9px;}
.logo_rodape ul{ list-style-type: none; margin: 0; padding: 0;  }
.logo_rodape li a{ display: block; text-align:left;  text-decoration: none; color: #FFF; padding:2px;  }
.logo_rodape li a:hover{ opacity:0.9; color:#F58634; }

.assinatura_rodape{ width: 100%; margin:0; text-align:left; font-size:12px; color:#FFF; font-weight:300;}
.assinatura_rodape a{ color:#FFFFFF; }

@media screen and (max-width: 930px) {
    .rodape{ padding:0; }
    .menu_rodape{ width:100%; text-align:center;}
    .menu_rodape ul{ margin-top: -34px; }
    .menu_rodape li a{ text-align:center; padding:4px;  }
    .endereco_rodape{ width:100%; text-align:center; border-right:0px; border-left:0px; margin-right: 0;}
    .logo_rodape{ width:100%; text-align:center; }
    .logo_rodape ul{ margin-top: -34px;  }
    .logo_rodape li a{ text-align:center; padding:3px;  }
    .assinatura_rodape{ text-align:center; margin-top: 30px; }

    .menu_rodape .traco{ text-align: center; margin: 5px auto; }
    .endereco_rodape .traco{ text-align: center; margin: 5px auto; }
    .logo_rodape .traco{ text-align: center; margin: 5px auto; }
}

@media screen and (max-width: 620px) {
    .financiamento_container { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
    .financiamento{ padding-bottom: 0; }
    .financiamento_titulo{ font-size: 1.4em; }
    .financiamento_simula_item{ width: 100%; margin: 0 0 10px 0; text-align: center; }
    .financiamento_simula_item img{ width: auto; }
    .container_rodape{ -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
}