/* CSS Document */
* {
    margin: 0 auto;
    padding: 0;
}

html{overflow-y: scroll !important;}
.clear {
    clear: both;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

#geralDif{margin: 0 auto; background-color: #efefef; width: 100%;}
#centerDif{margin: 0 auto; max-width: 1000px; padding: 1% 0 2.5% 0; width: 100%;}

 .texto-expo-titulo {
     font-family: 'Lato' !important;
     font-size: 20px !important;
     font-weight: normal;
}

 .texto-expo-titulo-preco-medio {
     font-family: 'Lato' !important;
     font-size: 20px !important;
     font-weight: normal;
     margin: 2% 0 0 0;
     color: #006699;
}
/*menu mobile*/
#geralMenuMob {
    position: absolute;
    left: -300px;
    max-width: 240px;
    width: 70%;
    height: 100%;
    background-color: #00457b;
    z-index: 10001;
    top: 0;
    overflow: hidden;
}
#linksMenu{float: left; width: 100%; margin: 2% 0 0 0;}
#linksMenu li {
    float: left;
    width: 100%;
    margin: 7% 0 0 0;
    list-style: none;
    padding: 0 0 6% 5%; 
    border-bottom: 1px solid #fff;
}
#linksMenu li a {
    text-decoration: none;
    color: #ffffff;
    font-family: 'roboto';
    font-weight: 300;
}

#btMenu{float: right; margin: 2% 2% 0 0; display: none;}
#btFechar{float: right; margin: 4% 4% 2% 2%;}

#bgMenu{position: absolute; background: rgba(0,0,0,0.799); width: 100%; height: 100%; z-index: 100; display: none; top: 0;}
/*menu mobile*/

#btFecharOpsIn {
    margin: 0.0% 1% 0.5% 0.5%;
    position: absolute;
    right: 0;
}
#backgroundBts{background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 100; left: 0; top: 0; display: none;}

#geralIconesOpsAnun {
    margin: 150px 0 0 0;
    background: #ffffff;
    width: 600px;
    height: 170px;
    position: fixed;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
}

#geralBoxAnun{margin: 0 auto; width: 600px; border: 0px solid;}

#geralIconesOpsConta {
    margin: 150px 0 0 0;
    background: #ffffff;
    width: 600px;
    height: 170px;
    position: fixed;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
}

.texto-preco-medio{width: 100%; margin: 1% 0 2% 0;}

#geralBoxConta{margin: 0 auto; width: 600px; border: 1px solid;}


.blocosIconInd{float: left; width: 25%; margin: 2% 0 0 5.9%;}
.iconOpcInd{float: left; width: 100%; text-align: center;}
.textOpcInd {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: 'lato';
    margin: 5px 0 10% 0;
}

#termoCadForm {
    float: left;
    width: 31%;
    font-size: 14px;
    font-weight: 400;
    margin: 21px 0 0 0px;
}
#formularioCad h2{float: left; width: 100%; margin: 3% 0 2% 0; color: #343434; font-weight: 400; text-align: center; font-family: 'Lato'; font-size: 24px;}

.titBlocoCenterPlanoTop {
    margin: 1% auto 1%;
    max-width: 1000px;
    width: 100%;
    font-family: 'Lato';
    font-weight: 100;
}


.blocLeftDif{float: left; width: 50%;}
.blocrightDif{float: left; width: 50%;}
.textDif {
    float: left;
    width: 100%;
    margin: 4% 0 0 0;
    color: #161616;
    font-family: 'roboto';
    font-size: 21px;
    font-weight: 300;
}

.textDif h3{
    font-size: 22px;
    font-weight: 300;
    float: left;
    margin: 5px 0 0 8px;
}

.textDif .iconVant{float: left;}


.respostaPerg{display: none; width: 100%; float: left; margin: 1% 0 0 0; font-weight: 600;}
.pergunFreq{float: left; width: 100%; margin: 2% 0 0 0; font-size: 14px;}
.boxPlanAc{float: left;}


#btLoginFace{margin: 5% auto 0; width: 300px;}
.bgLinhaLogin{background: url(../imagens/bgLinha-Login.jpg) repeat-x center;}
.textLinkDif{float: right; margin: 5px 18px 0 3px !important;}
.ocultDif{display: none;}
#conPlanDif{
    float: right;
    font-size: 14px;
    width: 32%;
    margin: 0 1% 0 0;
    min-width: 192px;
}
                        
.msgEncontrado{
    text-align: center;
    font-family: 'lato';
    font-size: 21px;
    font-weight: 300;
    margin: 5% 0 8%;
    line-height: 1.6;
}

.textMaiorEncon {
    font-size: 33px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin: 2% 0 1% 0;
}

#btSolicitarBusca{
    background: #F76802;
    margin: 20px auto;
    max-width: 150px;
}

.white-color{color: #ffffff;}

#conPlanDif a{float: right;}
#formasPag {
    margin: 0 auto 2%;
    max-width: 486px;
    width: 100%;
}
#textFormas {
    float: left;
    width: 100%;
    text-align: center;
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    font-family: 'roboto';
}
#imagensFormas {
    float: left;
    width: 100%;
    margin: 2% 0 0;
}

.colunaLinks {
    float: left;
    margin: 0 0 0 11%;
    width: 22%;
}

#abaAtendimentoApp{ position: fixed; top: 352px; width: 50px; right: 0; z-index: 99999;}
#abaAtendimentoApp .iconApp{float: right; margin: -5px 0 0 0;}
img{max-width: 100%;border: 0;vertical-align: middle;}
div:after, ol:after, form:after, ul:after, dl:after, p:after, header:after, section:after, article:after, footer:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}


#geralBtAnun {
    margin: 3.5% auto;
    max-width: 230px;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 0.7% 1.5% 0.6% 1.5%;
}

#textPlanBrAnun {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    font-family: 'lato';
    text-align: center;
    margin: 2% 0 0 0;
}

#btPlanBrAnun{float: left; width: 100%;}
#btPlanBrAnun a {
    float: left;
    width: 100%;
    background-color: #005aa0;
    border-radius: 3px;
    padding: 7% 0% 7% 0;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

#logoMenor{float: left; margin: 0.6% 0 0.6%;}

#btWhats{float: right; margin: 5px 15px 0 0; display: none;}

#geralNbusca{margin: 0 auto; height: 490px; width: 100%; background: url(../imagens/bgNbusca.webp);}
#gBuscaN{margin: 0 auto; width: 100%; max-width: 850px; border: 0 solid; }
.tituloNovoh{float: left; margin: 125px 0px 0px; width: 98%; text-align: center; font-size: 53px; font-family: 'Roboto', sans-serif; color: #ffffff; text-shadow: -2px 0px 5px #000000; font-weight: normal;}
#botoesG{float: left; margin: 14px 0 0 0; width: 100%; border: 0 solid;}
#selectsBusca {
    float: left;
    margin: 0 0 0 0;
    width: 100%;
    max-width: 850px;
}
#btAnunciar{float: right; margin: 0 0 0 0;  width: 100%;  max-width: 152px; }
#btAn{float: right; margin: 0 0 0 0;}
#geral-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    overflow: hidden;
}

