﻿/*---------------------------------------------------------------------------*/
/* Font & Color & Width */
/*---------------------------------------------------------------------------*/
html {
    overflow-y: scroll;
}

html, body, td, th, input, textarea, select, button {
    color: #4c4c4c;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 13px;
}

.vermelho {
    color: #fa5200;
}

.azulEscuro {
    color: #003758;
}

.cursorhand {
    cursor: hand;
}

/*---------------------------------------------------------------------------*/
/* Botões */
/*---------------------------------------------------------------------------*/

.btnLink {
    color: #003371;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    background: url(../img/bulletSetaMenor.gif) center left no-repeat;
    padding: 0 0 0 10px;
    text-decoration: underline;
}

.btnAzulChapado {
    background-color: #b8cedd;
    border: 1px solid #66869c;
    color: #08293d;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block !important;
    padding: 7px 13px;
    text-decoration: none;
}

.btnEditar {
    background: #b8cedd url(../img/icoEdit.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
}

.btnEditarDisable {
    background: #b8cedd url(../img/icoEditDisable.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
}

.btnAtivar {
    background: #b8cedd url(../img/icoAtivo.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
    float: right;
    margin: 0 6px;
}

.btnInativar {
    background: #b8cedd url(../img/icoInativo.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
    float: right;
    margin: 0 6px;
}

.btnExcluir {
    background: #b8cedd url(../img/icoCancel.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
}

.btnExcluirDisable {
    background: #b8cedd url(../img/icoCancelDisable.png) center no-repeat;
    text-indent: -9999px;
    width: 36px;
    height: 32px;
    display: block;
}

.btnLimpar {
    display: inline-block;
    text-decoration: underline;
    background: url(../img/bulletLimpar.gif) center left no-repeat;
    padding: 4px 0 4px 30px;
    color: #003371;
    font-size: 12px;
    font-weight: bold;
}

    .btnLimpar:hover {
        text-decoration: none;
    }


.btnAdicionar {
    background: url(../img/icoMais.gif) center left no-repeat;
    display: inline-block;
    color: #003371;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 12px;
}

/* icone upload arquivos */
.icoUploadArquivos {
    background: url(../img/camera.jpg) center left no-repeat;
    display: block;
    padding: 0 0 0 11px;
}

/*---------------------------------------------------------------------------*/
/* Structure */
/*---------------------------------------------------------------------------*/

html, body {
    width: 100%;
}

body {
    background-color: #edf3f7;
}

#principal {
    margin: 0 auto;
    width: 990px;
}

#corpo {
    overflow: hidden;
    background-color: #003758;
}

#menu {
    background-color: #003758;
    float: left;
    width: 230px;
}

#conteudo {
    background: #ffffff url(../img/fundoConteudo.gif) top left no-repeat;
    margin-left: 230px;
    padding: 10px 30px 60px 30px;
    min-height: 1000px;
    height: auto !important;
    height: 500px;
}

    #conteudo > div {
        margin-top: 44px;
        overflow: hidden;
    }

/*---------------------------------------------------------------------------*/
/* ToolTip */
/*---------------------------------------------------------------------------*/

.avisoTooltip {
    background: url(../img/icoAviso.png) top left no-repeat;
    display: block;
    width: 26px;
    height: 26px;
}

.tooltipLaranja {
    padding: 0 3px 5px 14px;
}

    .tooltipLaranja > span {
        background: url(../img/pontaToolTipLaranja.png) top left no-repeat;
        display: block;
        width: 17px;
        height: 18px;
        position: absolute;
        top: 28px;
        left: -5px;
        z-index: 3;
    }

    .tooltipLaranja div.sombra > div {
        background-color: #ffe2bc;
        padding: 2px;
        width: 250px;
        border: 1px solid #ed5319;
        position: relative;
        z-index: 2;
        margin: -5px 0 0 -5px;
        display: inline-block;
    }

        .tooltipLaranja div.sombra > div div {
            font-size: 12px;
            background-color: #ffffff;
            padding: 13px;
        }

    .tooltipLaranja div.sombra {
        background: url(../img/fundoDegrade.png) right bottom repeat;
        padding: 0 5px 5px 0;
        display: inline-block;
    }


.infoTooltip, .infoTooltipMarkup, .infoTooltipRight {
    background: url(../img/icoInfo.png) top left no-repeat;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.tooltipAzul {
    padding: 0 3px 5px 14px;
}

    .tooltipAzul > span {
        background: url(../img/pontaToolTipAzul.png) top left no-repeat;
        display: block;
        width: 16px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: -6px;
        z-index: 3;
    }

    .tooltipAzul div.sombra > div {
        background-color: #ffffff;
        padding: 2px;
        width: 250px;
        border: 1px solid #2284c9;
        position: relative;
        z-index: 2;
        margin: -5px 0 0 -5px;
        display: inline-block;
        font-size: 12px;
        padding: 13px;
    }

    .tooltipAzul div.sombra {
        background: url(../img/fundoDegrade.png) right bottom repeat;
        padding: 0 5px 5px 0;
        display: inline-block;
    }

/*tooltip azul com seta do lado direito*/

.tooltipAzulRight {
    padding: 0 14px 5px 3px;
}

    .tooltipAzulRight > span {
        background: url(../img/pontaToolTipAzulLadoDireito.png) top left no-repeat;
        display: block;
        width: 16px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: 285px;
        z-index: 3;
    }

    .tooltipAzulRight div.sombra > div {
        background-color: #ffffff;
        padding: 2px;
        width: 250px;
        border: 1px solid #2284c9;
        position: relative;
        z-index: 2;
        margin: -5px 0 0 -5px;
        display: inline-block;
        font-size: 12px;
        padding: 13px;
    }

    .tooltipAzulRight div.sombra {
        background: url(../img/fundoDegrade.png) right bottom repeat;
        padding: 0px 0px 5px 10px;
        display: inline-block;
    }

/*Fim tooltip azul*/


.tooltipAzulMarkup {
    padding: 0 3px 5px 14px;
    display: none;
}

    .tooltipAzulMarkup > span {
        background: url(../img/pontaToolTipAzulMarkup.png) top left no-repeat;
        display: block;
        width: 16px;
        height: 20px;
        position: absolute;
        top: 137px;
        left: -5px;
        z-index: 3;
    }

    .tooltipAzulMarkup div.sombra > div {
        background-color: #dbe8f0;
        padding: 2px;
        border: 1px solid #2284c9;
        position: relative;
        z-index: 2;
        margin: -5px 0 0 -5px;
        display: inline-block;
        font-size: 12px;
        padding: 30px;
    }

    .tooltipAzulMarkup div.sombra {
        background: url(../img/fundoDegrade.png) right bottom repeat;
        padding: 0 5px 5px 0;
        display: inline-block;
    }

        .tooltipAzulMarkup div.sombra .caixa {
            border: 1px solid #4c4c4c;
            background-color: #ffffff;
            padding: 10px;
            margin-top: 20px;
        }

            .tooltipAzulMarkup div.sombra .caixa:first-child {
                margin-top: 0;
            }

            .tooltipAzulMarkup div.sombra .caixa .caixaCinza, .caixaCinza {
                display: block;
                width: 212px;
                height: 72px;
                background-color: #e4e4e4;
            }

            .tooltipAzulMarkup div.sombra .caixa .tamanhoCaixa {
                width: 100%;
                margin-top: 10px;
            }

                .tooltipAzulMarkup div.sombra .caixa .tamanhoCaixa td {
                    height: 26px;
                    color: #ffffff;
                    font-size: 18px;
                    font-weight: bold;
                    text-align: center;
                    background-color: #4c4c4c;
                    border-left: 6px solid #ffffff;
                }

                    .tooltipAzulMarkup div.sombra .caixa .tamanhoCaixa td:first-child {
                        border-left: 0;
                    }

                .tooltipAzulMarkup div.sombra .caixa .tamanhoCaixa .peq td {
                    width: 66px;
                }



.tooltip {
    position: relative;
    padding: 0 0 0 8px;
}

    .tooltip span {
        background: url(../img/pontaTooltip.gif) top left no-repeat;
        width: 8px;
        height: 15px;
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
    }

    .tooltip div {
        border: 1px solid #ffbd67;
        background: #ffffff;
        padding: 10px 15px;
        width: 210px;
        font-size: 12px;
        line-height: 1.2em;
    }
/*---------------------------------------------------------------------------*/
/* General */
/*---------------------------------------------------------------------------*/

.width38 {
    width: 38px;
}

.width76 {
    width: 76px;
}

.width85 {
    width: 85px;
}

.width120 {
    width: 120px;
}

.width135 {
    width: 135px;
}

.width200 {
    width: 200px;
}

.width300 {
    width: 300px;
}

.width350 {
    width: 350px;
}

.width400 {
    width: 400px;
}

.width455 {
    width: 455px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.txtInput {
    border: 1px solid #98a9b5;
    background-color: #ffffff;
    padding: 2px;
}

.txtInputVermelho {
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #ba0000;
}

select.txtInputVermelho {
    padding: 1px;
}

.tipoDDD {
    width: 35px;
    margin-right: 10px;
}

h5, h2 {
    color: #08293d;
    font-size: 21px;
    font-weight: normal;
    border-bottom: 1px solid #fa5200;
    padding: 0 0 5px 0;
    margin-bottom: 20px;
}


textarea {
    width: 455px;
    overflow-y: scroll;
}

.boxUmBotao {
    border-top: 1px solid #317bbc;
    padding-top: 20px;
    text-align: right;
}

.boxDoisBotao {
    border-top: 1px solid #317bbc;
    padding-top: 20px;
    overflow: hidden;
}

.boxLogOut {
    text-align: right;
}

    .boxLogOut span {
        display: inline-block;
        border-right: 1px dotted #124177;
        color: #08293d;
        font-size: 18px;
        padding: 2px 10px;
    }

    .boxLogOut a {
        display: inline-block;
        background: url(../img/sair.gif) center left no-repeat;
        padding: 0 0 2px 16px;
        color: #062134;
        font-size: 14px;
        text-decoration: none;
        float: right;
        margin: 4px 10px;
    }

.overflow {
    overflow: hidden;
}

.subtitulo {
    color: #08293d;
    font-size: 18px;
    margin-bottom: 20px;
}

.erro-campo {
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #ba0000;
}


.espacoRadioButton label {
    margin: 0 20px 0 5px;
}

.legendaForm {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

.radioButtonSpace label {
    margin: 0 40px 0 5px;
}

.rdoButtonListHrz input {
    float: left;
    margin: 0 5px 0 0;
}

.rdoButtonListHrz label {
    float: left;
}

.rdoButtonListVrt {
    display: inline-block;
    clear: both;
}

    .rdoButtonListVrt input {
        float: left;
        margin: 0 5px 0 0;
    }

    .rdoButtonListVrt label {
        float: left;
    }




#breadCrumb {
    color: #708da2;
    font-size: 11px;
    margin-bottom: 20px;
}

    #breadCrumb span {
        font-weight: bold;
        color: #003758;
    }

        #breadCrumb span:first-child {
            font-weight: normal;
            color: #708da2;
        }

    #breadCrumb a {
        color: #003371;
    }

        #breadCrumb a:hover {
            text-decoration: underline;
        }

