* 
{
    font-size: 1em;
    font-family: Arial, Verdana, Tahoma; 
    color: #000000;
    margin: 0;
    padding: 0;
}

body 
{
    font-style: normal;
    margin: 0 auto;
    text-align: left;
    background-color: #CADCD7;
    width: 70%; /* aproximadamente 995px */
}

a 
{
    list-style-type: none; 
    text-decoration: none; 
    background-color: transparent;
    color: #1D500A;
    font-size: 0.8125em; /* 13px */
    border: none;
}

a:hover { font-weight: bold; }

input 
{
    font-size: 0.75em; 
    border: solid 0.1041em #cccccc; /* 1px */
    border-radius: 0.3125em; /* 3px */
}

select 
{
    border-radius: 0.3125em;
}

textarea 
{
    border-radius: 0.3125em;
    border: solid 0.1041 #cccccc; /* 1px */
    resize: vertical;
}

img { border: none; border-radius: 5px; }

table tr td { padding: 0.2083em 0; } /* 2px */


/* ##############################[header]#################################### */
#cabecalho { margin: 0; height: 100px; width: 100%; background-color: #4F8A75; }

    #barra
    {
        background-color: #4F8A75;
        height: 25%;
        padding-left: 1.0416em;
    }

    #campo_data
    {
        float: left;
        background-color: #4F8A75;
        width: 50%;
    }

    #txtRelogio
    {
        width: 100%;
        text-transform: none;
        border: none;
        background-color: transparent;
        color: #ffffff;
        padding-top: 0.8%;
    }

    #usuario
    {
        float: right;
        background-color: #4F8A75;
        padding-top: 0.42%;
    }
    
    #txtUsuario
    {
        width: 100%;
        font-size: 0.8125em;
        text-align: right;
        background-color: #4F8A75;
        color: #ffffff;
        padding-right: 1.0416em;
    }
    
    #txtUsuario b
    {
        background-color: #4F8A75;
        color: #ffffff;
    }

    #evento
    {
        width: 100%;
        height: 70%;
        background-color: #3FA989;
        color: #ffffff;
        border-bottom: solid 10px #7BBDA9;
    }

    #imgGov { float: right; margin-top: 5px; margin-right: 1.5075%; height: 80%; width: auto; background-color: #3FA989; }

    
/* ################################[content]################################## */
#corpo
{
    overflow-y: auto;
    width: 100%;
    height: 70vh; /* 80% da medida da altura do navegador. Para largura, usar "vw". */
    background-color: #c1c1cc;
}
    iframe
    {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #E4E4E4;
        overflow-y: auto;
    }
    
    .login-publicidade
    {
        background: url(../images/login.png) no-repeat right center;
        background-size: 100% 100%;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 50%; 
        height: 100%;
        text-align: center;
        background-color: #cccccc;
    }

        .login-publicidade table
        {
            width: 100%; 
            padding-top: 8%;
        }
        
        .titulo
        {
            font-weight: bold; 
            color: #585858; 
            font-size: 1.2em; 
            padding: 0 30px;
        }

    .login-acesso
    {
        display: block;
        float: right; 
        margin: 0;
        padding: 0;
        width: 50%;
        height: 100%; 
        background-color: #cccccc;
        text-align: center;
    }
    
        .login-acesso table
        {
            width: 45%; 
            margin-left: 27%;
            margin-top: 30%;
            border: solid 2px #C69900;
            background-color: #E4E4E4;
            border-radius: 5px;
        }
        
        .login-acesso table td
        {
            padding: 0 15.5%;
            font-size: 0.5em; 
        }
        
    .informacao table
    {
        position: absolute;
        opacity: 0.9;
        width: 31%; 
        margin-left: 2%;
        margin-top: 10%;
        padding: 20px 0;
        border: solid 2px #C69900;
        background-color: #E4E4E4;
        border-radius: 5px;
    }

    .informacao-candidato
    {
        text-align: justify;
        line-height: 25px;
        font-size: 0.9em;
    }

    .informacao-candidato td
    {
        padding: 0 20px; 
        color: #000000;
    }
    
    .informacao-candidato img
    {
        width: 100%;
    }
    
    #esqueci
    {
        font-size: 1.2em; 
    }

    
/* ##############################[footer]#################################### */
#rodape 
{
    background-color: #4F8A75;
    color: #ffffff;
    clear: both;
    float: left;
    font-size: 0.75em;
    margin: 0.5625% 0;
    padding: 1.2812%;
    text-align: center;
    width: 97.45%;
}


/* ################################[menu]################################## */
.menu
{
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 25%;
    background-color: #E7E7E8;
    border-bottom: solid 1px #C69900; 
    color: #58585A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.625em;
    font-style: normal;
    font-weight: normal;
}