.textPrecoPlanCan {
    float: left;
    width: 95%;
    text-align: center;
    color: #454545;
    font-family: 'Roboto', sans-serif;
    /* text-transform: uppercase; */
    font-size: 11px;
    padding: 0 3% 0 3%;
}

#geralBarra{width: 100%; max-width: 100%; margin: auto;height: 25px;}

#corpo-expo {
    margin: 0 auto;
    border: 0px solid #990000;
    max-width: 1230px;
    width: 100%;
    position: relative;
}

#barra-globo {
    margin: 0 auto;
    border: 0px solid #000000;
    background-color: #f3f3f3;
    text-align: center;
}

#topo-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    background-color: #ffffff;
    

}


/*alterado*/
#topo-expo-propietario {
    margin: 0 auto;
    border: 0px solid #000000;
    height: 165px;
}



#topo-conteudo-expo #logo-expo {
    float: left;
    border-right: 1px solid #bdbdbd;
    margin: 1.28% 0 1.8% 0;
    width: 14%;
    padding: 0 2% 0 0;
}


#topo-conteudo-expo #logo-expo-int{
    width: 10%;
    border: 0;
    margin: 1.2% 0 2% 0;
    /* position: relative; */
    z-index: 2;
    float: left;
}

#topo-conteudo-expo #slogan-expo {
    float: left;
    border: 0px solid #bdbdbd;
    margin: 1% 0 0 20px;
    line-height: 1.5;
}

#form-area-login {
    float: left;
    border: 0px solid #000000;
    margin: 15px 0 0 5px;
    width: 180px;
}

#form-area-login .close {
    float: right;
    border: 0px solid #000000;
    margin: 0 8px 0 0;
}

#form-area-login .link {
    float: left;
    border: 0px solid #000000;
    margin: 5px 0 0 33px;
}

.space {
    float: left;
    width: 23%;
    margin: 0px 28px 0 0;
}

#box-form-cadastre{float: left; width: 100%;}
.estilo-input-text-form-cadastre {width: 90%; padding: 0px; height: 30px; background-color:#f2f2f2; border:1px solid #ccc;}
.estilo-input-text-form-cadastre:hover {background-color: #ccc; border: 1px solid #ccc;}
.estilo-input-text-form-cadastre:focus {background-color: #ccc; border:1px solid #ccc;}
.estilo-textarea-form-cadastre { width: 100%; height: 100px; padding: 5px; background-color:#f2f2f2; border:1px solid #ccc; }
.estilo-textarea-form-cadastre:hover {background-color: #ccc; border:1px solid #ccc;}
.estilo-textarea-form-cadastre:focus {background-color: #ccc; border:1px solid #ccc;}
#box-form-cadastre fieldset { width: 100%; padding-left: 0; margin-top: 10px;  border:0;}
#box-form-cadastre fieldset label {float:left; width: 32%; margin: 4px 0.6% 2%; text-align: left; border:0;}
#box-form-cadastre fieldset .error {font-family: verdana; font-size:11px; color: #9B0404; float: left;}
.botao-custom{background: #171717; color: #ffffff; border: 0px; width: 110px; height: 45px; cursor: pointer;}
#box-form-cadastre legend{font-weight: bold; font-size: 18px; margin: 10px 0 0 0; width: 100%;}



#geralBoxPlano{float: left; width: 980px; border: 0 solid; margin: 20px 0 0 0;}
.boxPlano{float: left; width: 230px; height: 230px; border: 1px solid #dedede; margin: 0px 13px 0px 0px; }
.topBoxPlano{float: left; width: 100%; height: 74px; background: url(../imagens/bgTopPlano.png); }
.topBoxPlano p{float: left; margin: 10px 0 0 0; font-family:"alleritalic"; color: #ffffff; font-size: 34px; width: 100%; text-align: center;}
.textoP{float: left; margin: 12px 0 0 30px; font-size: 21px; font-family:"alleritalic"; color: #666666;}
.textoM{float: left; margin: 5px 0 0 30px; font-size: 34px; font-family:"arial"; color: #000000; font-style: italic;}
.topBoxPlano .pMenor{float: left; margin: 5px 0px 0px 35px; font-family:"alleritalic"; color: #ffffff; font-size: 22px; line-height: 1.2; width: 70%; text-align: center;}
.btSaibaPlan{float: left; width:100%; text-align: center; margin: 18px 0 0 0;}

#login-expo {
    float: left;
}

#login-expo .menor {
    float: left;
    border: 1px solid #CCCCCC;
    width: 140px;
    height: 14px;
    margin: 0 0 0 0;
    font-family: 'Roboto', sans-serif;
    padding: 5px;
    color: #666666;
}

#login-expo div {
    border: 2px #e3e3e3 solid;
    float: left;
    margin: 5px 0 0 20px;
    font-family: 'Roboto', sans-serif;
}

#login-expo .botao {
    border: 0;
    float: right;
    width: 75px;
    height: 22px;
    margin: 5px 5px 0 0;
    background-color: #f76802;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    cursor: pointer;
}

/*CONTA-EXPOIMOVEL*/
#links-topo {
    width: 1230px;
    float: right;
    color: #FFFFFF;
    margin: 2px 20px 0 0;
    border: 0px solid #000000;
}

#links-topo .link-left {
    float: left;
    color: #FFFFFF;
    border: 0px solid #000000;
    width: 450px;
    margin: 1px 0 0 3px;
}

#links-topo .link-right {
    float: right;
    color: #FFFFFF;
    border: 0px solid #000000;
    margin-right: -30px;
}

#area-conta {
    width: 203px;
    height: 171px;
    background: url(../imagens/bg-login-expo.png) repeat-x;
    display: none;
    z-index: 1000;
    position: absolute;
    top: 64px;
    margin: 0 0 0 748px;
    *margin: 0 0 0 -200px;
}

a.link-topo-conta:link,a.link-topo-conta:visited {
    border: 0px solid #000000;
    padding: 0 15px 0 15px;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

a.link-topo-conta:hover {
    text-decoration: none;
    color: #ffffff;
}

a.link-topo-conta:active {
    text-decoration: none;
}

a.conta-expo:link,a.conta-expo:visited {
    border: 0px solid #000000;
    padding: 0 15px 0 15px;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

a.conta-expo:hover {
    text-decoration: none;
    color: #ffffff;
}

a.conta-expo:active {
    text-decoration: none;
}
/*END CONTA-EXPOIMOVEL*/
#estados-expo {
    float: right;
    border: 0px solid #000000;
    width: 100%;
    margin: 13px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #4192d0;
}

#estados-expo .select-texto {
    float: left;
    border: 0px solid #000000;
    margin: 3px -10px 0 0
}

#estados-expo select {
    float: right;
    border: 0px solid #000000;
    background-color: #e3eff8;
    height: 25px;
    width: 110px;
    font-size: 13px;
    text-align: left;
    color: #4192d0;
    font-family: 'Roboto', sans-serif;
/*  font-weight: bold
 */}

/*REDES-SOCIAIS*/
#redes-sociais-expo {
    float: right;
    border: 0px solid #000000;
    width: 100%;
    margin: 7px 0 0 0;
}

#compartilhe-site {
    float: left;
    border-right: 1px solid #999999;
    width: 120px;
}

#compartilhe-site .link {
    float: left;
}