.noBorder {
    border: 0 !important;
}

.aCenter {
    text-align: center;
}

.bold {
    font-weight: bold;
}
/*---------------------------------------------------------------------------*/
/* LightBox */
/*---------------------------------------------------------------------------*/

#mensagemImpressao {
    padding: 40px 20px;
    text-align: center;
}

    #mensagemImpressao .bordaTop {
        text-align: right;
        border-color: #317bbc;
    }

        #mensagemImpressao .bordaTop a {
            margin: 10px 0 0 0;
        }

    #mensagemImpressao p {
        font-size: 14px;
        text-align: center;
        margin-top: 20px;
    }

#mensagemImpressão p:first-child {
    margin-top: 0;
}

#mensagemImpressao p.msgSucesso {
    color: #003371;
    font-size: 16px;
}


#mensagemEsqueciSenha {
    padding: 10px 20px;
}

    #mensagemEsqueciSenha h6 {
        color: #003371;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    #mensagemEsqueciSenha .boxFundoAzul {
        background-color: #f4f6f8;
        padding: 15px;
        overflow: hidden;
    }

        #mensagemEsqueciSenha .boxFundoAzul label {
            margin-right: 10px;
            font-size: 14px;
        }

    #mensagemEsqueciSenha .bordaTopRight {
        margin-top: 20px;
        border-top: 1px solid #317BBC;
        display: block;
        padding-top: 15px;
        text-align: right;
    }

        #mensagemEsqueciSenha .bordaTopRight .btnAzul {
            margin-top: 0;
        }

    #mensagemEsqueciSenha p {
        margin-bottom: 20px;
        text-align: center;
        font-size: 14px;
    }

    #mensagemEsqueciSenha .esqueciSenhaSucesso {
        margin-top: 45px;
    }

        #mensagemEsqueciSenha .esqueciSenhaSucesso .bold {
            display: block;
            margin-top: 5px;
        }


#mensagemCadastrarOutro {
    padding: 0 20px;
}

    #mensagemCadastrarOutro h6 {
        color: #08293d;
        background-color: #d6e3eb;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 5px;
    }

    #mensagemCadastrarOutro p {
        font-size: 16px;
        color: #f26512;
        text-align: center;
        margin: 25px 0;
    }

    #mensagemCadastrarOutro > span {
        display: block;
        margin: 0 0 10px 0;
        color: #08293D;
        font-size: 14px;
    }


#mensagemConfirmacao {
    padding: 0 20px;
}

    #mensagemConfirmacao h6 {
        color: #08293d;
        background-color: #d6e3eb;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 5px;
    }

    #mensagemConfirmacao span p {
        font-size: 16px;
        color: #f26512;
        text-align: center;
        margin: 25px 0;
    }

    #mensagemConfirmacao > span {
        display: block;
        margin: 25px 0;
        color: #08293D;
        font-size: 14px;
    }

    #mensagemConfirmacao p.bold {
        font-size: 14px;
        color: #08293D;
    }



#mensagemPecaPublicacao {
    padding: 0 20px;
}

    #mensagemPecaPublicacao h6 {
        color: #08293d;
        background-color: #d6e3eb;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 5px;
    }

    #mensagemPecaPublicacao .copiarBanner {
        margin: 30px 0 25px 0;
    }

        #mensagemPecaPublicacao .copiarBanner label {
            display: block;
            margin-bottom: 5px;
            color: #565757;
            font-weight: bold;
            font-size: 12px;
        }

        #mensagemPecaPublicacao .copiarBanner select {
            width: 380px;
        }


    #mensagemPecaPublicacao .alterarBanner {
        margin: 30px 0 25px 0;
    }

        #mensagemPecaPublicacao .alterarBanner > span {
            display: block;
            margin-bottom: 5px;
            color: #565757;
            font-weight: bold;
            font-size: 12px;
        }

        #mensagemPecaPublicacao .alterarBanner > ul {
        }

            #mensagemPecaPublicacao .alterarBanner > ul li {
                padding-top: 10px;
                overflow: hidden;
                width: 255px;
                line-height: 26px;
            }

                #mensagemPecaPublicacao .alterarBanner > ul li label {
                    display: inline-block;
                    margin: 0 5px 0 3px;
                    font-size: 16px;
                    font-weight: bold;
                    color: #4c4c4c;
                }

                #mensagemPecaPublicacao .alterarBanner > ul li img {
                    display: block;
                    float: right;
                }

        #mensagemPecaPublicacao .alterarBanner blockquote {
            background-color: #fff297;
            border: 1px solid #d0c369;
            padding: 10px;
            margin-top: 20px;
            font-size: 12px;
            font-weight: bold;
            color: #565757;
            line-height: 1.2em;
        }



#mensagemTrocaBanner {
    padding: 0 20px;
}

    #mensagemTrocaBanner h6 {
        color: #003371;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #mensagemTrocaBanner .boxPaginacao {
        margin-bottom: 20px;
    }

    #mensagemTrocaBanner .tabelaEstilo td {
        font-weight: bold;
        font-size: 12px;
    }

        #mensagemTrocaBanner .tabelaEstilo td.alignleft {
            text-align: left;
        }

    #mensagemTrocaBanner .tabelaEstilo th.lastChild {
        background-color: #D6E2EB;
        border: 1px solid #B8CEDD;
        width: auto;
    }

    #mensagemTrocaBanner .tabelaEstilo td.lastChild {
        border: 1px solid #B8CEDD;
        text-align: left;
    }


