@charset "utf-8";
a {
    text-decoration: none
}

* {
    border: none;
    box-sizing: border-box;
    outline: none
}

body {
    margin: 0
}

html{
    display:block;
}

.rightalign {
    text-align:right;
}

.centeralign {
    text-align:center;
}

.display4mob {
    display: none
}

.rotate i {
    transition: all 400ms linear
}

.rotate i:hover {
    transform: rotate(360deg)
}

#bloco {
    width: 80%;
    margin: 0 auto;
    padding: 30px;
    background: #FFF;
    top: 0;
    text-align: center;
}

#contato-bloco {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    background: #FFF;
    top: 0;
    text-align: center;
    border-bottom: 5px solid #909090;
    border-radius: 3px
}

#contato-bloco h1 {
    font: 300 30px Oswald, sans-serif;
    color: #0fc5f4;
    margin: 0
}

#contato-bloco p {
    font: 300 40px Oswald, sans-serif;
    color: #505050;
    margin: 0
}

#blocos-home {
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
    font-size: 0
}

#imagenscima img {
    width: 100%;
    height: 40%
}

#imagensbaixo img {
    width: 100%;
    height: 40%
}

#imagenscima :hover {
    opacity: .8
}

#imagensbaixo :hover {
    opacity: .8
}

#empresario img {
    width: 39%
}

#industria img {
    width: 33%
}

#advogado img {
    width: 26%
}

#medico img {
    width: 26%
}

#comercio img {
    width: 33%
}

#prestador img {
    width: 39%
}

.helplinks a {
    width: 30%;
    margin-left: 13.5%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-radius: 100px;
    margin-top: 20px;
    border-bottom: thick solid;
    border-color: #909090;
    color: #119c56
}

.helplinks i {
    text-shadow: 2px 2px #aaa;
    font-size: 75px
}

.helplinks h2 {
    font: 23px Oswald, sans-serif;
    color: #000;
    margin: 0
}

.helplinks a:hover {
    background-color: #ddd;
    border-color: #505050;
    color: red
}

.jsgerenciador {
    background-color: #42f49e;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:15px;
    width:500px;
}

.jsgerenciador:hover {
    background-color: #58fcad
}

.jsupload {
    background-color: #29a329;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.jsupload:hover {
    background-color: #3c3
}

.upload {
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #29a329;
    color: #fff;
    margin-bottom:15px;
}

.upload h1 {
    font: 300 30px Oswald, sans-serif;
    text-align: center;
    text-decoration: underline
}

.upload p {
    text-align: center
}

.upload input {
    font: 300 17px Oswald
}


input[type='file'] {
    display: none
}

.input-wrapper label {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    margin:auto;
    cursor:pointer;
    font-size:20px;
}

.input-wrapper label:hover {
    border-color: #fff;
    background-color: #000;
    color: #fff;
}

.botaosend {
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px;
    font: 200 10px Oswald, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
    border-bottom: 3px solid;
    border-color: #149900;
    color: #000
}

.botaosend:hover {
    background-color: #000;
    color: #fff
}

#blocos-home h1 {
    font: 35px Oswald, sans-serif;
    color: #fff;
    text-align: center
}

.logocentro {
    width: 48%;
    margin: auto;
    padding: 20px 0
}


#icons {
    text-shadow: 1px 1px #aaa;
    font-size: 20px
}

.textos h1 {
    font: 300 30px Oswald, sans-serif;
    margin: 0;
    padding-bottom: 0;
    width: 100%
}

.textos h2 {
    font: 300 20px Oswald, sans-serif;
    color: #000;
    margin: 0;
    padding-left: 60px
}

.textos span {
    font: 300 50px Oswald, sans-serif;
    color: #4ca6e5
}

.texto h2 {
    font: 300 30px Oswald, sans-serif;
    color: #000;
    margin: 0;
    padding-bottom: 15px;
    padding-left: 60px;
    background-color: #4ca6e5
}

#micro {
    display: none
}

#certificado {
    display: none
}

#controle {
    display: none
}

#regula {
    display: none
}

