body {
}

.corPrincipalFundo
{
    background-color: #008CBA;
}

.corSecundariaFundo
{
    background-color: #8a0101;
}

.negrito
{
    font-weight: bold;
}

.logo{
    margin: 25px 10px 5px 10px;
}

.float-button {
    position: fixed;
    right: 10px;
    /*top: 270px;*/
    bottom: 10px;
    /*transition: all 0.2s ease-in 0s;*/
    z-index: 8000;
    /*    cursor: pointer;
    background-color: red;*/
    /*    background-image: url('/imagens/whatsapp.png');
    background-repeat: no-repeat;
*/
    max-width: 250px;
}
    .float-button:hover {
        /*right: -7px;*/
    }
.texto-float-button {
    float: right;
    background-color: #69ac6a;
    color: white;
    margin-left: -20px;
    padding: 5px 10px 5px 25px;
    border-radius: 5px;
    border: 1px solid lightgray;
    margin-top: 3px;
}

.loginDisplay{
    background-color: transparent;
    margin-bottom: 0px;
    font-size: 12px;
    text-align: right;
    margin-top: 10px;
    float: right;
}   

.botaoDemonstracao {
    background-color: #28166f;
    text-align: center;
    float: right;
    margin-bottom: 10px;
    font-size: 12px;
    margin-top: 2px;
    border-radius: 7px;
    padding: 8px 12px 8px 12px;
    margin-left: 35px;
}
    a .botaoDemonstracao {
        color: white;
    }
    a:hover .botaoDemonstracao {
        background-color: #292e8e;
    }

.linhaCabecalho
{
    /*box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);*/
    height: 5px;   
    display: none;
}

.linhaMenu
{
    text-align: right;
    margin-top: 46px;
    margin-bottom: -20px;
}

.rodape {
    visibility: hidden;
    background-color: #36383b;
    padding-top: 20px;
    padding-bottom: 5px;
    color: white;
    margin-top: 20px;
}

.rodape p{
    font-size: 12px;   
}

.rodape h1{
    text-align: center;
    color: white;
    font-size: 14px;
}

.linhaRodape
{
    /*box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);*/
    height: 5px;   
}

.conteudoRow 
{
      max-width: 72rem;
      margin-left:auto;
      margin-right:auto;
      text-align: justify;
}

.paginaPrincipal{

}

.paginaPrincipal .overlay {
    background: rgba(4, 4, 4, 0.8);
    height: 100%;
    position: fixed;  
    top: 0;              
    right: 0;            
    bottom: 0;
    left: 0;
    display: block;
    z-index:9000;
}

.paginaPrincipal .pnlAviso{
    display: block;
    position: fixed;
    top: 60px;
    width: 60%;
    padding: 20px;
    z-index: 9500;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: auto;
    height: 100%;
}

.paginaPrincipal .botaoFechar{
    float: right;
    position: absolute;
    text-align: right;
    right: 0px;
    top: 0px;
}

.paginaPrincipal .banner{
    background:url('/imagens/banner.jpg') no-repeat; 
    background-size:cover; 
    background-position: 50% 10%; 
    width: 100%;
    min-height: 600px;
}

.paginaPrincipal .banner .linkVersoes{
    font-size: 16px;
}

.paginaPrincipal .banner a {
    color: white;
}

.paginaPrincipal .banner .texto {
    text-align: center;
    padding-top: 55px;
    color: white;
}

.paginaPrincipal .slogan{
    font-size: 28px;
    line-height: 1.5;
    /*font-weight: bold;*/
}