#mensagemCadastrarConvencao {
    padding: 0 20px;
}


/*---------------------------------------------------------------------------*/
/* Tabelas */
/*---------------------------------------------------------------------------*/

.tabelaEstilo {
    width: 100%;
}

    .tabelaEstilo th, .tabelaComBorda th.lastChild {
        background-color: #d6e2eb;
        color: #003371;
        font-size: 14px;
        font-weight: bold;
        padding: 13px;
        border: 1px solid #b8cedd;
    }




    .tabelaEstilo thead th h3 {
        text-align: left;
    }


    .tabelaEstilo .grupo_1 td,
    .tabelaEstilo .grupo_1 th {
        background-color: #d6e2eb;
    }

    .tabelaEstilo .grupo_2 td,.tabelaEstilo .grupo_2 th {
        background-color: #ffffff;
        text-align:left;
    }

    .tabelaEstilo td {
        border: 1px solid #b8cedd;
        text-align: center;
        padding: 10px;
    }

    
    .tabelaEstilo tfoot th {
                background-color: #ffffff;
        text-align: right;
             color: #003371;
                     font-size: 14px;
        font-weight: bold;
        padding: 13px;
                                          border:transparent          ;

    }


.tabelaComBorda td {
    text-align: left;
}

.tabelaEstilo th.lastChild, .tabelaEstilo td.lastChild {
    border: 0;
    background-color: transparent;
    width: 140px;
}

    .tabelaEstilo td.lastChild .vermelho {
        padding: 5px 0 0;
    }

/*---------------------------------------------------------------------------*/
/* TabelasLogAcesso */
/*---------------------------------------------------------------------------*/

.tabelaEstiloLog {
    width: 80%;
}

    .tabelaEstiloLog th, .tabelaComBorda th.lastChild {
        background-color: #d6e2eb;
        color: #003371;
        font-size: 12px;
        font-weight: normal;
        padding: 13px;
        border: 1px solid #b8cedd;
    }

    .tabelaEstiloLog td {
        border: 1px solid #b8cedd;
        text-align: center;
        padding: 10px;
    }

.tabelaComBorda td {
    text-align: left;
}

.tabelaEstiloLog th.lastChild, .tabelaEstiloLog td.lastChild {
    border: 0;
    background-color: transparent;
    width: 140px;
}

    .tabelaEstiloLog td.lastChild .vermelho {
        padding: 5px 0 0;
    }

/*---------------------------------------------------------------------------*/
/* Menu Lateral */
/*---------------------------------------------------------------------------*/

.menuLateral .logoInterna {
    background: url(../img/logoInterna.gif) top left no-repeat;
    display: block;
    width: 210px;
    height: 64px;
    margin: 20px auto;
}

.menuLateral h3 {
    color: #ffffff;
    font-size: 18px;
    padding: 15px 17px 15px 27px;
    background: url(../img/bulletSetaMenor.gif) 16px center no-repeat;
    border-top: 1px solid #ffffff;
}



.menuLateral ul {
    list-style: none;
    border-top: 1px solid #ffffff; /*margin-bottom: 20px;*/
}

    .menuLateral ul li {
        border-bottom: 1px solid #ffffff;
        display: block;
        padding: 0 15px;
        background-color: #b8cedd;
    }

        .menuLateral ul li a {
            display: block;
            padding: 10px 0 10px 13px;
            color: #08293d;
            font-weight: bold;
            font-size: 15px;
            background: url(../img/bulletSetaMenor.gif) center left no-repeat;
        }

        .menuLateral ul li.ativo {
            background-color: #ffffff; /*#d0dfe9;*/
        }
/*---------------------------------------------------------------------------*/
/* Banner */
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/* Box */
/*---------------------------------------------------------------------------*/

.rounded_a {
    position: relative;
    background-color: #dfe6eb;
    padding: 6px;
    border: 2px solid #dfe6eb;
    display: inline-block;
}

    .rounded_a .rd_tl, .rounded_a .rd_tr, .rounded_a .rd_bl, .rounded_a .rd_br {
        position: absolute;
        z-index: 1;
        width: 6px;
        height: 6px;
        background: #fff url(../img/cantosAvatar.gif) no-repeat;
    }

    .rounded_a .rd_tl {
        top: -2px;
        left: -2px;
        background-position: left top;
    }

    .rounded_a .rd_tr {
        top: -2px;
        right: -2px;
        background-position: right top;
    }

    .rounded_a .rd_bl {
        bottom: -2px;
        left: -2px;
        background-position: left bottom;
    }

    .rounded_a .rd_br {
        bottom: -2px;
        right: -2px;
        background-position: right bottom;
    }

    .rounded_a img {
        border: 1px solid #bfcdd6;
    }

.fundoAzulClaro {
    background-color: #f4f6f8;
    padding: 20px;
    overflow: hidden;
}

.boxBordaTopoPontilhada {
    border-top: 1px dotted #81a1b4;
    margin-top: 20px;
    padding-top: 20px;
    overflow: hidden;
}

.boxCinza {
    background-color: #f4f6f8;
    border: 1px solid #b8cedd;
    padding: 10px;
    width: 200px;
}


.blocoContainer .bloco {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #98a9b5;
}

    .blocoContainer .bloco:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .blocoContainer .bloco .labelTitulo {
        display: block;
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: bold;
    }

    .blocoContainer .bloco .legendaCampo {
        display: block;
        font-size: 11px;
        margin-top: 3px;
    }

    .blocoContainer .bloco .spanTitulo {
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: bold;
    }


/*---------------------------------------------------------------------------*/
/* Calendario */
/*---------------------------------------------------------------------------*/

fieldset .calendar, .calendar {
    background-image: url(../img/calendar.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 32px;
    height: 30px;
    margin: -2px 5px 0 5px;
}

    fieldset .calendar.ini, .calendar.ini {
        background-position: 0 0;
    }

    fieldset .calendar.fim, .calendar.fim {
        background-position: 0 -30px;
    }


.busca > p {
    color: #003371;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.busca ul li p {
    overflow: hidden;
}

    .busca ul li p span, .busca ul li p input {
        float: left;
        line-height: 23px;
        padding-right: 5px;
    }

        .busca ul li p input.calendario {
            width: 70px;
        }

    .busca ul li p a.calendar {
        margin-top: 0;
    }

/*---------------------------------------------------------------------------*/
/* Páginas de Login */
/*---------------------------------------------------------------------------*/

#principalLogin {
    background-color: #ffffff;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

#corpoLogin .login {
    background: url(../img/logo.jpg) center left no-repeat;
    display: block;
    width: 219px;
    height: 50px;
    margin: 0 30px;
    padding: 20px 0;
}

.boxLogin {
    width: 540px;
    display: block;
    margin: 90px auto 0 auto;
}

    .boxLogin > span {
        display: block;
        color: #626363;
        font-size: 16px;
        padding-bottom: 7px;
    }

    .boxLogin .fundoAzulClaro {
        margin-bottom: 20px;
    }

        .boxLogin .fundoAzulClaro p {
            float: right;
            padding: 15px 10px;
        }

            .boxLogin .fundoAzulClaro p:first-child {
                float: left;
            }

            .boxLogin .fundoAzulClaro p label {
                color: #585858;
                font-size: 18px;
            }

            .boxLogin .fundoAzulClaro p .txtInput {
                width: 140px;
            }

        .boxLogin .fundoAzulClaro .btnLink {
            display: block;
            margin: 5px 0 0 52px;
        }

        .boxLogin .fundoAzulClaro .marginIdentLogin {
            margin-left: 109px;
        }

/*---------------------------------------------------------------------------*/
/* Página de Informação Importante */
/*---------------------------------------------------------------------------*/

.listaComEditar {
    list-style: none;
    width: 100%;
    display: block;
}

    .listaComEditar li {
        display: block;
        border-bottom: 1px solid #b8cedd;
        border-left: 1px solid #b8cedd;
        border-right: 1px solid #b8cedd;
        padding: 5px;
        overflow: hidden;
        line-height: 32px;
    }

        .listaComEditar li:first-child {
            text-align: center;
            background-color: #003371;
            color: #ffffff;
            font-size: 14px;
            font-weight: bold;
            padding: 14px 0;
            border: 0;
            line-height: normal;
        }

        .listaComEditar li > span {
            display: block;
            float: left;
            padding: 9px 0;
            color: #003371;
            font-size: 14px;
            font-weight: bold;
        }

            .listaComEditar li > span span {
                font-size: 12px;
                font-weight: normal;
                margin-left: 5px;
            }

        .listaComEditar li > a {
            float: right;
        }

