@charset "utf-8";

body { font-size: 15px; font-weight: 300; font-family: 'Poppins', Calibri, Arial, sans-serif; text-rendering: geometricPrecision !important; -webkit-font-smoothing: antialiased !important; height: auto; font-weight: 400; background-color: #ffffff; color: #545454; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
/*html { overflow-x:hidden; }*/

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: 'Poppins'; }
div, span, a, strong, nav, p, li, header, footer, i, img, section, button, input { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.clearfix, .clearfix2 { width: 100%; position: relative; clear: both; height: 10px; }
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
.util2 { width: 80%; margin: 0 auto; height: auto; position: relative; display: block; }
.centraliza, .util, .util3 { width: 1100px; margin: 0 auto; height: auto; position: relative; display: block; }
.centraliza-vertical { left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.utilmetade { width: 550px; margin: 0 auto; height: auto; }
.metade { width: 574px; margin: 0 auto; height: auto; }
.anima { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.anima1 { -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.anima5 { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pulse { -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }
.pulse2 { -moz-animation: pulse_black 2s infinite; -o-animation: pulse_black 2s infinite; -webkit-animation: pulse_black 2s infinite; }
.tremer { -moz-animation: tremer 0.75s; -o-animation: tremer 0.75s; -webkit-animation: tremer 0.75s; }
.tremer_infinito { -moz-animation: tremer 0.75s infinite; -o-animation: tremer 0.75s infinite; -webkit-animation: tremer 0.75s infinite; }
.blur { -webkit-filter: blur(5px); filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); }
#mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(0,168,232,0.9); z-index:1009; }
#amensagem { display: none; position: fixed; background-size: auto 80px; background-repeat:no-repeat; background-position: 20px center; z-index: 5000001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 50px 20px; font-size: 18px; line-height: 18px; font-family: 'Poppins'; font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
#amensagem_curta { display: none; position: fixed; z-index: 5000001; bottom: 65px; right: 20px; width: 340px; padding: 20px; font-size: 14px; line-height: 18px; font-family: 'Poppins'; font-weight: 400; color: #ffffff; text-align: left; height: auto; letter-spacing: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); }
#amensagem_curta i { font-size: 15px !important; height: 18px !important; line-height: 18px !important; color: #ffffff; float: left; margin-right: 10px; }
.sombra { -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
.esconde { display: none; }
.titulo-padrao { width: 100%; height: auto; padding: 50px 0px; text-align: center; font-weight: 600; font-size: 32px; line-height: 40px; color: #15424a; }
.titulo-padrao-menor { width: 100%; height: auto; padding: 17px 0px; text-align: left; font-weight: 600; font-size: 20px; line-height: 26px; color: #15424a; }
.titulo_padrao { color: #15424a; font-size: 30px; font-weight: 600; position: relative; text-align: center; padding: 25px 0px; width: 100%; height: auto; }
.titulo_padrao i { float: left; font-size: 20px; color: #15424a; width: 45px; height: 45px; background-color: #ffffff; line-height: 45px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.titulo_padrao:hover i { background-color: #f4f6f8; }
.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); }
section { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; padding: 0px 0px 50px 0px; margin: 0px; }
.progresso_leitura { width: 100%; height: 2px; position: fixed; top: 87px; z-index: 1999; background-color: transparent; }
.progresso_leitura .progresso_scroll { width: 0%; height: 2px; position: absolute; background-color: #00aaff; }
.erro-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: red; font-size: 15px; }
.acerto-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: #000000; font-size: 15px; }
.erros-registro { display: none; width: 100%; height: 12px; line-height: 12px; padding: 3px 0px; font-family: 'Poppins'; font-size:12px; color: red; font-weight: bold; text-align: center; }
.cool-link { display: inline-block; text-decoration: none; }
.cool-link-ativo::after { content: ''; margin-top: 0px; display: block; width: 100%; height: 1px; background: #ffffff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link::after { content: ''; margin-top: 0px; display: block; width: 0; height: 1px; background: #ffffff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link:hover::after { width: 100%; margin-top: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link2 { display: inline-block; text-decoration: none; }
.cool-link2::after { content: ''; margin-top: 0px; display: block; width: 0; height: 1px; background: #ffffff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link2:hover::after { width: 100%; margin-top: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link3 { display: inline-block; text-decoration: none; }
.cool-link3::after { content: ''; margin-top: 0px; display: block; width: 0; height: 1px; background: #00aaff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cool-link3:hover::after { width: 100%; margin-top: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.aonde { position: relative; border-bottom: #eaeaea 1px solid; z-index: 101; width: 100%; padding: 25px 0px; height: auto; position: relative; color: #000000; text-align: left; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400;  -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.aonde i { color: #1a1a1a; font-size: 16px; line-height: 20px; padding: 0px 10px 0px 0px; }
.aonde span { color: #00aaff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; text-align: left; }
.aonde .numeros { width: auto; height: auto; float: right; color: #000000; font-size: 10px; font-family: 'Poppins', sans-serif; font-weight: 600; padding: 3px 10px; background-color: #eaeaea; text-transform: uppercase; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.whats_chama { cursor: pointer; width: 66px; height: 66px; position: fixed; z-index: 1000; bottom: 16px; right: 16px; background-image: url(../imagens/whats-chama.png); background-repeat: no-repeat; background-size: 66px auto; background-position:left center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.atalhos { cursor: pointer; width: 66px; height: 66px; position: fixed; z-index: 1000; bottom: 16px; left: 16px; background-color: #8c1700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.atalhos i { width: 100%; height: 66px; text-align: center; line-height: 66px; font-size: 30px; color: yellow; }
.erro-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 10px; z-index: 10; background-image: url(../imagens/close_black.png); background-repeat: no-repeat; background-size: 20px auto; background-position: center center; }
.acerto-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 10px; z-index: 10; background-image: url(../imagens/check_black.png); background-repeat: no-repeat; background-size: 20px auto; background-position: center center; }

.chama_whats { width: 50px; text-align: center; height: 50px; position: fixed; bottom: 10px; right: 10px; z-index: 100; background-color: #00cf2e;-moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;box-shadow: rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0) 0px 4px 6px, rgba(0, 0, 0, 0) 0px 12px 13px, rgba(0, 0, 0, 0) 0px -3px 5px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; }
.chama_whats:hover { bottom: 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.chama_whats i { font-size: 30px; width: 100%; height: 50px; line-height: 50px; color: #ffffff; }

/* BANNER PÁGINAS */
.banner_fixo { width:100%; height:300px; margin-top: 0px; position: relative; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-color: #1a1a1a; }
.banner_fixo .local_banner { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; z-index: 11; margin-top: 160px; padding: 10px 0px; }
.banner_fixo .local_banner .titulo_pagina { position: relative; display: inline-block; text-align: left; vertical-align: top; width: auto; height: auto; padding: 0px 0px 10px 0px; font-size: 36px; font-family: 'Poppins'; color: #00aaff; line-height: 25px; font-weight: 700; }
.banner_fixo .local_banner .introducao_pagina { display: block; vertical-align: top; width: auto; font-size: 20px; font-family: 'Poppins'; color: #a9a9a9; text-align: left; padding: 0px; line-height: 25px; position: relative; z-index: 10; margin: 0px; font-weight: lighter; }
.banner_fixo .local_banner .valor { float: right; width: auto; background-color: #000000; font-size: 20px; font-family: 'Poppins'; color: #ffffff; text-align: left; padding: 5px 15px; line-height: 25px; position: relative; z-index: 10; margin: 0px; font-weight: 700; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.banner_fixo .mascara_banner { width: 100%; height: 300px; position: absolute; z-index: 10; background: rgba(21,66,74,0.9); }
.banner_fixo:hover .mascara_banner { background-color: rgba(21,66,74,0.7); }
.banner_fixo:hover .local_banner { padding: 10px 15px; }

/*ACEITE*/
.aceite { width: 70%; height: auto; position: fixed; left: 50%; bottom: 0px; transform: translate(-50%, -50%); padding: 20px; background-color: #ffffff; z-index: 99999; text-align: center; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5);  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.aceite:hover { -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); }
.aceite .cta-aceite { cursor: pointer; display: inline-block; vertical-align: top; margin-top: 20px; width: auto; padding: 10px 20px; background: #00aaff; color: #ffffff; font-size: 16px; font-family: 'Poppins'; font-weight: 700;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; }
.aceite .cta-aceite:hover { background: #8c27ab; padding: 10px 25px; }
.aceite .chama-aceite { width: 100%; font-size: 14px; font-family: 'Poppins'; text-align: center; color: #1d1d1d; padding: 0px 30px 0px 0px; }
.aceite .chama-aceite u { text-decoration: underline; }
.aceite .chama-aceite i { font-style: italic; }
.aceite .chama-aceite strong, .aceite .chama-aceite b { font-style: 700; }
.aceite .chama-aceite a { color:#1d1d1d; font-size: 14px; line-height: 24px; font-family: 'Poppins'; font-weight: 400; text-decoration: underline; }
.aceite .chama-aceite a:hover { background-color: #f4f6f8; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#fechapopup { width: 90px; position: fixed; cursor: pointer; z-index:100002; left: 50%; margin-left: -45px; top: 10px; background-color: #ffffff; color: #1a1a1a; font-size: 10px; letter-spacing: 3px; font-family: 'Poppins'; font-weight: 400; padding: 5px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#mascara, #mascarafb { position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(0,168,232,0.9); z-index:100001; }
#mascara_busca { display: none; position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(0,168,232,0.9); z-index:900; }
.fb_iframe_widget { left: 0px !important; }

/*HEADER*/
header { width: 100%; height: auto; position: fixed; z-index: 1000; background-color: transparent; top: 0px; left: 0px; }
header .menu-topo { height: auto; text-align: left; width: 100%; position: relative; }
header .menu-topo .logomarca { display: inline-block; vertical-align: top; position: relative; overflow: hidden; margin: 10px 0px 10px 10px; width: 325px; height: 77px; background-image: url(../imagens/logomarca-documentar-facil.png); background-repeat: no-repeat; background-position: center top; background-size: auto; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header .menu-topo nav { display: inline-block; vertical-align: top; width: auto; margin: 32px 0 0 120px; text-align: left; position: relative; }
header .menu-topo nav ul { list-style-type: none; width: auto; height: auto; position: relative; }
header .menu-topo nav ul li { display: inline-block; vertical-align: top; color: #ffffff; padding: 15px; margin-right: 25px; line-height: 30px; font-size: 14px; font-weight: 300; text-decoration: none; }
header .menu-topo nav ul li.destaque { background-color: #15424a; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 0px 10px; }
header .menu-topo nav ul a li.destaque { color: #ffffff; padding: 0px 10px; }
header .menu-topo nav ul li:last-child { padding: 0; }
header .menu-topo .sup-menu { float: right; margin: 30px 0 0 0; }
header .menu-topo .sup-menu ol { list-style-type: none; width: auto; height: auto; position: relative; text-align: right; }
header .menu-topo .sup-menu ol li { display: inline-block; vertical-align: top; margin: 0 0 0 5px; }
header .menu-topo .sup-menu ol li.menu-login { position: relative; width: auto; height: 30px; color: #ffffff; font-size: 12px; line-height: 30px; text-align: left; margin-top: 7px; margin-left: 15px; cursor: pointer; font-weight: 600; }
header .menu-topo .sup-menu ol li.menu-login i { float: left; color: #ffffff; font-size: 25px; text-align: center; padding-right: 10px; }
header .menu-topo .sup-menu ol li.menu-login:hover { opacity: 0.6; }
header .menu-topo .sup-menu ol li.lk-notificacao { position: relative; width: 29px; height: 30px; text-align: center; margin-top: 7px; margin-left: 15px; cursor: pointer; }
header .menu-topo .sup-menu ol li.lk-notificacao i { float: right; color: #ffffff; font-size: 18px; line-height: 30px; text-align: center; }
header .menu-topo .sup-menu ol li.lk-notificacao:hover { opacity: 0.6; }
header.flutuante { background-color: #ffffff; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
header.flutuante .menu-topo .logomarca { background-position: center bottom; margin: 5px 0px 5px 10px; }
header.flutuante .menu-topo .sup-menu ol li.menu-login,
header.flutuante .menu-topo .sup-menu ol li.menu-login i,
header.flutuante .menu-topo nav ul li,
header.flutuante .menu-topo .sup-menu ol li.lk-notificacao i { color: #15424a; }
header.flutuante .menu-topo nav ul li.cool-link-ativo::after,
header.flutuante .menu-topo nav ul li.cool-link::after { background: #15424a; }
header.flutuante .menu-topo .sup-menu { margin-top: 25px; }
header.flutuante .menu-topo nav { margin-top: 27px }

header.flutuante_fixo { background-color: #ffffff; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
header.flutuante_fixo .menu-topo .logomarca { background-position: center bottom; margin: 5px 0px 5px 10px; }
header.flutuante_fixo .menu-topo .sup-menu ol li.menu-login,
header.flutuante_fixo .menu-topo .sup-menu ol li.menu-login i,
header.flutuante_fixo .menu-topo nav ul li,
header.flutuante_fixo .menu-topo .sup-menu ol li.lk-notificacao i { color: #15424a; }
header.flutuante_fixo .menu-topo nav ul li.cool-link-ativo::after,
header.flutuante_fixo .menu-topo nav ul li.cool-link::after { background: #15424a; }
header.flutuante_fixo .menu-topo .sup-menu { margin-top: 25px; }
header.flutuante_fixo .menu-topo nav { margin-top: 27px }

/*ACESSO*/
.opcao_submenu { display: none; width: 230px; height: auto; position: fixed; left: 50%; margin: 0px; margin-left: 330px; z-index: 1002; padding: 0px; top: 100px; background-color: #ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); overflow: hidden; }
.opcao_submenu .acessos { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); height: auto; position: relative; padding: 0px; margin: 5px 5px 0px 5px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos#acessos_cadastro { display: none; }
.opcao_submenu .acessos#acessos_cadastro .titulo_login { font-weight: 700; text-align: center; font-size: 14px; }
.opcao_submenu .acessos .titulo_login { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); height: auto; line-height: 15px; margin: 0px; color: #000000; font-size: 12px; padding: 10px 5px; font-family: 'Poppins'; text-align: center; font-weight: 500; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos .titulo_logado { cursor: pointer; width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); width: -o-calc(100% - 15px); width: calc(100% - 15px); padding: 12px 5px 12px 10px; height: auto; line-height: 15px; margin: 0px; color: #000000; font-size: 15px; font-family: 'Poppins'; text-align: left; font-weight: 700; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos .titulo_logado i { float: right; font-size: 18px; padding: 5px 0px 0px 10px; color: #000000; }
.opcao_submenu .acessos .titulo_logado p { font-size: 10px; font-weight: 400; }
.opcao_submenu .acessos .titulo_logado:hover { background-color: #f4f6f8; }
.opcao_submenu .acessos form { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); padding: 5px 0px 0px 5px; height: auto; position: relative; clear: both; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos form .aciona { width: 100%; height: 40px; position: relative; text-align: center; padding: 10px 0px 5px 0px; }
.opcao_submenu .acessos form .aciona .recupera { cursor: pointer; float: left; width: auto; height: auto; line-height: 15px; margin: 0px; color: #000000; font-size: 12px; padding: 8px 0px 7px 0px; font-family: 'Poppins'; text-align: left; font-weight: 500; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos form .aciona .recupera:hover { text-decoration: underline; }
.opcao_submenu .acessos form input[type=password], .opcao_submenu .acessos form input[type=text] { width: 100%; height: auto; line-height: 30px; letter-spacing: 1px; text-align: center; color: #000000; font-family: 'Poppins'; font-size: 12px; background-color: #f4f6f8; font-weight: 300; display: inline-block; vertical-align: top; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 3px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos form input[type=password]:focus, .opcao_submenu .acessos form input[type=text]:focus { background-color: #f4f6f8; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); }
.opcao_submenu .acessos form .aciona input[type=button] { float: right; cursor: pointer; width: auto; padding: 0px 10px; height: 30px; text-align: center; background-color: #00aaff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; font-size: 12px; font-family: 'Poppins'; font-weight: 600; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .acessos form .aciona input[type=button]:hover { padding: 0px 15px; }
.opcao_submenu .cadastre_se { cursor: pointer; width: 100%; height: auto; line-height: 15px; margin: 0px; color: #ffffff; font-size: 11px; padding: 17px 0px; font-family: 'Poppins'; background-color: #1a1a1a; text-align: center; font-weight: 700; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .sair_contao { width: 100%; height: auto; line-height: 15px; margin: 0px; color: #ffffff; font-size: 12px; padding: 15px 0px; font-family: 'Poppins'; background-color: #000000; text-align: center; font-weight: 700; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.opcao_submenu .menu_cliente { width: 100%; height: auto; position: relative; }
.opcao_submenu .menu_cliente ul { width: 100%; height: auto; list-style: none; padding-bottom: 5px; }
.opcao_submenu .menu_cliente ul li { cursor: pointer; border-top: #f4f6f8 1px solid; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); padding: 10px 5px; text-align: left; color: #000000; font-size: 12px; font-family: 'Poppins'; text-align: left; font-weight: 500; }
.opcao_submenu .menu_cliente ul li i { float: left; color: #000000; font-size: 15px; padding: 0px 6px 0px 0px; text-align: center; width: 22px; }
.opcao_submenu .menu_cliente ul li p { font-weight: 700; }
.opcao_submenu .menu_cliente ul li:hover { background-color: #f4f6f8; }

/* MENU CELULAR */
#menu2start { display: none; cursor: pointer; width: 20px; padding: 0px 10px 5px 10px; height: 45px; position: fixed; right: 0px; top: 10px; z-index: 12001; }
#menu2start .barras { width: 100%; height: auto; position: relative; padding-top: 16px; }
#menu2start .barras .barra { width: 100%; height: 3px; position: relative; background-color: #00aaff; margin-bottom: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
#menu2 { display: none; background-color: rgba(0,168,232,0.9); width: 92%; height:100% !important; margin: 0 auto; top: 70px; padding: 10px 4% 0px 4%; position: fixed; z-index: 1000; text-align: center; }
#menu2 li { font-weight: normal; border-bottom: rgba(255,255,255,0.1) 1px solid !important; list-style-type: none; cursor: pointer; color: #ffffff; text-align: left; font-size: 24px; height: auto; padding: 10px 0px; line-height: 28px; width: 100%; font-family: 'Poppins'; font-weight: 700; display: inline-block; }

/*FOOTER*/
footer { width: 100%; height: auto; position: relative; background-color: #ffffff; border-top: 1px solid #f4f6f8; }
footer .faixa-rodape { width: 100%; height: auto; position: relative; padding: 60px 0px; text-align: center; }
footer .faixa-rodape .coluna-rodape { width: 180px; height: auto; display: inline-block; vertical-align: top; text-align: left; margin-right: 20px; }
footer .faixa-rodape .coluna-rodape .tit-coluna { color: #15424a; padding: 5px 0px; margin-top: 10px; font-size: 16px; font-weight: 600; display: inline-block; vertical-align: top; }
footer .faixa-rodape .coluna-rodape ul { width: 100%; height: auto; position: relative; list-style-type: none; padding-top: 20px; }
footer .faixa-rodape .coluna-rodape ul li { width: 100%; height: auto; position: relative; text-align: left; color: #8b8b8b; font-size: 13px; font-weight: 300; padding: 5px 0px; }
footer .faixa-rodape .coluna-rodape p { width: 100%; height: auto; position: relative; text-align: left; color: #8b8b8b; font-size: 13px; font-weight: 300; padding: 20px 0px; }
footer .faixa-rodape .coluna-rodape .bandeiras { width: 200px; height: 60px; background: url(../imagens/bandeiras.jpg) no-repeat center center; float: right; }
footer .copy { width: 100%; height: auto; position: relative; background-color: #f4f6f8; color: #15424a; font-size: 12px; line-height: 30px; padding: 25px 0px; text-align: center; }
footer .copy a { color: #15424a; font-size: 12px; text-decoration: underline; text-align: center; }

@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }
@-moz-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }
@keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); } 70% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0); box-shadow: 0 0 0 15px rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }

@-webkit-keyframes pulse_black { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0); box-shadow: 0 0 0 0 rgba(0,168,232, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0); box-shadow: 0 0 0 0 rgba(0,168,232, 0); } }
@-moz-keyframes pulse_black { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0); box-shadow: 0 0 0 0 rgba(0,168,232, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0); box-shadow: 0 0 0 0 rgba(0,168,232, 0); } }
@keyframes pulse_black { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); box-shadow: 0 0 0 0 rgba(0,168,232, 0.8); } 70% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 15px rgba(0,168,232, 0); box-shadow: 0 0 0 15px rgba(0,168,232, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,168,232, 0); -moz-box-shadow: 0 0 0 0 rgba(0,168,232, 0); box-shadow: 0 0 0 0 rgba(0,168,232, 0); } }

@-webkit-keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
@-moz-keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
@keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }

@media screen and (max-width: 1100px) {
	.util, .util2, .util3, .centraliza { width: 100%; }

	#menu2start { display: block; }

	.busca_rapida { display: none; width: -moz-calc(94% - 60px); width: -webkit-calc(94% - 60px); width: -o-calc(94% - 60px); width: calc(94% - 60px); right: 0px; top: 25%; padding: 0px 30px; margin: 18px 3%; }
	.busca_rapida form input[type=text] { text-align: center; font-size: 18px; font-weight: 400; }

	.banner_fixo .local_banner { width: 92%; margin-top: 160px; padding: 10px 4%; }
	.banner_fixo .local_banner .titulo_pagina { font-size: 26px; }
	.banner_fixo .local_banner .valor {  float: none; position: absolute; right: 20px; margin: -80px 0px 0px 0px; }

	header { position: fixed; left: 0px; top: 0px; width: 100%; height: 60px; padding: 5px 0px; z-index: 9902;-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
	header .menu-topo nav { display: none; }
	header .menu-topo .logomarca { display: inline-block; vertical-align: top; position: relative; left: 0px; margin: 5px 0px; width: 100px; height: 50px; background-position: center; background-size: auto 100%; margin: 0; }
	header .menu-topo .sup-menu { float: right; margin: 10px 40px 0 0; }
	header .menu-topo .sup-menu ol li.lk-assine { padding: 10px 0px; margin-right: 0px; }
	header .menu-topo .sup-menu ol li.menu-login, header .menu-topo .sup-menu ol li.lk-pesquisar { margin-left: 10px; cursor: pointer; }
	header .menu-topo .sup-menu ol li.menu-login { text-indent: -9999px; width: 29px; }
	header .menu-topo .sup-menu ol li.menu-login i { text-indent: initial !important; }

	.opcao_submenu { width: 350px; left: 50%; margin-left: -175px; top: 70px; }
	.opcao_submenu .cadastre_se, .opcao_submenu .sair_contao, .opcao_submenu .acessos#acessos_cadastro .titulo_login, .opcao_submenu .acessos .titulo_login, .opcao_submenu .acessos .titulo_logado { font-size: 18px; }
	.opcao_submenu .acessos .titulo_logado p { font-size: 10px; font-weight: 400; }
	.opcao_submenu .acessos form .aciona .recupera {font-size: 14px; }
	.opcao_submenu .acessos form input[type=password], .opcao_submenu .acessos form input[type=text] {letter-spacing: 0px; font-size: 14px; }
	.opcao_submenu .acessos form .aciona input[type=button] { font-size: 14px; }
	.opcao_submenu .menu_cliente ul li { font-size: 15px; }

	footer { position: relative; width: 100%; height: auto; margin: 0; text-align: center; }
	footer .redes { width: 280px; }
	footer .faixa-rodape .coluna-rodape { width: 100%; height: auto; display: inline-block; vertical-align: top; text-align: center; }
	footer .faixa-rodape .coluna-rodape.local { width: 100%; margin-right: 0px; }
	footer .faixa-rodape .coluna-rodape.mapa { display: none; }
	footer .faixa-rodape .coluna-rodape .tit-coluna { margin-top: 0px; font-size: 14px; width: 100%; }
	footer .faixa-rodape .coluna-rodape ul { padding-bottom: 35px; }
	footer .faixa-rodape .coluna-rodape ul li { width: 100%; text-align: center; font-size: 14px; padding: 3px 0px }
	footer .faixa-rodape .coluna-rodape p { text-align: center; font-size: 14px; }
	footer .copy { width: 94%; padding: 30px 3%; clear: both; font-size: 14px; line-height: 16px; text-align: center; }
	footer .faixa-rodape .coluna-rodape .bandeiras { width: 100%; float: none; margin-top: 20px; }
	footer .copy .blue { width: 100%; float: none; margin-bottom: 7px; }
	footer .copy .redes {  float: none; width: 100%; text-align: center; margin-top: 10px; }
}