<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{ 
    font-family: 'Open Sans', sans-serif;
    line-height:110%;
}



::-webkit-scrollbar{ 
    width:7px;
    height:7px;
}

::-webkit-scrollbar-track:enabled{ 
    background-color:#666; 
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{ 
    background-color:#F39C12;
}

input:focus {
  background:#EEE;
}



.sistema_{
    display:none;
}

.loader{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:#100F11;
    background-image: url(../../imagens/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Parametros */

.margem-icones{ 
    margin-right:5px; 
}






#form_hidden,
#form_hidden * {
    width: 0;
    height: 0;
    position: absolute;
    top: -99999px;
    left: -99999px;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
}
.barracarregando {
    width:100%;
    position: fixed;
    right: 0;
    top:0;
    z-index:99;
}
.barracarregando .bloco {
    width:100%;
    height:100px;
    padding:5px;
    height:22px;
    position: relative;
    float:right;
    margin-bottom:1px;
    background:#EEE;
    overflow:hidden;
    /* display: none; */
}
.barracarregando_percent{
    width:0%;
    height:12px;
    text-align:center;
    color:#333;
    background:#999;
    float:left;
    overflow:hidden;
    font-size:12px;
    border-radius:3px;
}
.barracarregando_texto{
    width:100%;
    height:22px;
    line-height:22px;
    position: absolute;
    top: 0;
    left: 0;
    text-align:center;
    color:#000;
    overflow:hidden;
    font-size:11px;
    text-transform:uppercase;
}


.upload{
    width:100%;
    display:flex;
    flex-direction:column;
}
.upload .botao_upload {
    width:100%;
    max-width: 180px;
    position: relative;
    text-align: center;
    font-size:14px;
    background:#999;
    color:#FFF;
    border-radius:3px;
    padding:10px;
    cursor:pointer;
    display:block;
    z-index:5;
    font-weight:700;
    text-shadow:1px 1px #333;
    margin-bottom:10px;
}

.botao_upload_lista{
    width:100%;
    padding:25px;
    background:#999;
    color:#FFF;
    text-align:center;
    z-index:5;
    display:block;
    cursor:pointer;
    border-radius:5px;
    position:relative;
    margin-bottom:10px;
    font-size:14px;
    font-weight:700;
    text-shadow:1px 1px #333;
}

.upload .botao_upload:hover,
.upload .botao_upload_lista:hover{
    background:#555;
}

.upload .botao_upload input,
.upload .botao_upload_lista input {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    opacity: 0;
    z-index: 2;
    cursor:pointer;
}

.upload &gt; figure.imagem {
    width:100%;
    max-width:500px;
    position:relative;
}

.upload &gt; figure.arquivo a{
    width:250px;
    padding:35px 25px;
    background:#EEE;
    border:1px solid #999;
    text-align:center;
    color:#777;
    position:relative;
    display:block;
}

.upload &gt; figure.arquivo a:hover{
    background:#CCC;
}

.upload &gt; figure.arquivo a .arq_icone{
    width:100%;
    font-size:75px;
}

.upload &gt; figure.arquivo a .arq_diretorio{
    width:100%;
    font-size:12px;
    margin-top:15px;
}

.upload &gt; figure.arquivo a .arq_nome{
    width:100%;
    font-size:18px;
    margin-top:5px;
    text-overflow:ellipsis;
    white-space:wrap;
}

.upload &gt; figure.arquivo a .arq_size{
    width:100%;
    font-size:12px;
    margin-top:15px;
    font-weight:bold;
}

.upload figure a,
.upload figure i {
    width: auto;
    padding:7px;
    position: absolute;
    top:0;
    right:0;
    color:#FFF;
    text-align:center;
    margin:10px 10px 0 0;
    border-radius: 3px;
    z-index:2;
    cursor:pointer;
}
.upload figure i.but_deletar_lista,
.upload figure i.but_deletar {
    background-color:#DD4B39;
    border:1px solid #FFF;
}

.upload figure i.but_deletar_lista:hover,
.upload figure i.but_deletar:hover{
    background-color:#913124;
}

.upload figure span {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.upload figure.arquivo span {
    background-image: url(../../imagens/icon_file.png);
    background-size: 40px auto;
    background-position: 25px center;
}

.upload .lista_upload{
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    background:#EEE;
    
}
.upload .lista_upload figure.imagem {
    width:15%;
    background:#EEE;
    position:relative;
    margin:10px;
    
}

/* Fim do Upload */





.transition,
.transition a{
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}





/* InÃ­cio do Login */


.login {
    align-items:center;
    }
    
.login_imagem{
    width:60%;
    height:100%;
    overflow:hidden;
    position:fixed;
    background-size: cover;
    border-right:10px solid #EEE;
}

.login_entrar{
    width:40%;
    float:right;
    padding:50px;
}

.login_acao{
    width:100%;
    margin-bottom:25px;
    text-transform:uppercase;
    margin-top:50px;
    font-weight:400;
    color:#555;
    font-size:20px;
    text-align:center;
}

.login_sistema{
    width:100%;
    margin-top:5px;
    color:#777;
    font-size:12px;
}

.login_notificacao{
    width:100%;
    padding:15px;
    text-align:center;
    font-size:14px;
    margin-bottom:50px;
}

.login_aviso{
    width:100%;
    padding:15px;
    font-size:14px;
    margin-top:50px;
}

.login_aviso .login_aviso_negrito{
    width:100%;
    font-weight:bold;
    padding-bottom:5px;
}

.login_entrar .logomarca{
    width:100%;
    text-align:center;
}

.login_entrar form{
    margin:50px 0;
}

.login_recovery a{
    width:200px;
    margin:0 auto;
    text-align:center;
    background:#CCC;
    padding:10px;
    color:#555;
    font-size:12px;
    display:block;
    margin-bottom:50px;
}

.login_recovery a:hover{
    background:#999;
    color:#FFF;
}

.footer{
    width:100%;
    overflow:hidden;
    text-align:center;
    color:#555;
    font-size:12px;
    margin-bottom:10px;
}

.login_site a{
    width:100%;
    color:#1D8099;
    text-align:center;
    font-size:12px;
    display:block;
    margin-bottom:10px;
}



/* Final do Login */





/* PÃ¡ginas de erro */


.acesso_negado{
    text-align:center;
    color:#DD4B39;
    padding:50px 0;
}
.acesso_negado_icone{
    width:100%;
    font-size:75px;
}
.acesso_negado_titulo{
    width:100%;
    font-size:25px;
    margin:15px 0;
    font-weight:700;
    letter-spacing:-2px;
}
.acesso_negado_desc{
    width:100%;
    font-size:13px;
    color:#555;
}

.sem_registros{
    text-align:center;
    color:#555;
    padding:50px 0;
}
.sem_registros_icone{
    width:100%;
    font-size:75px;
}
.sem_registros_titulo{
    width:100%;
    font-size:25px;
    margin:15px 0;
    font-weight:700;
    letter-spacing:-2px;
}
.sem_registros_desc{
    width:100%;
    font-size:13px;
}



/* Final das pÃ¡ginas de erro */





/* InÃ­cio das Notificacoes */


.notificacoes{ 
    width:350px; 
    position:fixed; 
    bottom:25px; 
    right:25px; 
    display:flex; 
    flex-direction:column-reverse; 
    max-width:75%; 
    z-index:99;
}

.notificacao{ 
    width:350px; 
    max-width:100%; 
    padding:25px; 
    border-radius:10px; 
    margin-top:10px; 
    display:flex; 
    align-items:center; 
    position:relative; 
    
}

.notificacao_fechar{ 
    position:absolute; 
    top:10px; 
    right:10px; 
    cursor:pointer; 
    font-size:10px;
    padding:5px;
    display:block;
}

.notificacao_fechar:hover{ 
    color:#000; 
}

.notificacao_icone{ 
    flex-basis:20%; 
    font-size:40px; 
}

.notificacao_informacoes{ 
    flex-basis:80%; 
}

.notificacao_informacoes_titulo{ 
    font-size:18px; 
    font-weight:bold; 
}

.notificacao_informacoes_descricao{ 
    font-size:13px; 
    margin-top:10px; 
}

.nfverde{ 
    background:#00A65A; 
    color:#FFF;
}

.nfvermelho{ 
    background:#DD4B39; 
    color:#FFF; 
}

.nfamarelo{ 
    background:#F39C12; 
    color:#FFF; 
}

.nfazul{ 
    background:#00C0EF; 
    color:#FFF; 
}


/* Fim das NotificaÃ§Ãµes */





/* Aviso que estÃ¡ logado como outro usuÃ¡rio */

.usuario_logado{
    width:100%;
    display:flex;
    padding:15px 25px;
    text-align:center;
    background:#DD4B39; 
    color:#FFF;
    font-size:13px;
    justify-content:space-between;
    align-items:center;
}

.usuario_logado .usuario_logado_sair a{
    width:30px;
    padding:10px 8px 8px 8px;
    text-align:center;
    background:#913124; 
    color:#DD4B39;
    font-size:13px;
    font-weight:600;
    border-radius:5px;
    display:block;
    margin-left:15px;
}

.usuario_logado .usuario_logado_sair a:hover{
    background:#FFF; 
    color:#DD4B39;
}

/* Fim do aviso que estÃ¡ logado como outro usuÃ¡rio */





/* InÃ­cio do Menu Lateral */


aside{ 
    width:275px;
    max-width:90%;
    float:left;
    height:100%;
    overflow:auto;
    background:#333;
    position:fixed;
    left:0;
    top:0;
    border-right:5px solid #444;
    z-index:50;
}

.fechar_aside{
    padding:15px 20px 20px 10px;
    color:#FFF;
    display:none;
    font-size:11px;
    cursor:pointer;
    top:0;
    position:absolute;
    background:#444;
    border-radius:0 0 50px 0;
}

.fechar_aside:hover{
    background:#FFF;
    color:#333;
}

.fixar_aside{
    padding:15px 10px 20px 20px;
    color:#FFF;
    font-size:11px;
    cursor:pointer;
    top:0;
    display:none;
    right:0;
    position:absolute;
    color:#777;
    border-radius:0 0 0 50px;
}

.fixar_aside:hover{
    color:#FFF;
}

aside .marca{
    width:100%;
    text-align:center;
    margin:25px 0 20px 0;
}

aside img{ 
    width:200px;
    max-width:80%;
}

aside h1{
    text-align:center;
    background:#444;
    color:#FFF;
    padding:25px;
    font-size:13px;
    font-weight:400;
}

aside h2{
    text-align:center;
    color:#FFF;
    margin:35px 0 15px 0;
    text-transform:uppercase;
    font-size:12px;
}

aside ul{  }

aside ul li{
    position:relative;
}

aside ul li a{
    width:100%; 
    background:#3D3D3D;
    color:#FFF; 
    padding:12px 15px;
    margin-bottom:7px; 
    text-transform:uppercase; 
    font-size:12px; 
    display:block;
    font-weight:600;
}

aside ul li a:hover{ 
    background:#1A1A1A;
}

aside ul li .estatistica{
    position:absolute;
    padding:5px;
    top:8px;
    right:15px;
    color:#FFF;
    background:#4D4D4D;
    font-size:10px;
    border-radius:5px;
}

.aside ul li .funcao_add{ 
    margin-left:5px; 
    color:#666;
    font-size:10px;
}

aside .registro{
    padding:25px 0;
    color:#999;
    font-size:10px;
    text-align:Center;
}


/* Fim do Menu Lateral */





/* InÃ­cio da Barra Superior */


.superior{ 
    width:100%; 
    background:#555; 
    padding:10px 25px; 
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
}

.botoes a{ 
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#333; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block;
}

.botoes a:hover{
    background:#777;
}

.superior_1{
    display:flex;
    align-items:center;
    flex-basis:475px;
}

.superior_1_nome{
    margin-left:5px; 
}

.superior_acao_menu{ 
    width:auto; 
    padding:10px; 
    float:left; 
    font-size:11px; 
    font-weight:600; 
    background:#fff; 
    color:#333; 
    text-transform:uppercase; 
    border-radius:7px; 
    display:block; 
    cursor:pointer; 
}

.superior_acao_menu:hover{ 
    background:#F39C12;
    color:#FFF;
}

.superior_menu{ 
    display:flex;
    flex-wrap:nowrap; 
}
    
.superior_menu li a{ 
    width:auto; 
    padding:10px 5px; 
    font-size:11px; 
    font-weight:600; 
    color:#999; 
    text-transform:uppercase; 
    display:inline; 
    margin-left:10px; 
}

.superior_menu li a:hover{ 
    color:#FFF; 
}

.superior_usuario{
    float:left;
    display:flex;
    align-items: center;
    color:#FFF;
    font-weight:400;
}

.superior_usuario h1{
    font-size:11px;
    font-weight:400;
}

.superior_usuario img{
    margin-right:10px;
    width:50px;
    border-radius:50%;
    border:2px solid #FFF;
}

.superior_2{ 
    display:flex;
    flex-wrap:nowrap; 
}

.superior_2_nome{
    margin-left:5px; 
}

.exit a{ 
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#DD4B39; 
    color:#FFF; 
    text-transform:uppercase;
    border-radius:5px; 
    margin-left:5px; 
    display:block;
}

.exit a:hover{ 
    background:#FFF; 
    color:#DD4B39; 
}


/* Fim da Barra Superior */





/* InÃ­cio da IdentificaÃ§Ã£o de pÃ¡ginas */


.identificacao{
    width:100%;
    padding:25px 25px;
    background:#F3F3F4;
    border-bottom:1px solid #CCC;
    display:flex;
    align-items: center;
    justify-content:space-between;
}

.identificacao_modulo{
    float:left;
    margin-right:10px;
}

.identificacao_modulo h1{
    font-size:30px;
    text-transform:uppercase;
    letter-spacing:-1px;
    color:#333;
    font-weight:400;
    margin-bottom:5px;
}

.identificacao_modulo .caminho{
    font-size:12px; 
    color:555;
}

.identificacao_modulo .caminho .item{
    color:#555;
    margin-right:2px;
}

.identificacao_modulo .caminho .item a{
    color:#555;
    font-weight:bold;
    margin-right:3px;
}

.identificacao_modulo .caminho .item a:hover{
    color:#F39C12;
}

.acoes{ 
    display:flex;
    flex-wrap:nowrap;
}

.botao_nome{
    margin-left:5px;
}

.botao_add a{ 
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#00A65A; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block; 
    float:left; }
    
.botao_add a:hover{ 
    background:#00693A; 
}

.botao_filtrar{ 
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#777; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block; 
    float:left; 
    cursor:pointer;
}

.botao_filtrar:hover{ 
    background:#555;
}

.botao_voltar a{ 
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#777; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block; 
    float:left; 
    cursor:pointer;
}

.botao_voltar a:hover{ 
    background:#555;
}

.botao_tutorial a{ 
    width:auto; 
    padding:9px;
    border:1px solid #999; 
    font-size:11px; 
    font-weight:600; 
    background:#FFF; 
    color:#333; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block;
}

.botao_tutorial a:hover{ 
    background:#CCC;
}


/* Caixa de Filtro */


.caixa_filtro{
    display:none;
    width:100%;
    padding:25px 25px;
    border-bottom:5px solid #EEE;
    align-items: center;
    justify-content:space-between;
}


/* Fim da IdentificaÃ§Ã£o de PÃ¡ginas */





.conteudo{ 
    width:100%; 
    padding-left:275px; 
    float:right;
}

main{ 
    padding:25px;
    font-size:14px;
}





/* InÃ­cio das Listas de conteÃºdos */


.estatistica_legenda{
    width:100%;
    margin-bottom:25px;
    display:flex;
    align-items: center;
    justify-content:space-between;
}


.estatistica_resultados{
    font-size:11px;
    color:#555;
    float:left;
    margin-right:10px;
}


.estatistica_centro{
    width:100%;
    text-align:center;
    font-size:11px;
    color:#555;
    margin-bottom:25px;
}


.legenda{
    display:flex;
    flex-wrap:nowrap;
}

.lista-legenda{
    width:auto;
    padding:10px;
    border:1px solid #CCC;
    display:flex;
    float:left;
    margin-left:10px;
    font-size:12px;
}


.lista{
    width:100%;
    padding:15px;
    border:1px solid #CCC;
    margin-bottom:10px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
}

.lista_informacoes{
    color:#333;
}

.lista h1{
    font-size:18px;
    font-weight:600;
}

.lista p{
    font-size:15px;
    font-weight:400;
    margin-top:5px;
}

.lista .lista_n3{
    font-size:12px;
}

.lista_controles{
    margin-left:15px;
    display:flex;
    flex-wrap:nowrap;
}

.lista_acao a{
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#CCC; 
    color:#555; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block;
}

.lista_acao a:hover{
    background:#999; 
    color:#FFF;
}

.acao_{
    margin-left:5px;
}

.acao_fixo{
    margin-left:5px;
}

.lista_acao_excluir a{
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#DD4B39; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-left:5px; 
    display:block;
}

.lista_acao_excluir a:hover{
    background:#913124;
}

.lista_sim{ 
    border-left:7px solid #00A65A;
}

.lista_nao{ 
     border-left:7px solid #F39C12;
}

.lista_novo{ 
     border-left:7px solid #CCC;
}

.lista_coringa1{ 
     border-left:7px solid #DD4B39;
}

.lista_coringa2{ 
     border-left:7px solid #00C0EF;
}

.lista_coringa3{ 
     border-left:5px solid #3C0050;
}


.paginacao{
    width:100%;
    padding-top:15px;
    display:flex;
    flex-wrap:nowrap;
}

.paginacao_cada a{
    width:auto; 
    padding:10px; 
    font-size:11px; 
    font-weight:600; 
    background:#999; 
    color:#FFF; 
    text-transform:uppercase; 
    border-radius:5px; 
    margin-right:10px; 
    display:block;
}

.paginacao_cada a:hover{
    background:#555;
}

.paginacao_texto{
    margin-left:5px;
}


/* Fim das Listas de conteÃºdos */





/* Estilo de modal */

.fundo_modal{
    position:fixed !important; 
    position:absolute;
    top:0px; 
    z-index:60; 
    width:100%; 
    height:100%; 
    opacity:0.75; 
    background-color:#000; 
    right:0;
}

.modal{
    position:fixed !important; 
    position:absolute; 
    top:0px; 
    z-index:70; 
    width:100%; 
    height:100%; 
    right:0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal .caixa{
    width: 90%;
    max-width: 750px;
    background: #FFF;
    color: #555;
}

.modal .caixa .cabecalho{
    background: #EEE;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    padding: 0;
}

.modal .caixa .cabecalho .titulo{
    padding: 15px 25px;
}

.modal .caixa .cabecalho span{
    padding: 15px;
    background: #DD4B39;
    display: block;
    color: #FFF;
    cursor: pointer;
}

.modal .caixa .conteudo{
    padding: 25px;
}

/* Fim do Estilo de Modal */




    
/* Dashboard Sites */

.site_dashboard{
    
}

.site_dashboard h2{
    color: #FFF;
    font-size: 15px;
    padding: 15px;
}

.titulo_area{
    background: #555;
    margin-top: 35px;
}

.titulo_area span{
    margin-right: 10px;
}

.site_dashboard .estatistica_geral{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin: 0;
}

.site_dashboard .estatistica_geral article{
    flex-basis: 24%;
    background: #EEE;
    margin-bottom: 25px;
}

.azul{
    background: #00C0EF;
}

.vermelho{
    background: #DD4B39;
}

.verde{
    background: #00A65A;
}

.amarelo{
    background: #F39C12;
}

.site_dashboard .estatistica_geral article .informacoes{
    padding: 10px;
}

.site_dashboard .estatistica_geral article .informacoes .numeros{
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.site_dashboard .estatistica_geral article .informacoes .numeros .cada{
    flex-basis: 31%;
    padding: 20px 0;
}

.site_dashboard .estatistica_geral article .informacoes .numeros .cada .valor{
    font-size:25px;
}

.site_dashboard .estatistica_geral article .informacoes .numeros .cada .descricao{
    font-size: 10px;
    margin-top: 5px;
}

.site_dashboard .estatistica_geral article .informacoes .media{
    padding: 10px;
    background: #FFF;
    color: #777;
    text-align: center;
    font-size: 12px;
}

.site_dashboard .atualizacao_estatistica_geral{
    text-align: center;
    font-size: 14px;
    color: #777;
}

.site_dashboard .atualizacao_estatistica_geral span{
    margin-right: 10px;
}

.cabecalho{
    display: flex;
    justify-content: space-between;
    color: #333;
    padding: 12px;
    background: #CCC;
    font-size: 13px;
}

.linha_tabela{
    display: flex;
    justify-content: space-between;
    color: #333;
    padding: 12px;
    cursor: pointer;
    align-items: center;
    border-bottom: 1px dotted #333;
    font-size: 13px;
}

.linha_tabela:hover{
    background: #EEE;
}

.onlineagora{
    background: #AFFF96;
}

.dash_sete{
    flex-basis: 8%;
    word-wrap: break-word;
    overflow: hidden;
}

.dash_dez{
    flex-basis: 9%;
    word-wrap: break-word;
    overflow: hidden;
}

.dash_quinze{
    flex-basis: 12%;
    word-wrap: break-word;
    overflow: hidden;
}

.dash_trinta{
    flex-basis: 29%;
    word-wrap: break-word;
    overflow: hidden;
}



/* Conteudos da modal */

.modal .caixa .conteudo .linha{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}

.modal .caixa .conteudo .paginas{
    margin-top: 25px;
    overflow-y: auto;
    max-height: 250px;
}

.modal .caixa .conteudo .paginas .titulo{
    font-size: 13px;
    color: #555;
    padding: 10px;
    background: #EEE;
    text-align: center;
    margin-bottom: 10px;
}

.modal .caixa .conteudo .paginas .linha{
    padding: 15px 0;
    border-bottom: 1px solid #999;
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
    align-items: center;
}

.modal .caixa .conteudo .paginas .linha .esquerdo{
    flex-basis: 79%;
    word-wrap: break-word;
    overflow: hidden;
}

.modal .caixa .conteudo .paginas .linha .esquerdo a{
    color: #555;
    font-weight: 600;
}

.modal .caixa .conteudo .paginas .linha .esquerdo a:hover{
    color: #DD4B39
}

.modal .caixa .conteudo .paginas .linha .esquerdo a span{
    margin-right: 10px;
}

.modal .caixa .conteudo .paginas .linha .direito{
    flex-basis: 19%;
}



/* PÃ¡gina de DiretÃ³rio */

.diretorio{ 
    width: 100%;
    overflow: hidden;
}

.diretorio .guia{ 
    width: 100%; 
    overflow: hidden;
}

.diretorio .guia .home a{ 
    width: 4.5%; 
    float: left; 
    display: block; 
    color: #FFF; 
    background: #555; 
    padding: 10px; 
    font-size: 21px; 
    text-align: center; 
    margin-right: 0.5%;
}

.diretorio .guia .home a:hover{
    background: #A38C76;
}

.diretorio .guia .voltar a{
    width: 4.5%; 
    float: left; 
    display: block; 
    color: #FFF; 
    background: #555; 
    padding: 12.5px; 
    font-size: 17px; 
    text-align: center; 
    margin-right: 0.5%;
}

.diretorio .guia .voltar a:hover{
    background: #2E407A;
}

.diretorio .guia .caminho{
    width: 90%;
    margin-bottom: 25px;
    float: left;
    display: block;
    color: #555;
    font-size: 16px;
    padding-left: 10px;
    border: 1px solid #555;
}

.diretorio .guia .caminho .cada a{
    width: auto;
    float: left;
    padding: 5px;
    display: block;
    color: #555;
    margin: 6px 0;
    border: 1px solid #FFF; 
}

.diretorio .guia .caminho .cada a:hover{
    background: #E3E3E3;
    border: 1px solid #999; 
}

.diretorio .guia .caminho .separa{
    width: auto;
    float: left;
    padding: 5px;
    display: block;
    color: #555;
    margin: 7px 0;
}


.diretorio .botoes_acao{
    width: 100%;
    display: flex;
}

.diretorio .botoes_acao .acao{
    width: 100%;
    max-width: 180px;
    position: relative;
    text-align: center;
    font-size: 14px;
    background: #999;
    color: #FFF;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
    display: block;
    z-index: 5;
    font-weight: 700;
    text-shadow: 1px 1px #333;
    margin-right: 10px;
}

.diretorio .botoes_acao input{
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    opacity: 0;
    z-index: 2;
    cursor:pointer;
}

.diretorio .botoes_acao .acao:hover{
    background:#555;
}


.diretorio .cada a{ 
    width: 12.5%; 
    overflow: hidden; 
    margin-top: 15px; 
    float: left; 
    padding: 1.25em; 
    color: #333; 
    cursor: pointer; 
}

.diretorio .cada a:hover{ 
    background: #E3E3E3; 
}

.diretorio .cada a .icone{ 
    width: 100%; 
    overflow: hidden; 
    float: left; 
}

.diretorio .cada a .dados{ 
    width: 100%; 
    overflow: hidden; 
    margin: 0; 
    padding-top: 10px; 
    text-align: center; 
}

.diretorio .cada a .dados .titulo{ 
    font-size: 0.9em; 
    height: 60px; 
}

.diretorio .cada a .dados .descricao{ 
    font-size: 0.8em; 
}





/* FormulÃ¡rios do mÃ³dulo */


.instrucao_requeridos{ 
    width:100%;
    padding-left:15px;
    border-left:5px solid #999; 
    color:#555;
    font-size:14px;
    margin-bottom:25px;
}

.aviso{
    width:100%;
    padding:15px;
    font-size:14px;
    margin-bottom:25px;
}

.aviso_cinza{
    background: #EEE;
    color: #777;
    border-bottom:2px solid #999;
}

.aviso_verde{
    background:#8BD9B6;
    color:#00693A;
    border-bottom:2px solid #00A65A;
}

.aviso_vermelho{
    background:#E8B7B1;
    color:#913124;
    border-bottom:2px solid #DD4B39;
}

.aviso_amarelo{
    background:#F7DCAF;
    color:#F36C12;
    border-bottom:2px solid #F39C12;
}

.aviso_azul{
    background:#AEECFC;
    color:#1D8099;
    border-bottom:2px solid #00C0EF;
}


.registro_modulo{
    font-size:20px;
    color:#555;
    margin-bottom:25px;
    letter-spacing:-1px;
}


.menu_modulo{
    display:flex;
    flex-wrap:wrap;
    background:#CCC;
    padding:10px;
    margin-bottom:25px;
}

.menu_modulo ul{
    display:flex;
    flex-wrap:wrap;
}

.menu_modulo_titulo{
    width:auto; 
    padding:10px; 
    font-size:12px; 
    font-weight:600;
    color:#777;
    text-transform:uppercase;
    flex-basis:165px;
}

.menu_modulo_cada a{
    width:auto; 
    padding:10px; 
    font-size:12px; 
    font-weight:600; 
    background:#CCC; 
    color:#333; 
    text-transform:uppercase;
    display:block;
    margin-right:5px;
}

.menu_modulo_cada a:hover{
    background:#999; 
    color:#FFF;
}

.modulo_identificacao{
    width:100%;
    padding:15px;
    margin-bottom:25px;
    background:#EEE;
    border-bottom:1px solid #CCC;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.modulo_identificacao .modulo_identificacao_titulo{
    color:#555;
    font-size:18px;
    text-transform:uppercase;
    float:left;
}

.modulo_identificacao .modulo_identificacao_acoes{
    display:flex;
    flex-wrap:nowrap;
}


.modulo_titulo{
    width:100%;
    color:#555;
    font-size:18px;
    margin-bottom:25px;
    text-transform:uppercase;
    font-weight:700;
    border-bottom:5px solid #EEE;
    padding-bottom:7px;
}



form .linha{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}

form .linha .dois{
    flex-basis:48.5%;
}

form .linha .tres{
    flex-basis:31.33%;
}

form .linha .quatro{
    flex-basis:23%;
}

form .linha .vinte{
    flex-basis:18.5%;
}

form .linha .trinta{
    flex-basis:28.5%;
}

form .linha .quarenta{
    flex-basis:38.5%;
}

form .linha .cinquenta{
    flex-basis:48.5%;
}

form .linha .sessenta{
    flex-basis:58.5%;
}

form .linha .setenta{
    flex-basis:68.5%;
}


form section{
    padding-top:15px;
}


form section h1{
    width:100%;
    margin-bottom:20px;
    display:flex;
    color:#FFF;
    font-size:15px;
    font-weight:600;
    background:#777;
    padding:10px;
    text-transform:uppercase;
}


form section h2{
    width:100%;
    margin-bottom:20px;
    display:flex;
    color:#333;
    font-size:12px;
    font-weight:600;
    background:#CCC;
    padding:10px;
    text-transform:uppercase;
}


form article{
    margin-bottom:25px;
}

.login form article{
    border-bottom:0;
    padding-bottom:0;
}

form article label{
    padding-bottom:10px;
    display:block;
    width:100%;
    color:#555;
    font-size:14px;
    font-weight:400;
}

form input, textarea{
    width:100%;
    padding:15px; 
    border:1px solid #999;
    font-size:14px;
    color:#333;
    border-radius:0;
}

form select{
    width:100%;
    height:48px;
    padding:10px 15px; 
    border:1px solid #999;
    font-size:14px;
    color:#333;
    border-radius:0;
}

form input:required,
form select:required,
form textarea:required{
    border-left:5px solid #999;
}

form input:disabled,
form select:disabled{
    background:#E3E3E3;
    color:#333;
}

form select option:disabled{
    color:#DD4B39;
}

.error,
.error:required{ 
    border:1px solid #DD4B39; 
    border-left:5px solid #DD4B39; 
    color:#DD4B39;
}

.invalid{ 
    width:100%;
    display:block;
    font-size:14px; 
    color:#DD4B39; 
    margin-top:10px;
    font-weight:600;
}

form .textarea_disabled{
    padding:0 15px 15px 15px;
    color:#333;
    border:1px solid #999;
    font-size:14px;
    background:#E3E3E3;
}

form .textarea_disabled p{
    margin-top:15px;
}

form .acoes{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
}

.acao_botao{
    width:auto; 
    padding:10px; 
    text-transform:uppercase; 
    border-radius:5px;
    display:block;
    border:0;
    cursor:pointer;
    font-weight:600;
}

.acao_botao_1{
    display:flex;
    flex-basis:210px;
}

.acao_botao_1_nome{
    margin-left:5px;
}

.acao_resetar{
    background:#F39C12;
    margin-right:5px;
    color:#FFF;
    float:left;
    font-size:10px;
}

.acao_resetar:hover{
    background:#F36C12;
}

.acao_salvar{
    background:#00A65A;
    color:#FFF;
    float:right;
    font-size:15px;
}

.acao_salvar:hover{
    background:#00693A;
}

.acao_cancelar a{
    background:#999;
    color:#FFF;
    width:auto; 
    padding:10px; 
    font-size:10px;
    text-transform:uppercase; 
    border-radius:5px;
    display:block;
    font-weight:600;
    float:left;
}

.acao_cancelar a:hover{
    background:#555;
}


/* FormulÃ¡rios do mÃ³dulo */





/* InÃ­cio do RodapÃ© */


footer{ 
    width:100%;
    border-top:1px solid #CCC;
    padding:15px 25px;
    background:#F3F3F4;
    color:#777;
    font-size:11px;
    line-height:125%;
}


/* Fim do RodapÃ© */





@media (max-width:1300px){ 
    
    
    .superior_usuario{ 
        display:none; 
    }
    
    /* Dashboard Sites */
    
    .site_dashboard .estatistica_geral article{
        flex-basis: 48.5%;
    }


}





@media (max-width:1200px){ 
    
    
    /* Upload */
    .upload .lista_upload figure.imagem {
    width:20%;
    }
    
    /* Na identificaÃ§Ã£o */
    .botao_nome_resumo{
        display:none;
    }


}





@media (max-width:1100px){ 
    
    .login_imagem{
        width:40%;
    }

    .login_entrar{
        width:60%;
    }
    
    .superior_2_nome{ 
        display:none; 
    }
    
    .fixar_aside{ 
        top:-50px; 
    }
    
    /* Na identificaÃ§Ã£o */
    .botao_nome_resumo{
        display:none;
    }
    
    .acao_{
        display:none;
    }


}





@media (max-width:900px){ 
    
    /* Upload */
    .upload .lista_upload figure.imagem {
    width:25%;
    }
    
    aside{ 
        margin-left:-275px;
    }

    .conteudo{ 
        padding:0; 
    }

    .notificacoes{ 
        bottom:15px; 
        right:15px; 
    }

    .superior{ 
        padding:10px 15px;
    }
        
    .identificacao{
        padding:25px 15px;
    }

    main{ 
        padding:25px 15px;
    }
    
    .lista{
        flex-wrap:wrap;
    }
        
    .lista_informacoes{
        flex-basis:100%;
    }
        
    .lista_controles{
        margin-left:0;
        flex-basis:100%;
        margin-top:10px;
    }
    
    .acao_{
        display:inline-block;
    }
    
    .lista_acao a{
        margin:0;
        margin-right:5px;
    }
    
    .lista_acao_excluir a{
        margin:0;
        margin-right:5px;
    }
    
    .menu_modulo_titulo{
        flex-basis:100%;
    }

    footer{ 
        padding:15px;
        text-align:center;
    }
    
    
    /* Dashboard dos Sites */
    
    .pagina_atual{
        display: none;
    }
    
    .dash_sete{
        flex-basis: 12%;
    }

    .dash_dez{
        flex-basis: 16%;
    }

    .dash_quinze{
        flex-basis: 20%;
    }

    .dash_trinta{
        flex-basis: 39%;
    }


}





@media (max-width:700px){ 


    /* Na identificaÃ§Ã£o */
    .botao_nome{
        display:none;
    }
    
    
    /* Modal */
    
    .modal .caixa .conteudo .paginas .linha{
        display: block;
    }
    
    .modal .caixa .conteudo .linha{
        display: block;
        padding: 0;
        padding-top: 15px;
    }
    
    .modal .caixa .conteudo .paginas .linha .direito{
        margin-top: 15px;
    }
    
    .modal_linha_margem{
        margin-bottom: 10px;
    }


}





@media (max-width:650px){ 
    
    
    .login_imagem{
        width:100%;
        height:200px;
        overflow:hidden;
        position:relative;
        border-right:0;
    }

    .login_entrar{
        width:100%;
        padding:50px 25px;
    }


    .superior_1_nome{ 
        display:none; 
    }
    
    .superior_menu li a{ 
        width:auto; 
        padding:10px; 
        font-size:11px; 
        font-weight:600; 
        background:#333; 
        color:#FFF; 
        text-transform:uppercase; 
        border-radius:5px;
        margin-left:5px; 
        display:block; 
        float:left; 
    }
    
    .superior_menu li a:hover{
        background:#777;
    }
    
    .menu_modulo_titulo{
        cursor:pointer;
    }
    
    .menu_modulo_titulo:hover{
        color:#333;
    }
    
    .menu_modulo ul{
        display:none;
    }
    
    .menu_modulo_opcoes{
        width:100%;
    }
    
    .menu_modulo_cada a{ 
        width:100%;
        border-bottom:1px solid #999;
        padding:10px 0;
    }
    
    form .linha{
        flex-wrap:wrap;
    }
    
    
    form .linha .quatro{
        flex-basis:100%
    }

    form .linha .tres{
        flex-basis:100%
    }

    form .linha .dois{
        flex-basis:100%
    }

    
    /* Dashboard Sites */
    
    .site_dashboard .estatistica_geral article{
        flex-basis: 100%;
    }
    
    .dados_retirar{
        display: none;
    }
    
    .dash_sete{
        flex-basis: 19%;
    }

    .dash_dez{
        flex-basis: 24%;
    }

    .dash_quinze{
        flex-basis: 35%;
    }

}





@media (max-width:550px){ 
    
    
    .acao_{
        display:none;
    }
    
    .acao_botao_1_nome{
        display:none;
    }


}





@media (max-width:450px){ 
    
    
    .superior_nivel{ 
        display:none; 
    }


}</pre></body></html>