/* -- Editar -- */
.campoObrigatorio {
    display: block;
    color: #fa5200;
    font-size: 11px;
    margin-bottom: 20px;
}

.informacaoImportante > div {
    margin-top: 40px;
}

.informacaoImportante .overflow .left > label {
    display: block;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

    .informacaoImportante .overflow .left > label span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
    }

.informacaoImportante .boxCinza {
    font-size: 12px;
    margin-top: 18px;
}

    .informacaoImportante .boxCinza p:first-child {
        margin-top: 0;
        font-weight: bold;
    }

    .informacaoImportante .boxCinza p {
        margin-top: 15px;
        line-height: 1.3em;
    }

        .informacaoImportante .boxCinza p span {
            display: block;
        }

.informacaoImportante .tabelaEstilo tr td:first-child, .informacaoImportante .tabelaEstilo tr th:first-child {
    width: 485px;
    text-align: left;
}

.informacaoImportante .tabelaEstilo tr td.lastChild, .informacaoImportante .tabelaEstilo tr th.lastChild {
    width: 70px;
}


.listaCheck {
    margin-top: 10px;
    font-size: 13px;
}

    .listaCheck span label {
        margin: 0 5px;
    }

.informacaoImportante .boxDoisBotao {
    margin-top: 20px;
}

.informacaoImportante .boxUmBotao {
    margin-top: 0;
}
/*---------------------------------------------------------------------------*/
/* Página de Valores de Serviços */
/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/* Página de Perguntas e Respostas */
/*---------------------------------------------------------------------------*/

.menuBlocoAzul {
    overflow: hidden;
    list-style: none;
    margin-bottom: 20px;
}

    .menuBlocoAzul li {
        float: left;
        display: block;
        margin-right: 2px;
        background-color: #b8cedd;
        padding: 15px 20px;
    }

        .menuBlocoAzul li a {
            display: block;
            font-size: 15px;
            text-decoration: none;
        }

.busca {
    border: 1px solid #3089be;
    padding: 20px 0 0 20px;
    margin-bottom: 20px;
}

    .busca ul {
        overflow: hidden;
    }

        .busca ul li {
            float: left;
            display: block;
            padding: 0 20px 20px 0;
        }

            .busca ul li label {
                display: block;
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 3px;
            }

            .busca ul li input.txtInput {
                padding: 3px;
            }

            .busca ul li a {
                margin-top: 14px;
            }


.head {
    background-color: #e7eef1;
    padding: 5px;
    margin: 5px 0 30px 0;
}

    .head table {
        width: 100%;
    }

    .head td {
        border-left: 1px solid #dbe5ec;
        font-size: 14px;
        padding: 5px 10px;
        text-align: left;
    }

        .head td:first-child {
            border: 0;
            text-align: left;
        }

        .head td.lastChild {
            text-align: right;
        }


.resultBusca .overflow {
    border-bottom: 1px solid #888888;
    padding-bottom: 3px;
}

    .resultBusca .overflow p {
        color: #08293d;
        font-size: 16px;
        font-weight: bold;
    }


.boxPaginacao {
    overflow: hidden;
    padding: 2px 0;
    margin-bottom: 20px;
}

.paginacao a {
    color: #003371;
    font-weight: bold;
    margin-left: 5px;
}

    .paginacao a.ativada {
        color: #4c4c4c;
        text-decoration: none;
    }

.paginacao .paginas-anteriores {
    background: url(../img/setaDuplaEsq.gif) center no-repeat;
    width: 12px;
    height: 9px;
    display: inline-block;
    text-indent: -9999px;
    line-height: 9px;
}

.paginacao .proximas-paginas {
    background: url(../img/setaDuplaDir.gif) center no-repeat;
    width: 12px;
    height: 9px;
    display: inline-block;
    text-indent: -9999px;
    line-height: 9px;
}



.proventosDescontos .tabelaEstilo tr th:first-child, .proventosDescontos .tabelaEstilo tr td:first-child, .perguntasRespostas .tabelaEstilo tr th:first-child, .perguntasRespostas .tabelaEstilo tr td:first-child {
    text-align: left;
    width: 440px;
}

.perguntasRespostas .tabelaEstilo .lastChild {
    width: 70px;
}


.fechado {
    background: url(../img/btnAbrir.png) top left no-repeat;
    padding: 3px 0 3px 30px;
    font-weight: bold;
    display: block;
}

.aberto {
    background: url(../img/btnFechar.png) top left no-repeat;
    padding: 3px 0 3px 30px;
    font-weight: bold;
    display: block;
}

.corFundoAzul td {
    background-color: #f4f6f8;
}


.linkCorredico {
    cursor: pointer;
    margin: 7px 0;
}

.boxCorredico {
    padding: 15px 20px;
    border-top: 1px dotted #b8cedd;
    font-size: 12px;
    display: none;
    margin-top: 10px;
}

    .boxCorredico div {
        margin-top: 15px;
    }

        .boxCorredico div:first-child {
            margin-top: 0;
        }

        .boxCorredico div span {
            display: block;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 3px;
        }

/*-- Cadastrar --*/

.perfilExigido {
    display: block;
    color: #003758;
    margin-top: 20px;
    font-weight: normal;
}

.bordaBottomDotted {
    border-bottom: 1px dotted #98a9b5;
}

.marginTopBottom {
    margin: 20px 0;
}

fieldset.form {
    clear: both;
}

    fieldset.form .blocoContainer {
        margin-bottom: 20px;
    }

    fieldset.form .innerBloco {
        margin-top: 20px;
    }

.cadastrarVerbas fieldset.form .innerBloco p {
    font-size: 12px;
    padding: 2px 0;
}

fieldset.form .innerBloco:first-child {
    margin-top: 0;
}

fieldset.form .innerBloco > label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

    fieldset.form .innerBloco > label span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
    }

fieldset.form .innerBloco .optAbrangencia {
    overflow: hidden;
    display: block;
    margin-left: 82px;
    width: 455px;
}

    fieldset.form .innerBloco .optAbrangencia .padding {
        padding-right: 20px;
    }

    fieldset.form .innerBloco .optAbrangencia label {
        display: block;
        margin-bottom: 3px;
    }


/*-- Gerenciar Categoria --*/

.subSubTitulo {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

.boxAlerta {
    border: 1px solid #d70000;
    padding: 10px;
}

    .boxAlerta span, .boxAlerta ul {
        display: block;
        color: #d70000;
        font-size: 12px;
        line-height: 1.3em;
        background: url(../img/icoAlerta.gif) center left no-repeat;
    }

    .boxAlerta span {
        padding: 5px 0 5px 36px;
    }

    .boxAlerta ul {
        padding: 6px 0 6px 36px;
    }

/*---------------------------------------------------------------------------*/
/* Legislação */
/*---------------------------------------------------------------------------*/

.legislacao .tabelaEstilo .lastChild {
    width: 70px;
}

.legislacao .tabelaEstilo tr td:first-child {
    width: 150px;
}

/*---------------------------------------------------------------------------*/
/* Fornecedores */
/*---------------------------------------------------------------------------*/

.fornecedores .tabelaEstilo .lastChild {
    width: 70px;
}

.innerBloco .btnAdicionar {
    display: block;
    margin-top: 10px;
}

.innerBloco .outroFone {
    display: block;
    margin-top: 10px;
}

.innerBloco .titTextArea {
    margin: 0 0 20px 0;
    color: #003371;
    font-size: 14px;
    font-weight: bold;
}

    .innerBloco .titTextArea span {
        color: #585858;
        font-size: 12px;
        font-weight: normal;
        padding-left: 5px;
    }

.innerBloco .corpoTextArea > label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.innerBloco .corpoTextArea > span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}


.tableCheck {
    width: 100%;
    margin: 20px 0;
}

    .tableCheck td {
        padding: 7px 0;
    }

        .tableCheck td label {
            margin: 0 30px 0 5px;
        }

/*-- Cadastro --*/

.areaAtuacao > span {
    display: block;
    background-color: #d6e2eb;
    color: #003371;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #b8cedd;
    padding: 13px 19px;
    margin-top: 10px;
}

