body, span, p, form, img, a, input, select, textarea, html, button{margin:0; padding:0; border:none; outline:none}ul, ol, li{list-style-type:none;padding:0; margin:0;}input::-moz-focus-inner{padding:0; border:0;}button::-moz-focus-inner{padding:0; border:0;}h1, h2, h3, h4, h5, h6{margin:0; padding:0; line-height:normal; font-weight:normal; font-family:fonte;}
.al{text-align:left;}.ac{text-align:center;}.ar{text-align:right;}.fl{float:left;}.fr{float:right;}.cb{clear:both;}.pr{position:relative;}.db{display:block;}
input[type=submit], input[type=text], textarea{-webkit-appearance: none;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4; color:#333333; min-height:100%; -webkit-text-size-adjust:100%; background:#E6EBEE;}

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

h1{color:#465964; font-size:28px; background: url(../../images/img-logo-titulo.jpg) no-repeat; padding:3px 0 20px 52px; }
h2{color:#333; font-size:20px; margin-bottom: 15px;}
h3{color:#475A64; font-size:24px;}
h4{color:#999; font-size:16px;}

big{font-family:fonte;}
small{}
tt{}
code{}

/* links */
a, a:hover{color:#990000; text-decoration:none;}
a:hover{text-decoration:none;}


/* CLASSES DO SITE
---------------------------------------------------------*/
/*--Topo--*/
#headerBlock{width:100%; position:relative; float:left; background:url(../../images/img-topo.jpg) no-repeat center top; box-shadow: 0 0px 7px 1px #000; z-index:1;}
.li-top{width:992px; height:138px;  margin:0 auto;}

.li-top-logo{width: 213px; height: 171px;position:absolute; top:0; left:10px; background: url(../../images/img-logo.png) no-repeat;}
.li-top-fone{ margin: 12px 0 19px 0;  padding: 0 17px 0 22px; font-family: fonte; border-left: 1px solid #527586; font-size:16px; color:#FFF;}

.li-top-fone a{ display:block; color:#FFF; background: url(../../images/sprite-home.png) no-repeat 9px -40px; padding:0 0 4px 35px}
.li-top-fone span{  background: #496F82 url(../../images/sprite-home.png) no-repeat 5px -153px; border-radius: 5px; padding: 0 15px 0 39px; font-size: 13px; display: block; line-height:28px; height:26px;}

.li-top-redes{ padding:13px 21px 0 0;}
/*
.segura-tel{width:129px; height:50px;  padding: 1px 0 1px 31px; margin: 5px 14px 14px 22px;}
*/


/*--Menu--*/
.li-menu{height:55px; clear:both;}

.ul-menu-2{top:-61px; left:0; width:100% !important; background:#3A6478; transition:all linear 0.1s;box-shadow:0 0 8px #000; display:table;}
.li-menu-2{width:992px; margin:0 auto; display:none;}
.ul-menu-2.scroll-to-fixed-fixed .li-menu-2{display:block;}
.ul-menu-2 .li-top-logo{width:140px; height: 67px; background: url(../../images/img-logo-responsive.png) no-repeat 0 0; position:relative;}
.ul-menu-2 .pmenu{ float:right; margin:12px 0 0 0;}

/*--Corpo--*/

#mainBlock{width:100%; height:auto; float:left; z-index:0; position:relative;}
.corpo{width:992px; height:auto; margin:0 auto; display:table; padding:0 0 42px;}

.banner:before{ content:''; position:absolute; width:100%; height:92px; left:0; bottom:0px; background: url(../../images/img-mask.png) no-repeat center top; z-index:600;}
.banner{width:100%; height:531px; overflow:hidden;}

.banner-home strong{width: 503px; float:left; font-weight:normal;}
.banner-home p{width: 503px;  font-size: 18px; float:left; clear:both }

.segura-legenda{position:absolute; width:100%; height:233px;left:0; bottom:0px; background: url(../../images/img-banner-after.png) no-repeat center bottom; z-index:599;}
.segura-legenda span{ width:992px; margin:0 auto; font-size:12px; line-height:1.4; display:block;  padding:50px 0 0 0; font-family: fonte; text-align: right;color: #FFF; font-size: 36px;}

.corpo-interna{width:100%; height:auto; margin:0 auto; display:table; background:url(../../images/bg-interna-2.jpg) no-repeat center top;}

.right-contato { margin-bottom:15px}
.segura-interna{ width:992px; height:auto; margin:0 auto; display:table; }
.segura-noticias-inerna{ width:992px; height:auto; margin:0 auto;}

.content, .content-clientes{width:992px; font-size:14px; color:#465964; line-height:1.5; margin:0 auto; padding:105px 0 40px; display:table;}
.content-clientes{padding:77px 0 40px;}
.right{width:287px; height:317px;}
a.right{display:block}
a.right span{position:absolute; top:5px; left:5px; width:275px; height:307px; border:1px solid #FFF; display:block; z-index:999; transition:all .3s linear;}
a.right span:hover{padding:2px; top:0px; left:0; width:281px; height:312px;}

.orcamento{ position:absolute; width:250px; height:49px; background: url(../../images/img-orcamento.png) no-repeat 0 0; bottom: -7px; right:70px; z-index: 9999;}
.entidade{ width:100%; margin: 30px 0 40px; padding: 0 0 20px 0; background:url(../../images/img-sombra-entidade.png) no-repeat center bottom; clear:both;}
.entidade img{ padding:1px !important; border:3px solid #fff !important; margin:0 23px 24px 0 !important}
.entidade .sem-margem img{ margin-right:0 !important}
.entidade h3{ font-size:20px; font-family:fonte; color:#EA7819; margin:0 0 30px 0;}

.content-home{width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box;}

.scs-links-atigos{ margin:0 0 52px 0; height:274px;}
.scs-contabil{ width:446px; padding:0 83px 0 0; color: #465964; font-size: 13px; line-height: 1.5;}
.scs-contabil a.veja-mais{ clear:both; color:#D66639; display:block; font-size: 15px; font-family: fonte; margin:16px 0 0 0; transition:all .2s linear; font-weight:bold;}
.scs-contabil a.veja-mais:hover{ text-decoration:none; color:#B44D25;}
.scs-contabil h3{  background: url(../../images/img-scs.jpg) no-repeat 0px 1px; padding: 6px 0 12px 50px; position: relative; z-index: 801; margin: -9px 0 0 0;}
.links-artigo{ width:463px; }
.links-artigo h3{ margin-bottom: 10px; font-size: 20px;}

.nota-fiscais{ width:268px; margin:25px 0 0 26px;}
.nota-fiscais h3{ padding: 15px 0 0 0; margin: 0 0 20px 0;}
.nota-fiscais a{ display:block; color:#FFF; background:#EA7819; padding:2px 10px; border-radius:5px; margin:20px 0 0 0; transition:all .2s linear;}
.nota-fiscais a:hover{ background:#475A64; }
.nota-fiscais img{ float:left; margin: 0 10px 0 0;}

.links-home { width:463px; float:left; margin:0 0 34px; }
.links-home img{ display:block; float:left; clear:both; margin:0 15px 0 0;}
.links-home b{ display:block; font-family:fonte; color:#475A64; font-size:19px; font-weight:normal;}
.links-home span{ font-size:13px; line-height:1.5; color:#475A64; }
.links-home i{ content:''; position:absolute; top:3px; left:3px; display:block; width:162px; height:99px; border:1px solid #FFF; transition:all .3s linear;}
.links-home i:hover{top: -2px; left: -2px; width: 169px; height: 107px; padding: 1px;}

.ver-todos{ float: right; margin:-15px 0 10px 0; color: #D66639;}
.ver-todos:hover{color: #B44D25;}
.right-contato h3{ margin:0 0 15px 0;}

.parceiros-home{ width:100%; float: left; background: #ffffff; padding: 25px 0;}
.parceiros-home .center{ width: 992px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center;}
.parceiros-home h3{ color:#D66639; font-size: 25px; flex-basis: 100%; text-align: center; margin-bottom: 15px; }
.parceiros-home img{ border:none !important;}


/*Página de Contato*/
.corpo-contato{width:100%; height:auto; margin:0 auto; display:table; background:url(../../images/bg-interna.jpg) no-repeat center top;}
.corpo-contato:after{content:''; position:absolute; width:100%; height:92px; left:0; top:27px; background: url(../../images/img-mask.png) no-repeat center top;}
.segura-corpo-contato{ width:992px; margin:120px auto 50px; display:table; font-size:12px; line-height:1.4}
.content-contato{ width: 500px; margin: 0 50px 0 0;}
.right-contato{ width:400px; padding: 21px; margin: 25px 0 0 0; border-radius: 5px; background: #FFF;}
.right-contato a{ color:#629B97}
.right-contato iframe{ border:1px solid #CCC; padding:2px; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box;}

.localizacao-contato{ width: 100%; margin: 0 0 20px 0;}
.localizacao-contato span{ display:block; width:100%; padding:0 0 10px 30px;  box-sizing:border-box; -webkit-box-sizing:border-box; background:url(../../images/ico-right-contato.png) no-repeat; line-height:22px;}
span.endereco-contato{ background-position:0 0;}
span.telefones-contato{background-position:0 -84px;}
span.email-contato{background-position:0 -171px; padding:0 0 0 30px;}

/* Área de Clientes */
#content-holerites{width:100%}
#content-holerites h3{padding:0}
#content-holerites .titulo-sistema{width:100%; padding:28px 0 14px}
#content-holerites .titulo-sistema h3{float:left}
#content-holerites .opcoes-filtro{margin:-8px 0 0}
#content-holerites .opcoes-filtro select{width:120px; float:left; margin:0 6px; background:#fdfdfd; border:1px solid #ccc; padding:7px; height:auto}
#content-holerites .opcoes-filtro input[type=submit]{float:left; background:#56A34E; border:none; color:#fff; height:33px; margin:0 0 0 10px; font-size:17px; padding:0 25px;}
.box-login-l, .box-login-r, .box-cadastro, .box-esqueci{background-color:#FFFFFF; border:1px solid #DDDDDD; border-bottom:3px solid #C9D3DA; width:477px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:37px 23px 36px; border-radius:8px; color:#333333; font-size:13px}
.box-login-l p, .box-login-r p, .box-cadastro p, .box-esqueci p{float:left; width:100%; padding:0 0 7px}
.box-login-l strong{float:left; width:104px; padding:0 11px 0 0; line-height:36px; color:#333; text-align:right;}
.box-login-l input{float:left; width:313px; padding:12px 11px 11px; height:auto; border:1px solid #D3DDE2}
.box-login-l h3{font-size:23px; color:#375F72; padding:0 0 23px; border-bottom:1px solid #C9D3DA; margin:0 0 18px;}
.box-login-l b{float:left; width:100%; padding:0 0 7px; color:#B00; font-size:12px;}
.box-login-l span{float:left; width:100%; padding:0 0 25px;}
.box-login-l a.esqueci-senha{margin:15px 0 0; font-weight:normal; color:#333333}
.box-login-l input[type=submit], .box-login-r input[type=submit], .box-cadastro input[type=submit]{background:#F4864F; float:left; height:37px; line-height:37px; width:117px; text-align:center; color:#fff; border:none; text-transform:uppercase; padding:0; margin:5px 0 0 115px}

.box-login-r{background-image:url(../../images/bg-primeiro-cadastro.jpg); background-repeat:no-repeat; background-position:26px bottom; padding:33px 23px 40px 149px; height:327px;}
.box-login-r h3{font-size:31px; color:#375F72; padding:0; margin:0}
.box-login-r h4{font-size:37px; color:#375F72; padding:0 0 28px 9px; margin:0}
.box-login-r p{padding:0 0 7px 29px;}
.box-login-r input[type=text]{padding:12px 11px 11px; box-sizing:border-box; -webkit-box-sizing:border-box; width:249px; height:auto; border:1px solid #D3DDE2}
.box-login-r input[type=submit]{margin:5px 0 0}
.box-login-r strong{font-size:13px; color:#333333; float:left; padding:0 0 6px}
.box-login-r b{float:left; width:100%; padding:0 0 7px 29px; color:#B00; font-size:12px;}

.box-cadastro{width:557px; padding:37px 26px 30px; display:table; margin:0 auto;}
.box-cadastro h3{font-size:23px; color:#375F72; padding:0 0 23px; border-bottom:1px solid #C9D3DA; margin:0 0 18px;}
.box-cadastro strong{float:left; width:151px; padding:0 11px 0 0; line-height:36px; color:#333; text-align:right;}
.box-cadastro input{float:left; width:313px; padding:12px 11px 11px; height:auto; border:1px solid #D3DDE2}
.box-cadastro span{float:left; width:100%; padding:0 0 25px;}
.box-cadastro input[type=submit]{margin:5px 0 0 161px;}
.box-cadastro b{float:left; width:100%; padding:0 0 7px; color:#B00; font-size:12px;}

.box-esqueci{margin:0 auto; display:table; padding:37px 23px 23px}
.box-esqueci strong{float:left; width:104px; padding:0 11px 0 0; line-height:36px; color:#333; text-align:right;}
.box-esqueci input{float:left; width:313px; padding:12px 11px 11px; height:auto; border:1px solid #D3DDE2}
.box-esqueci h3{font-size:23px; color:#375F72; padding:0 0 23px; border-bottom:1px solid #C9D3DA; margin:0 0 18px;}
.box-esqueci b{float:left; width:100%; padding:0 0 7px; color:#B00; font-size:12px;}
.box-esqueci span{float:left; width:100%; padding:0 0 25px;}
.box-esqueci a.esqueci-senha{margin:16px 0 0; font-weight:normal; color:#333333}
.box-esqueci input[type=submit]{background:#F4864F; float:left; height:37px; line-height:37px; width:117px; text-align:center; color:#fff; border:none; text-transform:uppercase; padding:0; margin:5px 0 0 114px}
.box-sucesso strong{width:100% !important; float:left; font-family:fonte; text-align:left; font-size:18px; font-weight:normal; color:#355A6C;}
.box-sucesso a{background:#F4864F; float:left; height:31px; line-height:32px; width:107px; text-align:center; color:#fff; border:none; text-transform:uppercase; padding:0; margin:5px 0 0 0; border-radius:4px;}

.sair-logado{width:100%; padding:0 0 13px; margin:-20px 0 0;}
.sair-logado input[type=submit]{width:84px; height:24px; background:url(../../images/bt-sair-area-restrita.png) no-repeat; border:0}

.topo-restrita .menu-topo{position:absolute; bottom:-18px; right:21px;}
.topo-restrita .menu-topo .opcoes-menu{display:none; width:200px; position:absolute; top:66px; right:0; padding:7px 0; background:#F3844D; box-shadow:2px 2px 2px #666; border-radius:4px; z-index:1000}
.topo-restrita .menu-topo .opcoes-menu a, .topo-restrita .menu-topo .opcoes-menu input[type=submit]{font-size:13px; padding:0 19px; height:35px; line-height:37px; margin:1px 0; float:left; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:none; background:none; color:#fff; text-align:left; font-family:Verdana, Geneva, sans-serif}
.topo-restrita .menu-topo .opcoes-menu a:hover, .topo-restrita .menu-topo .opcoes-menu input[type=submit]:hover{text-decoration:none; background:#DB763B;}
.topo-restrita .menu-topo .opcoes-menu input[type=submit]:focus{box-shadow:none !important; border:none !important}
.topo-restrita .menu-topo span{float:left; padding:0 8px 0 0; line-height:62px; font-size:13px;}
.topo-restrita .menu-topo a.bt-menu{width:62px; height:62px; background:#F3844D; border-radius:50%; transition:all 0.2s ease-out; float:left; box-shadow:0 3px 6px rgba(0, 0, 0, 0.2)}
.topo-restrita .menu-topo a.bt-menu:hover, .topo-restrita .menu-topo a.bt-menu.ativo{box-shadow:0 7px 11px rgba(0, 0, 0, 0.2)}
.topo-restrita .menu-topo a.bt-menu:after{width:27px; height:3px; content:''; position:absolute; top:30px; left:17px; transition:all 0.2s ease-out; background:#fff;}
.topo-restrita .menu-topo a.bt-menu:before{width:3px; height:27px; content:''; position:absolute; top:18px; left:29px; transition:all 0.2s ease-out; background:#fff;}
.topo-restrita .menu-topo a.bt-menu.ativo:after{transform:rotate(135deg);}
.topo-restrita .menu-topo a.bt-menu.ativo:before{transform:rotate(135deg);}

.mensagem-alteracao, .mensagem-erro{width:100%; margin:0 0 10px; text-align:center; padding:5px 10px 1px; box-sizing:border-box; background-color:#6FB77C; -webkit-box-sizing:border-box; border-radius:4px; color:#fff; font-size:13px; font-family: fonte;}
.mensagem-erro{background-color:#EA7168}

/* === Lista de Resultados === */
.lista-resultado{width:100%; padding:11px 0; line-height:15px; height:15px}
.lista-resultado button{width:26px; height:26px; border-radius:50%; background:url(../images/bg-menu.png) no-repeat center center #F0F0E1; border:none; cursor:pointer; transition:all ease-out 0.3s;}
.lista-resultado button.ativo, .lista-resultado button:hover{background-color:#DFDFD0;}
.lista-resultado button.ativo{transition:all ease-out 0.3s; transform:rotate(90deg);}
.nome{width:909px; font-size:13px; color:#333333; line-height:26px; overflow:hidden; white-space:nowrap; padding:0 0 0 10px; font-family:Verdana, Geneva, sans-serif}
.nome.nome-func1{width:545px; padding:0 9px 0 10px}
.nome.nome-func2{width:344px;}
.nome strong{font-size:11px; font-weight:normal; color:#FF8000}
.nome:after {content: " ..........................................................................................................................................................................................................................................."; font-size:7px; color:#999999}
.nome .prod-nome{position:relative; top:1px; padding:0 11px 0 0}
.nome .emp-nome{position:relative; top:1px; padding:0 11px 0 0}
.opcoes-lista{padding:7px 0; display:none; position:absolute; top:39px; right:1px; background:#C9D3DA; box-shadow:2px 2px 2px #666; border-radius:4px; z-index:1000}
.opcoes-lista.fundo{top:auto; bottom:30px;}
.opcoes-lista a{font-size:13px; padding:0 19px; height:37px; line-height:37px; margin:2px 0; float:left; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; color:#333;}
.opcoes-lista a:hover, .lista-arquivos .opcoes-lista a:hover{text-decoration:none; color:#000; background:#AEBDC8;}

/* == Lista de Arquivos == */
.conteudo-arquivos{width:100%;}
.conteudo-arquivos h3{font-size:23px; padding:40px 0 22px}
.colunas-arquivos, .colunas-holerites, .colunas-site{width:100%; padding:16px 19px 14px; background:#FFFFFF; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:8px; border:1px solid #C9D3DA; font-size:16px; color:#375F72; font-family:fonte;}
.colunas-site{padding:16px 0 14px 0 !important}
.lista-arquivos{width:100%; margin:10px 0 0; font-size:12px;}
.lista-arquivos .nome-arquivo{width:100%; height:49px; line-height:43px; border-bottom:1px solid #C9D3DA;}
.lista-arquivos .nome-arquivo.sel{border:none; background:#FCFCFC}
.lista-arquivos .desc-arquivo{background:#FCFCFC; width:100%; padding:0 17px 17px; box-sizing:border-box; -webkit-box-sizing:border-box; display:none; border-bottom:2px solid #B5C2CC}
.lista-arquivos .desc-arquivo .desc-salva{display:none; width:100%; margin:12px 0 0; background:#74D674; padding:4px; border-radius:4px; text-align:center; color:#fff; font-size:13px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lista-arquivos .desc-arquivo strong{width:785px; font-family:fonte; font-size:15px; padding:0 0 4px 4px; float:left; font-weight:normal;}
.lista-arquivos .desc-arquivo input[type=submit]{width:110px; float:left; height:33px; cursor:pointer}
.lista-arquivos .desc-arquivo textarea{width:785px; padding:7px; float:left; line-height:1.5; height:17px; margin:0 15px 0 0; border-radius:4px; border:1px soldi #f6f6f6}
.lista-arquivos button{width:26px; height:26px; border-radius:50%; background:url(../../images/bg-menu.png) no-repeat center center #C9D3DA; border:none; cursor:pointer; transition:all ease-out 0.3s; margin:6px 0 0}
.lista-arquivos button.ativo, .lista-arquivos button:hover{background-color:#AEBDC8;}
.lista-arquivos button.ativo{transition:all ease-out 0.3s; transform:rotate(90deg);}
.lista-arquivos .opcoes-lista a{font-size:13px; padding:0 19px; height:37px; line-height:37px; margin:2px 0; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; width:200px;}
#mostrar-arquivos{background:none; border:none; font-size:13px; color:#333333; width:auto; font-family:Verdana, Geneva, sans-serif; margin:2px 0 0; padding:0; cursor:pointer}

/* Página de Holerites */
.lista-holerites{width:100%; margin:10px 0 0; height:49px; line-height:43px; border-bottom:1px solid #C9D3DA;}
.lista-holerites button{width:26px; height:26px; border-radius:50%; background:url(../images/bg-menu.png) no-repeat center center #F0F0E1; border:none; cursor:pointer; transition:all ease-out 0.3s; margin:6px 0 0}
.lista-holerites button.ativo, .lista-holerites button:hover{background-color:#DFDFD0;}
.lista-holerites button.ativo{transition:all ease-out 0.3s; transform:rotate(90deg);}
.lista-holerites .opcoes-lista a{font-size:13px; padding:0 19px; height:37px; line-height:37px; margin:2px 0; float:left; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; width:175px;}
.lista-holerites .col1, .colunas-holerites .col1{width:64px; padding:0 5px; text-align:center}
.lista-holerites .tit-col1, .colunas-holerites .tit-col1{width:45px; padding:0 9px 0 0; text-align:center}
.lista-holerites .col2, .colunas-holerites .col2{width:80px; padding:0 5px; text-align:center}
.lista-holerites .col3, .colunas-holerites .col3{width:530px; padding:0 5px}
.lista-holerites .col4, .colunas-holerites .col4{width:100px; text-align:center}
.lista-holerites .col5, .colunas-holerites .col5{width:120px; text-align:center}
.lista-holerites .col6, .colunas-holerites .col6{width:36px;}

.mensagem-vazio, .mensagem-vazio-holerite{width:100%; text-align:center; font-family:fonte; font-size:17px; padding:40px 0 30px}
.mensagem-vazio-holerite{padding:18px 0 10px}

/* Paginate - Área Restrita */
#content-holerites .ul-paginate{width:100%; padding:25px 0 10px}
#content-holerites .apn_navi{margin:0 auto; width:auto; display:table; font-size:15px; font-family:fonte;}
#content-holerites .content-afiliados .apn_navi{margin:0;}
#content-holerites .apn_next, #content-holerites .apn_prev{float:left; width:32px; height:32px; border:1px solid #DDDDDD; text-align:center; background:#e8e8e8; background:-moz-linear-gradient(top, #e8e8e8 0%, #fafafa 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#fafafa)); background:-webkit-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:-o-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:-ms-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:linear-gradient(to bottom, #e8e8e8 0%,#fafafa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fafafa',GradientType=0 ); margin:0 5px; font-size:15px; font-weight:bold; border-radius:4px; font-size:22px; line-height:33px !important}
#content-holerites .apn_next a, #content-holerites .apn_prev a{width:32px; height:32px; line-height:35px; float:left;}
#content-holerites .apn_navi a, #content-holerites .apn_navi span{width:32px; height:32px; line-height:35px; text-align:center; display:block; float:left; background:#e8e8e8; background:-moz-linear-gradient(top, #e8e8e8 0%, #fafafa 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#fafafa)); background:-webkit-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:-o-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:-ms-linear-gradient(top, #e8e8e8 0%,#fafafa 100%); background:linear-gradient(to bottom, #e8e8e8 0%,#fafafa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fafafa',GradientType=0 ); color:#000; border:1px solid #DDDDDD; margin:0 4px; border-radius:4px}
#content-holerites .apn_navi span{color:#59B200;}
#content-holerites .apn_prev a:hover, #content-holerites .apn_next a:hover, #content-holerites .apn_navi a:hover{text-decoration:none; color:#59B200;}

.col5{width:5%}
.col10{width:10%}
.col15{width:15%}
.col20{width:20%}
.col25{width:25%}
.col30{width:30%}
.col35{width:35%}
.col40{width:40%}
.col45{width:45%}
.col50{width:50%}
.col55{width:55%}
.col60{width:60%}
.col65{width:65%}
.col70{width:70%}
.col75{width:75%}
.col80{width:80%}
.col85{width:85%}
.col-tit{font-size:16px !important}
.col-data strong{font-size:11px; font-weight:normal; color:#FF8000}
.textcenter{text-align:center}
.pad-final{box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 5px 0 0}

/* === Configurações da página de visualização de holerites === */
.dados-holerite{width:100%; display:block; font-family:Verdana, Geneva, sans-serif; border:2px solid #666; border-right:0; color:#666; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 15px}
.dados-holerite tr{font-size:12px;}
.dados-holerite .tit{font-size:16px; font-weight:bold}
.dados-holerite .b1{border:1px solid #777;}

a.botao-print{padding:1px 20px 0; height:30px; line-height:30px; background:#008C00; border:1px solid #007D00; border-radius:4px; color:#fff; font-size:15px; margin:0 auto; display:table; font-family:fonte; font-size:16px; text-decoration:none}
a.botao-print:hover{text-decoration:none}

.botoes-editar{width:100%}
.botoes-editar a.holerite-proxima-pagina, .botoes-editar a.holerite-pagina-anterior{padding:0 0 0 12px; font-family:fonte; font-size:14px; background:url(../../images/ico-seta-proximo.png) no-repeat 122px 10px #376072; width:135px; height:31px; line-height:35px; border:1px solid #254654; position:absolute; top:0; right:31px; border-radius:4px; color:#fff;}
.botoes-editar a.holerite-pagina-anterior{left:31px; text-align:right; width:133px; background:url(../../images/ico-seta-anterior.png) no-repeat 9px 10px #376072; padding:0 12px 0 0}
.botoes-editar a:hover{text-decoration:none}

/* Área de alteração de dados */
.box-email, .box-senha{width:48%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px; background:#fff; border-radius:8px; border:1px solid #DDDDDD; border-bottom:3px solid #C9D3DA; margin:0 0 25px;}
.box-email{margin:0 4% 0 0;}
.box-email h4, .box-senha h4, .box-cadastrar-senha h4{font-size:19px; color:#375F72; padding:0 0 9px;}
.box-email input[type=submit], .box-senha input[type=submit], .box-cadastrar-senha input[type=submit]{float:left; margin:5px 0 0; background:#376072; border:none; color:#fff; height:31px; padding:0 25px; line-height:36px;}
.box-email input[type=text], .box-senha input[type=password], .box-cadastrar-senha input[type=password]{margin:0 0 11px; float:left}
.box-email p, .box-senha p, .box-cadastrar-senha p{float:left; width:100%}
.box-email strong, .box-senha strong, .box-cadastrar-senha strong{float:left; width:100%; font-size:14px; font-family:fonte; font-weight:normal; color:#2B4857; padding:0 0 2px}

.cadastrar-senha{width:100%;}
.box-cadastrar-senha{width:54%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px; background:#fff; border-radius:8px; border:1px solid #DDDDDD; border-bottom:3px solid #C9D3DA; margin:0 auto; display:table}

/* Dados do Cliente */
.box-dados h3{font-size:21px; padding:0 0 12px !important;}
.box-dados{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 22px 20px; background:#fff; border-radius:8px; border:1px solid #DDDDDD; border-bottom:3px solid #C9D3DA; margin:10px 0 25px; font-size:13px; line-height:1.7}



/* -- Rodapé -- */
#footerBlock{width:100%; float:left; clear:both; background:#355C6F; border-top:3px solid #FFF; display:table;}
.li-rod, .li-rod-clientes{width:992px; margin:0 auto; padding:20px 0; display:table; color:#FFF;}
.li-rod-clientes{padding:10px 0 0;}
.li-rod-right{ width:337px;}
.li-rod-right h3{ font-size:14px; font-family:fonte; color:#FFF; margin:0 0 12px 0}
.bloco-info{ width:303px; border-left: 1px solid #557686;}

/*.li-rod-fone, .li-rod-email, .li-rod-end{ width:274px; height:33px; display:block; float:left; color:#FFF; font-family:fonte; margin:1px 0; padding: 0 0 0 30px; background-image: url(../../images/sprite-home.png); background-repeat:no-repeat;}
*/

.rod-redes { padding: 0 12px 0 0; width:21px;}
.li-rod-fone{font-size:16px; font-family:fonte;}
.li-rod-fone a{ display:block; background: url(../../images/sprite-home.png) no-repeat 9px -40px; padding:0 0 4px 35px; float:left;}
.li-rod-fone span {background: #496F82 url(../../images/sprite-home.png) no-repeat 5px -153px; border-radius: 5px; padding: 0 15px 0 29px; font-size: 13px; display: block; line-height: 28px;
                   height: 24px; float:left; margin:0 0 0 15px;}

.li-rod-email{ margin:8px 0;}
.li-rod-email a{ display:block; background: url(../../images/sprite-home.png) no-repeat 9px -78px; padding:0 0 4px 35px; float:left;}
.li-rod-end{ padding:0 0 0 36px; background: url(../../images/sprite-home.png) no-repeat 9px -111px;}



.li-rod-horario h3{ color:#FFF; font-family:fonte; font-size:14px; margin:0 0 5px 0}
.li-rod-horario a{ display:block;}
.li-rod-horario span{ line-height:1.9; color:#A4B5BE; font-size:13px}
.li-rod-horario span:hover{color:#d2d2d2;}
.li-rod-horario i{ width:6px; height:6px; background:#EA7819; display:block; float:left; margin: 10px 11px 0 0;}

.bloco-social{ width:32px;}

.copyright{width:100%; background:#fff;}
.content-copyright{width:992px; margin:0 auto; display:table; padding:10px; font-size:11px; color:#355C6F}
.webcis{font-size:10px;;}

/*--links rodapé--*/

.li-rod a, .li-rod a:hover{color:#FFF; text-decoration:none;}
.li-rod a:hover{text-decoration:none; color:#d2d2d2;}

.webcis a{color:#345B6E; float:right;}
.webcis a:hover{ color:#233D49;}

/*---- Botões de Redes Sociais ---*/
.rod-redes a{display:block; float:left; width:21px; height:21px; background:url(../../images/ico-redes.png) no-repeat; margin:0 3px; transition:all ease-in 0.4s;}
.rod-redes a:hover{ transform: scale(1.2);}
.li-top-redes a{display:block; float:left; width:21px; height:21px; background:url(../../images/ico-redes.png) no-repeat; margin:0 3px; transition:all ease-in 0.4s;}
.li-top-redes a:hover{ transform: scale(1.2);}

a.bt-facebook{ background-position: 0 0;}
a.bt-facebook:hover{-webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); transform: rotateY(-360deg);}
.bt-twitter{ background-position: -80px 0;}
a.bt-google{ background-position: -160px 0;}
a.bt-likedin{ background-position: -240px 0;}
a.bt-instagram{ background-position: -320px 0;}
a.bt-outro{background-position: -400px 0}
a.bt-skype{background-position: -480px 0}
a.bt-youtube{ background-position: -560px 0;}

a.bt-skype:hover{transform: rotate(0deg);}
.bt-skype span{display:none}
.bt-skype:hover span{display:block; position:absolute; top:20px; left:0; background: #FFF; box-shadow:0 0 4px #000; color:#000; padding:5px; border-radius:5px}

/*--Noticias--*/
.noticias{ width:100%; box-sizing: border-box; background:#FFF url(../../images/img-ultimas-noticias.jpg) no-repeat 17px 17px; padding:17px; border-radius:5px; line-height:1.5; margin:25px 0 0 0; height:170px; overflow:hidden;}
.noticias h3{ margin:0 0 8px 30px; color:#D66639; font-size:17px}

a.teaser-noticias{width:100%;text-decoration:none;color:#465964; border-bottom:1px dotted #ccc; padding:9px 0;}
.teaser-noticias b{ color:#B9B9B9; font-weight:normal;}
.teaser-noticias span{}
.teaser-noticias i{}
.ver-todas{ position:absolute; top:15px; right:22px; background:#E6EBEE; padding: 0px 10px; border-radius:5px;}
a.ver-todas { color:#777777; font-size:13px; transition:all .2s linear;}
a.ver-todas:hover{ text-decoration:none; color:#444; background:#d4d4d4;}
.lista-noticias{padding:0 0 5px; border-bottom:1px dotted #ccc; margin:0 0 10px 0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
.lista-noticias a{ color:#465964;}
.lista-noticias strong{font-size:13px; color:#f28447; font-size:16px;}

.imagem-noticia{margin:0 0 10px 50px;}

/* CLASSES DE FORMULÁRIOS
---------------------------------------------------------*/

/* Classes Gerais do Formulário*/
input, select, textarea{border-radius:4px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:7px 35px 7px 10px; height:35px; float:left; font-family:fonte; font-size:14px; font-weight:normal; border:1px solid;}
select{ font-family:Verdana, Geneva, sans-serif; font-size:12px;}
input[type=checkbox], input[type=radio]{ border:none; width:auto; margin:0 5px 0 0; height:16px;}
label{ float:left; padding:0 20px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
textarea{ height:90px;}
input[type=submit]{ float:right; border:none; width:auto; padding:0 40px; font-size:15px; height:40px; cursor:pointer; transition:all .1s linear; border-bottom:3px solid;}
input[type=submit]:focus{ box-shadow:inset -2px 2px 3px rgba(0,0,0,0.4); border-bottom:1px solid;}

/*Place holder*/
::-webkit-input-placeholder{color:#666;}
::-moz-placeholder{color:#666;}
:-ms-input-placeholder{color:#666;}
input:-moz-placeholder{color:#666;}

.formulario p{ width:97%; margin:0 0 18px; float:left;}
.formulario strong{ width:100%; display:block; padding:0 0 5px; display:none;}

/*Campos Obrigatórios*/
input[name=contato], input[name=email], input[name=nome], input[name=telefone]{ border-left:5px solid #CC0000;}

/* Configuração dos Campos de Erro */
.error, .valid{background-image:url(../../images/img-error-form.png); background-repeat:no-repeat;}
.error{background-position:right 8px; border-color:#B20000 !important;}
.valid{background-position:right -75px; border-color:#238C00 !important;}
select.error, select.valid{background-image:none}
label.error{}
form.cmxform span.error, span.error{color:#f00; font-style:italic; font-size:10px; margin:0;}

/*Cores do formulário*/
input:focus{ border-color:#629B97;}
input, select, select.valid, textarea, textarea.valid{background:#f2f2f2; border-color:#CECEBF;}
.formulario input[type=submit]{background:#fc7d42; border-color:#465964; color:#FFF;}
.formulario input[type=submit]:hover{background:#f75c13;}
.formulario input[type=submit]:focus{border-color:#000;}


p.coluna-1{width:100%;}
p.coluna-2{width:50%; min-height:35px;}
p.coluna-3{width:33.3%;}
p.coluna-4{width:25%;}
p.coluna-5{width:20%;}

p.coluna-1 input[type=text]{ width:95%;}
p.coluna-2 input[type=text]{ width:94%;}
p.coluna-3 input[type=text]{ width:97%;}
p.coluna-4 input[type=text]{ width:88%;}
p.coluna-5 input[type=text]{ width:85%; padding:7px}
p.coluna-3 select{ width:91%;}
p.coluna-4 select{ width:96%;}
p.coluna-1 textarea { width:97%;}

p.coluna-4 input[name=cidade]{ width: 58%; margin: 0 10% 0 0;}
p.coluna-4 select[name=estado]{ width:20%; padding:0}

/*Obrigado*/
.obrigado{width:100%; float:left; box-sizing:border-box;}
.obrigado big{font-size:22px; color:#E77817; display:block; width:100%; border-bottom:1px solid #E77817; padding:0 0 2px 0; margin:0 0 8px;}
.obrigado b{display:block; width:100%; float:left; padding:0 0 5px 0;}
.obrigado a{ padding:5px 10px; display:block; background:#E77817; border-radius:5px; margin:30px 0 0 0; font-family:fonte; font-size:12px; color:#FFF; transition:all 0.2s linear;}
.obrigado a:hover{ background:#465964; text-decoration:none;}

/* CLASSES GERAIS
---------------------------------------------------------*/
/* Texto c/ Imagem */
.imgtxt-top-left, .imgtxt-bottom-left {position:relative; margin:1em 0; clear:both;}
.imgtxt-top-right, .imgtxt-bottom-right {position:relative;  float:right;  margin:1em 0; clear:both;}
.imgtxt-top-center, .imgtxt-bottom-center {position:relative; margin:1em auto; clear:both;}
.imgtxt-left {position:relative; float:left;  margin:0 1em 1em 0;}
.imgtxt-right {position:relative; float:right; margin:0 0 1em 1em;}
.imgtxt-column-left {position:relative; clear:both; width:100%;}
.imgtxt-column-left .imgtxt-column-left-text {position:relative; float:left; margin:0 1em 1em 0; width:60%;}
.imgtxt-column-left .imgtxt-column-left-image {position:relative; float:left; width:103px;}
.imgtxt-column-right {position:relative; clear:both; width:100%;}
.imgtxt-column-right .imgtxt-column-right-text {position:relative; float:right; margin:0 0 1em 1em; width:60%;}
.imgtxt-column-right .imgtxt-column-right-image {position:relative; float:left; margin:0 1em 1em 0; width:35%	;}

/* Galeria de imagem Padrão */
.img-padrao{text-align:center; margin:0 8px;}
.img-padrao img{padding:2px; border:1px solid #CCC; background:#fff; float:left; height:auto; display:block;}
.img-padrao strong{margin:0; font-size:10px; display:block; padding:7px 3px 0; height:50px; clear:both;}

/* Espaçamento Ferramenta */
.spaceAfterCP, .spaceBeforeCP{width:100%; float:left}


/* Botão Voltar e subir ao topo*/
.link-back{line-height:22px; display:block; clear:both; float:right; color:#fff; background:#465964; border-radius:5px; font-family:fonte; font-size:15px; padding:1px 13px 0px 11px; margin:25px 0 0 0;}
.link-back:hover{background:#f28447; color:#fff; text-decoration:none;}

.cd-top{ display:block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; border-radius:50px; text-indent: 100%;  background:url(../../images/bt-to-top.png) no-repeat center;  visibility: hidden; opacity: 0;  -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  transition: all .3s linear; z-index:1100;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}

/*Cores botão subir ao topo*/
.cd-top{  background-color:#D66639;}
.cd-top:hover{  background-color:#fc7d42}

/* TABS */
.tabs{ clear:both;}
.accordion{ width:100%; margin:25px 0 25px 0;}
.accordionButton:first-child{ margin:0;}
.accordionButton{width:100%; line-height:36px; height:36px; font-size:16px; padding:0 0 0 10px; margin: 15px 0 0 0; outline:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:2px solid; font-family:fonte; transition:all 0.2s ease-out; float:left;}
.accordionButton span{ width:36px; height:36px; display: block; float:right;}
.accordionButton i{ width:24px; height:24px; border:2px solid; border-radius:50px; display:block; position:relative; margin:3px 0 0 4px;}
.accordionButton i:after{ width:14px; height:4px; content:''; position:absolute; top:10px; left:5px; transition:all 0.2s ease-out;}
.accordionButton i:before{ width:4px; height:14px; content:''; position:absolute; top:5px; left:10px; transition:all 0.2s ease-out;}

.topo-restrita{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 22px 10px; background:#fff; border-radius:8px; border:1px solid #DDDDDD; border-bottom:3px solid #C9D3DA; margin:0 0 25px;}
.topo-restrita .accordionButton{width:100%; background:#fff; border:0; font-size:23px; color:#375F72; line-height:23px; height:auto; padding:0 0 0 1px; margin:0}
.topo-restrita .accordionButton:hover{background:#fff;}
.topo-restrita .accordionContent{display:none; border:none; border-top:1px solid #C9D3DA; padding:21px 0 15px; font-size:13px; margin:15px 0 0; width:100%}
.topo-restrita .accordionContent p{float:left; width:100%; padding:0 0 2px}
.topo-restrita .accordionButton i{width:23px; height:14px; background:url(../../images/ico-tabs-info.png) no-repeat; display:block; border:none; border-radius:0; float:left; margin:3px 14px 0 0}
.topo-restrita .accordionButton.on  i{transform:rotate(180deg);}
.topo-restrita .accordionButton i:after, .topo-restrita .accordionButton i:before{display:none}
.topo-restrita .accordionButton span{clear:both;font-size:14px; color:#B3C0CA; width:auto; height:auto; float:none; display:inline-block}
.topo-restrita .dados-l{width:460px; padding:0 0 0 3px}
.topo-restrita .dados-r{width:450px;}
.topo-restrita .info-email{border-left:1px solid #C9D3DA; padding:0 0 0 16px; margin:0 0 0 16px; color:#878787; font-size:12px;}

.on span i:after{transform:rotate(360deg);}
.on span i:before{display:none; transform:rotate(90deg);}

.accordionContent{width:98%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 20px 20px; margin:0 0 15px; border-right: 1px dotted;}

/*TABS Cores*/
.accordionButton{ background: #AFBFC7; color:#333; border-color:#CCC;}
.accordionButton i{ border-color: #999;}
.accordionButton i:after,.accordionButton i:before{ background:#999;}
.accordionButton:hover{ background: #e2e2e2; }
.on{background: #e2e2e2;}

.accordionContent{border-color:#CCC; }


/* PAGINATE-ESTRUTURA */
.ul-paginate{width:100%; margin:35px 0 0 0;}
.article_paginate_navi{ margin:0 auto; font-weight:bolder;display:table;}
.article_paginate_navi a, .article_paginate_navi span{ width:20px; height:20px; display:block; float:left; text-align:center; line-height:20px; padding:1px; border:1px solid; margin:0 3px; border-radius:3px; text-decoration:none;}
.article_paginate_navi span{ cursor:default;}

.apn_next, .apn_prev{ float:left;}
.apn_prev i, .apn_next i{ display:none}
.apn_prev a i, .apn_next a i{ display:table;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent; margin:4px auto;}

.apn_prev i{border-right:10px solid;}
.apn_next i{border-left:10px solid;}

/*Cores dos botões*/
.article_paginate_navi a{color:#333; background:#f2f2f2; border-color: #999}
.article_paginate_navi a:hover{ background:#999; color:#000; border-color: #000}

/*======= Menu ========*/
.pmenu a{display:block; float:right; font-family:fonte; text-decoration:none;}
.pmenu li{float:left; width:auto; position:relative; margin: 0 1px 0 0;}
.pmenu .psubmenu{display:none; position:absolute; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:999; left:0;}
.pmenu li:hover > .psubmenu{display:block;}
.pmenu .psubmenu li{ width:100%;}
.psubmenu a{box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}

/*Configurações menu principal*/
.pmenu a{color:#FFF;  padding: 0 20px; margin:0 0 0 1px; height:55px; line-height:55px; font-size:16px; transition:all .2s linear}
.pmenu li:hover > a,.pmenu .act_path a{background:rgba(0,0,0,0.2); color:#FFF; border-radius:5px 5px 0 0; }
.pmenu li:hover > a:after,.pmenu .act_path a:after{ content: ''; position: absolute; background: url(../../images/Active-menu.png) no-repeat center 0; top: -8px; left: 50%; margin-left: -8px; width: 16px; height: 16px;}

/*Configurações DropDown*/
.pmenu .psubmenu{top:55px; padding:0 0 0 0px; width:339px; border-bottom:4px solid #F87C40; border-radius:0 0 5px 5px;}
.pmenu ul.psubmenu a{height:50px; line-height:50px; font-size:15px; color:#FFF; background:rgba(43,75,89,.75); border-radius:0;}
.pmenu ul.psubmenu a:hover{ background:rgba(43,75,89,.85)}
.pmenu ul.psubmenu a:after{ display:none;}

/* LIGHTBOX
---------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*--User Style--*/
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxLoadingOverlay{background:url(../../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../../images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; padding:0; border:0}
#cboxClose.hover{background-position:-25px -25px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/* BX_SLIDER
---------------------------------------------------------*/
.slider-banner{overflow-y: hidden;}
.bx-next{position:absolute; bottom:60px; right:50%; margin-right: -95px; z-index:999; width:30px; height:40px; background:url(../../images/banner-selector.png) no-repeat -37px 0; z-index:900;}
.bx-prev{position:absolute; bottom:60px; left:50%; margin-left: 30px; z-index:999; width:30px; height:40px; background:url(../../images/banner-selector.png) no-repeat 0 0;}
.bx-next:hover{background:url(../../images/banner-selector.png) no-repeat -37px -48px;}
.bx-prev:hover{background:url(../../images/banner-selector.png) no-repeat 0 -48px;}
.bx-pager{position:absolute; bottom:11px; right:14px; height:16px; z-index:1400;}
.bx-pager-item{float:left;}
.bx-pager a{background: #7F2235; width:16px; height:16px; display:block; padding:0; margin:0 0 0 5px; text-indent:-99999px; border:1px solid #FFF; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,1)}
.bx-pager .active, .bx-pager a:hover{background:#000; text-indent:-99999px;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative; margin:0 auto; padding:0;}
.bx-wrapper img{display:block; height:auto; margin:0 auto;}

.tracar-rota{ padding:15px 0 0 0; width:100%;}
.tracar-rota strong{ width:100%; display:block; margin:0 0 5px;}
.tracar-rota input[type=text]{ width:65%;}
.tracar-rota input[type=submit] { background: #fc7d42; border-color: #465964; color: #FFF; height:35px; padding:0 15px;}

@media only screen and (max-width:800px){

    html, body {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;	width:100%; overflow-x:hidden; -webkit-text-size-adjust:100%;}
    html {height: 100%;}

    /* ==== inicio do topo Resposivel ===== */
    #headerBlock{height:67px;}
    .li-top{width:100%; height:67px; padding:0}
    .li-top-logo{width:140px; height:67px; background: url(../../images/img-logo-responsive.png) no-repeat; position:relative;}
    .li-top-fone span{  background: url(../../images/sprite-home.png) no-repeat 5px -153px;}
    .li-top-fone{ margin:12px 0 0; padding:0 0 0 5px; }
    .li-top-redes{ padding:13px 10px 0 0;}

    .bt-area-restrita{
        position: relative !important;
        top: initial !important;
        right: initial !important;
        float: left;
        margin: 20px 20% 0;
     }

     .area-cliente{
        margin-top: 5px !important;
    }

    #container{width:100%;padding:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;display:block; float:left; background:url(../../images/bg-container-responsivo.gif) repeat-y -280px 0;}
    #container.menu-on{height:100%; padding:0 0 0 280px; background:url(../../images/bg-container-responsivo.gif) repeat-y 0 0;}
    .li-menu{position:absolute; top:0; left:-280px; width:280px; height:auto; z-index:1500; margin:0;}
    span.solucoes{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 2%;}

    .segura-noticias-inerna{ width:100%; padding: 0 2%; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .segura-corpo-contato{ width:100%; padding: 0 2%; box-sizing:border-box; -webkit-box-sizing:border-box;}

    /*--Botão do Menu--*/
    .li-top i{cursor:pointer; display:block; width: 20px; height: 55px; float: left; margin: 13px 0 0 15px;}
    .li-top i b{margin-top: 20px;}
    .li-top i b, .li-top i b:before, .li-top i b:after{cursor:pointer; height:4px; width:20px; position: absolute; display: block; content: '';  -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47); transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);}
    .li-top:after { display:none;}
    .li-top i b:before{ top: -6px;}
    .li-top i b:after{bottom: -6px;}
    .menu-on .li-top i b{background-color: transparent;}
    .menu-on .li-top i b:before, .menu-on .li-top i b:after{top: 0;}
    .menu-on .li-top i b:before{ -webkit-transform: rotate(45deg) scale(1.2); -ms-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2);}
    .menu-on .li-top i b:after{-webkit-transform: rotate(-45deg) scale(1.2); -ms-transform: rotate(-45deg) scale(1.2); transform: rotate(-45deg) scale(1.2);}

    /*Cor do botão do menu*/
    .li-top i b, .li-top i b:before, .li-top i b:after{ background:#E6EBEE}


    /*---- Menu resposivo ----*/
    .ul-menu-2{display:none;}
    .pmenu{width:280px;}
    .pmenu li{width:100%;}
    .pmenu a{ width:100%; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; background:none; height: 52px; line-height: 52px; }
    .pmenu li:hover > a, .pmenu li.act_path a{ background:none;}

    .pmenu .psubmenu{ display:block; position:relative; top:auto; left:auto; padding:10px 0 35px 20px; float:left; background:none; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:none;}
    .pmenu .psubmenu li{ border:none;}
    .pmenu ul.psubmenu a, .pmenu ul.psubmenu a:hover{ background:none; line-height:40px; height:40px;}

    /*Configurações menu principal responsivo*/

    .pmenu a, .pmenu li:hover > a, .pmenu li.act_path a{color:#E6EBEE; font-size: 15px;}
    .pmenu li{border-bottom:1px solid #254656;}
    .pmenu ul.psubmenu a, .pmenu ul.psubmenu a:hover{ color:#E6EBEE; border-left:1px solid #254656; font-size:12px;}
    .pmenu li:hover > a:after,.pmenu .act_path a:after{background:none;}

    /* ==== fim do topo ===== */


    /* ==== Inicio do corpo Responsivel ==== */

    .banner{ height:auto; background:#333; overflow:visible;}
    .banner:before{ display:none;}
    .banner .bx-controls{ display:none;}
    .segura-legenda{ position:relative; float:left; height:auto; background:none; border-top:1px solid #FFF; }
    .segura-legenda span{ padding:10px 20px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:left; float:left;}
    .segura-legenda strong{ width:100%; font-weight:bolder; }
    .segura-legenda p{width:100%; font-size:11px;}

    .corpo{width:100%; height:auto; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box;}

    .content{width:100%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; background:#E6EBEE; border-top:2px solid #FFF; margin:40px 0 0 0; }

    h1{  padding: 0 0 20px 0; background:none; }

    .content-home{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .entidade{ box-sizing:border-box; -webkit-box-sizing:border-box;}
    .entidade span{ width:33.3%; text-align:center; margin:0 0 25px!important; float:left;}
    .entidade img{ margin:0 !important;}
    .segura-corpo{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box}
    .segura-interna{ width:100%; padding:25px; box-sizing:border-box; -webkit-box-sizing:border-box;}

    .scs-contabil{ width:100%; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .scs-contabil h3{ background:none; padding:0 0 15px; margin:0;}

    .links-artigo{ width:100%; height:auto; margin:22px 0 30px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .links-home {width: 100%; padding:0 15px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .links-home i{ display:none;}

    .noticias{ width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 25px; height:auto; overflow:visible;}
    .nota-fiscais{ margin:0 auto 20px; float:none; clear: both;}

    .right{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .bottom{width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;}

    .content-contato{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .right-contato{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}

    .formulario input[type=submit]{ width:80%; margin:0 auto; float:none; display:block;}


    .parceiros-home .center{ width:100%;}
    /* ==== fim do corpo ==== */


    /* ==== Inicio do rodape responsivel ==== */
    .li-rod{width:100%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
    .li-rod-horario{width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;}

    .li-rod-right{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:35px 0 0 0;}

    .ver-todas{top: auto; bottom: -9px; right: 10px; border: 2px solid #FFF;}
    .imagem-noticia{ margin:0 0 15px 15px;}

    /*.li-rod-end{width:100%;}*/

    .li-rod-copy{ width:100%; padding:5px 10px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .li-rod-copy a{ clear:both;}

    .copyright{width:100%; background:#fff; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .webcis{margin:0;width:100%; padding:0 0 25px; text-align:center;}
    .webcis a{ float:none; clear:both; display:block;}
    /* ==== fim do rodapé ==== */

    /* ==== Inicio do Formulário ==== */
    .formulario p, .formulario-interna p{ width:100%; margin:0 0 15px; min-height:1px}
    .formulario strong{ width:100%; text-align:left; padding:0 0 4px; line-height:1.1;}
    .formulario-interna strong{ text-align:left; padding:0 0 4px; line-height:1.1;}

    .formulario input[type=text], .formulario select, .formulario textarea{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:9px; }
    .formulario input[name=ddd]{ display:none;}
    .formulario input[type=submit]{ margin:0 auto; float:none; display:block; height:50px; line-height:50px; padding:0 30px;}

    p.coluna-2 input[type=text] { width: 100%;}
    p.coluna-4 input[type=text] {  width: 100%;}
    p.coluna-4 input[name=cidade] {  width: 75%; margin: 0 5% 0 0;}
    p.coluna-5 input[type=text] { width: 100%;}
    p.coluna-3 select { width: 100%;}
    p.coluna-1 textarea { width: 100%;}

    /* ==== Fim do Formulário ==== */

    /*===== Botão Subir =====*/
    .cd-top, .cd-top:hover{ text-indent:0; width:35px; bottom:0; right:0; background-image: none; border-radius:0; height:24px; line-height:24px; padding:0 10px; color:#FFF;  text-decoration:none; font-size:13px;}

    .bx-wrapper img{max-width:100%; display:block; height:auto; margin:0 auto;}

}

@media only screen and (max-width:555px){



    .rod-lista{width:100%;}

    .links-home {width: 100%; height: auto; padding-right:0; margin-bottom:30px; float: left;}
    .links-home i{ display:none;}

    .links-home img{ width:140px; height:auto;}

    /*.noticias{ width:100%; margin:10px 0 36px; box-sizing:border-box; -webkit-box-sizing:border-box;}*/

    .content-contato{ width:100%; padding:0 0 35px;}
    .right-contato{ width:100%;}

    .li-rod{width:100%; height:auto; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .li-rod-right{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}

    .entidade span{ width:50%;}
    .imagem-noticia{ display:none;}

}

@media only screen and (max-width:480px){
    .li-top-logo { width:60px; background-size:94px; background-position:0 12px;}
    .links-home img { width: 100%;}
    .links-home span {padding:0;}
    .links-home b{ padding:10px 0 0; text-align:center; font-size:20px; clear:both;}
    .links-home a{ display:block;}
    .links-artigo{ margin:0;}

    .segura-tel{border-left:none; padding: 1px 0 1px 0; margin: 5px 5px 14px 18px;}
    .scs-contabil a{ margin-bottom:30px;}
    .rod-redes{ display:none;}
    .bloco-info{ width:100%; border:none;}
    .tracar-rota input[type=text]{ width:100%; margin:0 0 25px;}
    .tracar-rota input[type=submit]{margin: 0 auto; float: none; display: block; height: 50px; line-height: 50px; padding: 0 30px;}
}

@media only screen and (max-width:360px){
    h1{ font-size: 21px;}
    .ver-todas{ padding:0 5px;}
    .entidade span img{ width:80%; height:auto}
    .scs-contabil a.veja-mais { margin-bottom:15px}
}

@media print{
    #container, .botoes-editar, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{display:none}
    #colorbox, #cboxWrapper{width:96% !important; position:relative !important; top:0 !important; left:0 !important; overflow:visible !important; margin:2%}
    #cboxLoadedContent, #cboxContent{width:100% !important}

}


/* INICIO DO CÓDIGO WHATSAPP */

.whats-fixo {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 999;
  }
  .whats-fixo p {
    display: flex;
    background-color: #0EC143;
    border-bottom-color: #009688;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    align-items: center;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    -ms-box-shadow: 0 0 5px #000;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-animation: slide-in-blurred-bottom 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
    animation: slide-in-blurred-bottom 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
    font-size: 0px;
  }
  @-webkit-keyframes slide-in-blurred-bottom {
    0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-filter: blur(40px);
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
      transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-blurred-bottom {
    0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-filter: blur(40px);
      filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
      transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1;
    }
  }
  @media only screen and (max-width: 768px) {
    .whats-fixo p {
      text-indent: -5000;
      overflow: hidden;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      border-bottom-color: none;
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
  }
  .whats-fixo p:hover {
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    filter: brightness(1.1);
  }
  .whats-fixo p:hover:before {
    content: 'Clique no bot\00E3o e converse conosco.';
    display: flex;
    background-color: #E5DDD5;
    background-image: url('/images/bg-whats.png');
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    box-shadow: 0 0 10px -3px #000;
    -moz-box-shadow: 0 0 10px -3px #000;
    -webkit-box-shadow: 0 0 10px -3px #000;
    -ms-box-shadow: 0 0 10px -3px #000;
    width: 150px;
    height: 100px;
    position: absolute;
    top: -170px;
    left: -160px;
    z-index: 3;
    padding: 50px 30px 10px;
    color: #616161;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    text-align: center;
    -webkit-animation: rotate-in-2-br-cw 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
    animation: rotate-in-2-br-cw 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
  }
  @-webkit-keyframes rotate-in-2-br-cw {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1;
    }
  }
  @keyframes rotate-in-2-br-cw {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1;
    }
  }
  .whats-fixo p:hover:after {
    content: "";
    display: flex;
    width: 200px;
    height: 36px;
    background-color: #009688;
    font-family: icomoon, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 25px;
    font-weight: normal;
    position: absolute;
    top: -164px;
    left: -155px;
    z-index: 3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    justify-content: center;
    color: #fff;
    -webkit-animation: flip-in-hor-bottom 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
    animation: flip-in-hor-bottom 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
    background-image: url('../../images/whatsapp-logo.png');
    background-repeat:no-repeat;
    background-position:center;

  }
  @-webkit-keyframes flip-in-hor-bottom {
    0% {
      -webkit-transform: rotateX(80deg);
      transform: rotateX(80deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
    }
  }
  @keyframes flip-in-hor-bottom {
    0% {
      -webkit-transform: rotateX(80deg);
      transform: rotateX(80deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
    }
  }
  .whats-fixo p a {
    color: #fff;
    font-size: 0px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 60px;
    position: relative;
    text-align: right;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;

  }
  .whats-fixo p a:hover:before {
    content: "";
    -webkit-animation: slide-in-bl 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-bl 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  @-webkit-keyframes slide-in-bl {
    0% {
      -webkit-transform: translateY(1000px) translateX(-1000px);
      transform: translateY(1000px) translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bl {
    0% {
      -webkit-transform: translateY(1000px) translateX(-1000px);
      transform: translateY(1000px) translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
      opacity: 1;
    }
  }
  .whats-fixo p a:hover:after {
    -webkit-animation: slide-in-bck-tr 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
    animation: slide-in-bck-tr 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
    content: "";
    display: flex;
    width: 35px;
    height: 35px;
    font-family: icomoon;
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 0;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    background-image: url('../../images/whatsapp-logo.png');
    background-repeat:no-repeat;
    background-size:contain;
    filter:brightness(0) invert(100%);

  }
  @-webkit-keyframes slide-in-bck-tr {
    0% {
      -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
      transform: translateZ(700px) translateY(-300px) translateX(400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0) translateX(0);
      transform: translateZ(0) translateY(0) translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bck-tr {
    0% {
      -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
      transform: translateZ(700px) translateY(-300px) translateX(400px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0) translateY(0) translateX(0);
      transform: translateZ(0) translateY(0) translateX(0);
      opacity: 1;
    }
  }
  .whats-fixo p a:before {
    content: "";
    display: flex;
    width: 35px;
    height: 35px;
    font-family: icomoon;
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 0;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    color:#fff;
    background-image: url('../../images/whatsapp-logo.png');
    background-repeat:no-repeat;
    background-size:contain;
    filter:brightness(0) invert(100%);

  }




.bt-area-restrita {
    height: 21px;
    position: absolute;
    top: -69px;
    right: 252px;
    display: block;
    background-color: rgba(0, 0, 0, 0.30);
    color: #dddc;
    border-radius: 5px;
    background-image: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 8px;
    text-transform: uppercase;
    transition: all .2s linear;
    line-height: 10px;
    font-size: 10px;
}

.bt-area-restrita:hover{
    background-color: rgba(0, 0, 0, 0.4);
    color:#fff;
}

.area-cliente{
    margin-top: 5px;
    top:-41px;

}