#nf {
    display: none
}

.txtback {
    background-color: #fff;
    text-align: center;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 59%;
    min-height: 50px;
    min-width: 100px;
    border-radius: 3px
}

.txtform {
    background-color: #f2f2f2;
    padding: 10px;
    width: 35%;
    min-height: 50px;
    min-width: 100px;
    border-radius: 3px;
    border-style: solid;
    border-width: 3px;
    border-color:#fff;
}

#iconverde {
    font-size: 30px;
    color: #119c56
}

#iconazul {
    font-size: 30px;
    color: #00BFFF
}



.botaoser {
    color: #000;
    border-radius: 5px;
    margin-top: 10px;
    display: table;
    cursor: pointer;
    background-color: #fff;
    border-style: solid;
    border-width: 3px;
    border-color: #ddd;
    width: 400px;
    text-align: center;
    width: 60%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto
}

.botaoser:hover {
    background: #ddd;
    border-color: #fff;
    opacity: .9
}

.botao {
    color: #000;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    display: table;
    cursor: pointer;
    background-color: #fff;
    border-style: solid;
    border-width: 3px;
    border-color: #ddd;
    width: 60%;
    margin-left: 20%
}

.botao:hover {
    background: #ddd;
    border-color: #fff
}



.form input {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #000
}

.form input:hover {
    opacity: .9
}

.enviar {
    background-color: #fff;
    font: 20px oswald, sans-serif;
    border-width: 2px
}


.whatsbutton a {
    width: 80px;
    height: 80px;
    position: fixed;
    right: 10px;
    top: 60%;
    background-color: #119c56;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px #555;
    z-index: 10
}

.whatsbutton p {
    color: #000
}

.whatsbutton i {
    font-size: 80px
}

.whatsbutton a:hover {
    background-color: #fff;
    color: #119c56
}

#contate {
    position: fixed;
    top: 73%;
    right: 20px;
    font: 15px oswald, sans-serif
}

iframe {
    width: 100%
}

.texto-contato {
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    font: 300 30px Oswald, sans-serif
}





#clientarea {
    background-color: #4ca6e5;
    min-height: 80%;
    height: auto
}

#barracliente {
    background-color: #ddd;
    color: #000;
}

#barracliente a {
    color: red
}

#barracliente a:hover {
    color: #000
}

.sucesso {
    font: 300 50px Oswald;
    color: green;
    margin-left: 40%;
    position: fixed;
    background-color: #fff;
    padding: 50px;
    top: 40%;
    border: solid 3px
}

.erro {
    font: 300 50px Oswald;
    color: red;
    margin-left: 40%;
    position: fixed;
    background-color: #fff;
    padding: 50px;
    top: 40%;
    border: solid 3px
}

.imprimir i {
    font-size: 30px;
    color: #fff
}

.imprimir i:hover {
    color: #000
}

.voltar {
    font: 300 25px Oswald, sans-serif;
    border-radius: 3px;
    padding: 5px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    margin-left: 10px;
    display:inline-block;
    margin-right:auto;
    margin-bottom:10px;
}

.voltar:hover {
    color: #fff;
    background-color: #000
}

.paineltc {
    width: 90%;
    background-color: #fff;
    border-radius: 5px;
    margin-left: 5%;
    text-align: center
}

.paineltc a {
    font: 300 30px Oswald, sans-serif
}

.paineltc h1 {
    font: 300 30px Oswald;
    text-align: center;
    background-color: #555;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff
}

.paineltc input:hover {
    opacity: .9
}

.jsbusca {
    text-align: center;
    color: #fff;
    background-color: #f30;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    width:400px;
    margin-bottom:10px;
}

.jsbusca:hover {
    background-color: #cc2900
}

.busca {
    width: 100%;
    text-align: center;
    display: none
}



.botaoid {
    font: 300 20px Oswald, sans-serif;
    padding: 10.5px;
    cursor: pointer;
    background-color: #00e6b8;
    color: #000
}

.botaoid:hover {
    background-color: #008066;
    color: #fff
}