.areaAtuacao .box {
    border-left: 1px solid #b8cedd;
    border-right: 1px solid #b8cedd;
    border-bottom: 1px solid #b8cedd;
    padding: 19px;
}

    .areaAtuacao .box ul li {
        border-top: 1px solid #b8cedd;
        padding-top: 20px;
        margin-top: 15px;
        font-size: 14px;
        color: #565757;
    }

        .areaAtuacao .box ul li:first-child {
            padding-top: 0;
            margin-top: 0;
            border-top: 0;
        }

    .areaAtuacao .box .tabela {
        width: 99%;
    }

        .areaAtuacao .box .tabela tr th {
            text-align: left;
            border-left: 1px solid #b8cedd;
            padding: 10px;
            font-weight: normal;
        }

            .areaAtuacao .box .tabela tr th:first-child {
                border-left: 0;
                padding-left: 0;
            }

            .areaAtuacao .box .tabela tr th a {
                display: block;
                margin-top: 5px;
            }

        .areaAtuacao .box .tabela tr td {
            font-size: 12px;
            border-top: 1px dotted #98a9b5;
            border-left: 1px solid #b8cedd;
            padding: 10px;
        }

            .areaAtuacao .box .tabela tr td:first-child {
                border-left: 0;
                padding-left: 0;
            }

/*---------------------------------------------------------------------------*/
/* Peças Publicitárias */
/*---------------------------------------------------------------------------*/

.pecasPublicitarias .infoTooltipMarkup {
    position: absolute;
    top: -4px;
    left: 222px;
    cursor: pointer;
}


.pecasPublicitarias .busca {
    position: relative;
}

.pecasPublicitarias .tabelaEstilo th.lastChild, .pecasPublicitarias .tabelaEstilo td.lastChild {
    border: 0;
    background-color: transparent;
    width: 70px;
}

/*-- Cadastrar --*/

.pecasPublicitariasCadastrar .infoTooltipMarkup {
    position: absolute;
    top: -4px !important;
    left: 70px !important;
    cursor: pointer;
}

/*-- Publicar --*/

#menuSlide {
    overflow: hidden;
}

    #menuSlide h3 {
        background-color: #d6e2eb;
        border: 1px solid #b8cedd;
        padding: 0 14px;
        margin-top: 10px;
        display: inline-block;
        width: 670px;
    }

        #menuSlide h3 a {
            display: block;
            background: url(../img/flechaDown.gif) right center no-repeat;
            padding: 14px 0;
            color: #003371;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
        }

            #menuSlide h3 a.up {
                background: url(../img/flechaUp.gif) right center no-repeat;
            }

    #menuSlide > div {
        border-left: 1px solid #b8cedd;
        border-right: 1px solid #b8cedd;
        border-bottom: 1px solid #b8cedd;
        padding: 20px;
        display: none;
    }

.semPublicidade {
    text-align: center;
}

    .semPublicidade span {
        display: block;
        color: #565757;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
    }



.blocoSlide .bloco {
    margin-top: 15px;
    padding-top: 15px;
}

    .blocoSlide .bloco:first-child p {
        font-size: 12px;
        line-height: 20px;
    }

    .blocoSlide .bloco:first-child ul {
        overflow: hidden;
        margin-left: 160px;
    }

        .blocoSlide .bloco:first-child ul li {
            float: left;
            border-left: 1px solid #003371;
            padding: 0 10px;
        }

            .blocoSlide .bloco:first-child ul li:first-child {
                border-left: 0;
            }

            .blocoSlide .bloco:first-child ul li a {
                color: #003371;
                font-size: 12px;
                font-weight: bold;
                text-decoration: unuderline;
                line-height: 20px;
            }


.blocoSlide .boxDoisBotao {
    margin-top: 15px;
    padding-top: 15px;
}

.containerBox {
    overflow: hidden;
    padding-bottom: 2px;
}

    .containerBox li {
        float: left; /*margin-left: 17px;*/
        margin-left: 16px;
    }

        .containerBox li:first-child {
            margin-left: 0;
        }

        .containerBox li a {
            display: block;
            margin-top: 3px;
            color: #003371;
            font-size: 12px;
            font-weight: bold;
        }

        .containerBox li p {
            font-size: 12px;
            font-weight: bold;
            color: #565757;
            margin: 10px 0;
        }


.boxSemBanner {
    background-color: #b3c0cc;
    text-align: center;
    color: #003371;
    border: 1px solid #003371;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 80px;
}


.tamanhoP {
    width: 206px;
    height: 80px;
}

.tamanhoM {
    width: 316px;
    height: 80px;
}

.tamanhoG {
    width: 648px;
    height: 80px;
}


.widthP {
    width: 206px;
}

.widthM {
    width: 316px;
}

.widthG {
    width: 648px;
}

/*---------------------------------------------------------------------------*/
/* Página de Material de Apoio */
/*---------------------------------------------------------------------------*/

.uploadBlock object {
    display: block;
}

.uploadBlock .nomeArquivo {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.uploadBlock a {
    display: none;
    margin: 15px 0;
}

.materialApoio .tabelaEstilo .lastChild {
    width: 70px;
}

.materialApoio .listaCheck {
    margin: 0;
}

.materialApoio .boxDoisBotao {
    margin-top: 20px;
}

/*---------------------------------------------------------------------------*/
/* Página de Usuário e Permissão */
/*---------------------------------------------------------------------------*/

.usuarioPermissao .tabelaEstilo tr th:first-child, .usuarioPermissao .tabelaEstilo tr td:first-child {
    text-align: left;
    width: 300px;
}

.usuarioPermissao .tabelaEstilo .lastChild {
    width: 70px;
}

.usuarioPermissao .upCadastroPerfil .tabelaEstilo th {
    padding: 10px;
}

    .usuarioPermissao .upCadastroPerfil .tabelaEstilo th .legenda {
        font-size: 12px;
        font-weight: normal;
        display: block;
    }

    .usuarioPermissao .upCadastroPerfil .tabelaEstilo th:first-child {
        width: auto;
        text-align: center;
    }

    .usuarioPermissao .upCadastroPerfil .tabelaEstilo th.lastChild {
        background-color: #D6E2EB;
        border: 1px solid #B8CEDD;
    }

    .usuarioPermissao .upCadastroPerfil .tabelaEstilo th.lastChild, .usuarioPermissao .upCadastroPerfil .tabelaEstilo td.lastChild {
        width: auto;
    }

.usuarioPermissao .upCadastroPerfil .tabelaEstilo td.lastChild {
    border: 1px solid #B8CEDD;
}


.tabelaEstilo th.lastChild, .tabelaEstilo td.lastChild {
    border: 0;
    background-color: transparent;
    width: 140px;
}


.upCadastroPerfil .perfilAcesso {
    overflow: hidden;
    margin-top: 20px;
}

    .upCadastroPerfil .perfilAcesso ul {
    }

        .upCadastroPerfil .perfilAcesso ul li {
            margin-bottom: 10px;
            overflow: hidden;
        }

            .upCadastroPerfil .perfilAcesso ul li div {
                overflow: hidden;
                width: 250px;
                float: left;
            }

                .upCadastroPerfil .perfilAcesso ul li div input {
                    float: left;
                    margin-right: 0;
                }

                .upCadastroPerfil .perfilAcesso ul li div label {
                    margin-left: 20px;
                    font-size: 14px;
                    font-weight: bold;
                    width: 230px;
                    display: block;
                }

            .upCadastroPerfil .perfilAcesso ul li label {
                font-size: 14px;
                font-weight: bold;
            }

            .upCadastroPerfil .perfilAcesso ul li a {
                margin-left: 250px;
                display: block;
            }



.upCadastroPerfil .innerBloco .fL {
    float: left;
    margin: 0 10px 0 0;
}
/* Lightbox Permissão */

#mensagemPermissao {
    padding: 0 20px;
}

    #mensagemPermissao h6 {
        color: #08293d;
        background-color: #d6e3eb;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 5px;
    }

    #mensagemPermissao .tabelaEstilo td:first-child {
        text-align: left;
    }

/*---------------------------------------------------------------------------*/
/* Página de Convenção e Regulamento */
/*---------------------------------------------------------------------------*/

