@charset "utf-8";
/* 
    Documento   : estrutura.css
    Criado      : 00/00/0000 00:00
    Modificado  : 00/00/0000 00:00

    Autor(es)   : Andre da Silva Severino


    Modificado por: Edson Kendi Maruyama
        

    Descrição   : Arquivo com a estrutura do site exclusivo
    Package     : web-files/css
*/

/* Topo */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap{width: 960px; margin: 0 auto;}

#wrap-topo{height: 240px;}
#wrap-topo #logo-topo{position: absolute; top: 20px;}
#wrap-topo #ico-atendimento{position: absolute; top: 20px; margin-left: 735px;}

#wrap-topo #menu{
    position: absolute;
    top: 180px;
    height:60px;
    z-index:999;
    left:0px;
    width:100%;
}

#wrap-topo #menu #menu-topo{width:960px; margin:0 auto;}

#wrap-topo #menu #menu-topo li.firstli{border-left: none; margin-left: 2px;}
#wrap-topo #menu #menu-topo li{
    list-style:none;
    float:left; 
    position:relative;
    margin:0px;
    border-left: 1px solid #ac922e;
}
#wrap-topo #menu #menu-topo li a:hover{background: #ac922e;}
#wrap-topo #menu #menu-topo li a{
    text-decoration: none;
    display: block;
    padding: 0px 13px;
    line-height:60px;
    color:#595959;
    font-weight:bold;
}

#wrap-conteudo{padding-bottom: 20px;}


#wrap-conteudo .conteudo{margin-top:  20px; padding-bottom: 80px;}
#wrap-conteudo #conteudo{margin-top:  20px; padding-bottom: 20px; min-height: 100%;}
#wrap-conteudo #conteudo-left{
    width: 636px;
}
#wrap-conteudo #conteudo-right{
    width: 310px;
}


#wrap-conteudo #box-ferramentas{background: #f6f7f9; width: 675px; height: 200px; margin-top: 40px;}
#wrap-conteudo #box-ferramentas  form.fleft{margin-left: 20px;}
#wrap-conteudo #box-ferramentas form.fright{margin-right: 20px;}

#wrap-conteudo #link-simular-financiamento{margin-top:40px;}
    #wrap-conteudo #link-simular-financiamento li{list-style:none; display:inline; margin-left:40px;}
    #wrap-conteudo #link-simular-financiamento li a:hover{text-decoration:none;}

#artigos p{height: 38px; line-height: 38px; vertical-align: top; padding-left: inherit; font-weight: bold;}

#inews {margin-top: 25px;}
#inews ul li{list-style-type:none; height: 60px!important;}
#inews ul li a{margin:4px 0px; padding:3px 0px; display: block;}
#inews ul li a span{font-weight:bold; display:block;}    


#wrap-conteudo ul.links-home{margin-top:30px; margin-left:0px;height:100px; width:960px;}
#wrap-conteudo ul.links-home li{list-style:none; float:left; position:relative; width:290px; height:60px; margin-bottom:10px;}
#wrap-conteudo ul.links-home li a{padding-left:54px;}
#wrap-conteudo ul.links-home li a span{display:block; padding-left:54px; padding-top:4px;}




#pesquisa-imoveis p{height: 38px; line-height: 38px; vertical-align: top; font-weight: bold;}
#pesquisa-imoveis{
    padding: 10px 15px;
    border-radius: 4px;
    width: 270px;
    height: 300px;
}
#artigos{
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 20px;
    width: 225px;
    height: 250px;
}


/* Rodapé */
#wrap-rodape{height:230px; clear:both;}

#wrap-rodape #under_rodape{height:40px; line-height:40px;}
#wrap-rodape #under_rodape #under_center{width:960px; margin:0 auto;}

#under_center #w3c_logo{position:absolute; padding-top:6px;}
#under_center #tiideal_logo{position:absolute; margin-left:890px; margin-top:14px; height:17px; line-height:17px;}


#box-tag{padding:10px 0px; margin:0 auto;width:960px;}
#box-tag p strong{padding-right:10px;}

#wrap-rodape #rodape{width:960px; height:210px;margin:0 auto;padding:10px 0px;}
    
#wrap-rodape #rodape div{width:200px; height:90%; padding:10px 0px;}
#wrap-rodape #rodape div#direito{width:290px;}
#wrap-rodape #rodape div#meio{width:390px;}
#wrap-rodape #rodape div#esquerdo{width:280px;}


#wrap-rodape #rodape h4{padding-bottom:6px;}
#wrap-rodape #rodape ul{margin-top:7px;}
#wrap-rodape #rodape ul li{list-style:none;}
#wrap-rodape #rodape ul li a{padding:4px 2px; display:block;}



#box-carregando-1, #box-carregando-2{ display:none; }




.clearfix:after {content:"."; display:block; height:0; clear:both; visibility: hidden; } 



.clearfix {display:inline;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}

/* 	
    STATUS:
    ERRO -> Mensagens de erro no sistema 
    OK	 -> Mensagens de sucesso no sistema 
    INFO -> Mensagens com informações sobre determinadas ações
*/


.status{ 
    padding:4px 0px 4px 24px; 
    margin:20px auto;
    border-radius:4px; 
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;
}
    .box-status p{font:11px Tahoma;}
    .box-status p strong, 
    .box-status p b{font:bold 12px Arial;}
	
#status_erro, 
.status_erro{ 
    background:url(../img/ico-erro-1.png) #FFCACA 4px center no-repeat; 
    border:1px solid #AE0000;	 
}
    #status_erro p, 
    .status_erro p{color:#B70000;}

#status_ok, 
.status_ok{ 
    background:url(../img/ico-ok-1.png) #D7FFEB 4px center no-repeat; 
    border:1px solid #00592D;
}
    #status_ok p, 
    .status_ok p{color:#006600;}

#status_info, 
.status_info{  
    background:url(../img/ico-info-1.png) #FF9 4px center no-repeat; 
    border:1px solid #FF0;
}
    #status_info p, 
    .status_info p{color:#666600;}	




.embed-container-gmapa { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 10px 0px; clear:both; }
.embed-container-gmapa iframe, .embed-container-gmapa object, .embed-container-gmapa embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** INICIO WHATSAPP ANIMADO **/

#fab-wpp {
    position: fixed;
    width: 64px;
    right: 2%;
    bottom: 5rem;
    z-index: 9998;
}

#fab-wpp a {
    z-index: 99999;
}

#fab-wpp .fab-action {
    transition: all 225ms ease-in-out;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 64px;
    height: 64px;
    background-color: #34AF23;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#fab-wpp .fab-action i {
    margin: 0 auto;
    color: #fff;
    font-size: 2.25rem;
}

#fab-wpp {
    width: 64px;
    height: 64px;
    transition: .3s;
}

#fab-wpp::after,
#fab-wpp::before {
    content: '';
    position: absolute;
    opacity: 0;
    border: 4px solid #34AF23;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    -webkit-border-radius: 50%;
    animation: WaveWhatsApp 1.5s ease infinite;
}

#fab-wpp::after {
    animation-delay: .5s;
}

#fab-wpp:hover::after {
    border: 4px solid #34AF23;
}

#fab-wpp:hover::before {
    border: 4px solid #34AF23;
}

@keyframes WaveWhatsApp {
    0% {
        transform: scale(0.5);
    }
    50% {
        opacity: 0.7;
    }
    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

/** FINAL WHATSAPP ANIMADO **/