/*
---------------------------------------------------------------------------------

                MINISTERIO DO PLANEJAMENTO

                SLTI - DEPARTAMENTO DE GOVERNO ELETRONICO

               CSS - Cascading Style Sheets Padrao do sito GOV.BR
					www.governoeletronico.gov.br

                Data de Criacao: 01/09/2008

                Versao 2.0
---------------------------------------------------------------------------------
*/

/* ----------- MACRO ESTRUTURA-------------------*/

html { font-size:62.5%;}
body  {
	font-family: verdana, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	color:#000;
	background: #fff url("../imagens/px.gif"); 
	font-size: 1em;
	height:100%; 
	line-height: 140%;
 }


#conteiner {
	position:relative;
	margin:auto;
	width: 77em;
	text-align: left;
	background-color:#fff;
	margin-bottom:-1.9em;
	color: #000; 
	}

#rodape {
	margin:auto;
	width:77em;
	clear:both;
	height:2em;
	background-color:#66888f;;
	color: #fff;
	text-align:right;
	position:relative; 
	}

#rodape a {
	color:#fff;
	text-decoration: none;
	}
				
#limpa_rodape{clear:both;height:2em;}/*faz o espaco para o rodape*/
html>body #conteiner{height:auto;} /*para mozilla e IE*/

#conteudo {
	float: left;
	position: relative;
	width:75em;
	margin: 0.5em 1em;	
	}

/* ----------- ELEMENTOS COMUNS A TODAS AS PAGINAS -------------------*/
/* ------- elementos html  -------------------*/	
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {fon-size:1.2em; }
p {line-height: 140%;
	font-size: 1.2em;
	}

/* ------- menu acessivel -------------------*/
#menu-acessivel{display:none;}
	
/* ------- cabecalho  -------------------*/
#cabecalho {
	position: relative;
	width: 100%;
	height: 10em;
	background: #a2c3ca url('../imagens/header.jpg');  
	}		
	
#cabecalho h1 {
	position: absolute;
	float: left;
	font-size: 1.8em;
	width: 8em;
	height: 4em;
	color: #a1c2c9;
	margin: 0;
	top: 1em;
	left: 1em;
	 }
	 
#cabecalho h1 a {
	background: url(../imagens/logo-govbr.gif) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	color: #a1c2c9;
	position: absolute;
	}

#busca {
	position: absolute;
	float: right;
	background-color: #66888f;
	padding: 0.5em;
	font-weight: bold;
	color: #fff;
	right: 0;
	bottom: 0;
	}

#busca a {	
	text-decoration: none;	
	color:#fff;
	}

#busca label {
	width: 4em;	
	margin-right:0.5em;
		color:#fff;
	}


#idusuario {
	position: relative;
	background-color: #fc0;
	float: right;
	padding: 0.5em;
	font-weight: bold;
	color: #000;
	}

#idusuario a {	
	text-decoration: none;	
	color:#000;
	}

#idusuario label {
	width: 4em;	
	margin-right:0.5em;
	color:#000;
	}

/** --- Área de mensagens ----- **/

#banner_mensagem {
	position:relative;
	border: 1px dashed #f90;
	float:left;
	width: 100%;
	font-size: 1.2em;
	padding:0 0 1em 0;
	font-weight:bold;
	line-height:100%;
	background:#fc0;
	text-align:center;
}


/* ------- menu areas  -------------------*/	
#areas {
	position:relative;
	float:left;
	width: 100%;
	clear:both;
	height:2.5em;
	background-color: #e0e0e0; 
	margin-bottom:2em;
	z-index: 2;
	}

#areas li{
	display: inline;
	list-style-type: none;
	}	
	
#areas a {
	 float:left;
	 padding: 0 0.1em;
	 margin: -0.4em 0.7em;
	 border-left: 2px solid #a3aaaf;
	 color:#585858;
	 font-weight: bold;
	 text-decoration: none;
	 font-size:1.1em; 
	}
	
#areas a:hover {
	border-bottom: 0.5em solid #036;
	}

/* ---- Rodape ------------*/
#rodape p{ 
	padding: 0.3em;
	}


/* ----------- PAGINA INICIAL -------------------*/
/* ----------- Elementos da pagina inicial -------------------*/
/* ---- bloco ------------*/
#bloco { 
	float:left; 
	}
#bloco hr{
	width:100%;
	height:2em;
	clear:both;
	color: #fff;
	border: none;
	}

/* -------- Destaques -----*/
#destaque { 
	float:left; margin:0;
	}
#destaque img { 
		border:none; 
		}


