/*
    Document   : entrada
    Created on : 14/09/2009, 18:31:44
    Author     : moisesbr
*/

p.secoes_suspenso {
	position: relative;
    clear: both;
    width: 800px;

    padding: 1em 2em;
    border: 3px solid #02669a;
    margin: 3em 3em;
}

p.secoes_consultas_suspenso {
	position: relative;
    clear: both;
    padding: 1em 2em;
    border: 3px solid #02669a;
    margin: 2em 2em;
}

#form_set
{
    position: relative;
}

#form_consulta
{
    /*
    position: absolute;
    top: 2px;*/
	position: relative;
    float: left;
    margin: 5px 15px;
}

#form_borda_esq
{
	/* Posicionamento */
	position: relative;
    float: left;

	/* Tamanho
left: 525px;
	top: 0px;
	width: 14px;
	height: 21px;*/
}


#form_pixelvertical
{
    /* Posicionamento */
	position: relative;
    float: left;
    width: 179px;
    height: 279px;

	/* Posicionamento
	position: absolute;
	left: 779px;
	top: 0px;*/

	/* Tamanho
	width: 14px;
	height: 21px;*/

	/* Background*/
	background-image: url(/_imagem/PixelVerticalForm.png);
	background-repeat: repeat;
}

#form_borda_dir
{
	/* Posicionamento */
	position: relative;
    float: left;

	/* Posicionamento
	position: absolute;
	left: 539px;
	top: 0px;

	/* Tamanho
	width: 240px;
    height: 21px;*/

}

#form_consulta .form_botao
{
	/* Posicionamento */
	position: absolute;
    right: 20px;
    bottom: 10px;
}

#acessoRapido
{
	/* Posicionamento */
	position: absolute;
    left: 5px;
    top: 2px;
}

#acessoRapido .rotuloConsultas
{
    position: relative;
    float: left;
    width: 100%;
    height: 2em;

	font-size: 0.6em;
}

#acessoRapido .seletor
{
    position: relative;
    float: left;
    width: 100%;
    padding-left: 0.5em;
    padding-top: 1.5em;

	font-size: 0.7em;
    height: 3em;
}

#acessoRapido .opcoesConsultas
{
	font-family: Verdana;
	font-size: 0.7em;

    /* Posicionamento */
    position: relative; /* posicionamento absoluto dentro do div. */
    padding-top: 3em;
    width: 100%;
    height: 3em;
}


#acessoRapido .opcoesConsultas span
{
	position: relative;
    float: left;
    width: 100%;
    padding-top: 0.2em;
}

#acessoRapido .opcoesConsultas label
{

}

/* *****************************************************************************
    O leiaute da home do portal é baseada em painéis.
    O css foi assim estruturado:

 >> Classes de painéis

    Definem propriedades gerais dos painéis (ver paineis.css)

 >> Identificadores de painéis

    São identificadores que permitem os ajustes específicos de cada painel,
    como posicionamento, margens, e os elementos internos a eles.

***************************************************************************** */

/* Painel de links */

#painel-links
{
    width: 23%;
    margin: 1em 0 1em 2%;
    _margin: 1em 0 1em 1%; /* HACK IE6 */
}

#painel-links ul.tipo-2
{
    margin-top: 1em;
}

#painel-links ul.tipo-1 li,
#painel-links ul.tipo-2 li
{
    font-size: 105%;
    font-weight: bold;

    padding: 1em 0 1em 2.5em;

    background-position: 0% 50%;
    background-repeat: no-repeat;
}

#painel-links ul.tipo-1 li
{
    background-image: url(/_imagem/bullet_painel_1.gif);
}

#painel-links ul.tipo-2 li
{
    background-image: url(/_imagem/bullet_painel_2.gif);
}

#painel-links ul li a
{
    color: black;
    text-decoration: none;
}



/* Destaques */

#destaques
{
    width: 46%;
    margin: 1em 1.5%;
}

#destaques h3
{
    padding: 0.5em 0;
    background-image: none;
}

#destaques .grafico
{
    width: 373px;
    height: 160px;
}

#destaques .saiba-mais
{
    float: left;
}

#destaques .paginacao
{
    float: right;
}

#destaques .paginacao li
{
	display: inline;
	list-style-type: none;
}

#destaques .paginacao li a,
#destaques a.saiba-mais
{
    font-size: 70%;

	display: block;
	float: left;

	padding: 0.2em 0.5em;
	margin-left: 0.5em;
	background-color: #d2e3fd;

	color: black;
	font-weight: bold;
	text-decoration: none;

	border: 1px solid #05669d;
}