#compartilhe-site .icone {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 0 5px
}

#redes-expo {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 0 0;
    width: 100%;
}

#redes-expo .icone {
    float: left;
    border: 0px solid #000000;
    margin: 0 9% 0 0;
}
/*END REDES-SOCIAIS*/

/*MENU-PRINCIPAL*/
#menu-expo {
    width: 1000px;
    height: 30px;
    float: left;
    border: 0px solid #000000;
    margin: 22px 0 0 0;
}

ul#menu-expoimovel {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu-expoimovel li {
    padding-top: 9px;
    padding-right: 16.5px;
    float: left;
    display: inline;
    color: #404040;
    font-family: 'Roboto', sans-serif;
}

ul#menu-expoimovel li a {
    color: #404040;
    font-size: 15px;
    text-decoration: none;
    display: block;
}

ul#menu-expoimovel li a:hover {
    color: #00589f;
    display: block;
}
ul#menu-expoimovel-proprietario {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu-expoimovel-proprietario li {
    padding-top: 9px;
    padding-right: 16.5px;
    float: left;
    display: inline;
    color: #404040;
    font-family: 'Roboto', sans-serif;
}

ul#menu-expoimovel-proprietario .barra {
    padding: 7px 35px 0 0 !important;
    float: left;
    display: inline; 
    color: #404040;
    font-family: 'Roboto', sans-serif;
}

ul#menu-expoimovel-proprietario li a {
    color: #FFFFFF;
    font-size: 15px;
    text-decoration: none;
    display: block;
}

ul#menu-expoimovel-proprietario li a:hover {
    color: #00589f;
    display: block;
}




/*END MENU-PRINCIPAL*/

/*SUBTOPO*/
#topo-inferior-expo {
    margin: 0 auto;
    text-align: center;
    width: 1230px;
    min-height: 350px;
}

#busca-expo {
    float: left;
    border: 0px solid #000000;
    margin: 19px 0 0 0;
    width: 353px;
    height: 332px;
}

/*BOX-APLICATIVO*/
.linha-divisor {
    float: left;
    background: url(../imagens/linha-divisor.png) repeat-x;
    width: 325px;
    height: 2px;
    margin: 7px 0 0 13px;
}

#box-aplicativo-site {
    float: right;
    margin: 19px 0 0 0;
}

#box-aplicativo-expo {
    float: right;
    border-top: 3px solid #005aa0;
    width: 185px;
    height: 332px;
    background-color: #f3f3f3;
    margin: 0px 0 0 0;
}

#box-anuncio-diamante  {
    float: right;
    border-top: 3px solid #005aa0;
    width: 190px;
    height: 332px;
    background-color: #f3f3f3;
    margin: 0px 0 0 0;
}

#box-aplicativo-expo .imagem-cel {
    float: left;
    width: 185px;
    border: 0px solid #000000;
    margin: 20px 0 0 0;
    text-align: center;
}

#box-aplicativo-expo .imagem-edf {
    float: left;
    width: 185px;
    border: 0px solid #000000;
    margin: 10px 0 -15px 0;
    text-align: center;
}

.box-anuncio-imagem{
    display: table;
    height: 206px;
     text-align: center;
    width: 130px;
}

.box-anuncio-imagem-peq {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.imagem-anuncio{
   max-height: 205px;
    max-width: 160px;
}

#box-anuncio-diamante .texto-descricao-anuncio{
    float: left;
    width: 185px;
    border: 0px solid #000000;
    margin: 4px 0 0 0;
    text-align: center;
}

#box-aplicativo-expo .texto-aplicativo {
    float: left;
    width: 185px;
    border: 0px solid #000000;
    margin: 25px 0 0 0;
    text-align: center;
}

#box-icone {
    float: right;
    width: 165px;
    border: 0px solid #000000;
    margin: 2px 0 0 0;
    text-align: center;
}

#box-icone .icone {
    border: 0px solid #000000;
    margin: 0 10px 0 0;
}
/*END BOX-APLICATIVO*/

/*BOX-ANUNCIO*/
#box-anuncio-expo {
    float: left;
    margin: 19px 0 0 27px;
    border-top: 3px solid #005aa0;
    width: 353px;
    height: 250px;
    background-color: #f3f3f3;
}

#box-anuncio-preco {
    float: left;
    width: 353px;
    height: 215px;
    border: 0px solid #000000;
    margin: 8px 0 0 0;
}

#box-anuncio-preco .texto-proprietario {
    width: 110px;
    float: left;
    border: 0px solid #000000;
    margin: 10px 0 0 12px;
    text-align: right
}

#box-anuncio-preco .icone-anuncio {
    width: 115px;
    float: left;
    border: 0px solid #000000;
    margin: 12px 0 0 0;
    text-decoration: none;
}

#box-anuncio-preco .texto-corretor {
    width: 96px;
    float: left;
    border: 0px solid #000000;
    margin: 10px 0 0 0;
    text-align: left;
}

#box-anuncio-preco .texto-anuncio {
    width: 250px;
    float: left;
    margin: 4px 0 0 50px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border: 0px solid #003399;
}

#anuncie{float:left; width: 353px; text-align: center; margin: 30px 0 0 0; background: url(../imagens/bgBtAnuncie.png) repeat-x;}

#geralInforEst{float: right; width: 11.8%;}

a.gExpoSite:link, a.gExpoSite:visited { text-decoration: underline; font-family: 'arial';}
a.gExpoSite:hover {text-decoration: none;}
a.gExpoSite:active {text-decoration: none;}

.c-blueExpo{color: #005aa0;}

#box-anuncio-preco .texto-anuncio p {
    width: 250px;
    margin: 8px 0 0 0;
    border-top: 1px solid #003399;
    padding: 1px;
}

#box-pagamentos {
    float: left;
    width: 353px;
    margin: -30px 0 0 0;
    border: 0px solid #000000;
    height: 52px;
    background-color: #F3F3F3;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

#box-pagamentos .texto-pagamento {
    float: left;
    width: 70px;
    border: 0px solid #000000;
    margin: 10px 0 0 10px;
}

#box-pagamentos .cartoes {
    float: left;
    width: 262px;
    border: 0px solid #000000;
    height: 48px;
    margin: 4px 0 0 7px;
    text-align: left
}

#box-pagamentos .cartoes img {
    border: 0px solid #000000;
}

#botao-detalhe {
    float: left;
    background-color: #FFFFFF;
    text-align: right;
    border: 0px solid #000000;
    width: 353px;
}

#bt {
    float: right;
    background-color: #f76802;
    height: 31px;
    width: 93px;
    text-align: center;
    margin: 0 0 0 3px;
}

#bt .texto {
    text-align: center;
    border: 0px #000000 solid;
    float: left;
    margin: 3px 0 0 10px
}
/*END BOX-ANUNCIO*/
.icone-box-subtopo-expo {
    float: left;
    border: 0px solid #000000;
    margin: 8px 5px 0 12px;
    text-decoration: none;
}