/* -------- Menu temas -----*/
#menu-temas {
	float: left;
	color: #585858;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	width: 22em;
	}

#menu-temas ul {
	margin:0;
}

#menu-temas li {
	border-bottom: 2px solid #e6e8ec;
	color:#e8e6ec;
	padding: 0.2em 0;
	list-style-type: square;
   }

#menu-temas li a {
	 color:#585858;
	 font-weight: bold;
	 text-decoration: none;
	 }

#menu-temas li a:hover {
	 color:#036;
	 }
	
/* -------- Noticias Biblioteca -----*/
#noticias, #biblioteca {
	position:relative;
	float:left;
	width:25em;
	background-color:#f3f5f7;
	padding-bottom: 0.5em;
	}
	
#noticias {
	margin-right: 2em;
}
	
#noticias h2, #biblioteca h2 {
	font-size: 1.2em;
	padding:5px;
	color: #ffffff;
	background-color: #66888f;
	margin: 0 0 0.5em 0;
   } 
	
#noticias p {
   padding-bottom: 1em;
	margin: 0.5em 1em;
	border-bottom: 1px dashed #ccc;
    }

#biblioteca h3 {
	border-top: 1px dashed #ccc;
	font-size: 1.2em;	
	margin: 0.5em 1em 0;
	padding: 0.5em 0;
	color: #666;
	} 
#biblioteca p {
   padding-bottom: 1em;
	margin: 0 1em;
    }

/* ----- lado direito ------------*/
#consulta, #eventos, #enquetes, #banners{
	position: relative;
	float: right;
	background-color: #ebedef;
	width: 20em;
	margin: 0 0 2em;
	padding-bottom:0.3em;
	}

			
#banners{background-color: #fff;}

#consulta h2, #eventos h2, #enquetes h2 {
		text-align:right;
		color:#82adb7;
		background:#fff url(../imagens/fundo_titulo.gif);
		font-size: 1.4em;
		margin: 0;
 }

#consulta h2 span, #eventos h2  span,  #enquetes h2 span {background-color: #fff; }

#consulta p, #eventos p, #enquetes p {	margin: 1em 0.5em; }

#enquetes a {
		padding-right:0.9em;
		margin-left:0.5em;
		font-size:1.2em;
	}

#banners a { border: none; }
#banners img {	margin: 0 0 0.5em 0;}

/* -------- Classes --------*/
.data {color:#51707f; font-weight: bold; }

.vejamais{
	display:block;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	color:#51707f;
	margin: 1.5em 1.5em 1em 1.5em;
	text-decoration: none;
	}

.enq1 {
	border-width:0em 0em 0em 7em;
	border-color:#2B547E;
	border-style:solid;
      }

.enq2 {
	border-width:0em 0em 0em 3em;
	border-color:#2B547E;
	border-style:solid;
      }

.enq3 {
	border-width:0em 0em 0em 1.4em;
	border-color:#2B547E;
	border-style:solid;
   }

.blue { color:#134271; font-weight: bold; margin-right:0.7em;margin-bottom: 0.2em;}

.camposOpcionais input{float:left}
.camposOpcionais label{margin-left: 0.7em;}

/* ----------- fim elementos pagina inicial -------------------*/

/* --------------- CONTEUDO INTERNAS -------------------*/

#migalha {
	width: 98%;
	position: relative;
	float: left;
	clear: both;
	margin: -1em 0 0 1em;
	font-size:1em;
     }
	  
#icones {
	width: 95%;
	position: relative;
	float: left;
	clear: both;
	margin: 1em;
	font-size:1em;
	text-align:right;

	}
	
/* -------- texto (quando tem menu) --------*/

#texto {
	 float:right;
	 padding: 0 1.5em 2em 1.5em;
	 width:50em;
	 color:#000;
	 text-decoration: none;
	 line-height: 1.4em;
	 background-color:#f0f3f5;
	 margin: 1em auto;
	}
/*--- Texto sem menu (1 coluna) ------------------*/
	
#uma-coluna {
	float:left;
	padding: 2em;
	margin: auto;
	width:70em;
	text-decoration: none;
	background-color:#f0f3f5;
	}
	
/*---  elementos ------------------*/
#texto h2, #uma-coluna h2 {
		font-size: 2em;
		padding: 0.3em 0;
		display:block;
		color: #036;
		border-bottom: 0.1em dotted #999;
	}
#texto .data{ padding-bottom: 1em; border-bottom: 0.1em dotted #999;	}
#texto p, #uma-coluna p {margin-bottom: 1.2em;}
#texto li, #uma-coluna li {margin-bottom: 1.2em;}