.jscadastro {
    text-align: center;
    color: #fff;
    background-color: #0f9;
    padding: 5px;
    border-radius: 3px;
    display:block;
    width:400px;
    margin:auto;
    margin-bottom:10px;
}

.jscadastro:hover {
    color: #fff;
    background-color: #00cc7a
}

.cadastro {
    font: 300 20px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #00cc7a;
    color: #fff
}

.cadastro input {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px
}

.cadastro button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.cadastro button:hover {
    color: #fff;
    background-color: #000
}

.cadastro input:hover {
    opacity: .9
}


.atualizar {
    background-color: #0cf;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    width:400px;
    margin:auto;
    margin-bottom:10px;
}

.atualizar:hover {
    background-color: #00a3cc
}

.atualizarform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #00a3cc;
    color: #fff
}

.atualizarform a {
    color: #000;
    font-size: 25px
}

.atualizarform a:hover {
    text-decoration: underline;
    color: #fff
}

.atualizarform input {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px
}

.atualizarform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.atualizarform button:hover {
    color: #fff;
    background-color: #000
}

.excluircliente {
    background-color: red;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    width:400px;
    margin-bottom:10px;
}

.excluircliente:hover {
    opacity:0.8;
}

.excluirclienteform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #c00;
    color: #fff
}

.excluirclienteform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.excluirclienteform button:hover {
    color: #fff;
    background-color: #000
}

.jsgestor {
    background-color: #51e7ff;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    width:500px;
    margin:auto;
    margin-bottom:15px;
}

.jsgestor:hover {
    background-color: #9bebf7
}


.lancamento {
    background-color: maroon;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.lancamento:hover {
    background-color: #b30000
}

.lancform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #b30000;
    color: #fff;
}

.lancform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px
}

.lancform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.lancform button:hover {
    color: #fff;
    background-color: #000
}

.cadcontas {
    background-color: #990;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.cadcontas:hover {
    background-color: #cc0
}

.cadform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #990;
    color: #fff
}

.cadform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    width:200px;
}

.cadform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.cadform button:hover {
    color: #fff;
    background-color: #000
}

.cadhistorico {
    background-color: #e2763f;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.cadhistorico:hover {
    background-color: #f48e41
}

.cadhistform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #e2763f;
    color: #fff
}

.cadhistform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    width: 200px;
}

.cadhistform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.cadhistform button:hover {
    color: #fff;
    background-color: #000
}

.relatorio {
    background-color: #00cca3;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.relatorio:hover {
    background-color: #0fc
}

.relatorioform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #00cca3;
    color: #fff
}

.relatorioform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px
}

.relatorioform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.relatorioform button:hover {
    color: #fff;
    background-color: #000
}


.consulta {
    background-color: #039;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:15px;
    width:400px;
}

.consulta:hover {
    background-color: #04c
}

.consultaform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #039;
    color: #fff
}

.consultaform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px
}

.consultaform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.consultaform button:hover {
    color: #fff;
    background-color: #000
}

.saldoconta {
    background-color: #732626;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}


.saldoconta:hover {
    background-color: #933
}

.contaform {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #933;
    color: #fff
}

.contaform input {
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    width:300px;
}

.contaform button {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font: 300 20px Oswald, sans-serif;
    cursor: pointer
}

.contaform button:hover {
    color: #fff;
    background-color: #000
}

.jsarquivos {
    background-color: #cc2900;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.jsarquivos:hover {
    background-color: #f30
}

.arquivosemp {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #cc2900;
    color: #000;
    margin-bottom:15px;
}

#downloadbox {
    width: 90%;
    margin-left: 5%;
    background-color: #aaa;
    font-family: Oswald;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    text-decoration: underline
}

#downloadlinks {
    font: 300 20px Oswald;
    width: 98%;
    margin-left: 1%;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    background-color: #fff;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 5px;
    white-space: nowrap
}

#filename {
    font-size: 25px;
    float: left;
    margin-top: 4px
}

#botaodownload {
    font-size: 20px;
    padding: 5px;
    color: #FFF;
    background-color: #0c0;
    float: right;
    margin: 4px;
    border-radius: 5px
}