.titulo-box-subtopo-expo {
    float: left;
    border: 0px solid #000000;
    margin: 6px 0 0 0;
    line-height: 1.0;
    text-align: left
}
/*END SUBTOPO*/

/*CONTEUDO ESQUERDO*/
#coluna-left-expo {
    float: left;
    border: 0px solid #000000;
    width: 80%;
}

#banner-publicitario {
    float: left;
    border: 0px solid #000000;
    margin: 4% 0 0 0;
    width: 75%; 
    background: #ffffff !important; 
}

#botaoAnuBarra {
    float: right;
    background: #ff5a00;
    padding: 0.2% 2% 0.2% 2%;
    font-size: 14px;
    font-family: 'Roboto';
    width: 8.5%;
    text-align: center;
  
}

#botaoAnuBarra-m {
    float: right;
    background: #006cc0;
    padding: 1.5% 2% 1.3% 2%;
    font-size: 14px;
    font-family: 'Roboto';
    width: 8.5%;
    text-align: center;

}


#iconApp {
    float: left;
    width: 27%;
}
#linkApp {
    float: left;
    width: 72%;
    margin: 3% 0 0 1%;
}


#botaoApBarra {
    float: right;
    background: #3386c6;
    padding: 0px 2% 0 0.5%;
    font-size: 13px;
    font-family: 'Roboto';
    width: 19%;
    min-height: 29px;
}



#banner-aplicativo {
    float: right;
    border: 0px solid #000000;
    margin: 4% 0 0 0;
    width: 24%; 
}


#banner-publicidade {
    float: right;
    border: 0px solid #000000;
    margin: 4% 0 3% 0;
    width: 100%;    
}

#destaque-index-expo {
    float: left;
    border: 0px solid #000000;
    margin: 3% 0 0 0;
    width: 100%;
    overflow: hidden;
}

#conteudo-plugin-expo {
    float: left;
    border: 0px solid #000000;
    margin: 5px 0 0 0;
    width: 110%;
}

#conteudo-premium-expo {
    float: left;
    border: 0px solid #000000;
    margin: 14px 0 0 0;
    max-width: 730px;
    width: 100%;    
    background-color: #f3f3f3;
    padding: 0 0 2% 0;
}

.box-logo-premium {
    border: 0px solid #000000;
    margin: 10px 0 0 10px;
    width: 134px;
    height: 72px;
    text-align: center;
    background-color: #FFFFFF;  
    display: table;
    float:left;
}

.box-logo-premium-child {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}

.logo-premium {
    max-height:66px; 
    max-width:128px;    
    
}

#conteudo-meucarango-expo {
    float: left;
    border: 0px solid #000000;
    margin: 15px 0 0 0;
    width: 730px;
    height: 120px;
}

#conteudo-banner-aplicativo {
    float: left;
    border: 0px solid #000000;
    margin: 15px 0 0 0;
    width: 730px;
    height: 120px;
}

/*END CONTEUDO ESQUERDO*/
#coluna-right-expo {
    float: right;
    border: 0px solid #000000;
    margin: 35px 0 0 0;
    width: 20%;
}

#banner-lateral-direito {
    float: left;
    margin: -10px 0 0 0;
}

/*EXPOINDICE*/
#expo-indice {
    float: left;
    width: 186px;
    height: 360px;
    margin: 30px 0 0 0;
    border: 0px solid #000000;
    background-color: #f3f3f3;
    font-family: 'Roboto', sans-serif;
}

#box-titulo-indice {
    float: left;
    width: 186px;
    height: 35px;
    margin: 0 0 0 0;
    border: 0px solid #000000;
    background-color: #005aa0;
}

#box-titulo-indice .titulo-texto {
    float: left;
    width: 186px;
    margin: 5px 0 0 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px
}

#expo-indice .texto {
    float: left;
    width: 186px;
    border: 0px solid #000000;
    text-align: center;
    font-size: 15px;
    margin: 5px 0 0 0;
    color: #666666
}

#expo-indice .grafico {
    float: left;
    width: 186px;
    border: 0px solid #000000;
}

#expo-indice .sub-texto {
    float: left;
    width: 186px;
    border: 0px solid #000000;
    font-size: 12px;
    color: #FF6600;
    text-align: center;
}

#mais-detalhe-index {
    float: left;
    width: 186px;
    border: 0px solid #000000;
    margin: 19px 0 0 0;
}

#mais-detalhe-index .icone {
    float: right;
    border: 0px solid #000000;
}

#mais-detalhe-index .link {
    float: right;
    border: 0px solid #000000;
    margin: 0 5px 0 0;
}
/*END EXPOINDICE*/
.box-titulo-expo {
    float: left;
    width: 100%;
    border-bottom: 0 solid #bdbdbd;
    height: 50px;
    margin: 0 0 0.5% 0;
}

.titulo-icone-expo {
    float: left;
    border: 0px solid #000000;
    width: 45px;
}

.titulo-pagina-expo {
    float: left;
    border: 0px solid #000000;
    margin: 2px 0 0 0;
    line-height: 0.9;
    text-align: left;
    width: 100%;
    text-align: center;
}
.titulo-pagina-expo h2{font-weight: 300; font-family: 'Roboto', sans-serif; font-size: 32px; }
.mais-detalhes {
    float: right;
    margin: 23px 0 0 0;
    border: 0px solid #000000;
}

.mais-detalhes .texto-link {
    float: left;
    border: 0px solid #000000;
    margin: 5px 7px 0 0;
}

.mais-detalhes .icone-mais {
    float: left;
    border: 0px solid #000000;
}

a.link-mais:link,a.link-mais:visited {
    text-decoration: none;
    color: #5e5e5e;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

a.link-mais:hover {
    text-decoration: none;
    color: #5e5e5e;
}

a.link-mais:active {
    text-decoration: none;
}

/*RODAPE*/
#rodape-expo {
    margin: 0 auto;
    border: 0 solid #4591cb;
    border-left: 4px solid #005aa0;
    border-right:4px solid #005aa0;
    border-bottom: 4px solid #005aa0;
    background-color: #005b94;

}

#rodape-expo-m {
    margin: 0 auto;
    border: 0 solid #4591cb;
    border-left: 0 solid #005aa0;
    border-right:0 solid #005aa0;
    border-bottom: 0 solid #005aa0;
    background-color: #004978;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    bottom: 0;

}
#rodape-menor{position: initial; bottom: 0; width: 100%;}
#corpo{margin: 0 auto;}
.bottom{position: absolute !important; bottom: 0;}
#logoRod{float: left;}
#textCopy {
    float: left;
    color: #638eaa;
    margin: 1.5% 0 0 2%;
    font-size: 13px;

}

#termo {
    float: right;
    margin: 1.5% 0 0 0;
    font-size: 15px;
    font-weight: 300;
    font-family: Lato;
}

#anuncie-agora{float: left; margin: 0 0 0 0;}
#anuncie-agora-interno{float: left; margin: 0 0 10px 30px;}

#filtragem_de_busca{float: left;}

#rodape-conteudo-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    max-width: 1230px;
    width: 100%;
}
/*MENU RODAPE*/
.titulo-coluna-rodape {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 3% 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #c4e2fc;
    width: 100%;
    font-weight: 300;
    text-transform: uppercase;
}