#destaques a.saiba-mais
{
    margin-left: 0;
}

#destaques .paginacao li.selecionado a
{
    background-color: #ffff99;
}


/* Painel sumário de repasses de recursos do governo federal */

#painel-sumario
{
    font-size: 75%;

    float: right;
    width: 23.5%;
    margin: 1em 2% 0.5em 0;
    _margin: 1em 1% 0.5em 0; /* HACK IE6 */
}

#painel-sumario h3
{
    background-image: url(/_imagem/seta_painel_sumario.gif);
    padding: 0 0 2em 4em;
}

#painel-sumario .valor
{
    background-image: url(/_imagem/bullet_painel_sumario.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;

    padding: 0.3em 0 0.3em 1.5em;
    font-size: 120%;
}

/* Painel "titulo" para o cadastro de convênios */

#painel-convenios
{
    float: right;
    width: 23.5%;
    margin: 0.3em 2% 1em 0;
    _margin: 0.3em 1% 1em 0; /* HACK IE6 */

}

/* Painel de informações de recursos recebidos do governo federal */

#painel-recursos
{
    width: 96%;
    margin: 1em 2%;
    _margin: 1em 1%; /* HACK IE6 */
}

#painel-recursos .grupo-recursos
{
    float: left;
    /* border: 1px solid blue; */
    /* O padding maior na parte inferior dá espaço para o link 'ver mais' */
    padding: 0 0.5% 2em 0.5%;
    margin: 0 0.6%;
    _padding: 0 0.3% 2em 0.3%; /* HACK IE6 */

    /* Para posicionar o link 'ver mais' na parte inferior */
    min-height: 140px;
    position: relative;
}

#painel-recursos .grupo-recursos table
{
    width: 100%;
    border-collapse: collapse;
    /* Layout fixo permite o recurso de esconder rótulos maiores que o previsto */
    table-layout: fixed;
}

#painel-recursos .grupo-recursos table caption
{
    font-weight: bold;
    padding-bottom: 0.8em;
}

#painel-recursos .grupo-recursos table tr.fixo td
{
    font-weight: bold;
}

#painel-recursos .grupo-recursos table td
{
    padding: 0.3em 0;
}

#painel-recursos .grupo-recursos .rotulo
{
    /* O que ultrapassar a largura definida da coluna ficará escondido */
    overflow: hidden;
}

#painel-recursos .grupo-recursos .rotulo span
{
    /* Impede a quebra de linhas para permitir esconder o que ultrapassar a largura definida da coluna */
    white-space: nowrap;
}

#painel-recursos .grupo-recursos a
{
    text-decoration: none;
    color: #000000;
}

#painel-recursos .grupo-recursos .moeda
{
    width: 2em;
    text-align: right;
    padding-right: 0.2em;

}

#painel-recursos .grupo-recursos .valor
{
    width: 8em;
    text-align: right;
}

#painel-recursos .grupo-recursos .ver-mais
{
    font-size: 80%;

    /* Posicionamento no limite inferior */
    position: absolute;
    bottom: 0;

	padding: 0.4em 1em;
	background-color: #ffff99;;

	color: black;
	font-weight: bold;
	text-decoration: none;

	border: 1px solid #829eb6;
}

/* Painel de "mais transparência" */

#painel-mais
{
    width: 96%;
    margin: 2em 2%;
    _margin: 2em 1%; /* HACK IE6 */
}

#painel-mais h3
{
    background-image: url(/_imagem/bullet_painel_1.gif);
    padding-left: 3em;
}

#painel-mais img
{
    margin-left: 4%;
    margin-top: 0.2em;
}

#painel-mapa
{
    width: 94%;
    margin: 2em 3%;
    _margin: 2em 1.5%; /* HACK IE6 */
}

#painel-mapa .conteudo
{
    padding-top: 2em;
}

#painel-mapa h3
{
    background-image: none;
    padding: 1.5em 0 0 0;
}

#painel-mapa p
{
    margin: 1em 0;
    width: 50%;
}

#painel-mapa #mapa-brasil
{
    position: absolute;
    top: 160px;
    right: 80px;
}

#detalhamento
{
    font-size: 80%;
    text-align: justify;
    margin: 1em 15%;
}
#detalhamento p
{
    line-height: 1.3;
    margin-bottom: 0.6em;
}