/* #header eh 'o todo' relacionado ao cabecalho
dentro dele estao todas as outras coisas*/
body{
	background:#f0f1f3;
}

#wrapper{
	background:#f0f1f3;
}
#header {
	font-family:Arial, Helvetica, sans-serif;
	width:960px;
	background:#FFFFFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* #institucional eh a barra com links simples para
paginas que apresentam o portal, como 'quem somos' */
#institucional {
	background:#F0F1F3;
	color:#5C7E7F;
	height:20px;
	text-align:right;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
}

	#institucional a, a:visited {
		color:#5C7E7F;
		text-decoration:none;
	}
	
	#institucional a:hover {
		text-decoration:underline;
	}

/* #principal eh toda a barra principal, que envolve
a logo, o banner topo central e um espaco vago a direita */
#principal {
	margin:3px 0;
	height:60px;
}

	#logo {
		width:243px;
		float:left;
		background: url("../imagens/degrade-topo.gif") repeat-x;
		margin-left:auto;
		margin-right:auto;
		padding:3px 0;
	}
	
	#banner {
		background:#CCCCCC;
		width:468px;
		margin:0 3px;
		float:left;
	}
	
	#vago {
		width:240px;
		float:left;
		background: url("../imagens/degrade-topo.gif") repeat-x;
		padding-left:3px;
		text-align:left;
	}

/* #ferramentas eh toda a barra de ferramentas, que envolve
a data, os links para servicos, o formulario de busca (pesquisa)
e o formulario de acesso ao Legislacao */
#ferramentas {
	background:#5C7E7F;
	margin:3px 0;
	height:50px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

	#data {
		width:159px;
		float:left;
		height:33px;
		padding-top:17px;
		background:url("../imagens/separador-branco.png") no-repeat right;
	}
	
	#servicos {
		width:240px;
		float:left;
		height:43px;
		text-align:left;
		padding:5px 0 0 20px;
		background:url("../imagens/separador-branco.png") no-repeat right;
	}
	
		#servicos a, img {
			color:#FFFFFF;
			border:none;
			text-decoration:none;
		}
		
		#servicos a:hover {
			text-decoration:underline;
		}
	
	#busca {
		width:319px;
		float:left;
		height:50px;
		background:url("../imagens/separador-branco.png") no-repeat right;
	}
	
		#busca #opcoes {
			float:left;
			margin:0 0 -2px 25px;
		}
	
		#busca .radio {
			width: 24px;
			height: 24px;
			background: url("../imagens/radio-button.gif") no-repeat;
			display: block;
			clear: left;
			float: left;
		}
		
		#busca .radio_group {
			float:left;
			padding:0 5px;
		}
		
		#busca .label {
			float:left;
			padding-top:7px;
		}
		
		#busca .text-field {
			background:url("http://blog.ambientebrasil.com.br/wp-content/themes/thematic/header/imagens/text-field-buscar.png") no-repeat *fixed;
			float:left;
			width:215px;
			height:20px;
			margin:0 1px 0 20px;
			border:0 none;
			color:#5C7E7F;
			font-size:11px;
			padding:0 5px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#busca .button {
			float:left;
			width:53px;
			height:20px;
			margin:0px;
			padding:0px;
		}
		
	#legislacao {
		width:200px;
		float:left;
		height:50px;
	}
	
		#legislacao .label {
			float:left;
			padding:5px 32px 0 32px;
		}
	
		#legislacao .text-field-legislacao-login {
			background:url("../imagens/text-field-legislacao-login.png") no-repeat *fixed;
			float:left;
			width:64px;
			height:20px;
			margin:0 5px 0 24px;
			border:0 none;
			color:#5C7E7F;
			font-size:11px;
			padding:0 5px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#legislacao .text-field-legislacao-senha {
			background:url("../imagens/text-field-legislacao-senha.png") no-repeat *fixed;
			float:left;
			width:55px;
			height:20px;
			margin:0 1px 0 0;
			border:0 none;
			color:#5C7E7F;
			font-size:11px;
			padding:0 5px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#legislacao .button {
			float:left;
			width:25px;
			height:20px;
			margin:0px;
			padding:0px;
		}

/* #auxiliar eh toda a barra auxiliar, que envolve
o patrocionio e os menus */
#auxiliar {
	height:36px;
}

	#patrocinio {
		width:122px;
		float:left;
		width:122px;
		height:24px;
		margin-right:9px;
		*margin-right:3px;
	}
	
	/* #menus eh toda a barra de menus, sendo
	somente o container para um #menu */
	#menus {
		float:left;
		width:820px;
		height:30px;
		text-align:center;
		font-weight:bold;
	}
	
	/* #menu eh um menu ou item de menu */
	#menus a {
		color:#5C7E7F;
		background:#DCDBD6;
		float:left;
		margin-right:3px;
		padding: 4px 10px;
		height:22px;
		text-decoration:none;
		font-size:16px;
	}
	
	#menus a:hover {
		border-bottom:5px solid #5C7E7F;
		padding:1px 10px;
	}