#coluna-rodape-expo-maior {
    width: 220px;
    background-repeat: no-repeat;
    float: left;
    border: 0px solid #000000;
    margin: 10px 0 0 0;
}

.coluna-rod-men {
    width: 20%;
    background-repeat: no-repeat;
    float: left;
    border-left: 1px solid #4095cb;
    margin: 1.5% 0 1.5% 0;
    padding: 0 0 0 4%;
    height: 170px;
}

#coluna-rodape-expo-menor {
    width: 180px;
    background-repeat: no-repeat;
    float: left;
    border: 0px solid #000000;
    margin: 10px 0 0 0;
}

.coluna-rod {
    width: 50%;
    background-repeat: no-repeat;
    float: left;
    /* border-right: 1px solid #4095cb; */
    margin: 1.5% 1% 0 0;
}

ul#menu-rodape-expoimovel {
    border:0px solid #000;
    float:left;
    width: 100%;
}

ul#menu-rodape-expoimovel li {
    width: 30%;
    padding-top: 0px;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 0 0 4% 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}


ul#menu-rodape-expoimovel li a {
    color: #ffffff;
    font-size: 14px;
    display: block;
    font-weight: 300;
}

ul#menu-rodape-expoimovel li a:hover {
    color: #ffffff;
    display: block;
}




ul#menu-rodape-expoimovel2 {
    border:0px solid #000;
    float:left;
    width: 100%;
}

ul#menu-rodape-expoimovel2 li {
    width: 30%;
    padding-top: 0px;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 0 0 4% 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}


ul#menu-rodape-expoimovel2 li a {
    color: #ffffff;
    font-size: 14px;
    display: block;
    font-weight: 300;
}

ul#menu-rodape-expoimovel2 li a:hover {
    color: #ffffff;
    display: block;
}


.titulo-coluna-rodape-pag {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 3% 0;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    color: #005aa0;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
}

ul#menu-rodape-expoimovel-pag {
    border:0px solid #000;
    float:left;
    width: 100%;
}

ul#menu-rodape-expoimovel-pag li {
    width: 100%;
    padding-top: 0px;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 0 0 4% 0;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}


ul#menu-rodape-expoimovel-pag li a {
    color: #333333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    font-weight: 300;
}

ul#menu-rodape-expoimovel-pag li a:hover {
    color: #003d6d;
    display: block;
}

.geralIconRod{float: left; width: 100%; margin: 6% 0 0 0;}
.geralIconRod .titGRod {
    width: 20%;
    float: left;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 5% 0 0 0;
    margin: 0 5% 0 0;
}
.geralIconRod .iconeRod{float: left; margin: 0 5% 0 0;}

ul#menu-rodape-expoimovel2 {
    border:0px solid #000;
    float:left;
    width: 100%;
}

ul#menu-rodape-expoimovel2 li {
    width: 100%;
    padding-top: 0px;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 1% 0 4% 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}

ul#menu-rodape-expoimovel2 li a {
    color: #ffffff;
    font-size: 13px;
    display: block;
    font-weight: 300;
}

ul#menu-rodape-expoimovel2 li a:hover {
    color: #ffffff;
    display: block;
}


#geralSubRod{margin: 0 auto; width: 100%; background-color: #004978;}
#centerSubRod{margin: 0 auto; max-width: 1230px; width: 100%;}
#centerSubRod p{float: left; margin: 1.5% 0 0 1%; color: #ffffff; font-size: 14px;}

#logoRod{margin: 1% 0 1% 0; float: left;}

/*END MENU RODAPE*/
#importante-rodape-expo {
    float: left;
    max-width: 1230px;
    width: 100%;
    height: 100px;
    background-color: #4192d0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0 20px 0;
}

#importante-rodape-expo .img {
    float: left;
    border: 0px solid #000000;
    margin: 25px 10px 0 18px;
}

#importante-rodape-expo .titulo-importante {
    float: left;
    max-width: 850px;
    width: 100%;
    border: 0px solid #000000;
    font-size: 22px;
    margin: 5px 0 0 0;
}

#importante-rodape-expo .texto-importante {
    float: left;
    max-width: 850px;
    width: 100%;
    border: 0x solid #000000;
    font-size: 12px;
    margin: 5px 0 0 0;
}
/*END RODAPE*/
.anuncie-link{text-decoration: none;}
a.geral-link-site:link,a.conta-expo:visited {
    border: 0px solid #000000;
    text-decoration: none;
    float: left
}

a.geral-link-site:hover {
    text-decoration: none;
}

a.geral-link-site:active {
    text-decoration: none;
}

.fonte-grande {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
}

.fonte-media-22 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

.fonte-media {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

.fonte-media2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}


.fonte-pequena-18 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.fonte-pequena-16 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.fonte-pequena-14 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.fonte-pequena-12 {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.fonte-pequena-11 {
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
}

.fonte-pequena-10 {
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
}

.font-negrito-expo {
    font-weight: bold;
}

.font-normal-expo {
    font-weight: normal;
}

.color-blue-expo {
    color: #01589f;
}

.color-bla-expo {
    color: #171717;
}


.color-orange-expo {
    color: #FF6600;
}

.color-gray-expo {
    color: #5e5e5e;
}

.color-white-expo {
    color: #ffffff;
}

#botoes {
    height: 31px;
}

#botoes input {
    height: 31px;
    width: 275px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
}

#botoes #anunciar-agora {
    background: #006699;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    width: 120px
}

#topo-conteudo-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    width: 100%;
    max-width: 1230px;
    height: auto;
}


#btMenuMobi{display: none;}


#nav-trigger {
  display: none;
  text-align: center; 

}
  #nav-trigger span {
    display: inline-block;
    padding: 10px 0;   
    color: white;
    cursor: pointer;
    text-transform: uppercase; 
    margin: 0.5% 1% 0 0;
    float: right;
}
   

ul#primary-nav ul { border: 0px solid #ccc; display:inline; float:left;}
ul#primary-nav ul {  display: none; position:absolute; z-index: 1000; width: 180px; border: 0px solid #000000; margin: 45px 0 0 -7px; }
ul#primary-nav li ul li a {width: 172px; float: left; border-bottom: 1px solid #fff; margin: 0 0 0 0; background-color: #333333; font-size: 12px; padding: 10px 30px; color: #FFFFFF;} /* Sub Menu Styles */
ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; color:#ffffff; } /* The magic */



   
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }


nav#nav-main {

   float: left;
  padding: 0.5% 0 0.5% 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
   
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    font-family: 'Roboto', sans-serif, sans-serif; font-size: 15px; font-weight: normal;
    text-decoration: none;
    display: block;
    color: #000000;
    padding: 10px 0; }
   

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #666666; 
    z-index: 1000;
}
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 0;
    border-bottom: solid 1px #333333; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; 
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}
    nav#nav-mobile a:hover {
    
      color: #fff; }

/* =Media Queries
-------------------------------------------------------------- */

#anuciarMob{display: none;}
#redesMobRod{display: none;}