.paginaPrincipal .blocoBalcao {
    background: url('/imagens/banner-principal-blacknovember.jpg') no-repeat;
    background-size: cover;
    background-position: 50% 70%;
    width: 100%;
    min-height: 500px;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.paginaPrincipal .blocoBalcao p {
    color: white;
    font-size: 1.4rem;
    text-align: center;
}

.paginaPrincipal .funcionalidade{
    padding-top: 20px;   
    padding-bottom: 20px;
}

.paginaPrincipal .funcionalidade .imagem{
    text-align: left;
}

.paginaPrincipal .blocoBanners{
    padding-top: 10px;
    padding-bottom: 10px;
    background:url('/imagens/fundo-expoprint.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 100%; 
    min-height: 350px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.paginaPrincipal .blocoBanners h2 {
    text-align: right;
    text-transform:uppercase;
}

.paginaPrincipal .blocoBanners h3 {
    text-align: right;
    color: white;
    text-transform:uppercase;
    font-size: 24px;
}

.paginaPrincipal .blocoBanners .panel {
    background-color: white;
    min-height: 190px;
}

.paginaPrincipal .blocoBanners .panel h2 {
    color: #003d59;
    font-weight: 700;
    text-transform:uppercase;
    text-align: right;
    font-size: 44px;
}

.paginaPrincipal .blocoBanners .panel h3 {
    color: #003d59;
    text-align: right;
    font-size: 26px;
}

.paginaPrincipal .blocoBanners .panel h4 {
    color: #003d59;
    text-align: right;
}

.paginaPrincipal .bloco1{
    padding-top: 60px;
    padding-bottom: 60px;
}

.paginaPrincipal .blocoModulos{
    background:url('/imagens/banner-principal-sistema2.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 20px;
    background-color: #008CBA;
    overflow: visible;
}

.paginaPrincipal .blocoModulos .panel{
    border-radius: 30px;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
}

.paginaPrincipal .blocoModulos .panel p{
    color: #555555;
    font-size: 13px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.paginaPrincipal .blocoModulos .panel h3{
    margin-top: 20px;
    color: #333333;
    text-align: center;
}

.paginaPrincipal .blocoModulos p {
    color: white;
}

.paginaPrincipal .blocoAtuacao{
    background:url('/imagens/banner-area-atuacao.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 105px;
    background-color: #008CBA;
    overflow: visible;
    margin-top: 20px;
}

.paginaPrincipal .blocoAtuacao .texto{
    padding-top: 40px;
    text-align: center;
    color: white;
}

.paginaPrincipal .blocoAtuacao p {
    font-size: 1.2rem;
}

.paginaPrincipal .blocoPreDepoimentos{
    padding-top: 60px;
    padding-bottom: 0px;
}

.paginaPrincipal .blocoPreDepoimentos p{
    text-align:center;
}

.paginaPrincipal .blocoPreDepoimentos h4{
    text-align: center;
    font-size: 1.3rem;
}

.paginaPrincipal .blocoDepoimentos{
    background:url('/imagens/banner-principal-depoimentos.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 25px;
    background-color: #008CBA;
    overflow: visible;
    margin-top: 20px;
}

.paginaPrincipal .blocoDepoimentos .texto{
    padding-top: 40px;
    /*text-align: center;*/
    color: black;
}

.paginaPrincipal .blocoDepoimentos h2{
    color: black;
    font-size: 2.2rem;
    margin-top: 30px;
    padding-bottom: 20px;
}

.paginaPrincipal .blocoDepoimentos p {
    font-size: 1.2rem;
}

.paginaPrincipal .blocoDepoimentos .aspas{
    font-style:italic;
    font-size: 1.6rem;
    font-family: 'Times New Roman', Times, serif;
}

.paginaPrincipal .blocoDepoimentos .assinatura {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0px;
}

.paginaPrincipal .blocoDepoimentos .empresa {
    font-size: 1.0rem;
}

.paginaPrincipal .blocoDepoimentos .botaoProximo, .paginaPrincipal .blocoDepoimentos .botaoAnterior {
    color: #000;
    position: absolute;
    /*background: #000;*/
    /*background: rgba(0,0,0, .6);*/
    top: 0%;
    z-index: 4;
    font-size: 2em;
    /*margin-top: -2.0em;*/
    opacity: .2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .paginaPrincipal .blocoDepoimentos .botaoProximo:hover, .paginaPrincipal .blocoDepoimentos .botaoAnterior:hover {
        cursor: pointer;
        opacity: 1;
        color: #000;
    }

.paginaPrincipal .blocoDepoimentos .botaoProximo {
    right: -25px;
    padding: 150px 5px 155px 50px;
    border-radius: 3px;
}

.paginaPrincipal .blocoDepoimentos .botaoAnterior {
    left: -25px;
    padding: 150px 50px 155px 5px;
    border-radius: 3px;
}

.paginaPrincipal .blocoEmpregos{
    background:url('/imagens/banner-principal-empregos.jpg') no-repeat; 
    background-size:cover; 
    background-position:10% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 135px;
    overflow: visible;
    margin-top: 20px;
}

.paginaPrincipal .blocoEmpregos p{
    font-size: 1.2rem;
    text-align: center;
}

.paginaPrincipal .blocoEmpregos .linkMais{
    /*text-align: center;*/
}

.paginaPrincipal .blocoEmpregos .texto{
    color: white;
}

.paginaPrincipal .blocoEmpregos a{
    font-size: 1.2rem;
    color: white;
}

.paginaPrincipal .blocoEmpregos ul{
    margin-bottom: 7px;
}

.paginaPrincipal .blocoEmpregos li a{
    font-size: 1.0rem;
    color: white;
}

.paginaPrincipal .blocoEmpregos h2{
    color: white;
}

.paginaPrincipal .blocoEmpregos h3{
    text-align: center;
    margin-top: 15px;
    color: white;
}

.paginaPrincipal .blocoEmpregos h4{
    color: black;
}

.paginaPrincipal .blocoEmpregos .box{
    /*background-color: #008CBA;*/
    border: 1px solid #dddddd;
    padding-top: 6px;
    padding-bottom: 0px;
    padding-left: 25px;
    margin-bottom: 17px;
}

.paginaPrincipal .blocoParcerias{
    background:url('/imagens/banner-principal-Parcerias.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 60%; 
    width: 100%;
    min-height: 300px;
    padding-top: 25px;
    background-color: white;
    overflow: visible;
    margin-top: 20px;
}

.paginaPrincipal .blocoParcerias h2{
    color: black;
    font-size: 2.2rem;
    margin-top: 30px;
    padding-bottom: 20px;
}

.paginaPrincipal .blocoParcerias p {
    font-size: 1.2rem;
    color: black;
}

.paginaPrincipal .blocoParcerias .box{
    background-color: white;
    width: 430px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.paginaPrincipal .blocoParcerias .box .ImagemSemLink{
    cursor: default;
}

.paginaPrincipal .blocoParcerias .box .ImagemComLink {
    cursor: pointer;
}

.paginaPrincipal .blocoParcerias .botaoProximo, .paginaPrincipal .blocoParcerias .botaoAnterior {
    color: #000;
    position: absolute;
    /*background: #000;*/
    /*background: rgba(0,0,0, .6);*/
    top: 0%;
    z-index: 4;
    font-size: 2em;
    /*margin-top: -2.0em;*/
    opacity: .2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.paginaPrincipal .blocoParcerias .botaoProximo:hover, .paginaPrincipal .blocoParcerias .botaoAnterior:hover {
    cursor: pointer;
    opacity: 1;
    color: #000;
}

.paginaPrincipal .blocoParcerias .botaoProximo {
    right: 0;
    padding: 100px 50px 155px 0px;
    border-radius: 3px;
    text-align: left;
}

.paginaPrincipal .blocoParcerias .botaoAnterior {
    left: 0;
    padding: 100px 0px 155px 50px;
    border-radius: 3px;
}

.paginaPrincipal .blocoAtendimento{
    background:url('/imagens/banner-principal-atendimento.jpg') no-repeat;
    background-size:cover; 
    background-position:10% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 110px;
    overflow: visible;
    margin-top: 20px;
}

.paginaPrincipal .blocoAtendimento p {
    color: white;
    font-size: 1.2rem;
    text-align: center;
}

.paginaPrincipal .bloco3{
    padding-top: 20px;
}

.paginaPrincipal .bloco3 .texto{
    padding-top: 40px;
    text-align: center;
}

.paginaPrincipal .bloco4 {
    background-color: #8a0101;   
    padding-top: 50px;
    padding-bottom: 20px;
    min-height: 180px;
}

.paginaPrincipal .bloco4 .texto{
    text-align: center;
}

.paginaPrincipal .bloco4 a{
    color: white;
}

.paginaPrincipal .blocoTeste1 {
    background-color: white;   
    /*border-top: 2px solid #008CBA;   
    border-bottom: 2px solid #008CBA;*/   
    padding-top: 30px;
    padding-bottom: 20px;
    /*margin-bottom: 20px;*/
}

.paginaPrincipal .blocoTeste1 .panel {
    background-color: #e0e7e9;
    border-color: #008CBA;
    text-align: justify;
    font-style: italic;
}

.paginaPrincipal .blocoTeste2 {
    background-color: #008CBA;   
    padding-top: 50px;
    padding-bottom: 20px;
    min-height: 180px;
    color: white;
}

.paginaPrincipal .blocoEmpregos ul li{
    list-style:url('/imagens/marcador-mao.png')
}

.paginaPrincipal .blocoTeste1 a{
    /*color: white;*/
}

.paginaPrincipal .blocoTeste1 h2{
    /*color: white;*/
}

.paginaPrincipal h1{
    color: white;
    text-transform: none;
    font-size: 3.0rem;
    font-weight: bold;
    margin-top: -20px;
    text-align: center;
}

.paginaPrincipal h2{
    color: white;
    font-size: 2.5rem;
    text-transform: none;
    font-weight: bold;
    /*margin-top: 40px;*/ 
    text-align: center;
}

.paginaPrincipal h3{
    font-size: 1rem;
    font-weight: bold;
    color: #008CBA;
    text-transform: uppercase;
}

.paginaPrincipal h4{
    font-size: 1rem;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
}


.centralizado{
    text-align: center;
}

.centralizado2 {
    left: auto;
    right: auto;
}

.alinhadoDireita{
    text-align: right;
}

.paginaContato{

}

.paginaContato h2{
    margin-top: 30px;
    text-align: center;
}

.paginaContato .telefone{
    font-size: 30px;
    font-weight: bold;
}

.paginaContato .whatsapp{
    font-size: 25px;
    font-weight: bold;
    margin-top: -15px;
    color: black;
}

.paginaContato .whatsapp img {
    margin-right: 7px;
}

.paginaContato .mensagemErro{
    font-weight: bold;
    color: red;
}

.paginaContato .mensagemErro li {
    color: red;
    list-style: square;
}

.paginaLocalizacao{ 
    margin-bottom: 20px;
}

.paginaLocalizacao .horarioFuncionamento{
    background-color: #DDDDDD;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.paginaNossosClientes{
    margin-bottom: 20px;
}

.paginaNossosClientes a{
    color: black;
    /*font-weight: bold;*/
}

.paginaNossosClientes .relacaoClientes{
    margin-top: 20px;
}

.paginaNossosClientes .loading{
    min-height: 400px;
    text-align: center;
    padding-top: 150px;
}

.paginaNossosClientes .mapa{
    /*border: 3px solid #366898;
    padding-bottom: 60px;
    overflow: visible;*/
}

.paginaNossosClientes .botaoVoltar{
    margin-top: 10px;
    margin-bottom: 20px;
}

.paginaNossosClientes .botaoVoltar a{
    color: #2d59ad;
}

.paginaNossosClientes .legenda{
    font-size: 11px;
}

.paginaDepoimentos{
    margin-bottom: 20px;
}

.paginaEmpregos{
    margin-bottom: 20px;
}

.paginaParcerias{
    margin-bottom: 20px;
}

.paginaParcerias .Parcerias{
    /*width: 900px;
    margin-left: auto;
    margin-right: auto;*/
}

.paginaParcerias .Parceria{
    box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
    margin: 15px;
}

.paginaSalaDeImprensa{
    margin-bottom: 20px;
}

.paginaQuemSomos{
    margin-bottom: 20px;
}

.paginaQuemSomos h2 {
    text-align:center;
}

.paginaQuemSomos .numerosZenite {
    /*border: 1px solid #008CBA;*/
    margin-bottom: 30px;
}

.paginaQuemSomos .fotos{
    /*width: 300px;*/
    /*border: 1px solid #008CBA;*/
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/
    /*float: right;*/
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
}

.paginaEquipe{
    margin-bottom: 20px;
}

.paginaLocalizacao h2{
    text-align: center;   
}

.paginaSistema{

}

.paginaSistema h1{
    text-transform: none;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 2px white;   
}

.paginaSistema h2{
    color: white;
    font-size: 1.8rem;
    text-transform: none;
    font-weight: bold;
    /*margin-top: 40px;*/ 
    text-align: center;
}

.paginaSistema h3{
    font-size: 1rem;
    font-weight: bold;
    color: #008CBA;
    text-transform: uppercase;
}

.paginaSistema .blocoTitulo{
    background:url('/imagens/banner-sistema-titulo.jpg') no-repeat; 
    background-size:cover; 
    background-position:100% 85%; 
    width: 100%;
    min-height: 400px;
}

.paginaSistema .slogan{
    font-size: 28px;
    line-height: 1.3;
    text-shadow: 1px 1px 1px white;   
    /*font-weight: bold;*/
}

.paginaSistema .slogan-small{
    color: white;
    font-size: 28px;
    line-height: 1.3;
    text-shadow: 1px 1px 0px black;   
    /*font-weight: bold;*/
}

.paginaSistema .blocoTitulo .texto {
    text-align: center;
    padding-top: 65px;
    color: black;
}

.paginaSistema .blocoTitulo h1 {
    color: black;
    margin-top: -35px;
    margin-bottom: 10px;
    line-height: normal;
}

.paginaSistema .blocoModulos{
    background:url('/imagens/banner-principal-sistema2.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    min-height: 500px;
    padding-top: 20px;
    background-color: #008CBA;
    overflow: visible;
    margin-top: 20px;
}

.paginaSistema .blocoModulos .modulo{
    text-align:center;
    margin-bottom: 30px;
}

.paginaSistema .blocoModulos .panel{
    border-radius: 30px;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

.paginaSistema .blocoModulos .panel p{
    color: #555555;
    font-size: 13px;
    margin-top: -10px;
    padding-left: 20px;
    padding-right: 20px;
}

.paginaSistema .blocoModulos .panel h3{
    margin-top: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

.paginaSistema .blocoModulos p {
    color: white;
}

.paginaSistema .blocoContato h2 {
    color: black;
    text-align: center;
}
.paginaSistema .blocoContato .texto {
    text-align: center;
}

.paginaSistema .blocoBotaoContato{
    
}
.paginaSistema .blocoBotaoContato .texto{
    text-align: center;
}

.paginaSistema .blocoDescritivo1 {
    display: none;
    background-size: cover;
    background-position: 50% 10%;
    width: 100%;
    min-height: 400px;
    padding-top: 0px;
    padding-bottom: 20px;
    background-color: white;
    overflow: visible;
    margin-top: 60px;
}

.paginaSistema .blocoDescritivo1 h2{
    color: black;
    text-align: left;
}

.paginaSistema .blocoDescritivo1 .texto {
    color: black;
    text-align: center;
}

.paginaSistema .blocoDescritivo2{
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    min-height: 400px;
    padding-top: 20px;
    background-color: white;
    overflow: visible;
    margin-top: 60px;
}

.paginaSistema .blocoDescritivo2 h2{
    color: black;
    text-align: center;
}

.paginaSistema .blocoDescritivo2 h3 {
    text-align: center;
    margin-bottom: 30px;
}

.paginaSistema .blocoDescritivo2 ul{
    list-style: none;
    font-size: 1.6rem;
}

.paginaSistema .blocoDescritivo2 .texto{
    color: black;
    text-align: justify;
    margin-bottom: 30px;
}

.paginaSistema .blocoSegmentos{
    margin-top: 20px;
}

.paginaSistema .blocoSegmentos .comboBox{
    font-size: 1.5rem;
    height: 50px;
}

.paginaSistema .blocoSegmentos h2 {
    color: black;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 20px;
}

.paginaSistema .blocoSegmentos h3 {
    font-size: 18px;
}

.paginaSistema .blocoSegmentos h4 {
    color: black;
    text-align: left;
    margin-top: 0px;
    font-size: 21px;
    text-transform: none;
}

.paginaSistema .blocoSegmentos .divVersaoRecomendada{
    height: 100px;
}

.paginaSistema .blocoSegmentos .setaDireita{
    /*border-bottom: 2px solid #008CBA;*/
    background-image: url('/imagens/seta-direita-2.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 100px;
    position: absolute;
    width: 99%;
}
.paginaSistema .blocoSegmentos .setaBaixo{
    background-image: url('/imagens/seta-baixo.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100px;
    position: absolute;
    width: 100%;
}

.paginaSistema .blocoSegmentos .versaoRecomendada{
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    /*color: #008CBA;*/
}

.paginaSistema .blocoSegmentos .RecursosPorVersao{
    border-left: 3px solid #008CBA;
    padding-left: 5px;
}

.paginaSistema .blocoSegmentos .panel {
    padding: 0px;
    font-size: 13px;
    border: none;
}

.paginaSistema .blocoSegmentos .panel a{
    color: black;
}

.paginaSistema .blocoSegmentos .panel .columns {
    min-height: 35px;
    padding-top: 7px;
}

.paginaSistema .blocoSegmentos .panel .titulo .columns {
    height: 30px;
    /*padding-top: 7px;*/
}

.paginaSistema .blocoSegmentos .panel .titulo .recurso {
    background-color: #0c0f7b;
    color: white;
    text-align: center;
    font-weight: bold;
}
.paginaSistema .blocoSegmentos .panel .titulo .lite {
    background-color: #0c0f7b;
    color: white;
    text-align: center;
    font-weight: bold;
}
.paginaSistema .blocoSegmentos .panel .titulo .standard {
    background-color: #0c0f7b;
    color: white;
    text-align: center;
    font-weight: bold;
}
.paginaSistema .blocoSegmentos .panel .titulo .full {
    background-color: #0c0f7b;
    color: white;
    text-align: center;
    font-weight: bold;
}

.paginaSistema .blocoSegmentos .panel .itemImpar .recurso {
    background-color: #d2d2dd;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .lite {
    background-color: #bebecc;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .standard {
    background-color: #d2d2dd;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .full {
    background-color: #bebecc;
    text-align: center;
}

.paginaSistema .blocoSegmentos .panel .itemImpar .subitemImpar .recurso {
    padding-left: 40px;
    background-color: #dddddd;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemImpar .lite {
    background-color: #cccccc;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemImpar .standard {
    background-color: #dddddd;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemImpar .full {
    background-color: #cccccc;
    text-align: center;
}

.paginaSistema .blocoSegmentos .panel .itemImpar .subitemPar .recurso {
    padding-left: 40px;
    background-color: #D2D2D2;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemPar .lite {
    background-color: #c2c2C2;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemPar .standard {
    background-color: #D2D2D2;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemImpar .subitemPar .full {
    background-color: #c2c2c2;
    text-align: center;
}

.paginaSistema .blocoSegmentos .panel .itemPar .recurso {
    background-color: #c8c8dd;
}
.paginaSistema .blocoSegmentos .panel .itemPar .lite {
    background-color: #b4b4cc;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemPar .standard {
    background-color: #c8c8dd;
    text-align: center;
}
.paginaSistema .blocoSegmentos .panel .itemPar .full {
    background-color: #b4b4cc;
    text-align: center;
}

.paginaSistema .blocoConvenios{
    background:url('/imagens/banner-sistema-convenios.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 70%; 
    width: 100%;
    min-height: 500px;
    padding-top: 105px;
    overflow: visible;
    margin-top: 20px;
}

.paginaSistema .blocoConvenios .texto{
    /*display: block;*/
    margin-top: 40px;
    text-align: center;
    background-color: red; 
    color: white; 
    margin-left: 3px; 
    margin-right: 3px;
    font-size: 1.6rem;
}

.paginaSistema .blocoConvenios .rodape{
    /*display: block;*/
    background-color: transparent;
    margin-top: 90px;
    text-align: center;
    color: white; 
    margin-left: 3px; 
    margin-right: 3px;
    font-size: 0.7rem;
}

.paginaSistema .legenda{
    font-size: 11px;
    background-color: white;
}

.paginaSistema .blocoModulos .panel .linkSaibaMais
{
    color: #008CBA;
}

.paginaSistema .logoWhatsapp{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.paginaSistema .whatsapp{
    color: black;
}

.paginaSuporte{

}

.paginaSuporte .banner{
    background:url('/imagens/banner-principal-atendimento.jpg') no-repeat;
    background-size:cover; 
    background-position:10% 10%; 
    width: 100%;
    min-height: 300px;
    padding-top: 110px;
    overflow: visible;
    margin-bottom: 20px;
    color: white;
}

.paginaSuporte .telefone{
    font-size: 1.6rem;
    margin-bottom: 8px;
}

.paginaSuporte .mensagemErro{
    font-weight: normal;
    color: red;
}

.paginaSuporte .mensagemErro li {
    color: red;
    list-style: none;
}

.paginaSuporte .mensagemEmail{
    padding-top: 30px;
    padding-bottom: 0px;
}

.paginaSuporte .mensagemEmail p {
    margin-bottom: 30px;
}

.paginaSuporte .botaoLogin {
    background-color: #b2b9cf;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
    color: black;
    float: right;
}

.paginaSuporte .botaoLogin img {
    float: left;
    margin-right: 10px;
}

.paginaSuporte .botaoLogin p {
    float: right;
    margin-top: 5px;
    line-height: 1.4;
}

.paginaSuporte a{
    margin-left: 15px;
}

.paginaSuporte .panel{
    min-height: 100px;
    border-color: #bcd1d8;
    border-radius: 12px;    
}

.paginaSuporte #pnlUpload {
    padding-bottom: 7px;
}

.paginaSuporte #pnlDownloads {
    min-height: 560px;
}

.paginaSuporte .downloads{
    
}

.paginaSuporte .arquivoDownload{
    /*border: 0px solid #DDDDDD;
    width: 100%;
    padding: 3px 3px 3px 3px;
    background-color: #e1e4ed;
    margin-left: auto;
    margin-right: auto;
    margin-top: -18px;
    display: block;
    font-size: 13px;
    text-align: left;
    color: #444444;*/
}

.paginaSuporte .downloads {
    width: 100%;
}

.paginaSuporte .downloads .button{
    padding: 5px;
    width: 100%;
    text-align: left;    
    margin-bottom: 3px;
}

.paginaSuporte .downloads a {
    font-size: 12px;
    background-color: #e1e4ed;
    color: black;
    line-height: 1.4;
    margin-left: 0px;
}

.paginaSuporte .downloads a:hover {
    color: black;
}

.paginaSuporte .arquivoDownload img {
    float: left;
}

/*.paginaSuporte .arquivoDownload .ultimaColuna {
    text-align: right;
}*/

.paginaSuporte a:hover {
    color: black;
    background-color: #d0d5e4;
}

.paginaSuporte arquivoDownload:hover, arquivoDownload:focus, .arquivoDownload:hover, .arquivoDownload:focus {
    
}

.paginaSuporte .arquivoDownload img {
    float: left;
    margin-right: 10px;
}

.paginaSuporte .botaoProximo, .paginaSuporte .botaoAnterior{
  color: #000;
  position: absolute;
  /*background: #000;
  background: rgba(0,0,0, .6);*/
  top: 112px;
  z-index: 4;
  font-size: 1.5em;
  /*margin-top: -2.0em;*/
  opacity: .8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.paginaSuporte .botaoProximo:hover, .paginaSuporte .botaoAnterior:hover{
  cursor: pointer;
  opacity: 1;
  color: #008CBA;
}
.paginaSuporte .botaoProximo{
  right: 10px;
  padding: 0px 5px 5px 5px;
  border-radius: 3px;
}
.paginaSuporte .botaoAnterior{
  left: 10px;
  padding: 0px 5px 5px 5px;
  border-radius: 3px;
}

.paginaSuporte h1 {
    /*color: black;*/
}

.paginaSuporte h2{
    font-size: 1.1rem;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15px;
}

.paginaSuporte h3{
    font-size: 0.9rem;
    color: #008CBA;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 12px;
}

.paginaSuporte h4{
    font-size: 0.9rem;
    color: black;
    font-weight: normal;
    text-transform: uppercase;
}

.paginaUpload {
    text-align: left;
}

.paginaUpload h3{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 14px;
    line-height: normal;
    text-align: center;
}

.paginaUpload .columns{
    padding: 0;
}

.paginaUpload .fileUpload{
    font-size: 20px;    
    background-color: red;
    font-weight: bold;
}

.paginaLogin{
    line-height: normal;
}

.paginaLogin h1{
    margin-bottom: 10px;
}

.paginaLogin .banner{
    background:url('/imagens/banner-login.jpg') no-repeat; 
    background-size:cover; 
    background-position:50% 10%; 
    width: 100%;
    margin-bottom: -20px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.paginaLogin .caption{
    /*margin-bottom: -14px;*/
}

.paginaLogin .mensagemErro{
    /*font-weight: bold;*/
    color: red;
    font-size: 13px;
}

.paginaLogin .mensagemErro ul {
    margin-bottom: 0px;
}

.paginaLogin .mensagemErro li {
    color: red;
    list-style: square;
    font-size: 13px;
}

.paginaLogin .linkAjuda{
    margin-bottom: 7px;
}

.paginaLogin .linkAjuda a{
    font-size: 12px;
}

.paginaLogin .panel {
    border-width: 0;
    /*opacity: 0.6;*/
    background-color: rgba(255,255,255,0.5);
    border-radius: 5px;
}

.paginaLogin .PaginaGeWeb .panel {
    padding: 20px;
    border-width: 0;
    background-color: rgba(255,255,255,0.5);
    border-radius: 5px;
}

.paginaLogin .formulario, .paginaLogin .PaginaGeWeb .formulario{
    margin-top: 15px;
}

.paginaMensagem{
    text-align: center;
    padding-top: 160px;
    min-height: 400px;
    font-size: 16px;
}

.paginaMensagem a{
    font-size: 14px;
    font-weight: bold;
}

.chkBoxList input { 
    line-height: 21px;
}

.chkBoxList tr
{
    height:10px;
    line-height: normal;
}

.depoimento{
    font-size: 14px;
    border: 1px solid #008CBA;
    margin: 10px;
    padding: 15px;
    text-align: justify;
}

.paginaConstrucao{
    text-align: center;
    padding-top: 60px;
    min-height: 400px;
    font-size: 16px;
}

.paginaConstrucao h2{
    text-align: center;
    color: black;
}

.paginaIntranet{

}

.paginaIntranet .banner{
}

.paginaIntranet a{
    
}

.paginaIntranet .panel{
    min-height: 100px;
    border-color: #bcd1d8;
    border-radius: 12px;    
}

.paginaIntranet #pnlUpload {
}

.paginaIntranet #pnlDownloads {
    
}

.paginaIntranet .downloads{
    
}

.paginaIntranet .arquivoDownload{
    /*border: 0px solid #DDDDDD;
    width: 100%;
    padding: 3px 3px 3px 3px;
    background-color: #e1e4ed;
    margin-left: auto;
    margin-right: auto;
    margin-top: -18px;
    display: block;
    font-size: 13px;
    text-align: left;
    color: #444444;*/
}

.paginaIntranet .downloads {
    width: 100%;
}

.paginaIntranet .panelRelatorioTreinamento{
    background-color: #ccbfae;
    padding-bottom: 10px;
}

.paginaIntranet .panelRelatorioTreinamento h2{
    text-align: center;
}

.paginaIntranet .downloads .button{
    padding: 5px;
    width: 100%;
    text-align: left;    
    margin-bottom: 3px;
}

.paginaIntranet .downloads a {
    font-size: 12px;
    background-color: #e1e4ed;
    color: black;
    line-height: 1.4;
}

.paginaIntranet .downloads a:hover {
    color: black;
}

.paginaIntranet .arquivoDownload img {
    float: left;
}

.paginaIntranet a:hover {
    color: black;
    background-color: #d0d5e4;
}

.paginaIntranet arquivoDownload:hover, arquivoDownload:focus, .arquivoDownload:hover, .arquivoDownload:focus {
    
}

.paginaIntranet .arquivoDownload img {
    float: left;
    margin-right: 10px;
}

.paginaIntranet h1 {
    /*color: black;*/
}

.paginaIntranet h2{
    font-size: 1.1rem;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15px;
}

.paginaIntranet h3{
    font-size: 0.9rem;
    color: #008CBA;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 12px;
}

.paginaIntranet h4{
    font-size: 0.9rem;
    color: black;
    font-weight: normal;
    text-transform: uppercase;
}

.paginaSistema .overlay {
    background: rgba(4, 4, 4, 0.8);
    height: 100%;
    position: fixed;  
    top: 0;              
    right: 0;            
    bottom: 0;
    left: 0;
    display: none;
    z-index:5;
}
.paginaSistema .btnModulos {
    cursor:pointer;
}
.paginaSistema .detalhesModulos{
    display: none;
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 20px;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: auto;
    height: 100%
}
.paginaSistema .detalhesModulos .panel{
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}
.paginaSistema .detalhesModulos .panel h3{
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.paginaSistema .detalhesModulos .panel .botaoFechar{
    float: right;
    position: absolute;
    text-align: right;
    right: 30px;
    top: 17px;
}

.paginaSistema .mensagemErro{
    font-weight: bold;
    color: red;
}

.paginaSistema .mensagemErro li {
    color: red;
    list-style: square;
}

.paginaSistema .detalhesModulos .comboBox {
    background-color: white;
    font-size: 18px;
    height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    color: #008CBA;
    border: none;
    border-bottom: 1px solid #008CBA;
    cursor: pointer;
    margin-bottom: 25px;
}

.paginaSistema .btnComparativoVersoes {
    cursor:pointer;
    margin-top: 10px; 
    padding-left: 10px;
    color: #008CBA;
}

.paginaSistema .pnlComparativoVersoes{
    /*display: none;
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 20px;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: auto;
    height: 100%;*/
}
.paginaSistema .pnlComparativoVersoes .panel{
    /*border-radius: 20px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;*/
    border: none;
}
.paginaSistema .pnlComparativoVersoes .panel .botaoFechar{
    float: right;
    position: absolute;
    text-align: right;
    right: 30px;
    top: 27px;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo{
    /*background-color: antiquewhite;*/
    padding: 0px;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo {
    font-size: 16px;
    background-color: white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .Coluna1 {
    background-color: white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .Coluna2, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .Coluna3, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .Coluna4, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .Coluna5 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #41a9cb;
    height: 60px;
    padding-top: 20px;
    color: white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .ColunaSelecionada {
    padding-top: 4px;
    background-color: #008cba;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .titulo .textoVersaoRecomendada{
    font-size: 11px;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaPar {
    line-height: 28px;
    background-color: #e3e5e6;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaImpar {
    line-height: 28px;   
    background-color: #e5e8eb;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .Coluna1 {
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .Coluna2 {
    text-align: center;
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .Coluna3 {
    text-align: center;
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .Coluna4 {
    text-align: center;
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .Coluna5 {
    text-align: center;
    border-left: 5px solid white;
    border-right: 5px solid white;
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaImpar .ColunaSelecionada {
    background-color: #c2cfdd;
    /*border-left: 5px solid yellow;
    border-right: 5px solid yellow;*/
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaPar .ColunaSelecionada {
    background-color: #c2cfdd;
    *background-color: #dce3ea; 
    /*border-left: 5px solid yellow;
    border-right: 5px solid yellow;*/
}

.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaImpar:hover, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaPar:hover, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaImpar:hover .ColunaSelecionada, .paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaPar:hover .ColunaSelecionada {
    background-color: #dcdace;
}

/*.paginaSistema .pnlComparativoVersoes .panel .quadroComparativo .LinhaImpar .Coluna2 {
    background-color: green;
    text-align: center;
}*/

.paginaGeExpress h1 {
    text-transform: none;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 2px white;
}

.paginaGeExpress h2 {
    font-size: 25px;
    padding-top: 30px;
    padding-bottom: 60px;
    text-transform: none;
    text-align: center;
}

.paginaGeExpress h3 {
    font-size: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.paginaGeExpress .slogan {
    font-size: 28px;
    line-height: 1.3;
    text-shadow: 1px 1px 1px white;
    text-align: center;
    /*font-weight: bold;*/
}

.paginaGeExpress .caracteristicas .panel {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    /*height: 490px;*/
    background-color: white;
    text-align: center;
}
.paginaGeExpress .caracteristicas .panel h4{
    text-align: center;
    margin-bottom: 20px;
}
.paginaGeExpress .caracteristicas .panel .icone{

}
.paginaGeExpress .caracteristicas .panel .texto{
    text-align: justify;
}

.paginaGeExpress .funcionalidades .panel {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    /*height: 490px;*/
    background-color: white;
    text-align: center;
    overflow: auto;
}
.paginaGeExpress .funcionalidades .panel h4{
    text-align: center;
    margin-bottom: 20px;
}
.paginaGeExpress .funcionalidades .panel .icone{
    float: left;
    width: 100px;
}
.paginaGeExpress .funcionalidades .panel .texto{
    text-align: justify;
}


.paginaGeExpress .versoes .panel {
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    /*height: 490px;*/
    background-color: #f2f2f2;
}

.paginaGeExpress .versoes .panel h3 {
    border-bottom: 1px solid black;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.paginaGeExpress .versoes .panel h4 {
    padding-top: 10px;
    margin-bottom: 10px;
}

.paginaGeExpress .versoes .panel ul {
    margin-left: 10px;
    margin-bottom: 0;
}
.paginaGeExpress .versoes .panel ul li {
    list-style: none;
}
    .paginaGeExpress .versoes .panel .aninhado {
        margin-left: 25px;
        margin-top: 0;
    }
    .paginaGeExpress .versoes .panel .aninhado li {
        font-size: 13px;
    }

.paginaGeExpress .versoes .panel .divValor {
    font-weight: bold;
    overflow: auto;
    margin-bottom: 20px;
    color: #026b8d;
    clear: both;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

    .paginaGeExpress .versoes .panel .divValor .parcelas {
        font-size: 26px;
        margin-right: 7px;
        float: left;
    }
    .paginaGeExpress .versoes .panel .divValor .sobrescrito {
        font-size: 15px;
        font-weight: bold;
        margin-right: 7px;
        float: left;
        margin-top: 5px;
    }
    .paginaGeExpress .versoes .panel .divValor .valor {
        font-size: 36px;
        margin-right: 7px;
        float: left;
    }
    .paginaGeExpress .versoes .panel .divValor .subscrito {
        font-size: 15px;
        font-weight: bold;
        margin-top: 25px;
    }

    .paginaGeExpress .versoes .panel .divDePor .sobrescrito {
        font-size: 12px;
        font-weight: bold;
        margin-right: 7px;
        float: left;
        margin-top: 5px;
    }
    .paginaGeExpress .versoes .panel .divDePor .valor {
        font-size: 16px;
        margin-right: 7px;
        float: left;
        text-decoration:line-through;
    }
    .paginaGeExpress .versoes .panel .divDePor .subscrito {
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        float: left;
    }

.paginaGeExpress .versoes .panel .botao {
    text-align: center;
    margin-bottom: 20px;
}

.paginaGeExpress .versoes .panel .textoBotao {
    background-color: #d97500;
    padding: 5px 0 5px 0;
/*    width: 200px;
*/    font-size: 16px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.paginaGeExpress .recursos{
    min-height: 200px;
}

.paginaGeExpress .rodape {
    border-top: 1px solid black;
    font-size: 13px;
    background-color: #f2f2f2;
    color: black;
    padding-top: 5px;
}

.paginaGeExpress .blocoTitulo {
    background: url('/imagens/banner-sistema-titulo.jpg') no-repeat;
    background-size: cover;
    background-position: 100% 85%;
    width: 100%;
    min-height: 400px;
    margin-bottom: 50px;
}

.paginaGeExpress .toggle {
    margin: 0 0 1.5rem;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 525px;
    margin-left: auto;
    margin-right: auto;
}

.toggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}


.paginaGeExpress input + label {
    margin: 0;
    padding: .75rem 2rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #DDD;
    background-color: #FFF;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 0 rgba(255,255,255,0);
    transition: border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
    margin-right: 10px;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
    /* ----- */
}

.paginaGeExpress input:hover + label {
    border-color: #003d59;
}

.paginaGeExpress input:checked + label {
    background-color: #003d59;
    color: #FFF;
    /*    box-shadow: $activeShadow;*/
    border-color: #003d59;
    z-index: 1;
}


.paginaContato .divMensagem{
    padding-top: 200px;
    padding-bottom: 200px;
}

.hideGMapsInfo{
    background-color: white;
    width: 200px;
    position: absolute;
    float: left;
    margin-top: 74px;
    margin-left: 20px;
}

.tooltip {
    position: absolute;
    display: inline-block;
    height: 16px;
    padding-top: 0px;
    z-index: 2;
    width: 100%;
    background-color: transparent;
    left: 0;
    font-size: 16px;
    cursor: help;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    bottom: -360%;
    right: 60%;
    margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    padding: 5px;
    font-size: 14px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 2;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.paginaConta .panel {
    text-align: center;
    margin: 50px;
    border-radius: 15px;
}

.paginaConta .panel h1 {
    text-align: center;
    color: #008CBA;
    font-size: 28px;
    margin-bottom: 20px;
}

.paginaConta .panel input {
    text-align: center;
}

.paginaAlteracaoSenha {
    padding: 100px;
}

.paginaAlteracaoSenha .conteudoRow {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.paginaAlteracaoSenha h1 {
    text-align: center;
}

.paginaAlteracaoSenha .panel{
    border: 1px solid #008CBA;
    border-radius: 10px;
}

.paginaAlteracaoSenha .panel .button {
    margin-top: 10px;
    margin-bottom: 5px;
}

.paginaAlteracaoSenha .mensagemErro{
    color: red;
}

.botaoVersao{
    display: inline-block;
    background-color: rgba(4, 4, 4, 0.4);
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    cursor: pointer;
    margin: 3px;
    padding: 12px;
}

video#backgroundvid { 
    min-width: 100%; 
    min-height: 100%;
    width: 100%; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.paginaRelatorioTreinamento{
    margin-bottom: 20px;
}

.paginaRelatorioTreinamento .panel{
    min-height: 100px;
    border-color: #b5a48d;
    border-radius: 12px;    
    background-color: #faf5ef;
    margin-bottom: 10px;
}

.paginaRelatorioTreinamento .fontePequena{
    font-size: 12px;
}

.paginaRelatorioTreinamento .linhaAbas {
    /*border-bottom: 1px solid black;*/
    /*background-color: antiquewhite;*/
    height: 37px;
    margin-top: 20px;
    /*width*/
}

.paginaRelatorioTreinamento .Aba{
    background-color: #dddddd;
    border-radius: 15px 15px 0px 0px;
    padding: 5px;
    height: 36px;
}

.paginaRelatorioTreinamento .AbaAtiva{
    background-color:antiquewhite;
    border-radius: 15px 15px 0px 0px;
    padding: 5px;
    margin-top: 1px;
}

.paginaRelatorioTreinamento .conteudoAba
{
    background-color:antiquewhite;
    padding: 40px 10px 10px 10px;
    max-width: 1065px;
    border-top: 1px solid white;
    margin-top: -1px;
    border-radius: 0px 0px 15px 15px;
}

.paginaRelatorioTreinamento .NumeroPasso{
    font-size: 15px;
    color: white;
    text-align: center;
    border-radius: 13px;    
    background-color: #008CBA;
    width: 26px;
    float: left;
    margin-bottom: 20px;
    margin-right: 6px;
    margin-left: 5px;
    border: 2px solid #008CBA;
}

.paginaRelatorioTreinamento .DescricaoPasso
{
    font-size: 15px;
    color: #008CBA;
    padding-top: 3px;
}

.paginaRelatorioTreinamento .panelMensagem
{
    /*background-color: white;*/ 
    border: 0px solid red; 
    padding: 0px 15px 15px 15px;
    margin-top: 0px; 
    margin-bottom: 15px;
}

/*.paginaRelatorioTreinamento {
    margin-bottom: 20px;
}*/

.paginaRelatorioTreinamento .Bloco {
    margin-bottom: 15px;
}

.paginaRelatorioTreinamento .LinhaTitulo {
    font-size: 18px;
    font-weight: bold;
    /*margin-top: 15px;*/
    margin-bottom: 0px;
    height: 30px;
    padding-top: 2px;
    padding-left: 10px;
    background-color: #b5a48d;
    border-radius: 10px 10px 0px 0px;
}

.paginaRelatorioTreinamento .Grupo{
    background-color: #faf5ef;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px 0px 10px 10px;
}

.paginaRelatorioTreinamento .SemSubGrupo{
    padding-top: 25px;
    padding-left: 35px;
}

.paginaRelatorioTreinamento .botaoExibeOculta{
    float: right;
    margin-right: 140px;
    margin-top: 3px;
}

.paginaRelatorioTreinamento .CheckboxGrupo input[type=checkbox] {
    margin-right: 5px;
}

.paginaRelatorioTreinamento .CheckboxGrupo label {
    font-size: 20px;
    font-weight: bold;
    display:inline-block;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 23px;
}

/*.paginaRelatorioTreinamento .CheckboxSubGrupo{
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #008CBA;
}*/

.paginaRelatorioTreinamento .CheckboxSubGrupo input[type=checkbox]{
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.paginaRelatorioTreinamento .CheckboxSubGrupo label{
    font-weight: bold;
    font-size: 14px;
    color: #008CBA;
}

.paginaRelatorioTreinamento .CheckboxOpcao input[type=checkbox] {
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
}

.paginaRelatorioTreinamento .CheckboxOpcao label {
    /*display:inline-block;*/
    display:inline;
    vertical-align:top;
    margin-top: 0px;
    line-height: 14px;
    margin-bottom: 5px;
}

.paginaRelatorioTreinamento .GrupoParticipantes{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
}

.paginaRelatorioTreinamento .GrupoOpcoes {
    margin-left: 40px;
}

.paginaRelatorioTreinamento .linhaCheckbox {
    
}

.paginaRelatorioTreinamento .button {
    margin-top: 20px;
}

.paginaRelatorioTreinamento .botoes{
    float: right;
    width: 26px;
    text-align: right;
}

.paginaRelatorioTreinamento .Versao{
    font-size: 12px;
}

.paginaRelatorioTreinamento .Tipo{
    font-size: 12px;
}

.paginaRelatorioTreinamento .Data{
    font-size: 13px;
    color: #715736;
}

.paginaRelatorioTreinamento .NomeGrafica {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}

.paginaRelatorioTreinamento .CodigoGrafica {
    font-size: 16px;
    display: none;
}

.paginaRelatorioTreinamento .Cidade{
    font-size: 13px;
}

.paginaRelatorioTreinamento .links{
    font-size: 12px;
    display:inline-block;
}

.paginaRelatorioTreinamento .areaInferior{
    background-color: #faf5ef;
    color: black;
    padding-top: 16px;
    padding-bottom: 0px;
}

.paginaRelatorioTreinamento .DataEncerramento{
    font-size: 12px;
    background-color: darkred;
    color: white;
    padding: 5px;
    display: block;
    text-align: center;
    margin-bottom: -30px;
}

.paginaRelatorioTreinamento .Tecnico{
    font-size: 12px;
    color: #715736;
}

.paginaRelatorioTreinamento .grdRelatorioTreinamento tr.normal
{
    color: #333333;
}
.paginaRelatorioTreinamento .grdRelatorioTreinamento tr.normal:hover
{
   background-color: #faf5ef;
   color: black;
   /*font-weight: bold;*/
}
.paginaRelatorioTreinamento .botaoNovo a{
    color: black;
}

.paginaRelatorioTreinamento .tituloErro
{
    font-weight: bold;
    margin-top: -17px;
    margin-bottom: 20px;
    font-size: 18px;
}

.paginaRelatorioTreinamento .ItemErro{
    color: black;
    font-size: 14px;
    margin-left: 30px;
}

.paginaRelatorioTreinamento .watermark
{
    color:  #b9a68e;
    font-size: 12px;
}

.paginaRelatorioTreinamento .AvisoEncerramento{
    max-width: 600px;
    background-color: #faf5ef;
    margin-left: auto;
    margin-right:auto;
    padding:  20px 35px 5px 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    /*border: 1px solid #715736;*/
    border-radius: 10px;
    line-height: 14px;
}

.paginaRelatorioTreinamento .AvisoEncerramento .tituloErro{
    padding-top: 10px;
    margin-bottom: 15px;
}

.paginaRelatorioTreinamento .AvisoIgnorarLaudo{
    max-width: 500px;
    background-color: #faf5ef;
    margin-left: auto;
    margin-right:auto;
    padding:  20px 35px 5px 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: auto;
    border-radius: 10px;
}

.paginaRelatorioTreinamento .tituloDivFiltros{
    font-size: 17px;
    color: #715736;
}

.paginaRelatorioTreinamento .filtro
{
    margin-top: 15px;  
}
.paginaRelatorioTreinamento .tituloFiltro
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #715736;
    color: white;
    padding: 4px;
}
.paginaRelatorioTreinamento .itensFiltro, .paginaRelatorioTreinamento .itensFiltro a
{
    font-size: 13px;
    padding: 5px;
    color: black;
}
.paginaRelatorioTreinamento .itensFiltro a:hover
{
    color: #008CBA;
}
.paginaRelatorioTreinamento .botaoFiltrar, .paginaRelatorioTreinamento .botaoFiltrar .button 
{
    margin-top: 5px;
    margin-bottom: 0px;
}
.paginaRelatorioTreinamento .linkMaisFiltro
{
    text-align: right;
    margin-top: -10px;
}
.paginaRelatorioTreinamento .btnRemoveFiltro
{
    float: right;
}

.paginaRelatorioTreinamento .linkOpcoesFiltro{
    background-repeat: no-repeat;
    background-image: url('/RelatorioTreinamento/imagens/botao-down.png');
    background-position: right center;
    width: 100%;
    display: block;
    color: #715736;
}

.paginaRelatorioTreinamento .checkbox input{
    margin-top: 5px;
    margin-bottom: 0px;
}

.listaAutoComplete {
    height:100px;
    overflow-y:scroll;
}

.paginaRelatorioTreinamento .gridPager
{
}

.paginaRelatorioTreinamento .gridPager table
{
    background-color: #ccbfae;
    border: none;
}

.paginaRelatorioTreinamento .gridPager td
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
}

.paginaRelatorioTreinamento .mensagemNenhumRelatorio {
    font-size: 13px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    line-height: 17px;
}

.paginaVideos h1{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.paginaVideos .video {
    border: 10px solid black;
    background-color: black;
}

.paginaBlog .postagem{
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*background-image: url('/imagens/separador-blog.png');
    background-repeat:no-repeat;
    background-position: bottom center;*/
    border-bottom: 1px solid #008CBA;
}

.paginaBlog .Data{
    color: #888888;
    font-size: 12px;
    margin-top: -10px;
}

.paginaBlog .Resumo {
    
}

.paginaBlog .Conteudo {
    margin-top: 12px;
}

.paginaBlog .LinkLeiaMais {
    clear: both;
    text-align: right;
}

.paginaBlog .panelMensagem{
    margin-bottom: 15px;
    background-color: linen;
    border-radius: 12px;
    padding: 12px;
}

.paginaBlog .tituloErro{
    margin-top: -18px;
    margin-bottom: 20px;
}

.paginaBlog .overlay {
    background: rgba(255, 255, 255, 0);
    height: 100%;
    position: fixed;  
    top: 0;              
    right: 0;            
    bottom: 0;
    left: 0;
    display: none;
    z-index:5;
}

.paginaBlog .pnlImportacao{
    display: none;
    position: fixed;
    top: 10px;
    width: 80%;
    padding: 20px;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: auto;
    height: 100%;
}

.paginaBlog .botaoFechar{
    float: right;
    position: absolute;
    text-align: right;
    right: 0px;
    top: 0px;
}

.paginaBlog .listaBlog option {
    margin-bottom: 5px;
}

.paginaBlog h3{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}

.paginaBlog h4{
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;
}

.paginaBlog .Mensagem{
    color: red;
    margin-bottom: 30px;
    margin-top: 20px;
}

.paginaBlackNovember .telefone {
    font-size: 20px;
    font-weight: bold;
}

.paginaBlackNovember .telefone a{
    color: black;
}


.paginaBlackNovember .whatsapp {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.PaginaGeWeb p{
    margin: 0;
}
.PaginaGeWeb h1 {
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.PaginaGeWeb h2 {
    padding-top: 20px;
    text-align: center;
}
.PaginaGeWeb h3{
    margin-bottom: 20px;
    text-align: center;
}
.PaginaGeWeb .mensagemErro, .PaginaGeWeb .mensagemErro ul li {
    color: red;
}
.PaginaGeWeb .panel{
    background-color: white;
    border: 0;
    padding: 30px 0 0 0;
}
.PaginaGeWeb .FloatLeft {
    float: left;
}
.PaginaGeWeb .valid {
    color: rgb(3, 184, 190);
    margin: 0;
    padding: 0 20px 0 20px;
}
    .PaginaGeWeb .valid:before {
        position: relative;
        left: -15px;
        content: "✔";
    }

.PaginaGeWeb .invalid {
    color: red;
    margin: 0;
    padding: 0 20px 0 20px;
}
    .PaginaGeWeb .invalid:before {
        position: relative;
        left: -15px;
        content: "✖";
    }

.PaginaGeWeb input[type=submit] {
    margin-top: 25px;
    cursor: pointer;
    padding: 4px 10px 4px 10px;
}

.PaginaGeWeb #pnlBotoes{
    margin-bottom: 20px;
}
.PaginaGeWeb .gridPager{
    /*margin-top: 8px;*/
    margin-bottom: 30px;
}
    .PaginaGeWeb .gridPager table {
        background-color: #9ccbdb;
        border: none;
    }
    .PaginaGeWeb .gridPager td {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 4px;
    }
.PaginaGeWeb #pnlMensagem {
    padding: 20px 15px 15px 50px;
    background-position: 20px 20px;
    background-repeat: no-repeat;
    border-radius: 20px;
    /*margin-top: -10px;*/
    min-height: 60px;
}
.PaginaGeWeb .erro {
    background-color: lightgoldenrodyellow;
    background-image: url('/imagens/warning-26x26.png');
}
.PaginaGeWeb .sucesso {
    background-color: #bbe8d1;
    background-image: url('/imagens/info.png');
}

.PaginaGeWeb #pnlMensagem ul{
    margin-bottom: 0;
}
.PaginaGeWeb #pnlMensagem li{
    list-style: none;
}
.PaginaGeWeb #pnlExclusao {
    width: 500px;
    padding: 10px;
    overflow: auto;
    margin: 100px auto 100px auto;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
    .PaginaGeWeb #pnlExclusao input[type=submit] {
        width: 120px;
        margin-bottom: 15px;
    }

.PaginaGeWeb #pnlMensagemExclusaoEmCascata {
    text-indent: 32px;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    background-color: lightgoldenrodyellow;
    background-image: url('/imagens/warning-26x26.png');
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

.PaginaGeWeb .grdUsuarios tr.normal {
    color: #333333;
}
    .PaginaGeWeb .grdUsuarios tr.normal:hover {
        background-color: #d7e4e9;
        color: black;
        /*font-weight: bold;*/
    }

.PaginaGeWeb .paginaCliente .panel {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    padding: 15px 15px 15px 15px;
    min-height: 240px;
    margin-top: 15px;
}
.PaginaGeWeb .paginaCliente .panelDadosCliente {
    margin: 15px 0;
    padding: 20px 0;
}
.PaginaGeWeb .paginaCliente .panelDadosCliente .Nome{
    font-weight: bold;
    font-size: 17px;
}
.PaginaGeWeb .paginaCliente .gridPager {
    /*margin-top: 8px;*/
    margin-bottom: 0;
}

.PaginaGeWeb .PaginaAdmin .panel {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    padding: 15px 15px 30px 15px;
    min-height: 120px;
    margin-top: 15px;   
}
.PaginaGeWeb .PaginaAdmin .TextoGrande {
    font-size: 36px;
    font-weight: bold;
}
.PaginaGeWeb .PaginaAdmin .warning {
    color: red;
}
/*    .PaginaGeWeb .PaginaAdmin .warning:before {
        position: relative;
        left: -15px;
    }*/
.PaginaGeWeb .PaginaAdmin .critical {
    color: red;
    font-weight: bold;
}
/*    .PaginaGeWeb .PaginaAdmin .critical:before {
        position: relative;
        left: -15px;
        content: "‼";
        font-weight: bold;
    }*/
.PaginaGeWeb .PaginaAdmin #grdPastas tr.normal {
    /*color: #333333;*/
}
    .PaginaGeWeb .PaginaAdmin #grdPastas tr.normal:hover {
        background-color: #faf5ef;
        color: black;
        /*font-weight: bold;*/
    }
.PaginaGeWeb .PaginaAdmin table tr td .Novo{
    background-color: darkred;
    color: white;
    font-weight: bold;
    padding: 3px;
    font-size: 9px;
    margin: 5px auto 5px auto;
    border-radius: 7px;
    width: 45px;
}

.blacknovember {
    background-color: black;
    /*background-color: #f1ece9;*/
    color: white;
}

.blacknovember .temporario{
    text-align: center;
    padding-bottom: 50px;
    display:none;
}

.blacknovember .cabecalho {
    padding-top: 20px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.blacknovember .cabecalho .titulo{
    text-align: center;
    font-weight: bold;
    line-height: 45px;
    padding-top: 40px;
}

.blacknovember .cabecalho .titulo .black{
    font-size: 86px;
    color: #e11a43;
    text-transform: uppercase;
}

.blacknovember .cabecalho .titulo .november{
    font-size: 52px;
    text-transform: uppercase;
}

.blacknovember .cabecalho .linhavertical{
    float: left;
    border-left: 5px solid white;
    height: 150px;
}

.blacknovember .cabecalho .logo{
    margin: 0;
    text-align: center;
    padding-top: 20px;
}

.blacknovember h2{
    color: white;
    text-align: center;
    margin-bottom: 20px;
}

.blacknovember h3{
    color: white;
    text-align: center;
    margin-bottom: 25px;
}

.blacknovember .versao{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.blacknovember .full:hover{
    /*background-color: red;*/
}

.blacknovember .full{
    background-color: #ff666e;
}

.blacknovember .standard{
    background-color: #6695ff;
}

.blacknovember .smart{
    background-color: #29d164;
}

.blacknovember .lite{
    background-color: #ffb459;
}

.blacknovember .implantacao{
    padding: 50px;
    background-color: #333333;
    margin-bottom: 30px;
}

.blacknovember .implantacao p{
    font-size: 45px;
    text-align: center;
    font-style: italic;
    color: burlywood;
}

.blacknovember .implantacao .localImplantacao{
    box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
    background-color: #666666;
    padding: 20px;
}

.blacknovember .implantacao .imagem {
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 20px;
}

.blacknovember .implantacao .valor{
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
}

.blacknovember .cabecalhoImpar {
    background-image: url('/conteudo/imagens/blacknovember-cabecalhoImpar.png');
    max-height: 59px;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.blacknovember .cabecalhoPar {
    background-image: url('/conteudo/imagens/blacknovember-cabecalhoPar.png');
    max-height: 59px;
    background-repeat: no-repeat;
}

.blacknovember .rodapeImpar {
    background-image: url('/conteudo/imagens/blacknovember-rodapeImpar.png');
    max-height: 59px;
    background-position-y: 0;
    background-repeat: no-repeat;
}

.blacknovember .rodapePar {
    background-image: url('/conteudo/imagens/blacknovember-rodapePar.png');
    max-height: 59px;
    background-position-y: -22px;
    background-repeat: no-repeat;
}

.blacknovember .areaDesconto {
    background-color: #747474;
    height: 200px;
}

.blacknovember .areaDesconto .textoDesconto {
    margin-top: 30px;
}

.blacknovember .areaDesconto p{
    text-align: center;
    font-size: 12px;
}

.blacknovember .areaDesconto .valorDesconto{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.blacknovember .descritivoDesconto p{
    text-align: center;
    font-size: 18px;
}

.blacknovember .descritivoDesconto .nomeSistema{
    font-weight: bold;
    color: burlywood;
}

.blacknovember .descritivoDesconto .valorDesconto{
    font-weight: bold;
    color: yellow;
    font-size: 25px;
}

.blacknovember .mensalidade{
    padding: 50px;
    background-color: #333333;
    margin-top: 30px;
    margin-bottom: 15px;
    /*text-transform: none;*/
    font-size: 13px;
    font-weight: normal;
}

.blacknovember .mensalidade .valor{
    text-align: center;
    font-size: 30px;
}

.iframeGeWeb {
    background-color: white;
/*    position: fixed;
    top: 124px;
    left: 0;
    bottom: 0;
    right: 0;
*/    width: 100%;
    /*height: calc(100%-140px);*/
    height: 600px;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}