/*
-- Estilos CSS website Delegacias
*/
html {
    background-color: #F2F2F2;
    text-align: justify;
    
    } 

/*
-- Padrões e Reset
*/

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}
/*
-- Tipografia e Cores
*/
/* Abaixo está definida a acor a ser usada em todo o corpo do site)*/
body {
    color:#000000;
}

/* Abaixo estão definidas as possíveis fontes a serem usadas conforme o usuário a tenha ou não instalada (prioridade da esquerda para direita)*/
body, input, select, textarea {
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", "Verdana", "Verdana Ref", "sans-serif";
}
/* Os "a:" abaixo são consideradas subclasses e servem para definir as características dos links usados na página (cor ao passar mouse, sem bublinhado...)*/
a:link {
    color:#000000;
}
/* Muda a cor ao visitar o link
a:visited {
    color: #;
}*/
/* Muda a cor ao por o mouse sob o link*/
a:hover {
    color:#FE2EF7;
    text-decoration: none;
}
/* Aparece a borda ao clicar no link*/
a:focus {
    outline: 1px dotted #F00;
}
/* Ao ativar o link aparece a cor indicada */
a:active {
    color:#F00;
}
/* Ativar botões em linha */
input { display: inline; }

#caixa_tabela{
        width: 100%; /* aqui pode ser auto ou 100%*/
        overflow-x: auto;
    }
            p {
              margin-top: 1%;
              text-indent: 4em;
              margin-right: 10%;
              margin-left: 3%;
            }
            ul {
              margin-top: 1%;
              align-self: center;
            }
            
            #idcx{width:40px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #cpfcx{width:150px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #emailcx{width:350px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #senhacx{width:80px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #nomecx{width:250px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #cx200x20{width:200px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #cpfcxa{width:150px;height:30px;text-align: center;border: 1px solid #A4A4A4;}
            #dat120x30{width:120px;height:30px;text-align: center;border: 1px solid #A4A4A4;}
            #dat100x30{width:100px;height:30px;text-align: center;border: 1px solid #A4A4A4;}
            #dat120x20{width:120px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #dat100x20{width:100px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #dat130x20{width:130px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            #dat130x30{width:130px;height:30px;text-align: center;border: 1px solid #A4A4A4;}
            #nomecxa{width:350px;height:30px;text-align: center;border: 1px solid #A4A4A4;}
            
            #selcxaper45{width: 45%;height:35px;text-align: left;border: 1px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxaper35{width: 35%;height:35px;text-align: left;border: 1px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxaper80{width: 80%;height:35px;text-align: left;border: 1px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #lojacxa{width:350px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #jacxa{width:250px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #dscxa{width:230px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxa100x40{width:100px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxa150x40{width:150px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxa90x40{width:90px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxabol{width:237px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #propcxa{width:370px;height:100px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx400x40{width:400px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx400x27{width:400px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx270x27{width:270px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx550x100{width:550px;height:100px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx550x70{width:550px;height:70px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cx550x40{width:550px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxb{width:165px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxb140x40{width:140px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxb50x40{width:50px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #peqcx{width:70px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxapq{width:50px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #intercx{width:100px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #intercxa{width:130px;height:27px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxanomes{width:290px;height:30px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #cxa180{width:180px;height:30px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxa{width:180px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxa130x40{width:130px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxa195x40{width:195px;height:40px;text-align: left;border: 2px solid #A4A4A4;
            border-radius: 10px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            /* Inicio Geral */
            #mostrar{
                display: none;
              }
              
            #passar_mouse:hover #mostrar{
                display:block;
            }
            /* Fim Geral */

            /* Página inicial para login */
           
            * {
              box-sizing: border-box;
            }
            .menu {
              float: left;
              width: 18%;
              margin-top: 1px;
            }
            .menuitem {
              padding: 8px;
              margin-top: 3px;
              margin-left: 30px;
              border-bottom: 1px solid #f1f1f1;
            }
            .menu_inicio {
              float: left;
              width: 90%;
              margin-top: 1px;
            }
            .menu_inicial {
              float: left;
              width: 20%;
              margin-top: 1px;
            }
            .menu_completa {
              float: left;
              width: 70%;
              margin-top: 1px;
              margin-left: 0px; 
            }
            .right_inicial {
              float: left;
              width: 50%;
              padding: 10px 0px;
              margin-top: 0px;
            }
            .main {
              float: left;
              width: 23%;
              padding: 0 20px;
              overflow: hidden;
              margin-top: 3px;
            }
            .main_50 {
              float: left;
              width: 50%;
              padding: 0 20px;
              overflow: hidden;
              margin-top: 3px;
            }
            .quarter {
              float: left;
              width: 25%;
              padding: 0 20px;
              overflow: hidden;
              margin-top: 7px;
            }
            .right {
              float: left;
              width: 45%;
              padding: 165px 15px;
              margin-top: 7px;
            }
            .menuplan {
              float: left;
              width: 20%;
              margin-top: 10px;
              background-color:#FFFFF0;
              text-align: left; 
            }
            .right_plan {
              float: left;
              width: 75%;
              margin-top: 10px;
              margin-left: 10px;
              background-color:#FFFFF0;
            }
            .barrainicioplan {
              float: left;
              width: 100%;
              margin-top: 10px;
              background-color:#FFFFF0;
              text-align: center; 
            }
            .barrainicioforum {
              float: left;
              width: 100%;
              margin-top: 10px;
              background-color:#848484;
              text-align: center; 
            }
            .corpocentraval {
              float: left;
              width: 100%;
              margin-top: 10px;
              background-color:#FFFFF0;
              text-align: left; 
            }
            .right_interno {
              float: left;
              width: 100%;
              margin-top: 3px;
            }
            .hafright {
              float: left;
              width: 50%;
              padding: 0px 20px;
              margin-top: 20px;
            }
            .hafrighttes {
              float: left;
              width: 45%;
              padding: 0px 20px;
              margin-top: 20px;
            }
            .hafleft {
              float: left;
              width: 50%;
              padding: 0px 20px;
              margin-top: 0px;
            }
            .trileft {
              float: left;
              width: 33%;
              padding: 0px 20px;
              margin-top: 0px;
            }
            .tricenter {
              float: left;
              width: 33%;
              padding: 0px 20px;
              margin-top: 20px;
            }
            .triright {
              float: left;
              width: 34%;
              padding: 0px 20px;
              margin-top: 20px;
            }
            .below {
              float: left;
              width: 100%;
              padding: 5px 5px;
              margin-top: 1px;
            }
            
            @media only screen and (max-width:800px) {
              /* For tablets: */
              .main, .menuitem {
                width: 80%;
                padding: 0;
              }
              .right, .below {
                width: 100%;
              }
            }
            @media only screen and (max-width:500px) {
              /* For mobile phones: */
              .menu, .main, .menuitem, .below {
                width: 100%;
              }
            .right {
                width: 200%;
              }
            }
            /* Página inicial para login */
            
        .coluna_esq {
            float: left;
            width: 15%;
            height:40px;
            margin-top: 10px;
            margin-left: 10px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            background-color:;
            text-align: center; 
        }
        .coluna_cent {
            float: left;
            width: 66%;
            height:40px;
            margin-top: 10px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            background-color:;
            text-align: center; 
        }
         .coluna_dir {
            float: left;
            width: 15%;
            height:40px;
            margin-top: 10px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            background-color:;
            text-align: center; 
        }
        .coluna_tot {
            float: left;
            width: 100%;
            height:5px;
            margin-top: 10px;
            background-color:#C0C0C0;
            text-align: center; 
        }
        .coluna_tot_vert {
            float: left;
            width: 5px;
            min-height:100%;
            margin-top: 10px;
            background-color:#C0C0C0;
            text-align: center; 
        }
        .coluna_met {
              float: left;
              width: 50%;
              padding: 0px 0px;
              text-align: left;
              margin-left: -20px;
              margin-top: 10px;
            }
        .coluna_met_int_dir {
              float: left;
              width: 100%;
              margin-left: 0px;
              margin-top: 0px;
            }
        .coluna_met_dir {
              float: left;
              width: 45%;
              padding: 165px 15px;
              margin-left: 0px;
              margin-top: 0px;
              border-color: #000;
                    
            }
                           
        .btn.box_cult_sel {
            width:1px;
            height:20px;
            font-size: 10px;
            color: #2E2E2E;
            font-family: Arial;
            font-style: normal;
            margin-bottom: 1em;
            margin-left: 1px;
            float: center;
            background-color: ;
            border-color: ;
            border-radius: 10px;
        }
        
        
        .menupainelnotaveis { 
              float: left;
              width: 17%;
              height: 100%;
              margin-top: 10px;
              margin-left: 10px;
              background-color:#E0F2F7; 
              text-align: left; 
            }
        
        
        .menupainelnotaveis4 { 
              float: left;
              width: 17%;
              height: 25%;
              margin-top: 10px;
              margin-left: 10px;
              background-color:#E0F2F7; 
              text-align: left; 
            }
        
        .menuainfo { 
              float: left;
              width: 20%;
              height: 100%;
              margin-top: 10px;
              margin-left: 10px;
              background-color:#E0F2F7; 
              text-align: left; 
            }
        .princinfo {
              float: left;
              width: 70%;
              margin-top: 10px;
              margin-left: 10px;
              margin-right: 10px;
              background-color:#E0F2F7;
            }
        .barrainicioinfo {
              float: left;
              width: 100%;
              height:60px;
              margin-top: 10px;
              margin-left: 10px;
              margin-right: 20px;
              background-color: #E0F2F7;
              text-align: center; 
            }
        .barraresponsainfo {
              float: left;
              width: 100%;
              height:100px;
              margin-top: 10px;
              margin-left: 10px;
              margin-right: 20px;
              background-color: #E0F2F7;
              text-align: center; 
            }
                
        .btn.box_rangeesq {
            width:60px;
            height:20px;
            font-size: 10px;
            color: #FFF;
            font-family: Arial;
            font-style: normal;
            margin-bottom: 1em;
            margin-left: 10px;
            float: left;
            background-color:#0000FF;
            border-color: #585858;
            border-radius: 10px;
        }
        .btn.box_rangedir {
            width:60px;
            height:20px;
            font-size: 10px;
            color: #FFF;
            font-family: Arial;
            font-style: normal;
            margin-bottom: 1em;
            margin-right: 10px;
            float: right;
            background-color:#0000FF;
            border-color: #585858;
            border-radius: 10px;
        }
        .btn.box_comentario {
            width:300px;
            height:50px;
            font-size: 12px;
            color: #000;
            font-family: Arial;
            font-style: normal;
            margin-bottom: 1em;
            margin-left: 20px;
            float: left;
            background-color:#FFF;
            border-color: #585858;
            border-radius: 10px;
        }
        
         /* Início da Definição Identidade */
            .menuidfoto {
              float: left;
              width: 20%;
              margin-top: 1px;
            }
            .menuidlpot {
              float: left;
              width: 15%;
              margin-top: 1px;
            }
            .menuidnpot {
              float: left;
              width: 75%;
              margin-top: -10px;
            }
            .menuitemid {
              padding: 3px;
              margin-top: 1px;
              margin-left: 0px;
              
            }
            .dadosid {
              float: left;
              width: 100%;
              padding: 0 20px;
              overflow: hidden;
              margin-top: 3px;
            }
            
            .btn.box_arred_branco_id {
                    width: 100%;
                    max-width: 450px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: left;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_idcpf {
                    width: 50%;
                    max-width: 200px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_idcim {
                    width: 30%;
                    max-width: 150px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 2%;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_400 {
                    width: 100%;
                    max-width: 400px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: left;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_200 {
                    width: 50%;
                    max-width: 200px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_195 {
                    width: 45%;
                    max-width: 195px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_220 {
                    width: 45%;
                    max-width: 217px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_100 {
                    width: 25%;
                    max-width: 100px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_50 {
                    width: 20%;
                    max-width: 50px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_40 {
                    width: 15%;
                    max-width: 40px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_branco_idgrau {
                    width: 16%;
                    max-width: 70px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 2%;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            
            /* Fim da Definição Identidade */
            
            /* Início da Definição de Delegados */
            
            .btn.box_reto_cinza_cheio {
                    width: 100%;
                    max-width: 450px;
                    height:60px;
                    font-size: 12px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: left;
                    margin-left: 0;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-bottom: 1px solid #f1f1f1;
            }
            
            .btn.box_arred_cinza_cheio {
                    width: 100%;
                    max-width: 450px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_cinza_inter {
                    width: 63%;
                    max-width: 350px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 10px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_cinza_hora {
                    width: 35%;
                    max-width: 100px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            
         .btn.box_arred_cinza_metdir {
                    width: 49%;
                    max-width: 220px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 10px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
          .btn.box_arred_cinza_metesq {
                    width: 49%;
                    max-width: 220px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            .btn.box_arred_cinza_idgrau {
                    width: 16%;
                    max-width: 70px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    text-align: center;
                    margin-left: 0px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#F2F2F2;
                    border-radius: 10px;
                    border-bottom: 1px solid #f1f1f1;
            }
            
            /* Fim da Definição de Delegados */
            
            /* Início da Definição de Botões */
            
            .btn.imag_text {
                background:url(/imagens/icone_loja2.jpg);
                text-indent:-9999px;
                width:209px;
                height:41px;
            }
            .btn.box_imag_text {
                    width:200px;
                    height:150px;
                    font-size: 25px;
                    color: #FFFAFA;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#8B0000;
                    border-radius: 80px;
            }
            .btn.box_arred_vermelho {
                    width:150px;
                    height:50px;
                    font-size: 25px;
                    color: #FFFAFA;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#8B0000;
                    border-radius: 10px;
            }
            .btn.box_arred_vermelho_16 {
                    width:150px;
                    height:50px;
                    font-size: 16px;
                    color: #FFFAFA;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#8B0000;
                    border-radius: 10px;
            }
            .btn.box_arred_verde {
                    width:200px;
                    height:50px;
                    font-size: 25px;
                    color: #FFFAFA;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#008000;
                    border-radius: 10px;
            }
            
            .btn.box_arred_branco {
                    width:150px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-color: #848484;
            }
            .btn.box_arred_branco_tes {
                    width:80px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-color: #848484;
            }
            .btn.box_arred_branco_chanc {
                    width:100px;
                    height:30px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
                    border-color: #848484;
            }
            .btn.box_arred_vermelho_tes {
                    width:150px;
                    height:30px;
                    font-size: 25px;
                    color: #FFFAFA;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#8B0000;
                    border-radius: 10px;
            }
            .btn.box_arred_branco_meio {
                    width:100px;
                    height:25px;
                    font-size: 15px;
                    color: #000000;
                    font-family: Arial;
                    font-style: normal;
                    margin-left: 10px;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFFFFF;
                    border-radius: 10px;
            }
            .btn.box_forum_questao {
                    width:200px;
                    height:20%;
                    font-size: 10px;
                    color: #2E2E2E;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#FFF;
                    border-color: #000;
                    border-radius: 10px;
            }
            .btn.box_forum_questant {
                    width:200px;
                    font-size: 10px;
                    color: #2E2E2E;
                    font-family: Arial;
                    font-style: normal;
                    margin-bottom: 0.1em;
                    float: left;
                    background-color:#BDBDBD;
                    border-color: #000;
                    border-radius: 10px;
            }
            .btn.forum-circle {
                    margin: 5px;
                    background-color: #088A29;
                    color: white;
                    width: 10px;
                    height:30px;
                    border-radius: 10px;
            }
            /* Fim da Definição de Botões */
            
            
            /* Início da Definição do Carrocel */
            
            .pic-ctn {
                width: 50vw;
                height: 100px;
              }
              
              @keyframes display {
                0% {
                  transform: translateX(100px);
                  opacity: 0;
                }
                10% {
                  transform: translateX(0);
                  opacity: 1;
                }
                20% {
                  transform: translateX(0);
                  opacity: 1;
                }
                30% {
                  transform: translateX(-90px);
                  opacity: 0;
                }
                100% {
                  transform: translateX(-90px);
                  opacity: 0;
                }
              }
              
              .pic-ctn {
                position: relative;
                width: 44vw;
                height: 100px;
                margin-top: -20vh;
              }
              
              .pic-ctn > img {
                position: absolute;
                top: 0;
                left: calc(10% - 0px);
                opacity: 0;
                animation: display 30s infinite;
              }
              
              img:nth-child(2) {
                animation-delay: 10s;
              }
              img:nth-child(3) {
                animation-delay: 20s;
              }
              img:nth-child(4) {
                animation-delay: 30s;
              }
              
              /* Fim da Definição do Carrocel */