@media all and (max-width: 855px) {

ul#primary-nav li ul li a{width: 100%; padding: 10px 0;}
ul#primary-nav ul {
  display: none;
  position: inherit !important;
  z-index: 1000;
  width: 100%;
  border: 0px solid #000000;
  margin: 0 0 0 0;
}
.logoPort-r{float: left; margin: 3% 6.1% 0 0;}
#btAdmApres{text-align: center; width: 100%;}
#btAdmTela{width: 100%; text-align: center;}
.gBox-t2{width: 96%; padding: 2%;}
#geralboxInf{width: 100%;}
    #carrosselProd{text-align: center; width: 100%;}
    .conteudoCenter {padding: 2%; width: 96%;}
    #geralRodape{width: 96%}
    #logo{width: 144px; }
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; 
    margin: 1px 0 0 0;
    }
}

.ocultIn{display: block;}
.rev{display: none;}

#gMenuExp{float: right; margin: -56px 0 21px 0; width: 30%;}

#leftLogin{width: 49%; height: 239px; margin: 15px auto; float: left; border-right: 1px solid #cccccc;}
#rightLogin{width: 50%; text-align: center; margin: auto; float: left; margin: 80px 0 0 0;}
#textLogin{width: 49%; float: left; line-height: 1.8;}

.tbCol{float: left; width: 23%; margin: 0 2% 0 0;}
.tbColm{float: left; width: 18%; margin: 2px 2% 0 0}
.linhaCol{float: left; width: 100%; margin: 10px 0 0 0;}
 #bloco-content-right{
    width: 100%;
     float: right;
     margin: 1.5% 0 0 0;
}
#bloco-index-esquerda {
	width: 100%;
	float: left;
}

.revIn{display: none;}

.gBoxIconP{float: left; margin: 30px 5px 0 0; width: 24%; height: 120px;}
.subBoxIconP{float: left; margin: 15px 5px 0 0; width: 100%;}


.gBoxIconPm{float: left; margin: 30px 5px 0 0; width: 24%; height: 30px;}
.subBoxIconPm{float: left; margin: 15px 5px 0 0; width: 100%;}

#conteudo-interno-cont{float: left; width: 55%;}
#rightContExp{float: right; width: 40%; margin: 4% 0 0 0;}

#gFormContExpo{width:85%; float:left}

#bloco-content {    
    float: left;
    margin: 0 0 0 0;
    width: 100%;
    overflow: hidden;
}


.btsPretOutPlan {
    float: left;
    width: 23.5%;
    margin: 0 1.2% 0 0;
}



@media (max-width: 550px){

.textDif h3 {
    font-size: 16px;
    font-weight: 300;
    float: left;
    margin: 5px 0 0 8px;
}

#geralIconesOpsAnun {
    margin: 00 0 0;
    background: #ffffff;
    width: 74%;
    height: auto;
    position: absolute;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
    left: 12%;
}

#geralIconesOpsConta {
    margin: 00 0 0;
    background: #ffffff;
    width: 74%;
    height: auto;
    position: absolute;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
    left: 12%;
}


.blocosIconInd {
    float: left;
    width: 100%;
    margin: 5% 0 0 0;
    border-bottom: 1px solid #cccccc;
}

.textOpcInd {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: 'lato';
    margin: 5px 0 4% 0;
}

#geralTextSlo{display: none;}

.colunaLinks {
    float: left;
    margin: 0 0 0 0%;
    width: 100%;
}


#btMenu {
    float: right;
    margin: 3.5% 4% 0 0;
    display: block;
}

.btsPretOutPlan {
    float: left;
    width: 46.5%;
    margin: 0 3.2% 0 0;
}

#conPlanDif a {
    float: right;
    /* width: 100%; */
    margin: 0 -3px 0 0;
    font-size: 11px;
}

#corpo {
    margin: 0 auto;
    overflow: hidden;
}

#conPlanDif {
    float: right;
    font-size: 14px;
    width: 100%;
    margin: 5px -14px 2% 0;
    min-width: 192px;
}

.ocultDif{display: block;}
.blocLeftDif{float: left; width: 100%;}
.blocrightDif{float: left; width: 100%;}

#centerDif {
    margin: 0 auto;
    max-width: 1000px;
    padding: 1% 0 2.5% 0;
    width: 94%;
    padding: 3%;
}

.textDif {
    float: left;
    width: 100%;
    margin: 4% 0 0 0;
    color: #161616;
    font-family: 'roboto';
    font-size: 15px;
    font-weight: 300;
}

#geralBtAnun {
    margin: 9.4% auto;
    max-width: 230px;
    width: 100%;
    background: rgba(0,0,0,0.4);
    padding: 1.5%;
}

#rodape-menor {
    position: relative !important;
    bottom: 0;
    width: 100%;
}
	
	
#textCopy {
    float: left;
    color: #638eaa;
    margin: 3.5% 0 0 2%;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

#botaoAnuBarra-m {
    float: right;
    background: #006cc0;
    padding: 3.2% 2% 2.2% 2%;
    font-size: 13px;
    font-family: 'Roboto';
    width: 28.5%;
    text-align: center;
    min-height: 22px;
}

#destaque-index-expo {
    float: left;
    border: 0px solid #000000;
    margin: 3% 0 0 0;
    width: 100%;
    overflow: hidden;
    display: none;
}

#coluna-rodape-expo-maior {
    width: 220px;
    background-repeat: no-repeat;
    float: left;
    border: 0px solid #000000;
    margin: 10px 0 0 0;
    display: none;
}
ul#menu-rodape-expoimovel {
    border: 0px solid #000;
    float: left;
    width: 100%;
    display: none;
}
#banner-publicitario {
    background: none repeat scroll 0 0 #E9E9E9;
    padding: 0px 0;
    transition: all 0.3s ease-in-out 0s;
    display: none;
}

#logoRod {
    margin: 1% 0 1% 0;
    float: left;
    width: 18%;
    display: none;
}

.coluna-rod-men {
    width: 100%;
    background-repeat: no-repeat;
    float: left;
    border-left: 0 solid #4095cb;
    margin: 4% 0 4% 0;
    padding: 0 0 0 0;
    height: 170px;
}

ul#menu-rodape-expoimovel li {
    width: 50%;
    padding-top: 3%;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 0 0 4% 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}

#centerSubRod p {
    float: left;
    margin: 1.5% 0 0 3%;
    color: #ffffff;
    font-size: 12px;
    width: 70%;
}

ul#menu-rodape-expoimovel2 li {
    width: 100%;
    padding-top: 0px;
    padding-left: 0;
    border: 0px solid #000000;
    float: left;
    display: inline;
    margin: 4% 0 4% 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    background-position: left center;
}

.coluna-rod {
    width: 100%;
    background-repeat: no-repeat;
    float: left;
    /* border-right: 1px solid #4095cb; */
    margin: 1.5% 1% 0 0;
    display: none;
}

#geralNbusca {
    margin: 0 auto;
    height: 345px;
    width: 100%;
    background: url(../imagens/bgNbusca.webp);
}


#botaoApBarra {
    float: right;
    background: #3386c6;
    padding: 0px 2% 0 0.5%;
    font-size: 13px;
    font-family: 'Roboto';
    width: 56%;
    min-height: 31px;
}

#banner-publicitario {
    float: left;
    border: 0px solid #000000;
    margin: 4% 0 0 0;
    width: 100%;    
    background: #ffffff !important; 
}

