@font-face {
    font-family: 'din_alternate';
    src: url('../fonts/dicnmdat0.eot');
    src: url('../fonts/dicnmdat0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dicnmdat0.woff2') format('woff2'),
         url('../fonts/dicnmdat0.woff') format('woff'),
         url('../fonts/dicnmdat0.ttf') format('truetype'),
         url('../fonts/dicnmdat0.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_cn_btbold';
    src: url('../fonts/tt0010m_0-webfont.eot');
    src: url('../fonts/tt0010m_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0010m_0-webfont.woff2') format('woff2'),
         url('../fonts/tt0010m_0-webfont.woff') format('woff'),
         url('../fonts/tt0010m_0-webfont.ttf') format('truetype'),
         url('../fonts/tt0010m_0-webfont.svg#swis721_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { margin: 0; font-family: 'verdana'; color: #222; font-size: 13px; overflow-x: hidden; }
a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'verdana'; color: #333; font-size: 12px; }

.errorMsg { color: #C50000; width: 100%; text-align: center; font-size: 14px; padding-bottom: 14px; }
.errorlist {color: #C50000; padding-bottom: 9px;}

.errorlist{ float:left;  color:#ff0000; font-size: 12px; float:left; width:100%;}
.errorlist2{ display:none;}
.error input[type=text], .error select, .error input[type=password]{border: 1px solid #ff0000 !important}


.wrapper { width: 950px; margin: 0 auto; }

.ans_esq { position: absolute; top: 30px; left: 5px; z-index: 1000; }

#topo { background: url(../../imagens/bg_topo.jpg) center top; height: 144px; float: left; width: 100%; }
#topo #logo { float: left; margin: 8px 0 0; }
#topo #logo a { background: url(../../imagens/logo.png); width: 212px; height: 109px; display: block; }

#topo .topo_login { float: right; width: 675px; margin-top: 19px; }
#topo .topo_login .login { float: left; width: 405px; margin-top: -12px; }
#topo .topo_login .login label { display: block; float: left; }
#topo .topo_login .login label span { display: block; color: #fff; font-size: 10px; }
#topo .topo_login .login label:last-child span { margin-left: 5px; }
#topo .topo_login .login.interna { width: 650px; }
#topo .topo_login .login .nome { color: #fff; margin: 6px 0 15px; float: left; }
#topo .topo_login .login .sair { background: #fff; padding: 2px 8px 3px; text-decoration: none; font-size: 11px; float: right; margin-left: 10px; color: #49A17B; margin-top: 5px; display: block; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#topo .topo_login .login span.title { float: left; margin: 15px 3px; display: block; text-transform: uppercase; color: #fff; font-family: 'din_alternate'; font-size: 17px; }
#topo .topo_login .login input[type=text], #topo .topo_login .login input[type=password] { background: #fff; width: 180px; height: 25px; padding: 0 8px; font-size: 11px; border: none; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#topo .topo_login .login input[type=password] { margin-left: 6px; width: 80px; }
#topo .topo_login .login input[type=submit] { background: url(../../imagens/submit_login.png); width: 53px; height: 25px; border: none; float: left; cursor: pointer; margin: 12px 0 0 -3px;}
#topo .topo_login .login .esqueci { float: left; display: block; font-size: 9px; color: #fff; margin: 0 0 0 226px; }
#topo .topo_login .bt_boleto { background: url(../../imagens/bt_boleto.png); display: block; width: 97px; height: 25px; float: left; margin-left: 0; }
#topo .topo_login .corretor { background: url(../../imagens/set.png) left no-repeat; padding-left: 10px; margin-top: 3px; text-decoration: none; display: block; float: right; text-transform: uppercase; color: #fff; font-family: 'din_alternate'; font-size: 17px; }
#topo .topo_login .corretor:hover { color: #DBFFEF; }

.simule_bt { position: fixed; right: 0; top: 100px; cursor: pointer; z-index: 1100; }
.simule_bt img { float: left; }
.simule_bt a { background: #317F5F; float: left; display: none; text-decoration: none; color: #fff; font-family: 'din_alternate'; text-transform: uppercase; font-size: 18px; padding: 15px 10px 0; height: 34px; }
.simule_bt:hover a { display: block; }
.contrate_bt { position: fixed; right: 0; top: 153px; cursor: pointer; z-index: 1100; }
.contrate_bt img { float: left; }
.contrate_bt span { background: #317F5F; float: left; display: none; color: #fff; font-family: 'din_alternate'; text-transform: uppercase; font-size: 22px; padding: 10px 10px 0; height: 39px; }
.contrate_bt:hover span { display: block; }
.atendimento_bt { position: fixed; right: 0; top: 206px; cursor: pointer; z-index: 1100; }
.atendimento_bt img { float: left; }
.atendimento_bt div { background: #317F5F; float: left; display: none; color: #fff; padding: 7px 10px 0; width: 200px; font-size: 11px; }
.atendimento_bt:hover div { display: block; }
.atendimento_bt div h3 { font-family: 'din_alternate'; text-transform: uppercase; font-size: 22px; font-weight: normal; margin: 0 0 5px; }
.atendimento_bt div h3.fone { margin: 8px 0; }

#menu { float: right; margin-top: 30px; width: 690px; }
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; margin-left: 29px; }
#menu ul li a { color: #fff; font-family: 'din_alternate'; font-size: 20px; text-decoration: none; }
#menu ul li a:hover { color: #DBFFEF; }
#menu ul li a.home span { background: url(../../imagens/home.png); width: 23px; height: 21px; display: block; }
#menu ul li .submenu { position: absolute; padding: 12px 0 0; margin: 0; width: 200px; display: none; z-index: 10000; }
#menu ul li:hover .submenu { display: block; }
#menu ul li .submenu li { float: left; width: 100%; margin: 0 0 1px; }
#menu ul li .submenu li a { background: #186847; padding: 8px; width: 184px; display: block; color: #fff;  font-size: 12px; font-family: verdana; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#menu ul li .submenuatendimento li a { width: 237px; }
#menu ul li .submenu li a:hover { background: #3B7F63; }

#menu h2.title_intranet { float: left; font-weight: normal; font-family: 'din_alternate'; font-size: 30px; margin: -12px 0 0 20px; text-transform: uppercase; color: #fff; }
#menu .dados_usuario { float: right; text-align: right; color: #fff; margin-top: -12px; }
#menu .dados_usuario .nome { font-size: 11px; display: block; }

#banner { width: 100%; float: left; height: 438px; overflow: hidden; }
#banner .prev, #banner .next { background: url(../../imagens/nav_banner.png) left; width: 39px; height: 46px; display: block; position: absolute; z-index: 1000; left: 0; margin-top: 196px; }
#banner .next { background-position: right; right: 0; left: inherit; }
#banner .slide { float: left; width: 100%; height: 438px; }
#banner ul { list-style: none; padding: 0; margin: 0; height: 438px; float: left; width: 100%; }
#banner ul li { float: left; width: 100%; height: 438px; float: left; }
#banner ul li a { width: 100%; height: 438px; float: left; display: block; }

#links { background: url(../../imagens/bg_links.png); width: 100%; height: 188px; float: left; position: relative; z-index: 1000; }
#links .link { display: block; overflow: hidden; width: 183px; height: 178px; margin: -19px 8px 0 0; overflow: hidden; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#links .link.e { margin-right: 0; }
#links .link img { float: left; margin-left: -22px; }
#links .link .title { background: #93cca6; display: block; float: left; padding: 11px 20px 12px; width: 191px; color: #fff; font-family: 'din_alternate'; text-transform: uppercase; font-size: 19px; }
#links .link.b .title { background: #77b18b; }
#links .link.c .title { background: #5d9570; }
#links .link.d .title { background: #4e8560; }
#links .link.e .title { background: #346D46; }

#content { background: url(../../imagens/bg_content.jpg) center no-repeat; width: 100%; float: left; height: 460px; padding: 55px 0; }
body.interna #content { background: url(../../imagens/bg_content_interna.jpg) top center no-repeat; height: auto; }
body.interna2 #content { background: url(../../imagens/bg_content_interna2.jpg) top center no-repeat; height: auto; }
body.interna_intranet #content { background: url(../../imagens/bg_content_interna3.jpg) top center repeat-x #F9F9F9; height: auto; }
body.interna.simule #content { background: url(../../imagens/bg_simule_interna.png) top center; height: auto; }
#content .links { float: right; width: 628px; }
#content .links .box1 { background: url(../../imagens/cliente_box.png); width: 306px; height: 207px; float: left; display: block; margin: 0 16px 16px 0; }
#content .links .box2 { background: url(../../imagens/dicas_box.png); width: 306px; height: 207px; float: left; display: block; margin: 0 0 16px 0; }
#content .links .box3 { background: url(../../imagens/diferenciais_box.png); width: 306px; height: 207px; float: left; display: block; margin: 0 16px 16px 0; }
#content .links .box4 { background: url(../../imagens/boleto_box.png); width: 306px; height: 207px; float: left; display: block; margin: 0 0 16px 0; }
#content .links a span { display: block; width: 170px; font-size: 11px; margin: 80px 0 0 130px; line-height: 18px; }

#mapa { border: 10px solid #eee; float: left; margin-top: 15px; height: 450px; }

.dados_cobranca { border: none; border-collapse: collapse; width: 100%; float: left; margin-top: 20px; }
.dados_cobranca.borda { padding: 20px; border: 1px solid #ddd; background: #fff; width: 600px; margin: 30px 0 0 63px; }
.dados_cobranca th { width: 150px; text-align: right; padding: 5px; }
.dados_cobranca.borda th { padding: 10px; }

.table_valor { width: 100%; float: left; margin-top: 30px; }
.table_valor td { background: #fff; padding: 20px; border: 1px solid #ddd; font-size: 14px; width: 80% }
.table_valor th { background: #f0f0f0; padding: 20px; border: 1px solid #ddd; text-align: center; font-weight: bold; font-size: 18px; }
.table_valor th select { background: #fff; border: 1px solid #ddd; width: 140px; height: 30px; text-align: center; }

.opcoes { width: 100%; float: left; text-align: center; }

#form_login { float: left; width: 100%; margin-top: 50px; }
#form_login form { margin: 0 auto; width: 380px; }
#area_content .txt #form_login p { float: left; width: 100%; margin: 0 0 5px; }
#form_login label { display: block; }
#form_login input[type=text], #form_login input[type=password] { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#form_login input[type=submit] { background: #419B77; padding: 6px 10px; display: block; border: none; float: right; font-family: 'din_alternate'; color: #fff; font-size: 19px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }

#form_pagamento { width: 580px; float: left; }
#area_content .txt #form_pagamento p { float: left; width: 100%; margin: 0 0 8px; }
#area_content .txt #form_pagamento p span { display: block; padding-left: 248px; font-size: 11px; float: left; width: 50% }
#form_pagamento label { float: left; width: 240px; text-align: right; margin-top: 8px; }
#form_pagamento input[type=text], #form_pagamento select{ width: 305px; border: 1px solid #ccc; border-left: 5px solid #bbb; float: left; margin-left: 8px; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#form_pagamento input[type=text].p { width: 200px; }
#form_pagamento input[type=submit] { background: #419B77; padding: 8px 12px; margin: 5px 0 0 250px; display: block; border: none; float: left; font-family: 'din_alternate'; color: #fff; font-size: 17px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
#form_pagamento .mes {width: 120px;}
#form_pagamento .ano {width: 120px;}

.pagamento_concluido { background: #419B77; float: left; width: 100%; text-align: center; padding: 18px 0; margin: 20px 0 30px; font-family: 'din_alternate'; color: #fff; font-size: 24px; }

#area_content { width: 720px; float: right; min-height: 400px; }
#area_content .txt { font-size: 13px; color: #555; width: 100%; text-align: justify; line-height: 18px; margin-bottom: 30px; float: left; }
#area_content .txt p { margin: 15px 0; }
h2.title { margin: 0; font-family: 'din_alternate'; color: #396849; font-size: 26px; font-weight: normal; width: 100%; float: left; }
h3.sub_title { background: #51A782; color: #fff; padding: 4px 8px; font-family: 'din_alternate'; font-weight: normal; font-size: 20px; width: 100%; float: left; margin: 10px 0 0 -10px; }
div.title_interna { padding: 8px; background: #fff; border: 1px solid #ddd; border-left: 5px solid #4BA17E; float: left; width: 700px; margin-bottom: 20px; }
div.title_interna h3 { font-family: 'din_alternate'; color: #111; margin: 0; font-size: 18px; font-weight: normal; text-transform: uppercase; font-size: 22px; }

.pergunta { width: 98%; padding: 1%; background: #eee; color: #4BA17E; float: left; margin-top: 10px; font-weight: bold; }
.resposta { width: 98%; padding: 1%; float: left; }

.noticia { float: left; background: #fff; padding: 15px; width: 688px; margin-top: 10px; border: 1px solid #B3E7D0; }
.noticia .voltar { background: #4BA17E; display: block; float: right; padding: 5px 8px; margin-top: -39px; text-decoration: none; font-size: 11px; font-weight: bold; color: #fff; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.noticia .voltar:hover { background: #2A7F5B; }
.noticia .mais { background: url(../../imagens/mais.png); width: 24px; height: 24px; display: block; position: absolute; margin: 101px 0 0 679px; }
.noticia .thumb { float: left; display: block; width: 150px; height: 110px; background: #fff; overflow: hidden; margin-right: 15px; }
.noticia .data { font-size: 10px; color: #777; }
.noticia h3 { margin: 0; color: #4BA17E; font-family: 'din_alternate'; font-size: 20px; font-weight: normal; }
.noticia h3 a { color: #4BA17E; font-family: 'din_alternate'; font-size: 20px; font-weight: normal; }
.noticia p{ font-size: 11px; line-height: 14px; color: #555; }


#area_content .voltar { background: #4BA17E; display: block; float: right; padding: 5px 8px; text-decoration: none; font-size: 11px; font-weight: bold; color: #fff; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-top: -23px;}
#area_content .voltar:hover { background: #2A7F5B; }

.area_logo { float: left; width: 102%; margin-top: -15px; }
.logo_operadora { float: left; width: 172px; height: 125px; border: 1px solid #B3E7D0; margin: 0 8px 8px 0; background: #fff; overflow: hidden; text-align: center; display: table; }
.logo_operadora a { vertical-align: middle; display: table-cell; }

#banner_interna { background: #000; float: left; width: 100%; height: 300px; margin-bottom: 30px; }
#banner_interna .slide { float: left; width: 720px; background: #FFF; position: absolute; height: 300px; }
#banner_interna .slide ul { background: #000; height:300px; width: 720px; position: relative; margin: 0 auto; padding:0; list-style: none;}
#banner_interna .slide ul li { position:absolute; top:0; left:0; width: 720px; height: 300px; z-index:90; display:none;}
#banner_interna .slide ul li a{ width: 100%; height: 300px; display: block; float: left; }
#banner_interna .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:99; left:0; top:0;opacity: 0.6; display: none;}
#banner_interna .slide div.fundo { width:100%; height: 300px; position:absolute; left:0; top:0; bottom:0; right:0; z-index:0; display:none}
#banner_interna .slide .nav { position: absolute; display: block; width: 100%; z-index: 1000; text-align: right; margin-top: -23px; }
#banner_interna .slide .nav .wrapper { width: 710px; padding-right: 10px; }
#banner_interna .slide .nav span { background: url(../../imagens/nav_banner.png) right; width: 14px; height: 14px; margin-left: 2px; cursor: pointer; display: inline-block; }
#banner_interna .slide .nav span.ativo { background-position: left; color: #fff; }

.area_contato { width: 100%; float: left; text-align: center; vertical-align: top; }
#fale_conosco { display: inline-block; margin: 0 10px 0; width: 416px; vertical-align: top; text-align: left; }
#fale_conosco .area { background: #fff; padding: 15px 15px 5px; width: 380px; float: left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#fale_conosco .area .col_esq { float: left; width: 381px; }
#fale_conosco .area .col_dir { float: right; width: 381px; }
#fale_conosco .area p { float: left; width: 100%; margin: 0 0 10px; }
#fale_conosco .area h4 { font-family: 'myriad_proregular'; font-weight: normal; font-size: 16px; margin: 0 0 10px; color: #2D5F7E; }
#fale_conosco .area label { float: left; width: 100%; margin-bottom: 3px; }
#fale_conosco .area input[type=text], #fale_conosco .area textarea, #fale_conosco .area select, #fale_conosco .area input[type=password] { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area select { width: 70px; }
#fale_conosco .area select.operadora { width: 355px; }
#fale_conosco .area p.curriculum { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 5px 10px; height: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area textarea { padding: 10px; height: 154px; }
#fale_conosco .area input[type=submit] { background: #419B77; padding: 6px 10px; display: block; border: none; float: right; font-family: 'din_alternate'; color: #fff; font-size: 19px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
#fale_conosco .area .submit { float: left; width: 100%; margin: 0 0 10px; }
#fale_conosco .area .esqueci { float: left; font-size: 11px; color: #777; }
.bt_ouvidoria { float: right; display: block; margin-top: 20px; }

#etapa { float: left; width: 100%; text-align: center; margin: -5px 0 25px; }

.area_form { width: 100%; float: left; text-align: center; vertical-align: top; }
#form { display: inline-block; margin: 0 10px 50px; width: 416px; vertical-align: top; text-align: left; }
#form .area { background: #fff; padding: 15px 15px 5px; width: 380px; float: left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#form .area .col_esq { float: left; width: 381px; }
#form .area .col_dir { float: right; width: 381px; }
#form .area p { float: left; margin: 0 0 10px; }
#form .area .cidade { margin-left: 7px; }
#form .area h4 { font-family: 'myriad_proregular'; font-weight: normal; font-size: 16px; margin: 0 0 10px; color: #2D5F7E; }
#form .area label { float: left; width: 100%; margin-bottom: 3px; }
#form .area input[type=text], #form .area textarea, #form .area select, #form .area input[type=password] { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 0 10px; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#form .area .data input[type=text] { width: 150px; }
#form .area .fone input[type=text] { width: 150px; }
#form .area select { width: 70px; }
#form .area .cidade select { width: 304px; }
#form .area select.entidade { width: 304px; }
#form .area p.curriculum { width: 355px; border: 1px solid #ccc; border-left: 5px solid #bbb; font-family: arial; color: #444; font-size: 12px; padding: 5px 10px; height: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#form .area textarea { padding: 10px; height: 154px; }
#form .area input[type=submit] { background: #419B77; padding: 6px 10px; cursor: pointer; display: block; border: none; float: left; font-family: 'din_alternate'; color: #fff; font-size: 19px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#form .area .submit { float: left; width: 100%; margin: 0 0 10px; }

#area_planos { float: left; width: 720px; border-top: 3px solid #003821; padding-top: 20px; }
#area_planos .prev, #area_planos .next { background: url(../../imagens/nav_planos.png) left; margin-top: 100px; display: block; width: 33px; height: 47px; float: left; }
#area_planos .next { background-position: right; margin-left: -8px; }
#area_planos .slide { float: left; width: 652px; height: 300px; float: left; overflow: hidden; }
#area_planos .plano { list-style: none; padding: 0; margin: 0; width: 8000px; }
#area_planos .plano li { float: left; width: 180px; background: #fff; border: 1px solid #eee; padding: 15px; margin: 0 8px 0 0; }
#area_planos .plano h3 { font-family: 'din_alternate'; color: #4BA17E; font-weight: normal; font-size: 20px; margin: 0 0 10px; line-height: 22px; }
#area_planos .plano .detalhes { list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
#area_planos .plano li .detalhes span { border: none; border-bottom: 1px solid #eee; float: left; width: 100%; padding: 5px 0; margin: 0; font-size: 10px; text-transform: uppercase; }
#area_planos .plano .valor { float: left; width: 100%; font-family: 'din_alternate'; color: #4BA17E; text-align: center; display: block; font-size: 22px; margin: 15px 0 5px; }
#area_planos .plano .contratar { width: 100%; float: left; text-align: center; margin-top: 10px; }
#area_planos .plano .contratar a { background: #4BA17E; display: inline-block; padding: 5px 25px; font-family: 'din_alternate'; text-decoration: none; font-size: 18px; color: #fff; text-transform: uppercase; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
#area_planos .plano .contratar a:hover { background: #003821; }

.ouvidoria_intro { width: 100%; border-top: 1px solid #ddd; margin-top: 30px; padding-top: 20px; text-align: center; float: left; }
.ouvidoria_intro a { margin-top: 20px; display: block; }

#area_planos .plano2 { float: left; width: 180px; background: #fff; border: 1px solid #eee; padding: 15px; margin: 0 8px 0 0; }
#area_planos .plano2 h3 { font-family: 'din_alternate'; color: #4BA17E; font-weight: normal; font-size: 20px; margin: 0 0 10px; line-height: 22px; }
#area_planos .plano .detalhes { list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
#area_planos .plano2 .detalhes span { border: none; border-bottom: 1px solid #eee; float: left; width: 100%; padding: 5px 0; margin: 0; font-size: 10px; text-transform: uppercase; }
#area_planos .plano2 .valor { float: left; width: 100%; font-family: 'din_alternate'; color: #4BA17E; text-align: center; display: block; font-size: 22px; margin: 15px 0 5px; }

.plano_dir { background: #fff; float: right; width: 678px; padding: 20px; border: 1px solid #eee; min-height: 183px; font-size: 11px; color: #555; }
.plano_dir h2 { font-size: 30px; color: #4BA17E; font-family: 'din_alternate'; margin: 0 0 20px; }
.plano_dir .simular_bt { background: #4BA17E; display: inline-block; padding: 5px 25px; margin-top: 20px; font-family: 'din_alternate'; text-decoration: none; font-size: 18px; color: #fff; text-transform: uppercase; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.plano_dir .simular_bt:hover { background: #003821; }

#cateroria_interna { float: left; width: 200px; }
#cateroria_interna ul { list-style: none; padding: 0; margin: 0; float: left; }
#cateroria_interna ul li { float: left; margin-bottom: 2px; }
#cateroria_interna ul li a { padding: 8px; width: 184px; background: #4BA17E; display: block; text-decoration: none; font-size: 11px; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#cateroria_interna ul li a:hover, #cateroria_interna ul li a.active { background: #207753; }

table.meus_dados { width: 100%; float: left; border-collapse: collapse; }
table.meus_dados th { width: 25%; text-align: right; background: #fff; border-bottom: 2px solid #FAFAFA; padding: 10px; font-size: 11px; }
table.meus_dados td { width: 75%; background: #eee; text-align: left; border-bottom: 2px solid #FAFAFA; padding: 10px; font-size: 11px; }
table.meus_dados td input[type=text], table.meus_dados td input[type=password] { background: #fff; border: 1px solid #ddd; height: 30px; padding: 0 10px; width: 200px; }
table.meus_dados td input[type=text]:disabled { background: #EEE; border: 1px solid #ddd; height: 30px; padding: 0 10px; width: 200px; }
table.meus_dados td select { background: #fff; border: 1px solid #ddd; height: 30px; padding: 0 10px; width: 200px; }

input[type=submit].salvar { background: #67BB97; font-family: 'din_alternate'; color: #fff; cursor: pointer; margin: 12px 0 0; text-transform: uppercase; font-size: 22px; border: none; float: right; height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input[type=submit].salvar.left {float: left;}

table.dados_geral { width: 100%; float: left; font-size: 11px; border-top: 3px solid #4BA17E; border-bottom: 3px solid #4BA17E; }
table.dados_geral th { background: #6FC39F; padding: 6px; color: #fff; }
table.dados_geral td { background: #fff; padding: 6px; border: 1px solid #ddd; }
table.dados_geral td .alterar { background: url(../../imagens/alterar.png) left no-repeat; padding: 2px 0 2px 18px; display: inline-block; font-weight: bold; font-size: 10px; }

.voltar_interna { float: right; display: block; font-size: 11px; color: #111; font-weight: bold; display: block; margin: 0 0 10px; }
.voltar_interna b { color: #4BA17E; }

#rodape { background: url(../../imagens/bg_rodape.jpg) center; width: 100%; height: 304px; float: left; padding-top: 30px; }
#rodape .dados_esq { float: left; width: 310px; }
#rodape .dados_esq div { float: left; width: 100%; margin-bottom: 20px; }
#rodape .dados_esq div h3 { font-family: 'din_alternate'; color: #fff; font-size: 30px; margin: 0; font-weight: normal; }
#rodape .dados_esq div p { color: #fff; font-size: 13px; margin: 0; }
#rodape .dados_esq div .fone { background: url(../../imagens/fone.png) left no-repeat; padding-left: 30px; font-family: 'swis721_cn_btbold'; color: #fff; font-size: 20px; display: block; margin-top: 7px; }
#rodape .dados_esq div .fone.whats {background: url(../../imagens/fone_whats.png) left no-repeat;}
#rodape .dados_esq div .fone.whats a{color: #ffffff;}

#rodape .dados_dir { width: 590px; float: right; }
#rodape .dados_dir .simule { float: left; display: block; margin-bottom: 22px; }

#rodape .social_news { width: 100%; border-top: 1px dotted #419a76; float: left; border-bottom: 1px dotted #419a76; padding: 22px 0 5px; }
#rodape .social_news .social { float: left; }
#rodape .social_news .social span { font-family: 'din_alternate'; color: #fff; font-size: 22px; display: block; float: left; margin: 4px 2px 0 0; }
#rodape .social_news .social a { background: url(../../imagens/social.png); width: 36px; height: 37px; display: block; float: left; margin-left: 4px; }
#rodape .social_news .social a.twitter { background-position: right; }
#rodape .social_news .news { float: right; }
#rodape .social_news .news span { font-family: 'din_alternate'; color: #fff; font-size: 22px; display: block; float: left; margin: 4px 2px 0 0; }
#rodape .social_news .news input[type=text] { background: url(../../imagens/assinar_input.png); width: 119px; height: 38px; padding: 0 6px; font-size: 10px; float: left; border: none; }
#rodape .social_news .news input[type=button] { background: url(../../imagens/assinar.png); width: 82px; height: 78px; cursor: pointer; border: none; float: left; margin-top: -20px; }

#rodape .localizacao { background: url(../../imagens/localizacao.png) left no-repeat; width: 565px; float: left; border-top: 1px dotted #419a76; border-bottom: 1px dotted #419a76; height: 60px; padding: 0 0 0 25px; }
#rodape .localizacao span { float: left; color: #fff; font-size: 12px; display: block; margin-top: 23px; }
#rodape .localizacao .mapa { background: url(../../imagens/confira_mapa.png); width: 84px; height: 44px; display: block; float: right; margin-top: 8px; }

#rodape .area_logo_rodape { float: left; padding-top: 20px; }
#rodape .area_logo_rodape a { display: block; float: left; }

#rodape .rede_social_extramed {float: right;  padding-top: 20px;}
#rodape .rede_social_extramed .titulo {font-family: 'din_alternate'; color: #fff; font-size: 20px; margin: 0; font-weight: normal; text-align: right;}
#rodape .rede_social_extramed .subtitulo {font-family: 'din_alternate'; color: #fff; font-size: 14px; margin: 0; font-weight: normal; text-align: right; width: 100%; float: left;}
#rodape .rede_social_extramed a {background: url(../../imagens/extramed_rede_social.png) no-repeat; height: 36px; width: 36px; display: block; float: right; margin: 10px 0 6px 12px;}
#rodape .rede_social_extramed a.facebook {}
#rodape .rede_social_extramed a.instagram {background-position: -48px 0px; width: 37px;}
#rodape .rede_social_extramed a.linkdin {background-position: -99px 0px;}
#rodape .rede_social_extramed a.whatsapp {background-position: -146px 0px;}



#rodape .logos { float: left; width: 100%; padding: 15px 0 0; text-align: right; }
#rodape .logos .ans { float: left; display: block; margin: 0 5px 0 -5px; }
#rodape .logos .num { float: left; margin-top: 10px; }

#rodape .direitos { float: left; width: 100%; color: #fff; font-size: 9px; margin-top: 56px; }
#rodape .direitos a { color: #fff; }

#bloquear_tela { position: fixed; width:100%; height: 100%; background: url(../../imagens/ajax-loader.gif) no-repeat center #000; opacity: 0.7; }
#bloquear_tela .texto {     color: #ffffff; font: 16px arial; position: absolute; top: 56%; text-align: center; width: 100%; }

.link_menu { display: none; }

#rodape .atendimento_digital {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 0;
}

#rodape .atendimento_digital a {
    background: url(../../imagens/atendimento_digital.png) no-repeat;
    display: block;
    width: 188px;
    height: 125px;
    margin: 0 10px 20px 0;
}

#menu-mobile { display: none; }



@media only screen and (max-width: 768px) {
    #menu { display: none; }
    .wrapper { width: 100%; float: left; }

    #topo { width: 100%; float: left; background-position: 28.5% bottom; background-size: 650%; height: 120px; }
    #topo #logo { width: 100%; text-align: center; margin-top: 10px; }
    #topo #logo a { display: inline-block; background-size: cover; height: 93px; width: 181px; }
    #topo .topo_login { width: 92%; padding: 10px 4%; background: #4ba17e; position: absolute; top: 0; margin: 0; display:none }
    .simule_bt, .contrate_bt, .atendimento_bt, .ans_esq { display: none; }
    #topo .topo_login .login { margin: 0; width: auto; float: left; }
    #topo .topo_login .login label span { margin-bottom: 3px; }
    #topo .topo_login .login input[type=submit] { margin-top: 15px; }
    #topo .topo_login .login span.title, #topo .topo_login .corretor { font-size: 14px; margin: 0; }
     #topo .topo_login .corretor { margin-top: 10px; }
    #topo .topo_login .login input[type=text], #topo .topo_login .login input[type=password] { width: 130px; }
    #topo .topo_login .bt_boleto { float: right; }
    .link_menu { position: absolute; display: block; top: 15px; left: 15px; }
    .link_menu img { height: 30px; }

    #topo .topo_login .login.interna { width: 100%; }
    #topo .topo_login .login .nome { width: 70%; margin: 0 }
    div.title_interna { width: 93%; }

    #menu-mobile { position: absolute; width: 100%; top: 120px; background: #419a76; z-index: 2000; display: none; }
    #menu-mobile ul { padding: 0; margin: 0; }
    #menu-mobile ul li { width: 100%; float: left; text-align: center; margin: 0; border-bottom: 1px solid #fff; }
    #menu-mobile ul li a { padding: 6px; display: block; font-size: 20px; color: #fff; font-family: 'din_alternate'; }
    #menu-mobile ul li .submenu { position: inherit; width: 100%; display: none; padding: 0; }
    #menu-mobile ul li .submenu li { margin: 0; background: #186847; }
    #menu-mobile ul li .submenu li a { display: block; background: none; margin: 0 border-radius: 0;  width: auto; }
    #menu-mobile .links { background: #373483; display: block; float: left; width: 100%; }

    #cateroria_interna { position: absolute; width: 100%; top: 200px; background: #419a76; z-index: 2000; display: none;  left: 0; }
    #cateroria_interna ul { padding: 0; }
    #cateroria_interna ul li { width: 100%; float: left; text-align: center; margin: 0; border-bottom: 1px solid #fff; }
    #cateroria_interna ul li a { padding: 6px; display: block; background: none; width: auto; font-size: 18px; font-family: 'din_alternate'; }

    #banner { height: 38vw; }
    #banner ul li a { height: 38vw; background-size: cover; }
    #banner .prev, #banner .next { margin-top: 15vw;width: 25px; height: 30px; background-size: cover; }

    #links .link img { margin: 0; width: 100%; }

    #links { width: 94%; padding: 30px 3%; background: none; height: auto; text-align: center; }
    #links .link { width: 48%; margin: 0 0.5% 10px; height: auto; float: none; display: inline-block; }
    #links .link .title { width: 100%; padding: 11px 0 11px; }

    #content { background: #eee; width: 94%; padding: 30px 3%; height: auto; }
    #content .links { width: 100%; }
    #area_content { width: 100%; }
    #area_content iframe { width: 100%; }

    .area_logo { width: 100%; margin: 0; }
    .logo_operadora { width: 46%; margin: 0 1.5% 5px; }

    .noticia { padding: 15px 3%; width: 94%; }
    .noticia .thumb { width: 100%; margin: 10px 0 20px; }

    #form { width: 100%; margin: 0 0 50px; }
    #form .area { width: 100%; padding: 0; }
    #form .area .col_esq { width: 100%; }
    #form .area .col_dir { width: 100%; }
    #form .area p { width: 100%; }
    #form .area input[type=text], #form .area textarea, #form .area select, #form .area input[type=password], #form .area .data input[type=text], #form .area .fone input[type=text] { width: 92%; }

    #fale_conosco { width: 100%; margin: 0; }
    #fale_conosco .area { width: 100%; padding: 0; }
    #fale_conosco .area .col_esq { width: 100%; }
    #fale_conosco .area p { width: 100%; }
    #fale_conosco .area input[type=text], #fale_conosco .area textarea, #fale_conosco .area select, #fale_conosco .area input[type=password], #fale_conosco .area .data input[type=text], #fale_conosco .area .fone input[type=text] { width: 92%; }
    h2.title { text-align: center; }

    table.meus_dados { width: 100%; }
    table.meus_dados th, table.meus_dados td { width: 94%; float: left; text-align: left; padding: 10px 3%; }

    #rodape { background-repeat: no-repeat; background-color: #419b77; background-position: 10% top; width: 94%; padding: 30px 3%; height: auto; }
    #rodape .dados_esq { width: 100%; }
    #rodape .dados_dir { width: 100%; }
    #rodape .dados_dir .simule { overflow: hidden; width: 215px; }
    #rodape .localizacao { width: 100%; padding: 0; border-color: #fff; }
    #rodape .rede_social_extramed { text-align: left !important; float: left; width: 100%; }
    #rodape .rede_social_extramed .titulo { text-align: left; margin-bottom: 10px; }
    #rodape .rede_social_extramed .subtitulo { text-align: left; margin-top: 10px; }
    #rodape .rede_social_extramed a { float: left; margin: 0 8px 0 0; }
    #rodape .direitos { margin-top: 30px; }

    #content .links .box1, #content .links .box2, #content .links .box3, #content .links .box4 { background-repeat: no-repeat !important; background-color: #fff !important; width: 48.7%; border-radius: 10px; }
    
}
@media only screen and (max-width: 680px) {
    #content .links .box1, #content .links .box2, #content .links .box3, #content .links .box4 { width: 100%; height: auto; padding-bottom: 30px; border-radius: 10px; overflow: hidden; background-repeat: no-repeat !important; background-position: top left !important; background-color: #fff !important; }
}