body 
{
    /* Margem e preenchimento */
    padding-bottom: 1em;
}

a
{
    /* Fonte */
    text-decoration: none;
    color: black;
}

a:hover
{
    /* Fonte */
    text-decoration: underline;
}

strong
{
    font-weight: bold;
}

#pagina
{
    /* Fonte */
    font-family: Verdana;

    /* Posicionamento */
    /* Para permitir que os elementos que contém sejam posicionados absolutamente dentro dele */
    position: relative; 
    top: 0.2em;
    
    /* Tamanho */
    width: 950px;
}

#pagina *
{
    /* Fonte */
    font-family: verdana;
}


#conteudo 
{
    /* Posicionamento */
    /* Para permitir que os elementos que contém sejam posicionados absolutamente dentro dele */
    position: relative;
    float: left;
    
    /* Tamanho */
    width: 100%;
    
    /* Margem e preenchimento */ 
    /* margin-top: 1em; */
    
    /* Fonte */
    font-size: 0.7em;
}

#conteudo input,
#conteudo select
{
    /* Fonte */
    font-size: 1em;
}

#titulo
{
    /* Posicionamento */
    float: left;
    
    /* Fonte */
    font-size: 1.25em;
    text-transform: uppercase;
    
    /* Tamanho */
    width: 100%;
    
    /* Margem e preenchimento */
    margin-left: 0.3em;
    margin-bottom: 0.3em;
}

#titulo h1
{
    /* Fonte */
    font-weight: bold;
    color: rgb(64,140,102);
}

#acoes
{
    /* Fonte */
    font-size: 0.8em;
    text-align: right;
    line-height: 1em;
    
    /* Tamanho */
    width: 100%;
    
    /* Posicionamento */
    clear: both;
    
    /* Margem e preenchimento */
    margin-bottom: 0.3em;
}

#acoes span,
#acoes a
{
    /* Margem e preenchimento */
    margin-left: 0.5em;
}

#acoes span:hover
{
    /* Fonte */
    text-decoration: underline;
    cursor: pointer;
}

#totais,
#resumo
{
    /* Background */
    background-color: rgb(245,245,204);
    
    /* Posicionamento */
    clear: both;
    
    /* Margem e preenchimento */
    margin-bottom: 2em;
}

#totais p,
#resumo p
{
    /* Background */
    background-color: rgb(255,255,255);
    
    /* Borda */
    border-bottom-color: green;
    border-bottom-width: 0.2em;
    border-bottom-style: solid;
    
    /* Margem e preenchimento */
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    
    /* HACK IE 6 
       Setando hasLayout=true
       ver: http://www.maujor.com/tutorial/haslayout.php */
    zoom: 1;
}

#totais a,
#resumo a
{
    /* Fonte */
    color: blue;
    text-decoration: underline;
}

#totais table tr:first-child,   /* Cabeçalho da tabela */
#totais table tr.firstChild,    /* Cabeçalho da tabela (para IE6)*/
#resumo table thead tr

{
    /* Posicionamento */
    display: none;
}

#totais table tr td,
#resumo table tr td
{
    /* Margem e preenchimento*/
    padding: 0.2em 0.4em 0.2em 0.4em;
}

#totais table tr td:first-child, /* Coluna mais à esquerda */
#totais table tr td.firstChild  /* Coluna mais à esquerda (para IE6) */
{
    /* Margem e preenchimento */
    padding-right: 4em;
}

#totais table .colunaValor,
#resumo table .colunaValor
{
    /* Fonte */
    font-weight: bold;
    text-align: right;
}

#totais table .colunaData,
#resumo table .colunaData
{
    /* Fonte */
    font-weight: bold;
    text-align: left;
}

#totais table .colunaDataCentro,
#resumo table .colunaDataCentro
{
    /* Fonte */
    font-weight: bold;
    text-align: center;
}

#banner-destaque
{
    /* Posicionamento */
    position: absolute;
    top: -54px;
    right: -5px;
    
}