#botaodownload:hover {
    background-color: #0f0
}

#botaoexcluir {
    font-size: 20px;
    padding: 5px;
    color: #FFF;
    background-color: #c00;
    float: right;
    margin: 4px;
    border-radius: 5px
}

#botaoexcluir:hover {
    background-color: red
}

.jsdeclaracao {
    background-color: #669;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.jsdeclaracao:hover {
    background-color: #8585ad
}


.jscontabeis {
    background-color: rgb(101, 197, 184);
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    width:400px;
}

.jscontabeis:hover {
    background-color: #00DDDD;
}

.arquivosdeclaracao {
    font: 300 25px Oswald, sans-serif;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    background-color: #669;
    color: #000
}





.div {
    width: 120px;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    border-right: solid 1px
}

.div a {
    text-align: left
}

.desc {
    width: 400px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    border-right: solid 1px
}

.contatitle {
    left: 10%;
    top: 100px
}

.backext {
    width: 100%;
    height: auto;
    min-height: 1000px;
    background-color: #00264d;
    white-space: nowrap
}

.extrato {
    background-color: #fff;
    font: 500 20px Oswald, sans-serif;
    width: 90%;
    margin-left: 5%;
    border-radius: 5px;
    text-align: left;
    text-transform: uppercase;
    overflow-x: auto;
}

.extrato label{
    display:none;
}


.extrato h1 {
    font: 400 50px Oswald, sans-serif
}


.extratoconta {
    background-color: #fff;
    font: 500 20px Oswald, sans-serif;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    text-align: left;
    text-transform: uppercase;
    overflow:hidden;
}

.saldodemonstrativo{
    width:300px;
}

.extratoconta h1 {
    font: 400 50px Oswald, sans-serif
}

.extratoconta p {
    margin-left:80px;
}


.caption h3:hover {
    opacity: .8
}

.imagemserviços:hover {
    opacity: .9
}

.indexload {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(255,255,255);
    background: rgba(255,255,255, 0.9);
    z-index: 99999;
    opacity:0.9;
}


.indexload > div {
    width: 80%;
    position: relative;
    margin: 20% auto;
}

.indexload img {
    width:32px;
}

.indexload p {
    display:inline;
    color:#000;
    font: 400 20px Oswald, sans-serif;
}
.radioslanc label{
    display: inline-block;
    min-width: 200px;
    white-space: nowrap;
    width: 200px;
    text-align:left;
}


.ir {
    padding:10px;
}

.ir i{
    font-size:15px;
}

.selects2 {
    width:400px;
}

.btnextrato {
    background: transparent;
    border: none;
}

.btnextrato i{
    font-size:30px;
}

.mobtable{
    display:none;
}

.modal label {
    display:inline;
}