.menu ul
{
    background-color: #E7E7E8;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu ul li
{
    background-color: #E7E7E8;
    float: left;
    position: relative;
    height: 36px;
    border: none;
}

.menu ul li a
{
    background-color: #E7E7E8;
    float: none !important;
    color: #58585A;
    font-size: 11px;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-align: left;
}

.menu ul li a b
{
    display: block;
    background-color: transparent;
}

.menu ul li a b:hover
{
    background-color: #cccccc;
}

.menu ul li ul
{
    background-color: #E7E7E8;
    display: none;
    border: none;
    color: #ffffff;
    width: 1px;
}

.menu ul li:hover a
{
    background-color: #cccccc;
    border-bottom: solid 1px #821D1C;
    color: #58585A;
}

.menu ul li:hover ul
{
    z-index: 999;
    position: absolute;
    display: block;
    height: 36px;
}

.menu ul li:hover ul li a
{
    font-weight: normal;
    display: block;
    width: 160px;
    height: 36px;
    padding: 0 5px;
    border-right: none;
}

.menu ul li:hover ul li a:hover
{
    background-color: #A0A0A0;
    text-decoration: none;
    color: #ffffff;
    height: 36px;
}

.menu .acs
{
    background: url(../images/menu/acessos.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .aju
{
    background: url(../images/menu/ajuda.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .bnc
{
    background: url(../images/menu/bancos.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .car
{
    background: url(../images/menu/cartorios.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .cha
{
    background: url(../images/menu/key.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .cli
{
    background: url(../images/menu/clientes.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .esc
{
    background: url(../images/menu/escolaridades.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .ecv
{
    background: url(../images/menu/estadoscivis.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .fpg
{
    background: url(../images/menu/formapagamento.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .eqp
{
    background: url(../images/menu/equipe.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .imb
{
    background: url(../images/menu/imobiliarias.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .mod
{
    background: url(../images/menu/modelos.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .imo
{
    background: url(../images/menu/imoveis.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .ini
{
    background: url(../images/menu/inicio.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .loc
{
    background: url(../images/menu/locacoes.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .pai
{
    background: url(../images/menu/paises.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .pro
{
    background: url(../images/menu/proprietarios.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .rac
{
    background: url(../images/menu/racas.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .tdp
{
    background: url(../images/menu/tipodespesa.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .rel
{
    background: url(../images/menu/relatorios.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .sai
{
    background: url(../images/menu/sair.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .sis
{
    background: url(../images/menu/sistemas.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .usu
{
    background: url(../images/menu/usuarios.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .ven
{
    background: url(../images/menu/vendas.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}

.menu .zon
{
    background: url(../images/menu/zonas.png) no-repeat 1px;
    padding-left: 23px;
    padding-top: 5px;
}


/* ################################[componentes]################################## */
.seletor
{
    width: 478px;
    height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0;
    color: #606062;
    border: solid 1px #cccccc;
}

.seletor-inativo
{
    width: 478px;
    height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0;
    color: #606062;
    background-color: #ebebe4;
    border: solid 1px #cccccc;
}

.seletor-destaque
{
    width: 478px;
    height: 24px;
    padding: 2px 0 2px 5px;
    margin: 0;
    color: #606062;
    border: solid 1px #cc0000;
}

.caixa-texto
{
    width: 478px;
    height: 24px;
    padding: 4px 0 4px 5px;
    margin: 0;
    color: #696969;
}

.caixa-texto-login
{
    background: url(../images/cpf.png) left center no-repeat #ffffff;
    width: 80%;
    height: 24px;
    padding: 4px 0 4px 30px;
    margin: 0;
    color: #696969;
    font-size: 1.5em;
}

.caixa-texto-data
{
    background: url(../images/data.png) left center no-repeat #ffffff;
    width: 80%;
    height: 24px;
    padding: 4px 0 4px 30px;
    margin: 0;
    color: #696969;
    font-size: 1.5em;
}

.caixa-texto-mail
{
    background: url(../images/email.png) left center no-repeat #ffffff;
    width: 80%;
    height: 24px;
    padding: 4px 0 4px 30px;
    margin: 0;
    color: #696969;
    font-size: 1.5em;
}

.caixa-texto-senha
{
    background: url(../images/senhapadrao.png) left center no-repeat #ffffff;
    width: 80%;
    height: 24px;
    padding: 4px 0 4px 30px;
    margin: 0;
    color: #696969;
    font-size: 1.5em;
}

.caixa-texto-destaque
{
    width: 478px;
    height: 24px;
    padding: 4px 0 4px 5px;
    margin: 0;
    color: #696969;
    border: 1px solid #cc0000;
}

.botao
{
    width: 110px;
    text-transform: inherit;
    font-size: 14px;
    padding: 6px;
    margin: 4px 0 2px 0;
    background-color: #F49D00;
    color: #000000;
    border: solid 1px #821D1C;
    border-radius: 5px;
}

.botao:hover
{
    border: solid 1px #821D1C;
    font-weight: bold;
    cursor: pointer;
}

.botao-cancelar
{
    width: 110px;
    text-transform: inherit;
    font-size: 14px;
    padding: 6px;
    margin: 4px 0 2px 0;
    background-color: #CC0000;
    color: #ffffff;
    border: solid 1px #821D1C;
    border-radius: 5px;
}

.botao-cancelar:hover
{
    border: solid 1px #821D1C;
    font-weight: bold;
    cursor: pointer;
}

.botao-inativo
{
    width: 110px;
    text-transform: none;
    font-size: 14px;
    padding: 6px;
    margin: 4px 0 2px 0;
    background-color: #dcdcdc;
    color: #A0A0A0;
    border-radius: 5px;
}

.botao-inativo:hover
{
    border: solid 1px #A0A0A0;
}

.caixa-mensagens 
{
    position: absolute;
    width: 30%;
    height: 5%;
    padding-top: 1.5%;
    margin-top: 2%;
    margin-left: 2.5%;
    border-radius: 15px;
}

.sucesso
{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}

.erro 
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: none;
}

.alerta 
{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    display: none;
}