/*
-- Estilos CSS website pcd
*/
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; }
    
    
    /* Definir Tabelas */
    #caixa_tabela{
        width: 100%; /* aqui pode ser auto ou 100%*/
        overflow-x: auto;
    }
    
    table.linhasAlternadas tr.even {
        background: #D8D8D8;
    }
    
    .bordcel    {
        border-style: solid;
        border-bottom-width: 1px;   /* Inferior*/
        border-top-width: 0px;      /* Superior*/
        border-right-width: 0px;    /* Direita*/
        border-left-width: 0px;     /* Esquerda*/
        border-color: #848484;
    }
     
    .cortext_424 {
        color: #424242;
    }
    
    .cortext_F2 {
        color: #D8D8D8;
    }
    
    .ptab {
        margin-top: 1%;
        text-indent: 4em;
        margin-right: 3%;
        margin-left: 3%;
    }
            
            
    /* Fim Definir Tabelas */        
            
            
            
            p {
              margin-top: 1%;
              text-indent: 4em;
              margin-right: 10%;
              margin-left: 3%;
            }
            ul {
              margin-top: 1%;
              align-self: center;
            }
            

            /* Página inicial para login */
           
            * {
                box-sizing: border-box;
            }
            .right_inicial {
                float: left;
                width: 50%;
                padding: 10px 0px;
                margin-top: 0px;
            }
            .menu {
                float: left;
                width: 18%;
                margin-top: 1px;
            }
            .menuitem {
                padding: 8px;
                margin-top: 3px;
                margin-left: 30px;
                border-bottom: 1px solid #f1f1f1;
            }
            .menuitemr {
                padding: 3px;
                margin-top: 0px;
                margin-left: 10px;
                border-bottom: 1px solid #f1f1f1;
            }
            .menu_inicio {
              float: left;
              width: 90%;
              margin-top: 1px;
            }
            .hafrighttes {
                float: left;
                width: 45%;
                padding: 0px 20px;
                margin-top: 20px;
            }
            .main {
                float: left;
                width: 23%;
                padding: 0 20px;
                overflow: hidden;
                margin-top: 3px;
            }
            .coluna_esq_50 {
                float: left;
                width: 50%;
                height:40px;
                margin-top: 10px;
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                background-color:;
                text-align: left; 
            }
            .coluna_esq {
                float: left;
                width: 15%;
                height:50px;
                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:50px;
                margin-top: 10px;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                background-color:;
                text-align: center; 
            }
             .coluna_dir {
                float: left;
                width: 15%;
                height:50px;
                margin-top: 10px;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                background-color:;
                text-align: center; 
            }
            .coluna_total {
                float: left;
                width: 100%;
                margin-top: 10px;
                background-color:#F2F2F2;
                text-align: left; 
            }
            .coluna_total_cent {
                float: left;
                width: 100%;
                margin-top: 10px;
                background-color:#F2F2F2;
                text-align: left; 
            }
            .coluna_tot {
                float: left;
                width: 100%;
                height:5px;
                margin-top: 10px;
                background-color:#C0C0C0;
                text-align: center; 
            }
            .coluna_esq_est {
                float: left;
                width: 15%;
                height:10px;
                margin-top: 10px;
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                background-color:;
                text-align: left; 
            }
            .coluna_esq_sm {
                float: left;
                width: 15%;
                height:10px;
                margin-top: 10px;
                margin-left: 0px;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                background-color:;
                text-align: left; 
            }
            .coluna_tot_vert {
                float: left;
                width: 5px;
                min-height:100%;
                margin-top: 10px;
                background-color:#C0C0C0;
                text-align: center; 
            }
            .barrasupforum {
                float: left;
                width: 100%;
                height:50px;
                margin-top: 5px;
                background-color:#FFF;
                text-align: center;   
            }
            .main_100 { 
                float: left;
                width: 100%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_95 { 
                float: left;
                width: 95%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_90 { 
                float: left;
                width: 90%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_80 { 
                float: left;
                width: 80%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_70 { 
                float: left;
                width: 70%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_60 { 
                float: left;
                width: 60%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_50 { 
                float: left;
                width: 50%;
                padding: 0 5px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_45 { 
                float: left;
                width: 45%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_40 { 
                float: left;
                width: 40%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_30 { 
                float: left;
                width: 30%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .main_20 { 
                float: left;
                width: 20%;
                padding: 0 10px;
                overflow: hidden;
                margin-top: 1px;
            }
            .corpotot {
                float: left;
                width: 100%;
                padding: 0 20px;
                overflow: hidden;
                margin-top: 10px;
                text-align: left; 
            }
            .trileft {
                float: left;
                width: 33%;
                padding: 0px 20px;
                margin-top: 0px;
            }
            .barratopalc_70 { 
                float: left;
                width: 70%;
                overflow: hidden;
                margin-top: 1px;
                text-align: center;
            }
            .barratopale_70 { 
                float: left;
                width: 70%;
                overflow: hidden;
                padding: 0 10px;
                margin-top: 1px;
                text-align: left;
            }
            .barratopald_15 { 
                float: left;
                width: 15%;
                overflow: hidden;
                margin-top: 1px;
                text-align: right;
            }
            .barratopale_15 { 
                float: left;
                width: 15%;
                overflow: hidden;
                margin-top: 1px;
                text-align: left;
            }
            .barrainicioforum {
                float: left;
                width: 100%;
                margin-top: 10px;
                background-color:#848484;
                text-align: center; 
            }
            .below {
              float: left;
              width: 100%;
              padding: 5px 5px;
              margin-top: 1px;
            }
            
            
            
            /* Botões */
            
            /* Caixa Fixa */
            #idcx{width:40px;height:20px;text-align: center;border: 1px solid #A4A4A4;}
            
            /* Caixa Responsiva */
            #selcxaperc{width: 91%;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;}
            
            /* Caixa Responsiva */
            #selcxaperclim{width: 90%;height:35px;text-align: left;border: 1px solid #A4A4A4;
            border-radius: 10px; max-height: 200px;
            /* Declaração para aparecer no Firefox */
            -moz-border-radius: 10px;
            /* Para exibir nos outros navegadores como Chrome, safari, opera*/
            -webkit-border-radius: 10px;}
            
            #selcxapercmx{width: 40%;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;}
            
            #selcxapercm{width: 30%;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;}
            
            #selcxapercix{width: 50%;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;}
            
            #selcxaperci{width: 60%;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;}
            
            #selcxaperciverm{width: 60%;height:35px;text-align: center; color: #FFF; font-size: 16px;
            border: 1px solid #A4A4A4; background-color: #DF0101; 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;}
            
            #selcxaperch{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;}
            
            #selcxapercinv{width: 90%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            #selcxapercmxinv{width: 40%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            #selcxapercminv{width: 30%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            #selcxapercxinv{width: 50%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            #selcxaperciinv{width: 60%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            #selcxaperchinv{width: 45%;height:25px;text-align: left;border: 0px solid #A4A4A4;
            background-color: #F2F2F2; 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;}
            
            
            /* Botâo invisível */
            .radio-item input[type='radio'] {
              display: none;
            }
             
            .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_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:#CD0000;
                    border-radius: 10px;
            }
            .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;
            }
            .btn.box_arred_azul_consulta {
                width:300px;
                height:40px;
                font-size: 12px;
                color: #FFFAFA;
                font-family: Arial;
                font-style: normal;
                margin-bottom: 0.1em;
                float: left;
                background-color:#0080FF;
                border-radius: 10px;
            }
            .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;
            }
            
            
            
            /* 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 */