/* ----------------------------------------
 * Portal Juvêncio Terra
 *
 */

body,
table {
    color: black;
    background-color: white;

    font-size: 10pt;
    font-weight: normal;
    font-family: sans-serif;

    margin: 0em;
}

body {
    background-color: #f7f7f7;
    background-image: url("fundobody.png");
    padding: 0.8em 2.4em;
}

#corpo {
    color: black;
    background-color: white;

    border-width: 2px;
    border-style: solid;
    border-color: white;
}


a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

form {
    margin: 0em 0em 1.5em 0em;
}


/* ----------------------------------------
 *  Blocos principais
 */
#cabecalho {
    color: white;
    background-color: #336699;

    font-size: 12pt;
    font-weight: bold;

    padding: 0.3em 0.8em 0.3em 0.8em;
}
#cabecalho a {
    color: white;
    font-size: 10pt;
    text-decoration: none;
}
#cabecalho a:hover {
    text-decoration: underline;
}

#conteudoE {
    float: left;
    padding: 14px 0px;
    width: 166px;
}

#conteudoD {
    float: right;
    margin: 0px;
    padding: 14px 0px;
    width: 150px;
}

#conteudoC {
    margin: 0px 150px 0px 166px;
    padding: 14px;
}

#conteudo {
    margin: 0px 0px 0px 166px;
    padding: 14px;
}

.rodape {
    background-color: #d0e1f5;
    font-size: 8pt;
}
div.rodape {
    clear: both;
    text-align: center;
    padding: 1em 0em 1em 0em;
}


/* ----------------------------------------
 *  Conteudo
 */

h1, h2, h3,
div.capitulo,
div.secao,
div.col-dir-secao,
div.subsecao {
    margin: 0em 0em 0.5em 0em;
    font-weight: bold;
/*
    font-size: 10pt;
*/
    color: black;
}
h1,
div.capitulo {
    color: white;
    background-color: #336699;
    font-size: 12pt;
    padding: 0.3em 0.8em 0.3em 0.8em;
}
h2,
div.secao,
div.col-dir-secao {
    color: #003366;

    border-width: 1px;
    border-style: none none solid none;
    border-color: #003366;
    padding: 0.3em 0em 0.3em 0em;
}

p,
div.paragrafo,
div.col-dir-paragrafo,
div.nota,
div.noticia-nota,
div.quadro {
    margin: 0em 0em 1em 0em;
}
div.nota,
div.noticia-nota {
    text-align: right;
}
div.quadro {
    border: 1px solid #003366;
    padding: 0.3em 0.8em 0.3em 0.8em;
}

blockquote {
    font-style: italic;
}

span.erro,
span.alerta {
    color: red;
}

div.noticia {
    border-width: 1px;
    border-style: none none dashed none;
    padding: 0em;
    margin: 0em 0em 0.5em 0em;
}
.noticia-foto {
    float: right;
    padding: 0.3em 0em 0.5em 0.5em;
}
div.noticia-nota {
    clear: right;
}

/* ----------------------------------------
 *  Colunas laterais
 */

.esq-menu {
    margin: 0em;
}

.esq-menu-cab,
a.esq-menu-item {
    display: block;
    width: 156px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: white;
    padding: 2px 5px 2px 5px;
}

.esq-menu-cab {
    color: white;
    background-color: #336699;
    font-weight: bold;
}

a.esq-menu-item {
    color: #003366;
    background-color: #d0e1f5;
}
a.esq-menu-item:hover {
    color: black;
    background-color: #98c2f0;
    text-decoration: none;
}
/*
td.col-esq,
td.col-cen,
td.col-dir {
    vertical-align: top;
}
td.col-cen {
    width: 100%;
}
*/
div.col-dir-secao,
div.col-dir-paragrafo {
    font-size: 9pt;
}

img.col-dir-foto {
    margin: 0em 0em 0.5em 0em;
    border: 0em;
/*
    border: 1px solid black;
*/
}


/* ----------------------------------------
 * Tabelas
 *
 */

table {
    width: 100%;
}

th {
    color: black;
    background-color: #7d9fc4;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
th.cabeca {
    color: #003366;
    background-color: white;

    font-weight: bold;

    border-width: 1px;
    border-style: none none solid none;
    border-color: #003366;
    padding-top: 0.3em;
}

tr.impar {
    color: black;
    background-color: white;
}
tr.par {
    color: black;
    background-color: #e7e7e7;
}
tr.impar-en {
    color: black;
    background-color: white;
    font-weight: bold;
}
tr.par-en {
    color: black;
    background-color: #e7e7e7;
    font-weight: bold;
}
tr.base {
    background-color: #d0d0d0;
}

td.top {
    text-align: center;
    vertical-align: top;
}

td.ativo {
    color: black;
    background-color: #d0e1f5;
}
td.inativo {
    color: black;
    background-color: #f0f0f0;
}

td.numero {
    text-align: right;
}

td.foto {
    border: 0.2em solid white;
    padding: 0.5em;
    color: black;
    background-color: #e7e7e7;
    text-align: center;
}


/* ----------------------------------------
 * Listas
 *
 */
ul,
ol {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

ol.loalpha {
    list-style-type: lower-alpha;
}

ol.upalpha {
    list-style-type: upper-alpha;
}

ol.loroman {
    list-style-type: lower-roman;
}

ol.uproman {
    list-style-type: upper-roman;
}

li {
    padding: 0em 0em 0.2em 0em;
}


/* ----------------------------------------
 * Sistema de Informação Educacional
 *
 */

/* ----------------------------------------
 * Tarefas
 *
 */

td.trfAberta {
    color: white;
    background: red;
}
td.trfCancelada {
    color: white;
    background: gray;
}
td.trfConfirmada {
    color: black;
    background: yellow;
}
td.trfPendente {
    color: white;
    background: blue;
}
td.trfRealizada {
    color: white;
    background: green;
}
td.trfTerminada {
    color: white;
    background: green;
}


div.msg-blk {
    padding: 0.4em;
}
div.msg-cab {
    border-width: thin;
    border-style: none none solid none;
}
div.msg-msg {
}

div.msg-blk-orig {
    padding: 0.4em;
}
div.msg-cab-orig {
    border-width: thin;
    border-style: none none solid none;
}
div.msg-msg-orig {
}

div.msg-blk-dest {
    color: black;
    background: #f0f0f0;
    padding: 0.4em;
}
div.msg-cab-dest {
    border-width: thin;
    border-style: none none solid none;
}
div.msg-msg-dest {
}

.menu-l1,
.menu-l2,
.menu-l3,
.menu-l4 {
    display: block;
    border-style: solid;
    border-color: white;
    padding: 2px 5px 2px 5px;
}

/*
.menu-l3,
.menu-l4 {
    display: none;
}
*/

/*ESTILOS SUBMENUS*/

.menu-l1,
.menu-l2 {
    width: 156px;
    border-width: 0px 0px 1px 0px;
}
.menu-l3 {
    width: 144px;
    border-width: 0px 0px 1px 12px;
}
.menu-l4 {
    width: 132px;
    border-width: 0px 0px 1px 24px;
}

.menu-l1 {
    color: white;
    background-color: #336699;
    font-weight: bold;
}
.menu-l1:hover {
    background-color: #224466;
    text-decoration: none;
}

.menu-l2,
.menu-l3,
.menu-l4 {
    color: #003366;
    background-color: #d0e1f5;
}
.menu-l2:hover,
.menu-l3:hover,
.menu-l4:hover {
    color: black;
    background-color: #98c2f0;
    text-decoration: none;
}