@charset "utf-8";


@font-face{
    font-family:Roboto_medium;
    src:url(../css/Roboto-Medium.ttf);
}

@font-face{
    font-family:Roboto_regular;
    src:url(../css/Roboto-Regular.ttf);
}

@font-face{
    font-family:Roboto_black;
    src:url(../css/Roboto-Black.ttf);
}

@font-face{
    font-family:Gothan_black;
    src:url(../css/Gotham-Black.otf);
}
@font-face{
    font-family:Gothan_bold;
    src:url(../css/Gotham-Bold.otf);
}







*{ margin:0; padding:0; }


a{ text-decoration: none; }
ul{ list-style: none; }
table { border-collapse: collapse; border-spacing: 0;}
input { outline:none;}
.both{ clear:both;}
input:focus { outline: none;}
textarea:focus{ outline:none;}



body, html { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:#0c6758; line-height:20px;}



#top-header{ position:relative; z-index:50;}
#top-header strong{ margin-left:150px;}


#top-header .top-atendimento{ height:50px; background:#328e7d; }
#top-header .top-atendimento .center{ max-width:1000px; margin:0 auto;}
#top-header .top-atendimento .center .fone{ max-width:139px; float:right; margin:19px 0px 0px 0px;}
#top-header .top-atendimento .center .fone img{ width:100%;}
#top-header .top-atendimento .center .redes-sociais{ float:right; margin:13px 25px 0px 0px;}
#top-header .top-atendimento .center .redes-sociais img{ margin-left:2px;}
#top-header .top-atendimento .center .bt-autoatendimento{ float:right; margin:11px 15px 0px 0px;  position:relative; z-index:999999 !important; transition: all 0.4s ease;}

#top-header .top{ height:81px; background:url(../image/bg-top.png) repeat-x;}
#top-header .top .center{ max-width:1000px; margin:0 auto;}
#top-header .top .center .logo-top{ float:left; margin:18px 0px 0px 0px;}



#menutop ul, li { margin:0px 0px 0px 0px; padding:0px; border:0px; list-style:none; }
#menutop{ float:left; margin:28px 0px 0px 20px;}
#menutop ul li { float:left;  font-size:12px;}
#menutop ul li a {  height:33px; display:inline-block; padding:10px 7px 0px 7px; color:#dcac66;}
#menutop ul li a:hover {text-decoration:none;  background:#074433; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#FFF; }
#menutop ul li ul { display:none; } /* Some sub menu */
.subplanos{ padding:0px 10px 0px 10px;  height:40px; position:absolute; margin-left:-120px; background:#328e7d; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.subplanos .bt{ float:left; margin-top:10px; padding:0px 15px 0px 15px !important; border-right:1px solid #4ac4b9; height:20px !important; border-radius: 0px !important;}
.subplanos .bt-borda{ float:left; margin:0px 0px 0px 9px; }
#menutop ul li ul, /* Sub Menu */
#menutop ul li ul li { float:none; } /* Sub Menu */
#menutop ul li ul li a { display:block; color:#FFF;} /* TAG A SUB MENU */
#menutop ul li ul li a:hover{ color:#d8ad67; text-decoration:none; background:none;}
#menutop ul li:hover ul { display:block; } /* Hover Menu -> Mostra Submenu */

.menuhover{ text-decoration:none;  background:#074433 !important; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#FFF; }






#content{ max-width:1200px; margin:0 auto;}
#content .top{ font-size: 21px; font-family:Roboto_medium; padding: 50px 0px; box-sizing: border-box;}
#content .top p{ max-width: 819px; margin: 0 auto; line-height: 26px; margin-bottom: 50px; font-family:Roboto_regular;} 
#content .top p strong{ font-family:Roboto_black;} 

#content .top .logo-perfil-financeiro{ max-width: 819px; margin: 0 auto;}
#content .top .logo-perfil-financeiro img{ width: 100%;}

#content .bt{ max-width: 350px; margin: 0 auto; margin-bottom: 50px; background:#85B037 url(../image/icone-bt.png) no-repeat right center; border-radius: 5px;}
#content .bt a{ display: block; padding: 30px 35px 30px 35px; box-sizing: border-box; color: #FFF; font-size: 24px; font-family:Gothan_black; transition: all 0.4s ease; } 
#content .btresultado{ margin-top: 100px !important; margin-bottom: 150px;} 

#content .btrefazer{ width: 400px; margin-top: 40px !important; background:#85B037 url(../image/icone-btrefazer.png) no-repeat left center; border-radius: 5px;}
#content .btrefazer a{ display: block; padding: 30px 75px 30px 80px; box-sizing: border-box; color: #FFF; font-size: 24px; font-family:Gothan_black; transition: all 0.4s ease; } 




#content .top .box-escolha-certa{ max-width: 750px; margin: 0 auto; overflow: hidden;}
#content .top .box-escolha-certa img{ float: left;}
#content .top .box-escolha-certa p{ width: 500px; font-size: 12px; margin-top: 30px; float: right; line-height: 18px;}
#content .top .box-escolha-certa .redes-sociais{ float: right; text-align: center;} 
#content .top .box-escolha-certa .redes-sociais li{ display: inline-block; margin: 0px 25px;}
#content .top .box-escolha-certa .redes-sociais .titulo{ clear: both; display: block; font-family:Gothan_black; margin-bottom: 15px !important;} 
#content .top .box-escolha-certa .logo-teste{ width: 250px;}
#content .top .box-escolha-certa .logo-teste img{ width: 100%;}


#content .box{ max-width: 835px; margin: 0 auto; overflow: hidden; margin-top: 100px;} 
#content .box .image{ max-width: 380px; margin: 0 auto; margin-bottom: 30px;}
#content .box .image img{ width: 100%;} 
#content .box h2{ font-size: 30px; line-height: 30px; font-family:Gothan_bold; text-align: left; margin-bottom: 30px; } 

#content .box ul{ max-width: 830px; margin: 0 auto; font-size: 20px;}
#content .box ul li{ display: block; margin-bottom: 15px; overflow: hidden;}
#content .box ul li label{ cursor: pointer;} 
#content .box ul li input{ width: 23px; height: 23px; float: left; margin-right: 10px; cursor: pointer;}


#content .top .logos-resultados{ max-width: 819px; margin: 0 auto; margin-bottom: 20px;}
#content .top .logos-resultados img{ width: 100%;}





/*FORMULARIO CONTATO*/
.box-form{ max-width: 800px; margin: 0 auto; margin-top: 100px;} 
.box-form .logo{ max-width: 200px; margin: 0 auto; margin-bottom: 20px;} 
.box-form .logo img{ width: 100%;}
.box-form h2{ font-size: 30px; line-height: 30px; font-family:Gothan_bold; text-align: center; margin-bottom: 30px;}


#formcontato { max-width:550px; margin:0 auto;}
#formcontato label { max-width:550px; display:block; margin-bottom: 10px;}
#formcontato label select{ width:100%; padding:10px 3px 10px 3px; box-sizing: border-box; font-family:Roboto_medium; font-size:14px; background:#FFF; cursor: pointer; border:0px; border-radius:3px;} 
#formcontato input { width:100%; padding:10px 10px 10px 10px; box-sizing: border-box; font-family:Roboto_medium; font-size:14px; color:#000; background:#FFF; border:0px; border-radius:3px; }
.bt-enviar{ max-width: 350px; margin: 0 auto; font-size: 22px !important; margin-top: 50px !important; font-family:Gothan_black !important; background:#85B037 url(../image/icone-bt.png) no-repeat right center !important; border-radius: 5px !important; display: block; padding: 20px 35px 20px 0px !important; box-sizing: border-box; cursor: pointer; color: #FFF !important;}

/*FORMULARIO CONTATO*/

#content .bt{ max-width: 350px; margin: 0 auto; margin-bottom: 50px; background:#85B037 url(../image/icone-bt.png) no-repeat right center; border-radius: 5px;}
#content .bt a{ display: block; padding: 30px 35px 30px 35px; box-sizing: border-box; color: #FFF; font-size: 24px; font-family:Gothan_black; transition: all 0.4s ease; } 

.formulario-perfil{max-width: 500px; margin: 0 auto;}