@media only screen and (max-width: 768px) {
    .hidemob {
        display:none;
    }
    .extrato {
        border-radius:0px;
    }
    .extrato table{
        width:100%;
        overflow:auto;
        border: 0;
    }

    .mobtable{
        text-align:center;
        display:inline;
    }

    .extrato tr{
        display:block;
        margin-bottom:20px;
        margin-top:20px;
        border:solid 1px #12F;
    }

    .extrato label{
        display:inline;
    }

    .extrato thead{
        display:none;
    }

    .extrato td{
        width:100%;
        display:block;
        word-wrap: break-word;
    }

    .btnextrato i {
        font-size:35px;
        padding:10px;
    }
    select.selects2 + span.select2 {
        width: 70% !important;
    }

    .atualizarform input {
        width:90%;
    }

    .excluirclienteform input {
        width: 90%;
    }
    .excluirclienteform textarea {
        width: 90%;
    }


    .imagemserviços {
        width: 100%
    }

    .helplinks a {
        width: 80%;
        margin-left: 10%
    }
    #mobilemenu {
        display: inline
    }
    #bloco {
        width: 100%;
        padding: 0px;
    }
    #contato-bloco p {
        font-size: 30px
    }

    .textos span {
        font-size: 50px;
        width: 100%
    }
    .textos h2 {
        text-align: center;
        padding-left: 0
    }
    .textos h1 {
        text-align: center
    }
    .botao {
        width: 100%;
        margin-left:0;
    }
    #iconazul {
        font-size: 15px
    }
    #iconverde {
        font-size: 15px
    }
    .botaoser {
        width: 100%;
        margin-left: 0
    }

    .whatsbutton a {
        width: 50px;
        height: 50px;
        right: 0;
        font-size: 8px
    }
    .whatsbutton i {
        font-size: 50px
    }
    #contate {
        top: 68%;
        font-size: 12px;
        right: 13px
    }
    .txtback {
        width: 90%
    }
    .txtform {
        width: 90%;
        margin-top: 480px;
        margin-left: auto;
        margin-right: auto
    }

    #downloadlinks {
        width: 98%;
        margin-left: 1%;
        height: 100px
    }
    #filename {
        font-size: 20px
    }
    #downloadbox {
        width: 90%;
        margin-left: 5%
    }

    #excluir {
        margin-left: 60%
    }
    .upload {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%
    }

    #imagenscima img {
        width: 100%;
        margin-top: 5px;
        height: 250px
    }
    #imagensbaixo img {
        width: 100%;
        margin-top: 5px;
        height: 250px
    }
    .div {
        width: 60px
    }
    .desc {
        width: 200px
    }
    .extrato {
        width: 100%;
        white-space: normal;
        margin-left: 0;
        font-size: 10px;
    }
    .extrato h1 {
        font-size: 25px
    }
    .extrato h2 {
        font-size: 25px;
        text-align: center
    }
    .extratoconta {
        width: 100%;
        white-space: normal;
        margin-left: 0;
        font-size: 10px;
        overflow:hidden;
    }
    .saldodemonstrativo{
        width:100px;
    }
    .extratoconta p {
        margin-left:0px;
    }
    .extratoconta h1 {
        font-size: 25px
    }
    .extratoconta h2 {
        font-size: 20px
    }
    .paineltc a {
        font: 300 20px Oswald, sans-serif
    }
    .paineltc {
        width: 96%;
        margin-left: 2%
    }

    .lancamento,.cadcontas,.cadhistorico,.relatorio,.saldoconta,.consulta,.jsupload,.jsarquivos,.jsdeclaracao,.jsbusca,.jscadastro,.atualizar,.excluircliente {
        padding-top:20px;
        padding-bottom:20px;
        font-size:30px;
        width:80%;
        margin-left:10%;
    }
    .lancamento i,.cadcontas i,.cadhistorico i,.relatorio i,.saldoconta i,.consulta i,.jsupload i,.jsarquivos i,.jsdeclaracao i,.jsbusca i,.jscadastro i,.atualizar i,.excluircliente i{
        font-size:18px;
    }

    .jsgestor,.jsgerenciador {
        padding-top:20px;
        padding-bottom:20px;
        font-size:30px;
        width:90%;
        margin-left:5%;
    }
    .display4mob {
        display: inline
    }
    #botaoexcluir {
        margin-top: -20px
    }
    #botaodownload {
        margin-top: -20px
    }
    .arquivosemp {
        width: 98%;
        margin-left: 1%
    }
    .arquivosdeclaracao {
        width: 98%;
        margin-left: 1%
    }
    .lancform,.cadform,.cadhistform,.contaform {
        width: 98%;
        margin-left: 1%
    }
    .lancform select,.cadform select {
        width: 90%
    }
    .contaform input{
        width:90%;
    }


    .relatorioform {
        width: 98%;
        margin-left: 1%
    }
    .consultaform {
        width: 98%;
        margin-left: 1%
    }
    .upload {
        width: 98%;
        margin-left: 1%
    }
    .contatitle {
        top: 100px;
        left: 1%;
        font-size: 20px
    }
}

@media only screen and  (max-width: 330px) {
    .textos span {
        font-size: 30px
    }
}

@page {
      size: A4;
      margin: 0;
    }