h2, h3, h4 { color: #036; line-height: 140%;}

h3 {font-size: 1.6em;}
h4 {font-size:1.4em;}
dt, dd {font-size: 1.2em; padding:0.2em; line-height: 140%;}
dt {font-weight:bold;}
dd {margin: 0 0 1em 0;}
img {border:0;}
dl a {text-decoration: none; color:#036;}
.zebra {background:#dbddde;}

#pages {
	text-align:right;
	font-size:1em;
	}
#pages a {
	font-weight: bold;
	color:#4682B4;	
	text-decoration: none;
	}

#pages a:hover {	color:#4682B4;	}

.itens {padding-left: 10em;}


/*--- dados-consulta itens -----------------*/
.itens-dados {text-decoration:none; padding-left:0.3em; color:#134271; font-weight:bold; font-size:1.3em;}

/*font-weight:bold;
#texto a:hover {color: #999;}
#texto img {padding-left:0.3em; padding-right:0.4em;}

#texto h3.consult {font-size:1.4em; color:#000;}
/*--- consultas-realizadas itens -----------*/
#texto table {border-color: #134271; border-width: 0 0 0.1em 0.1em; border-style:solid; margin-bottom:0.8em;}
#texto th {background-color:#dee7ec; border-color: #134271; border-width: 0.1em 0.1em 0 0; border-style:solid; text-align:center; font-size:1.1em;}
#texto td {border-color: #134271; border-width: 0.1em 0.1em 0 0; border-style:solid; padding-left:0.5em;}
.gray {color:#999;font-style:italic;}
.next {text-decoration:none; padding-left:1em; color:#134271; font-size:1.1em;}

/*---  formularios ------------------*/
form {padding:0; font-size:100%;}
form p {line-height:120%;}
form fieldset {border:0 solid;} /* Opera */
form label { 
	display:block;
	float:left;
	padding-right:0.2em;
	color:#036;
	text-align: left;
	font-size: 1.2em;
    line-height: 140%;
	}
form .field {
    margin: 0 1em 1em 0;
    overflow: hidden;
}    
form .campo {
    overflow: hidden;
    width: 99%;
}    		
form input, form textarea, form button {
 padding:0.1em;
 font-size:0.9em;
 line-height:120%;
 }



form textarea {overflow:auto;   width:20em; font-size:10pt;}
form .hiddenfield {display:none;}
form em {color:#b22222;}
form .button {margin-left:17em;}

/* --------------- busca secao -------------------*/
#busca-secao {
	position:relative;
	float:left;
	width:20em;
	background-color:#f3f5f7;
	margin:1em auto;
	padding: 0;
	}
#busca-secao h3 {
	font-size: 1.1em;
	padding:0.5em;
	color: #fff;
	background-color:#66888f;
	margin: 0;
   } 
#busca-secao form {padding:0 0.5em;}
#busca-secao form label {text-align: left; padding-bottom: 0.2em;}


/* --------------- MENU SECAO -------------------*/
#menu-secao {
	position:relative;
	float:left;
	width:20em;
	background-color:#f3f5f7;
	margin:1em;
	}
	
#menu-secao h3 {
	font-size: 1.1em;
	padding:0.5em;
	color: #fff;
	background-color:#66888f;
	margin: 0;
   } 

#menu-secao p {
	font-size: 1.1em;
	font-weight:bold;	
	padding:0.5em;
	color: #ffffff;
	background-color:#66888f;
	margin: 0;
	}
	
#navcontainer { margin-left: 0; }

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
	}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a {
	display: block;
	padding: 0.5em 1em;
	width: 18em;
	color: #fff;
	background-color: #84afb8;
	text-decoration: none;
	}

#navcontainer a:hover {
	color: #fff;
	background-color:#66888f;
	text-decoration: none;
	}

#navcontainer ul ul li { margin: 0 0 0.1em 0; }

#navcontainer ul ul a {
	display: block;
	padding: 0.5em 0.5em 0.5em 3em;
	width: 16.5em;
	color: #666;
	background-color: #cce1e6;
	text-decoration: none;
	}

#navcontainer ul ul a:hover {
	color: #fff;
	background-color: #84afb8;
	text-decoration: none;
	}
	
/* ----------- ACRESCENTADO PELO DESENVOLVIMENTO -------------------*/	

.destaqueTexto {
	color: #003366;
}

a{
	text-decoration: none;
}

.fieldRequired {
    background: url(../imagens/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
/*    color: #C0C0C0;*/
    color: #888;
}

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}
/*
#texto {
	height: 650px;
	overflow: auto;
}
*/
#form_filtro label { 
	width:16em;
}