#banner-destaque p
{
    /* Fonte */
    font-size: 80%;
    text-align: center;
    line-height: 1.3;
    
    /* Posicionamento e tamanho */
    position: absolute;
    top: 15px;
    left: 0px; /* posicionamento dentro da div */
    width: 100%;
}

#banner-destaque a:hover
{
    /* Fonte */
    text-decoration: none;
    cursor: pointer;
}


#ajudaListagem 
{
    /* Fonte */
    font-size: 0.9em;
    
    /* HACK IE 
       Setando hasLayout=true
       ver: http://www.maujor.com/tutorial/haslayout.php */
    zoom: 1;
}

#ajudaListagem p
{
    /* Posicionamento */
    float: right;
    
    /* Margem e preenchimento */
    margin-right: 0.5em;

}

#ajudaListagem p:first-child ,
#ajudaListagem p.firstChild /* (para IE6)*/
{
    /* Posicionamento */
    float: left;
    
    /* Margem e preenchimento */
    padding-left: 0.5em;
    
}

#listagem table,
#listagemConvenios table,
#listagemEmpresasSancionadas table,
#listagemONGsImpedidas table
{
    /* Posicionamento */
    clear: both;
    
    /* Tamanho */
    width: 100%;
    
    /* Borda */
    border-bottom-width: 0.25em;
    border-bottom-color: rgb(0,102,51);
    border-bottom-style: solid;

    /* Outros */
    border-collapse: collapse; /* Evita espaços em branco entre células no IE*/ 
}

#listagem table tr:first-child, /* Cabeçalho da tabela */
#listagem table tr.firstChild,  /* Cabeçalho da tabela (para IE6)*/
#listagemConvenios table thead tr
{
    /* Fonte */
    color: rgb(255,255,255);
    
    /* Background */
    background-color: rgb(64,140,102);
}

#listagemEmpresasSancionadas table thead tr,
#listagemONGsImpedidas table thead tr
{
    /* Fonte */
    color: rgb(255,255,255);
    
    /* Background */
    background-color: rgb(64,140,102);
}

#listagemEmpresasSancionadas table thead *,
#listagemONGsImpedidas table thead *
{
    white-space: nowrap;
}