#banner-aplicativo{display: none;}
.rev{display: block;}

#btWhats{float: right; margin: -47px 1% 0 0; display: none; position: relative; z-index: 100000;}

#bloco-content {    
    float: left;
    margin: 0 0 0 0;
    width: 96%;
    padding: 2%;
    overflow: hidden;
}


#box-form-cadastre fieldset label {
  float: left;
  width: 100%;
  margin: 4px 0.6% 2%;
  text-align: left;
  border: 0;
}

#conteudo-interno-cont{float: left; width: 100%;}
#rightContExp{float: right; width: 100%;}
#gFormContExpo{width:95%; float:left; padding: 2.5%;}

.gBoxIconP{float: left; margin: 30px 8% 0 0; width: 42%; height: 120px;}
.subBoxIconP{float: left; margin: 15px 5px 0 0; width: 100%;}

.gBoxIconPm{float: left; margin: 30px 8%  0 0; width: 42%; height: 30px;}
.subBoxIconPm{float: left; margin: 15px 5px 0 0; width: 100%;}

.revIn{display: block;}

#bloco-content-right{width: 100%;}

.texto-expo-padrao {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 1.8;
    width: 98%;
    padding: 1%;
}


.linhaCol{float: left; width: 100%; margin: 10px 0 0 0;}
.tbCol{float: left; width: 100%; margin: 10px 0 0 0;}
.tbColm{float: left; width: 45%; margin: 10px 2% 0 0}


#leftLogin{width: 100%; height: 239px; margin: 15px auto; float: left; border-right: 0 solid #cccccc;}
#rightLogin{width: 100%; text-align: center; margin: auto; float: left; margin: 30px 0 0 0;}
#textLogin{width: 98%;float: left; line-height: 1.8; padding: 1%;}


#rodape-conteudo-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    max-width: 1230px;
    width: 94%;
}

#compartilhe-site {
  float: left;
  border-right: 1px solid #999999;
  width: 113px;
}

#redesMobRod{display: block; float: left; margin: 20px 0 0 0;}

#anuciarMob{display: block; font-weight: normal; float: right; background-color: #f66709; padding: 2px 7px 5px 4px; margin:0;}

#redes-expo .icone {
  float: left;
  border: 0px solid #000000;
  margin: 0 0 0 12px;
}

.texto-barra-expo {
  margin-right: 15px;
  font-weight: bold;
  float: left;
  margin-top: 3px;
}

#estados-expo{display: none;}

#rodape-expo {
  margin: 10px 0 0 0;
  border: 0 solid #4591cb;
  border-left: 0 solid #005aa0;
  border-right: 0 solid #005aa0;
  border-bottom: 0 solid #005aa0;
  background-color: #005aa0;
  float: left;
  width: 100%;
}
#anuncie-agora{display: none;}

#gMenuExp{float: right; margin: -56px 2px 0 0; width: 100%; z-index: 1; position: relative;}

.ocultIn{display: none !important;}

#btMenuMobi{display: block; margin: 55px 10px 20px 0; float: right;}


#conteudo-banner-aplicativo {
    float: left;
    border: 0px solid #000000;
    margin: 15px 0 0 0;
    width: 100%;
    height: auto;
}


#conteudo-premium-expo {
    float: left;
    border: 0px solid #000000;
    margin: 14px 0 0 0;
    max-width: 730px;
    width: 100%;    
    background-color: #ffffff;
}


#coluna-left-expo{width: 100%; display: none;}
#coluna-right-expo{width: 100%; display: none;}
#topo-conteudo-expo #logo-expo{width: 35%; border: 0; margin: 10px 0 3% 7px; position: relative; z-index: 2;}


 #topo-conteudo-expo #logo-expo-int{
    margin: 4% 2% 0 2%;
    width: 24%;
    float: left;
}

#abaAtendimentoApp{display: none;}
#topo-conteudo-expo #slogan-expo {
    float: left;
    border: 0px solid #bdbdbd;
    margin: 35px 0 0 20px;
    display: block;
}

.tituloNovoh {
  float: left;
  margin: 29px 0px 10px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-shadow: 3px 1px 3px #000000;
  font-weight: normal;
}

#logo-expo {
  width: 35%;
  border: 0;
  margin: 55px 0 20px 7px;
}

#btAnunciar {
  float: right;
  margin: 0 0 0 0;
  background: #000000;
  width: 100%;
  max-width: 100%;
  height: 70px;
  background: rgba(0,0,0,0.8);
}

#selectsBusca {
  float: left;
  margin: 0 0 0 0;
  width: 100%;
  max-width: 785px;
  height: auto;
}

#redes-sociais-expo{display: none;}

#menu-expo{display: none;}
#topo-expo{border: 0;}


#estados-expo {
  float: left;
  border: 0px solid #000000;
  width: 97%;
  margin: 20px 0 0 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #4192d0;
  line-height: 1.8;
  position: absolute;
  top: 25px;

}

#topo-expo {
  margin: 0 auto;
  border: 0px solid #000000;
  height: auto;
  border-bottom: 0 solid #E9E9E9;
}

#coluna-rodape-expo-menor{display: none;}



#importante-rodape-expo .img{display: none;}


#importante-rodape-expo {
    float: left;
    max-width: 1230px;
    width: 96%;
    height: auto;
    background-color: #4192d0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0 20px 0;
    padding: 2%;
    line-height: 1.8;
    display: none;
}


#redes-expo {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 0 0;
    width: 60%;
}

#redesMobRod {
    display: block;
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}




#banner-publicidade{display: none;}

#botoesG {
    float: left;
    margin: 0 0 0 0;
    width: 100%;

    border: 0 solid;
}

#logoMenor {
    float: left;
    margin: 1% 0 0.6% 4%;
}

#termo {
    float: right;
    margin: 1.5% 0 0 0;
    font-size: 15px;
    font-weight: 300;
    font-family: Lato;
    text-align: center;
    width: 100%;
    padding: 1% 0 4% 0;
}

}


@media (min-width: 551px) and (max-width: 855px){

.textDif h3 {
    font-size: 16px;
    font-weight: 300;
    float: left;
    margin: 5px 0 0 8px;
}

#geralIconesOpsAnun {
    margin: 00 0 0;
    background: #ffffff;
    width: 74%;
    height: auto;
    position: absolute;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
    left: 12%;
}

#geralIconesOpsConta {
    margin: 00 0 0;
    background: #ffffff;
    width: 74%;
    height: auto;
    position: absolute;
    z-index: 110;
    padding: 0.4% 0 1%;
    display: none;
    left: 12%;
}


.blocosIconInd {
    float: left;
    width: 100%;
    margin: 5% 0 0 0;
    border-bottom: 1px solid #cccccc;
}

.textOpcInd {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: 'lato';
    margin: 5px 0 4% 0;
}

#conPlanDif a {
    float: right;
    /* width: 100%; */
    margin: 0 -3px 0 0;
    font-size: 11px;
}

#corpo {
    margin: 0 auto;
    overflow: hidden;
}

#conPlanDif {
    float: right;
    font-size: 14px;
    width: 100%;
    margin: 5px -14px 2% 0;
    min-width: 192px;
}