@media print {
    html, body {
        height:100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    button {
        display: none!important
    }
    label {
        display: none!important
    }
    a {
        display:none!important
    }
    h1 {
        text: 80px!important
    }
    h2 {
        text-align: left!important;
    }
    .naoimprime {
        display: none!important
    }
    td{
        font-size:10px!important;
    }
}



/* CONTEÚDO CIMA NÃO COMPACTADO
<style>
span {
font: 300 50px Oswald, sans-serif;
color: #4ca6e5
}
#uppermenu {
background-color: #4ca6e5;
text-align: center;
position: fixed;
z-index: 10;
width: 100%;
border-bottom: 3px solid #fff;
height: 90px;
float: right;
top: 0
}
#menu {
font: 500 27px Oswald, sans-serif;
list-style-type: none;
margin-bottom: 0
}

#menu li {
text-align: center;
color: #fff;
display: inline-block;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 15px;
margin-top: -4.5px
}

#menu li:after {
content: '';
display: block;
margin: auto;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease
}

#menu li:hover:after {
width: 100%;
background: #fff
}

#menu li:hover {
color: #fff;
opacity: .8
}
#menumobile {
z-index: 10;
background-color: #4ca6e5;
width: 100%;
margin-bottom: 10px;
position: fixed;
border-bottom: solid 3px #fff;
display: none;
}

.menumb {
font: 500 20px Oswald, sans-serif;
background-color: #fff
}

#hamburguer a {
color: #fff;
background-color: #4ca6e5
}

#hamburguer a:hover {
opacity: .9
}

.menumb a {
display: block;
padding: 10px;
background-color: #4ca6e5;
width: 100%;
color: #fff;
text-align: center;
min-width: 100%;
position: relative
}

.menumb i {
font-size: 25px
}

.menumb a:hover {
color: #000;
background-color: #fff
}

.menumb ul {
width: 100%;
margin: 0;
padding: 0
}

.menumb ul li ul {
position: fixed;
width: 100%
}

#menumo {
display: none
}
#menulogin a {
z-index: 11;
top: 22px;
color: #fff;
position: fixed;
right: 1%;
font: 500 27px Oswald, sans-serif
}

#menulogin a:hover {
opacity: .8
}

#login {
display: none;
position: fixed;
float: right;
right: 0;
top: 85px;
background-color: #4ca6e5;
padding: 10px;
z-index: 11
}

#login p {
color: red;
text-align: center
}

#login input {
width: 80%;
border-style: solid;
border-width: 1px;
border-color: #aaa;
padding: 10px;
border-radius: 5px
}
#entrar {
background-color: #fff;
cursor: pointer;
font: 500 20px Oswald, sans-serif
}

#entrar:hover {
opacity: .9
}
#texto-logo {
width: 98%;
max-width: 1000px;
margin: 0 auto;
margin-top: 90px
}
.colunas {
width: 48%;
padding: 20px;
vertical-align: top
}
.botaotop {
font: 20px Oswald, sans-serif;
color: #000;
border-radius: 5px;
padding: 10px;
display: inline-block;
border-bottom-style: solid;
border-width: 5px;
border-color: #ccc;
width: 35%;
margin-left: 10%;
margin-bottom: 10px;
display: inline-block;
text-align: center;
background: #ccc;
background: -webkit-linear-gradient(left, #ccc, #fff);
background: -o-linear-gradient(right, #ccc, #fff);
background: -moz-linear-gradient(right, #ccc, #fff)
}

.botaotop i {
text-shadow: 2px 2px #aaa
}

.botaotop:hover {
color: #00BFFF;
border-color: #00BFFF
}
.txt-blocos {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@media (max-width: 768px) {
#menumobile {
display: inline;
}
#uppermenu {
display: none
}
#menulogin a {
top: 0;
font-size: 25px;
padding: 5px
}
.menumb {
display: inline-block
}
#login {
width: 60%;
margin-left: 5%;
top: 51px
}
.colunas {
width: 100%;
padding: 0;
margin-top: 60px;
text-align: center
}
.botaotop {
width: 80%;
margin-left: 10%;
}
}

</style>
*/