.convencaoRegulamento {
}

    .convencaoRegulamento .resultBusca > div {
        overflow: hidden;
        margin: 40px 0 20px 0;
        width: 600px;
    }

        .convencaoRegulamento .resultBusca > div span {
            display: block;
            float: left;
            font-size: 16px;
            font-weight: bold;
            width: 425px;
        }

        .convencaoRegulamento .resultBusca > div a {
            display: block;
            float: right;
            font-size: 14px;
        }


    .convencaoRegulamento .tabelaEstilo td, .convencaoRegulamento .tabelaEstilo th {
        text-align: left;
    }

    .convencaoRegulamento .tabelaEstilo .lastChild {
        width: 70px;
        text-align: center;
    }


    .convencaoRegulamento .legendaForm {
        width: 400px;
        line-height: 1.2em;
    }


    .convencaoRegulamento #liAgConta {
        width: 315px;
    }

/*---------------------------------------------------------------------------*/
/* Footer */
/*---------------------------------------------------------------------------*/
#rodapeLogin.customFooter {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#rodapeLogin, #rodape {
    background-color: #b8cedd;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.imgRodape {
    background: url(../img/logoRodape.png) center no-repeat;
    width: 493px;
    height: 27px;
    display: inline-block;
}


.marcacaoTextoBusca {
    font-weight: bold;
    color: #ea3d00;
}

.btnAzul {
    color: #ffffff !important;
    display: inline-block;
    border: 0;
    cursor: pointer;
    padding: 0 0 0 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}

.btnAzul {
    background: url(../img/btnAzulEsq.gif) top left no-repeat;
}

    .btnAzul span {
        color: #ffffff !important;
        display: inline-block;
        border: 0;
        cursor: pointer;
        padding: 0 10px 0 5px;
        text-align: center;
        height: 27px;
        line-height: 26px;
    }

    .btnAzul span {
        background: url(../img/btnAzulDir.gif) top right no-repeat;
    }

.btnExcel {
    background: url(../img/icoExcel.gif) center left no-repeat;
    display: block;
    padding: 10px 0 10px 32px;
    color: #003371;
    font-size: 12px;
    font-weight: bold;
}

.btnPdf {
    background: url(../img/icoPdf.gif) center left no-repeat;
    display: block;
    padding: 10px 0 10px 32px;
    color: #003371;
    font-size: 12px;
    font-weight: bold;
}

.btnImprimir {
    background: url(../img/bulletImpressao.gif) center left no-repeat;
    color: #003371;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0 10px 32px;
    display: inline-block;
}

.co {
    clear: both;
    overflow: hidden;
    height: 20px;
}

.cadastrarVerbas .espacoRadioButton {
    clear: both;
    overflow: hidden;
}

    .cadastrarVerbas .espacoRadioButton > span {
        padding: 10px 0;
    }

        .cadastrarVerbas .espacoRadioButton > span:first-child {
            display: inline-block;
            width: 100px;
        }

.innerBloco .divGroupFields {
    margin-bottom: 15px;
    float: left;
    clear:both;
}

    .innerBloco .divGroupFields:last-child {
        margin-bottom: 0;
        float: none;
    }

.divCampos {
    margin-right: 30px;
}

    .divCampos * {
        float: left;
        line-height: 200%;
        margin-right: 5px;
    }

.relatorios li.bordaBottomDotted {
    padding: 20px 0;
    overflow: hidden;
}

    .relatorios li.bordaBottomDotted:first-child {
        padding-top: 0;
    }

.relatorios > div.bordaBottomDotted {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
    height: 25px;
}

.relatorios li.sMargin {
    padding-bottom: 0;
    height: 25px;
    margin-bottom: 10px;
}

.relatorios fieldset.form .innerBloco {
    margin: 0;
}

.relatorios ul.p20 {
    overflow: hidden;
}

    .relatorios ul.p20 li {
        padding: 3px 0;
    }

.relatorios ul.ulAgrupamento li label {
    display: block;
    padding: 5px 0;
}

.relatorios ul.ulAgrupamento li, .relatorios ul.ulLeft li {
    float: left;
    margin-right: 10px;
}

.relatorios ul.ulLeft li {
    margin-right: 15px;
}

.relatorios ul.ulAgrupamento li span {
    display: block;
    clear: both;
    overflow: hidden;
}

.obs {
    font-size: 11px;
    line-height: 150%;
    padding: 10px 0;
}

    .obs span {
        font-weight: bold;
    }

.relatorios .btnAzulChapado {
    margin: 20px 0;
    float: right;
}

.relatorios .infoTooltip, .relatorios .infoTooltipRight {
    margin: 0;
}

.abasDocAta {
    border-bottom: 1px solid #C5D7E0;
    list-style: none outside none;
    margin-bottom: 30px;
    padding-bottom: 47px;
}

    .abasDocAta li {
        float: left;
        margin-left: 3px;
    }

        .abasDocAta li:first-child {
            margin: 0;
        }

        .abasDocAta li a {
            background: url("../img/abaDocumentoAtaEsqOff.gif") no-repeat scroll left top transparent;
            color: #072B42;
            display: block;
            font-size: 16px;
            font-weight: bold;
            height: 48px;
            padding: 0 0 0 10px;
            text-decoration: none;
        }

            .abasDocAta li a span {
                background: url("../img/abaDocumentoAtaDirOff.gif") no-repeat scroll right top transparent;
                display: block;
                padding: 16px 18px 16px 5px;
            }

        .abasDocAta li.docAtivo a {
            background: url("../img/abaDocumentoAtaEsq.gif") no-repeat scroll left top transparent;
            color: #EA3D00;
            height: 48px;
            margin: 0;
            padding: 0 0 0 9px;
        }

            .abasDocAta li.docAtivo a span {
                background: url("../img/abaDocumentoAtaDir.gif") no-repeat scroll right top transparent;
                border: 0 none;
                display: block;
                padding: 16px 18px 16px 5px;
            }

.abaLarga li a span, .abaLarga li.docAtivo a span {
    padding: 16px 65px 16px 52px;
}

.abaLarga2 li a span, .abaLarga2 li.docAtivo a span {
    padding-left: 8px;
    padding-right: 18px;
}

.boxesInternos {
    border: 1px solid #CCCCCC;
    margin: 10px;
    padding: 10px;
}

    .boxesInternos div.left {
        margin-right: 15px;
    }

    .boxesInternos li label {
        display: block;
        padding: 3px 0;
    }

    .boxesInternos li {
        border-top: 1px dotted #cccccc;
        padding: 15px 0;
        overflow: hidden;
    }

        .boxesInternos li:first-child {
            border: 0;
            padding-top: 0;
        }

        .boxesInternos li.usuCondominios div label {
            height: 33px;
        }

        .boxesInternos li.usuCondominios div {
            width: 162px;
            margin-right: 20px;
        }

            .boxesInternos li.usuCondominios div:first-child + div + div {
                margin-right: 0;
            }

                .boxesInternos li.usuCondominios div:first-child + div + div + div {
                    width: 100px;
                }

        .boxesInternos li.UsuCondominioUf div label {
            height: 20px;
        }

        .boxesInternos li.UsuCondominioUf div, .boxesInternos li.usuCondominios div {
            margin-bottom: 20px;
        }

            .boxesInternos li.UsuCondominioUf div.divBairro, .boxesInternos li.usuCondominios div.divBairro {
                width: auto !important;
            }

                .boxesInternos li.UsuCondominioUf div.divBairro label, .boxesInternos li.usuCondominios div.divBairro label {
                    height: 20px !important;
                }


.buscarUsuPorCnpj, .buscarUsuPorNome {
    overflow: hidden;
    height: 50px;
}

    .buscarUsuPorCnpj div + div {
        padding-top: 20px;
    }

    .buscarUsuPorNome div + div + div {
        padding-top: 20px;
    }

.liComportamentos {
    /*height: 380px;*/
}

/**/
.relatorios legend {
    font-weight: bold;
    padding: 10px 0;
}

.relatorios .form li fieldset li {
    padding: 3px 0;
}

.relatorios .lastFilho div {
    margin-top: 6px;
}

    .relatorios .lastFilho div label {
        display: block;
        padding-bottom: 5px;
        font-weight: bold;
    }

.pnlResultadoRelatorios {
    overflow: hidden;
    width: 100%;
}