#termo {
    float: right;
    margin: 1.5% 0 0 0;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Lato';
    text-align: center;
    width: 100%;
    padding: 1% 0 4% 0;
}

#textCopy {
    float: left;
    color: #638eaa;
    margin: 3.5% 0 0 2%;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

#botaoAnuBarra-m {
    float: right;
    background: #006cc0;
    padding: 3.2% 2% 2.2% 2%;
    font-size: 13px;
    font-family: 'Roboto';
    width: 28.5%;
    text-align: center;
    min-height: 22px;
}

.coluna-rod {
    width: 100%;
    background-repeat: no-repeat;
    float: left;
    /* border-right: 1px solid #4095cb; */
    margin: 1.5% 1% 0 0;
}

.coluna-rod-men {
    width: 100%;
    background-repeat: no-repeat;
    float: left;
    border-left: 0 solid #4095cb;
    margin: 1.5% 0 5% 0;
    padding: 0 0 0 0;
    /* height: 170px; */
}

.geralIconRod {
    float: left;
    width: 100%;
    margin: 2% 0 0 0;
}

#logoMenor {
    float: left;
    margin: 1% 0 0.6% 4%;
}

#logoRod{display: none;}

}


@media (min-width: 856px) and (max-width: 1300px){

#logoRod{display: none;}

.coluna-rod {
    width: 50%;
    background-repeat: no-repeat;
    float: left;
    /* border-right: 1px solid #4095cb; */
    margin: 1.5% 1% 0 0;
}


}

@media (min-width: 481px) and (max-width: 855px){


#geralNbusca {
    margin: 0 auto;
    height: 360px;
    width: 100%;
    background: url(../imagens/bgNbusca.webp);
}


#botoesG {
    float: left;
    margin: 0 0 0 0;
    width: 100%;

    border: 0 solid;
}




#botaoApBarra {
    float: right;
    background: #3386c6;
    padding: 0px 2% 0 0.5%;
    font-size: 13px;
    font-family: 'Roboto';
    width: 56%;
    min-height: 31px;
}



#banner-publicidade{display: none;}

#redesMobRod {
    display: block;
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

#redes-expo {
    float: left;
    border: 0px solid #000000;
    margin: 0 0 0 0;
    width: 60%;
}

#banner-publicitario {
    float: left;
    border: 0px solid #000000;
    margin: 4% 0 0 0;
    width: 100%;    
    background: #ffffff !important; 
}


#banner-aplicativo{display: none;}

.rev{display: block;}

#btWhats{float: right; margin: -55px 1% 0 0; display: block; position: relative; z-index: 100000; }

#bloco-content {    
    float: left;
    margin: 0 0 0 0;
    width: 96%;
    padding: 2%;
    overflow: hidden;
}


#box-form-cadastre fieldset label {
  float: left;
  width: 100%;
  margin: 4px 0.6% 2%;
  text-align: left;
  border: 0;
}

#rodape-conteudo-expo {
    margin: 0 auto;
    border: 0px solid #000000;
    max-width: 1230px;
    width: 94%;
}

#compartilhe-site {
  float: left;
  border-right: 1px solid #999999;
  width: 113px;
}

#redesMobRod{display: block; float: left; margin: 20px 0 0 12px;}

#anuciarMob{display: block; font-weight: normal; float: right; background-color: #f66709; padding: 2px 7px 5px 4px; margin:0;}

#redes-expo .icone {
  float: left;
  border: 0px solid #000000;
  margin: 0 0 0 12px;
}

.texto-barra-expo {
  margin-right: 15px;
  font-weight: bold;
  float: left;
  margin-top: 3px;
}

#estados-expo{display: none;}

#rodape-expo {
    margin: 10px 0 0 0;
    border: 0 solid #4591cb;
    border-left: 0 solid #005aa0;
    border-right: 0 solid #005aa0;
    border-bottom: 0 solid #005aa0;
    background-color: #005aa0;
    float: left;
    width: 100%;
}
#anuncie-agora{display: none;}

#gMenuExp{float: right; margin: -75px 2px 0 0; width: 100%; z-index: 1; position: relative;}

.ocultIn{display: none !important;}

#btMenuMobi{display: block; margin: 55px 10px 20px 0; float: right;}


#conteudo-banner-aplicativo {
    float: left;
    border: 0px solid #000000;
    margin: 15px 0 0 0;
    width: 100%;
    height: auto;
}


#conteudo-premium-expo {
    float: left;
    border: 0px solid #000000;
    margin: 14px 0 0 0;
    max-width: 730px;
    width: 100%;    
    background-color: #ffffff;
}


#coluna-left-expo{width: 100%; display: none;}
#coluna-right-expo{width: 100%; display: none;}
#topo-conteudo-expo #logo-expo{width: 31%; border: 0; margin: 10px 0 3% 7px; position: relative; z-index: 2;}


#topo-conteudo-expo #logo-expo-int{
    margin: 4% 2% 0 2%;
    width: 24%;
    float: left;
}


#abaAtendimentoApp{display: none;}
#topo-conteudo-expo #slogan-expo {
    float: left;
    border: 0px solid #bdbdbd;
    margin: 35px 0 0 20px;
    display: block;
}

.tituloNovoh {
  float: left;
  margin: 29px 0px 10px;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-shadow: 3px 1px 3px #000000;
  font-weight: normal;
}

#logo-expo {
  width: 35%;
  border: 0;
  margin: 55px 0 20px 7px;
}

#logo-expo-int {
  width: 16%;
  border: 0;
  margin: 55px 0 20px 7px;
}

#btAnunciar {
  float: right;
  margin: 0 0 0 0;
  background: #000000;
  width: 100%;
  max-width: 100%;
  height: 70px;
  background: rgba(0,0,0,0.8);
}
#selectsBusca {
  float: left;
  margin: 0 0 0 0;
  width: 100%;
  max-width: auto !important;
  height: auto;
}
#redes-sociais-expo{display: none;}

#menu-expo{display: none;}
#topo-expo{border: 0;}


#estados-expo {
  float: left;
  border: 0px solid #000000;
  width: 97%;
  margin: 20px 0 0 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #4192d0;
  line-height: 1.8;
  position: absolute;
  top: 25px;

}

#topo-expo {
  margin: 0 auto;
  border: 0px solid #000000;
  height: auto;
  border-bottom: 0 solid #E9E9E9;
}

#coluna-rodape-expo-menor{display: none;}


#importante-rodape-expo .img{display: none;}


#importante-rodape-expo {
    float: left;
    max-width: 1230px;
    width: 96%;
    height: auto;
    background-color: #4192d0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0 20px 0;
    padding: 2%;
    line-height: 1.8;
    display: none;
}

#rodape-menor {
    position: relative !important;
    bottom: 0;
    width: 100%;
}


}


@media (min-width: 855px) and (max-width: 1200px){

#rodape-menor {
    position: relative;
    bottom: 0;
    width: 100%;
}

nav#nav-main a {
  font-family: 'Roboto', sans-serif, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  color: #000000;
  padding: 10px 0;
}


#geralInforEst {
    float: right;
    width: 17.8%;
}


}