﻿html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #f1f1f1;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma,Helvetica, Sans-Serif;
    color: #111;
    overflow-y: scroll;
}


#divGeral
{
    width: 980px;
    margin: 0 auto;
    min-height: 100%;    
    background-color: #fff;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    font-size: 14px;
    line-height:  23px;
    -webkit-box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 15px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.75); 
}

#divTopo
{
    width: 978px;
    text-align: center;    
    height: 236px;
    margin: 0 auto;   
    margin-bottom: 10px;     
}


#divTopo img{
    width: 100%;
}

#divConteudo
{
    width: 755px;
    min-height: 550px;
    float: left;
    background-color: #fff;
    padding: 10px 5px 30px 15px;
    line-height: 1.6em;
    margin: 0;
}

#divConteudo p{
 text-align: justify;
}

#divConteudo p.textoDireita{
    text-align: right;
}

#divConteudo p.textoEsquerda{
    text-align: left;
}

#divConteudo p.textoCentro{
    text-align: center;
}

#divRodape
{
    width: 980px;
    text-align: center; 
    margin: 0 auto;
    padding: 10px 0 10px 0;
    font-size: 12px; 
    background-color: #4A5151;
    bottom: 0;    
	
}
#divRodape img
{
    margin-right: 40px;
    border: 0;
}


#divMenu
{
    width: 195px;
    float: left;
    display: table;
    color: #fff;
    padding-top: 0px;
    background-color: #f2f2f2;
    margin-top: 10px;

}

#divMenu ul
{
    margin: 0;
    padding: 0;
    background-color: #fff;
}



#divMenu ul li:first-child{
    border-top: 1px dotted #ccc;
}

#divMenu ul li
{   
    list-style: none;
    padding: 10px 10px 2px 10px; 
    border-bottom: 1px dotted #ccc;
    border-left: 3px solid #019530;
    line-height: 30px;     
    margin-bottom: 2px;
    display: block;

}

#divMenu ul li:hover
{
    background-color: #f1f1f1;
    border-left: 3px solid #6f8298;
}

caption{
   background-color: #f0f0f0;
   font-weight: bold;
   border-top: solid 1px #cccccc;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   color: #666666;
   text-align: left;
   padding-left: 3px;
}

#divMenu ul li a:link, #divMenu ul li a:active, #divMenu ul li a:visited
{
    color: #333333;
    display: block;
    font-size: 13px;
    text-decoration: none;
}


#divMenu ul li a:hover
{
    color: #113b65;
    display: block;
    text-decoration: none;
}

#divMenu div
{
    margin-left: 20px;
}


h1
{
    font-size: 19px;
    font-weight: bold;        
    margin-bottom: 30px;
    letter-spacing: -1px;
    margin-top: -1px;
}
h2
{
    font-size: 15px;
    padding: 0;
    margin: 0;
}

a:link, a:active, a:visited
{
    text-decoration: none;
    outline: none;     
    color: #0000ee;    
}
a:hover
{
    color: #0000ee;   
    text-decoration: underline;         
}


.table
{
    background-color: #c9c9c9;
    width: 100%;
}
.table td
{
    background-color: #ffffff;
    text-align: left;
    padding: 4px;
}
.table th
{
    background-color: #f0f0f0;
    text-align: center;
    font-weight: bold;
}
.tableBorda tr td
{
    border: solid 1px #999;
}


.dia
{
    color: #007c76;
    font-weight: bold;
}
.periodo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #f2f2f2;
    color: #9b9b9b;
    font-weight: bold;
}
.periodoConteudo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 5px;
}
.periodoConteudoNivel2
{
    padding-left: 12px;
}
.caixa
{
    width: 100%;
}

.caixa tr td, .caixa tr th
{
    border: solid 1px #cdcdcd;
}
 
        .clear
        {
            clear: both;
        }
        .campoLeft
        {
            float: left;
            margin-right: 30px;
        }
        .campoLinha
        {
            padding: 5px;
        }
        .larguraCampo
        {
            width: 400px;
        }
        .tituloCampo
        {
            font-weight: bolder;
            font-size: 11px;
        }
        .legenda
        {
            font-size: 10px;
            color: #999;
        }
         .btnGerarBoleto
        {
            background-color: #f7f7f7;
            padding: 12px;
            display: block;
            width: 280px;
            margin: 0 auto;
            border: 2px solid #ccc;
            text-decoration: none;
        }
.itemapoio{
    margin-bottom: 30px;
}    
 

.submenu {
    position: relative;
    float: right;    
    width: 153px;
    height: auto;
    background-color: #F9F9F9;
    border: solid 1px #E9E9E9;
    text-align: left;
    min-width: 188px;
    line-height: 26px;
    margin-top: 56px;
}

.submenu ul li{
    text-decoration: none;
    cursor: pointer;
}

.submenu ul li:hover{
    text-decoration: underline;
}

#divAnteriores
{
    width: 100%
}
.anoAnteriores
{
    width: 210px;
    float: left;
    background-color: #FCFCFC;
    border: solid 1px #DBEDF7;
    display: block;
    padding: 10px;
    margin-right: 15px; 
    margin-bottom: 15px;
}
.tituloAnteriores{
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}
.conteudoAnteriores{

}

#boxPatrocionadores .patrocinador{
    float: left;
    margin-right: 70px;
    margin-bottom: 114px;
    height: 114px;
    width: 176px;
}

#boxPatrocionadores .patrocinador img {
    width: 100%;
    overflow: hidden;
}