#listagem table tr *,
#listagemConvenios table tr *,
#listagemEmpresasSancionadas table tr *,
#listagemONGsImpedidas table tr *
{
    /* Margem e preenchimento */
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

#listagem table th,
#listagemConvenios table th
{
    /* Fonte */
    font-weight: bold;
    
    /* Margem e preenchimento */
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0em;
    padding-right: 0em;
}

#listagemEmpresasSancionadas table thead tr:first-child th,
#listagemEmpresasSancionadas table thead tr.firstChild th,   /* (para IE6) */
#listagemONGsImpedidas table thead tr:first-child th,
#listagemONGsImpedidas table thead tr.firstChild th   /* (para IE6) */
{
    /* Fonte */
    font-weight: bold;
    text-align: center;

    /* Background */
    background-color: rgb(0,102,51);
}

#listagemEmpresasSancionadas table th,
#listagemONGsImpedidas table th
{
    /* Margem e preenchimento */
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

#listagem table tr th.borda,
#listagemEmpresasSancionadas table thead tr th.borda,
#listagemONGsImpedidas table thead tr th.borda
{
    /* Bordas */
    border-left-color: rgb(255,255,255);
    border-left-style: solid;
    border-left-width: 1px;
}

#listagem table td,
#listagemConvenios table td,
#listagemEmpresasSancionadas table td,
#listagemONGsImpedidas table td
{
    word-wrap: break-word;
}

#listagem table th a,
#listagemConvenios table th a,
#listagemEmpresasSancionadas table th a,
#listagemONGsImpedidas table th a
{
    /* Fonte */
    color: rgb(255,255,255);
}

#listagem table th:first-child, /* Coluna mais à esquerda */
#listagem table td:first-child, 
#listagem table th.firstChild,  /* Coluna mais à esquerda (para IE6) */
#listagem table td.firstChild,
#listagemConvenios table th:first-child,    /* Coluna mais à esquerda */
#listagemConvenios table td:first-child,    
#listagemConvenios table th.firstChild, /* Coluna mais à esquerda (para IE6) */
#listagemConvenios table td.firstChild ,
#listagemEmpresasSancionadas table th:first-child,  /* Coluna mais à esquerda */
#listagemEmpresasSancionadas table td:first-child,  
#listagemEmpresasSancionadas table th.firstChild,   /* Coluna mais à esquerda (para IE6) */
#listagemEmpresasSancionadas table td.firstChild, 
#listagemONGsImpedidas table th:first-child,  /* Coluna mais à esquerda */
#listagemONGsImpedidas table td:first-child,  
#listagemONGsImpedidas table th.firstChild,   /* Coluna mais à esquerda (para IE6) */
#listagemONGsImpedidas table td.firstChild 
{
    padding-left: 0.4em;
}


#listagem table a,
#listagemConvenios table a,
#listagemEmpresasSancionadas table a,
#listagemONGsImpedidas table a
{
    /* Fonte */
    color: blue;
}

#listagem table .linhaPar,
#listagemConvenios table .linhaPar,
#listagemEmpresasSancionadas table .linhaPar,
#listagemONGsImpedidas table .linhaPar
{
    /* Background */
    background-color: rgb(239,239,241);
}

#listagem table .colunaValor,
#listagemConvenios table tbody .colunaValor,
#listagemConvenios table thead .colunaValor
{
    /* Fonte */
    text-align: right;
}

#listagem table .colunaValor,
#listagemConvenios table tbody .colunaValor,
#listagemConvenios table tbody .tituloDetalhe
{
    /* Fonte */
    white-space: nowrap;
}

#listagemConvenios table tbody .planilha,
#listagemConvenios table thead .planilha
{
    /* Fonte */
    text-align: center;
}

#listagem table tr td.borda,
#listagemEmpresasSancionadas table tbody .borda,
#listagemONGsImpedidas table tbody .borda
{
    /* Bordas */
    border-left-color: rgb(204,204,204);
    border-left-style: solid;
    border-left-width: 1px; 
}

#listagemConvenios table.planilhaDetalhada td,
#listagemConvenios table.planilhaDetalhada th
{
    /* Bordas */
    border-width: 0.1em;
    border-style: solid;
    border-color: rgb(225,225,225);
}

#listagemConvenios table.planilhaDetalhada th
{
    /* Fonte */
    font-size: 90%;
}

#listagemConvenios table.planilhaDetalhada td
{
    /* Fonte */
    font-size: 80%;
}

#pesquisaListagem 
{
    /* Margem e preenchimento */
    margin-top: 1em;
    margin-left: 0.5em; 
}

#pesquisaListagem .botaoOk
{
    /* Tamanho */
    width: 3em;
}

#paginacao
{
    /* Fonte */
    text-align: center;
    
    /* Margem e preenchimento */
    margin-top: 1em;
}

#paginacao .paginaAtual 
{
    /* Fonte */
    font-weight: bold;  
}

#paginacao .numeroPagina
{
    /* Tamanho */
    width: 7em;
}

#paginacao .botaoIr
{
    /* Tamanho */
    width: 3.5em;
}

#avisos
{
    /* Fonte */
    text-align: center;
    color: rgb(196,196,196);
    
    /* Margem e preenchimento */
    margin-top: 1em;
}

#loading
{
    /* Posicionamento */
    position: absolute;
    z-index: 1000;
    
    /* Tamanho */
    width: 12em;
    height: 5em;
    
    /* Fonte */
    text-align: center;
    vertical-align:middle;
    
    /* Background */
    background-color:#FFFFFF;
    
    /* Bordas */
    border:#009933 0.1em dotted;
}

#loading p
{

    /* Fonte */
    color:#999999;
    font-weight: 600;
    
    /* Margem e preenchimento */
    margin: 0.5em;
}