.pnlResultadoRelatorios {
    overflow: hidden;
    width: 100%;
}

    .pnlResultadoRelatorios h3 {
        font-size: 18px;
    }

    .pnlResultadoRelatorios > div > span {
        padding: 10px 0;
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

    .pnlResultadoRelatorios .icon {
        margin-left: 15px;
    }

.pnlExcelPrint1 > div {
    margin-top: -5px;
}

.logsAcesso .left {
    margin-right: 25px !important;
}


.ulResultadoFiltro {
    margin-top: 20px;
}

    .ulResultadoFiltro ul li {
        padding: 5px 0;
    }

    .ulResultadoFiltro > div {
        margin-bottom: 10px;
    }

        .ulResultadoFiltro > div p {
            margin-bottom: 5px;
        }

    .ulResultadoFiltro h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }


.ulResultadoLogsAcesso {
    margin-top: 20px;
}

    .ulResultadoLogsAcesso ul li {
        padding: 5px 0;
    }

.TabelaDados {
    overflow: auto;
    max-height: 700px;
}

.bigToolTip {
    /*display:none;*/
    border: 1px solid #B8CEDD;
    position: absolute;
    top: 580px;
    /*left: 300px;*/
    z-index: 100;
    background: #ffffff;
    width: 650px;
}

    .bigToolTip.BuscaUsuario {
        top: 580px;
        left: 430px;
    }

    .bigToolTip .sombra {
        background: url(../img/bg-shadow.png) repeat; /*display: none;*/
        position: absolute;
        top: 205px;
        left: 305px;
        z-index: 99;
        width: 650px;
    }

    .bigToolTip .tableUsuarioUnico {
        margin: 20px;
    }

    .bigToolTip .chkAll {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .bigToolTip fieldset {
        position: relative;
        padding: 5px;
    }

    .bigToolTip h2, .divBotoes {
        background: none repeat scroll 0 0 #D6E2EB;
        font-size: 18px;
        padding: 10px 5px;
        overflow: hidden;
    }

    .bigToolTip ul li {
        padding: 5px 0 5px 5px;
    }

    .bigToolTip ul.relatorios li {
        float: left;
        width: 195px;
    }

    .bigToolTip ul li input {
        margin-right: 5px;
    }

.toolTipHeader {
    background: #D6E2EB;
    padding: 5px;
}

.strong {
    background: #B8CEDD;
}

.medium {
    background: #B8CEDD;
}

.light {
    background: #D6E2EB;
}

.strong, .medium, .light {
    font-weight: bold;
    position: relative;
}

.mL15 {
    margin-left: 15px;
}

.mL30 {
    margin-left: 30px;
}

.mL45 {
    margin-left: 45px;
}

.mL65 {
    margin-left: 65px;
}

.mL80 {
    margin-left: 80px;
}

.sPt {
    padding-top: 0;
}

.hplLink {
    color: Blue;
    cursor: pointer;
    font-size: 11px;
    position: absolute;
    right: 16px;
    text-decoration: underline;
    top: -26px;
}

.mBottom {
    margin: 0 0 5px 0;
}

.divBotoes {
    padding: 10px 5px 25px;
}

    .divBotoes a:first-child {
        display: block;
        margin-top: 25px;
        color: Blue;
        text-decoration: underline;
        font-size: 14px;
        cursor: pointer;
    }

.ocEx {
    display: block;
    height: 10px;
    outline: medium none;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-indent: -99999px;
    top: 2px;
    width: 10px;
}

.exibir {
    background: url("../img/flechaUp.gif") no-repeat scroll 0 6px transparent;
}

.ocultar {
    background: url("../img/flechaDown.gif") no-repeat scroll 0 6px transparent;
}

.box-cadastrar {
    margin-bottom: 20px;
}

    .box-cadastrar div.campos {
        border: 1px solid #B8CEDD;
        padding: 10px 10px 20px 10px;
        width: 470px;
        float: left;
        margin-right: 5px;
        overflow: hidden;
    }

    .box-cadastrar .btnExcluir {
        float: left;
    }

div.Add {
    margin-bottom: 10px;
}

.hrzlist {
    overflow: hidden;
    margin-bottom: 30px;
}

    .hrzlist li {
        float: left;
        display: inline;
    }


/*---------------------------------------------------------------------------*/
/* Tabela com niveis de hierarquia */
/*---------------------------------------------------------------------------*/
.tabelaNiveis {
    border-collapse: separate;
    border-spacing: 1px;
}

    .tabelaNiveis th {
        background: #003758;
        color: #fff;
    }

    .tabelaNiveis th, .tabelaNiveis td {
        padding: 10px;
    }

    .tabelaNiveis tr.nivel1 td {
        background: #98a9b5;
        color: #fff;
    }

    .tabelaNiveis tr.nivel2 td {
        background: #d2dfe9;
    }

    .tabelaNiveis tr.nivel3 td {
        background: #e7eef4;
    }

    .tabelaNiveis tr.nivel1 td, .tabelaNiveis tr.nivel2 td {
        font-weight: bold;
    }


/*---------------------------------------------------------------------------*/
/* Pop Up de Impressão */
/*---------------------------------------------------------------------------*/

.principalImpressao {
    margin: 0 auto;
}

.topoImpressao {
    background: url(../img/fundoBordaTopPrint.gif) top left repeat-x;
    padding: 6px 25px 10px 25px;
    text-align: right;
}


.conteudoImpressao {
    padding: 50px 25px;
    background-color: #ffffff;
}

    .conteudoImpressao h1 {
        display: block;
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 10px;
        margin-bottom: 50px;
    }

        .conteudoImpressao h1 span {
            display: block;
            width: 194px;
            height: 58px;
            background: url(../img/logoApsaPB.jpg) top left no-repeat;
            text-indent: -9999px;
        }

        .conteudoImpressao h1 img {
            display: none;
        }

    .conteudoImpressao h2 {
        font-size: 18px;
        color: #2d2d2d;
        font-weight: bold;
        border-bottom: 1px solid #646464;
        padding-bottom: 5px;
    }

    .conteudoImpressao .bloco {
        padding: 20px 0;
        font-size: 14px;
        overflow: hidden;
        margin: 0;
        /*margin: 0 0 40px 0*/
    }

        .conteudoImpressao .bloco span {
            display: block;
            margin-top: 10px;
            line-height: 1.4em;
        }

            .conteudoImpressao .bloco span:first-child {
                margin-top: 0;
            }
    /*
.conteudoImpressao .bloco p {
    margin-top: 10px;
}
*/
    .conteudoImpressao .line-height p {
        line-height: 20px;
        margin-bottom: 20px;
    }

    .conteudoImpressao .bloco p:first-child {
        margin-top: 0;
    }

    .conteudoImpressao .bloco p span {
        display: inline-block;
        margin-right: 20px;
    }

    .conteudoImpressao .blocoContainer > p .btnLink {
        margin-top: 10px;
        font-size: 12px;
        text-decoration: underline;
    }

        .conteudoImpressao .blocoContainer > p .btnLink:hover {
            text-decoration: none;
        }

    .conteudoImpressao .boxBordaCinza p {
        font-size: 16px;
        font-weight: bold;
    }

    .conteudoImpressao .boxBordaCinza .linha {
        display: block;
        border-bottom: 1px solid #b7b7b7;
        margin-top: -3px;
    }

    .conteudoImpressao .boxBordaCinza span {
        margin-top: 20px;
        position: relative;
    }

        .conteudoImpressao .boxBordaCinza span.fundoBranco {
            display: inline-block;
            position: relative;
            z-index: 3;
        }

    .conteudoImpressao .boxBordaCinza .box {
        margin: 30px 0 10px 0;
        padding-top: 20px;
        border-top: 1px dotted #81A1B4;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.3em;
    }

    .conteudoImpressao .titulo {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        border: 0;
        color: #4c4c4c;
    }

    .conteudoImpressao table {
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

        .conteudoImpressao table th {
            border-left: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
            border-top: 1px solid #d1d1d1;
            padding: 10px 8px;
            font-size: 12px;
            text-transform: uppercase;
        }

        .conteudoImpressao table td {
            border-left: 1px solid #d1d1d1;
            border-top: 1px dotted #d1d1d1;
            padding: 10px 5px;
            font-size: 12px;
            font-weight: normal;
        }

        .conteudoImpressao table tr:first-child td {
            border-top: 0;
        }

    .conteudoImpressao dl {
        padding-top: 20px;
        clear: both;
        font-size: 11px;
    }

    .conteudoImpressao dd {
        font-style: italic;
        font-weight: bold;
        margin-top: 7px;
    }

    .conteudoImpressao .texto {
        display: block;
        font-style: italic;
        font-size: 14px;
        padding: 30px 0;
    }

    .conteudoImpressao .bordaTop {
        padding: 5px 0;
        margin-top: 30px;
        width: 45%;
        text-align: center;
        font-size: 12px;
    }

    .conteudoImpressao .bloco ul.listaQuadrado li {
        line-height: 1.7em;
        overflow: hidden;
        padding: 5px 0;
    }

    .conteudoImpressao .bloco span.square {
        border: 1px solid #d1d1d1;
        width: 20px;
        height: 20px;
        display: inline-block;
        float: left;
        margin-right: 5px;
    }

    .conteudoImpressao .prezado {
        line-height: 1.4em;
        margin: 40px 0;
    }


    .conteudoImpressao .tabelaEstiloFuncionario th {
        background-color: #ccc;
        color: #4c4c4c;
    }

    .conteudoImpressao .tabelaEstiloFuncionario td {
        font-weight: normal;
    }

    .conteudoImpressao .lightboxSimulador .blocoContainer .bloco {
        margin-bottom: 0;
    }

    .conteudoImpressao .lightboxSimulador .tabelaEstiloFuncionario tfoot tr td {
        background-color: #f4f4f4;
    }

    .conteudoImpressao .lightboxSimulador .bloco span {
        margin-top: 0;
    }

    .conteudoImpressao .listaSimples {
        list-style-type: square;
        list-style-position: inside;
    }

        .conteudoImpressao .listaSimples li {
            margin: 5px 0;
        }

    .conteudoImpressao p a {
        color: #4C4C4C;
    }

.beneficios {
    margin-left: 75px;
    margin-top: -18px !important;
}



.conteudoProventoDesconto .categoriaEstilo tr th {
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    text-align: center;
    background-color: #4c4c4c;
    font-weight: bold;
}

.conteudoProventoDesconto .categoriaEstilo tr:first-child th:first-child {
    border-left: 0;
    text-align: left;
}

.conteudoProventoDesconto .categoriaEstilo tr:first-child th {
    border-top: 0;
}

.conteudoProventoDesconto .categoriaEstilo tr td.alignleft {
    text-align: left;
}

.conteudoProventoDesconto .categoriaEstilo tr td {
    text-align: center;
    border-right: 1px solid #DBE5EC;
    border-left: 0;
}

.conteudoProventoDesconto .blocoContainer .bloco p {
    font-size: 14px;
    margin-top: 15px;
}

    .conteudoProventoDesconto .blocoContainer .bloco p:first-child {
        margin-top: 0;
    }

    .conteudoProventoDesconto .blocoContainer .bloco p span {
        text-transform: uppercase;
    }

.logoImpressao h1 {
    display: none;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

    .logoImpressao h1 span {
        display: block;
        width: 194px;
        height: 58px;
        background: url(../img/logoApsaPB.jpg) top left no-repeat;
        text-indent: -9999px;
    }

    .logoImpressao h1 img, .logoImpressao {
        display: none;
    }

.rodapeImpressao {
    background: url(../img/fundoBordaBottomPrint.gif) top left repeat-x;
    padding: 6px 25px 10px 25px;
    overflow: hidden;
}

    .rodapeImpressao a {
        float: right;
        margin-top: 15px;
    }

        .rodapeImpressao a:first-child {
            float: left;
        }


/*-- Pop up Informe Rendimento --*/

.conteudoRendimento {
    padding: 50px 25px;
    background-color: #ffffff;
}

    .conteudoRendimento .informeRendimento #faq > div {
        display: block;
        margin-bottom: 20px;
    }

    .conteudoRendimento .overBox {
        margin-bottom: 10px;
    }

/*-- Pop up Autorizar Férias --*/

.conteudoImpressao .firstBloco {
    margin: 0 0 50px 0;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}

.conteudoImpressao .fichaFuncionario {
    border: 1px solid #c7c7c7;
    padding: 20px;
    margin-top: 20px;
}

    .conteudoImpressao .fichaFuncionario .blocoTopo {
        overflow: hidden;
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 5px;
    }

        .conteudoImpressao .fichaFuncionario .blocoTopo h6 {
            color: #2d2d2d;
            font-size: 16px;
            font-weight: bold;
        }

        .conteudoImpressao .fichaFuncionario .blocoTopo span {
            display: inline-block;
            margin-top: 0;
        }

    .conteudoImpressao .fichaFuncionario .bloco {
        padding: 15px 0;
    }

        .conteudoImpressao .fichaFuncionario .bloco span {
            display: inline-block;
            margin: 0 20px 0 0;
        }

    .conteudoImpressao .fichaFuncionario span {
        margin-top: 15px;
        display: inline-block;
    }


.conteudoContraCheques {
    margin: 0 0 60px 0;
}

.contraChequeConteudo {
    margin-top: 60px;
}


.divcarregando {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999998;
    /*
background-color: #000;
width: 100%;
height: 100%;
opacity: .50;
filter: alpha(opacity=65);
*/
}

.carregando {
    background-image: url(images/form-busca-top.gif);
    border: 1px solid #ccc;
    background-repeat: repeat-x;
    width: 200px;
    margin-left: -100px;
    margin-top: -40px;
    height: 80px;
    top: 50%;
    left: 50%;
    position: fixed;
    color: #1662A7;
    text-align: center;
    font: bold 14px Verdana;
    z-index: 9999999;
}


/* radiobutton cadastrar usuario*/

.rdoPerfilAcesso {
    display: block;
    float: left;
    margin-right: 5px;
}


.container {
    margin-top: 20px;
}

    .container:first-child {
        margin-top: 0;
    }

    .container .box-01 {
        float: left;
        width: 570px;
    }

    .container .btnEditar {
        float: left;
        margin-left: 10px;
    }

.box-01 {
    border: 1px solid #B8CEDD;
}

    .box-01 .box-header {
        background-color: #D6E2EB;
        padding: 13px;
        color: #003371;
        font-size: 16px;
        font-weight: bold;
    }

    .box-01 .box-body {
        padding: 20px;
    }

    .box-01 .box-destaque {
        border-top: 1px dotted #000;
        padding-top: 20px;
    }

.table-inner {
    margin: 8px 0 15px;
    width: 100%;
    background: #F4F6F8;
}

    .table-inner tbody tr td {
        border-left: 1px solid #B8CEDD;
        border-top: 1px solid #B8CEDD;
        padding: 5px;
        width: 50%;
    }

    .table-inner tbody tr:first-child td {
        border-top: 0;
    }

    .table-inner tbody tr td:first-child {
        border-left: 0 none;
    }

.table-inner-2column tbody tr td + td {
    text-align: center;
}

.observacao {
    color: #FA5200;
    font-size: 11px;
    margin-bottom: 20px;
}

.aaae-main h3 {
    color: #08293D;
    font-size: 18px;
    margin-bottom: 20px;
}

.aaae-main h4 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
}

.row-edit {
    margin-top: 20px;
    border-top: 1px dotted #98A9B5;
    padding-top: 20px;
}

    .row-edit.first {
        margin-top: 0;
        border-top: 0;
        padding-top: 0;
    }

    .row-edit label {
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .row-edit .title {
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 20px;
    }

        .row-edit .title.first {
            margin-top: 0;
        }

.w100 {
    width: 100px;
}

.w60 {
    width: 60px;
}

.box-radio-button-01 {
    display: block;
}

    .box-radio-button-01 label {
        display: inline-block;
        margin-left: 3px;
        font-weight: normal;
    }

.box-opcao-dias {
    margin-top: 10px;
}

    .box-opcao-dias > div:first-child {
        margin-right: 30px;
    }

    .box-opcao-dias .txtInput {
        display: block;
    }

        .box-opcao-dias .txtInput.calendario {
            float: left;
        }

.box-horizontal-edit {
    margin-bottom: 10px;
}

    .box-horizontal-edit label {
        display: inline-block;
        margin-right: 8px;
    }

.button-excluir {
    float: left;
    margin-left: 8px;
    background: url("../img/icoExcluir.png") no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}


/*tools*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.not-resize {
    resize: none;
}

.modeloProcuracao {
    margin-top: -509px !important;
}

.aae-outorgante-info {
    text-align: justify;
    line-height: 20px;
    float: left;
    margin: -17px 0 30px 110px;
}

.aae-outorgante-info {
    /* Hack utilizado para IE7 */
    *margin: 0 0 50px 40px;
    *padding-bottom: 30px;
}

.not-resize {
    resize: none;
}
