@charset "utf-8";
@import "reset.css";

/* Este CSS é responsável pela estrutura geral do site e seus includes; header e footer */
#geral {
	width: 990px;
	margin: 0 auto;
}

	#geral #header {
		width: 990px;
		height: 176px;
		margin: 0 auto;
		z-index: 1;
		background: url(../imagens/bg/header.jpg) no-repeat;
	}
		#geral #header h1 {
			float: left;
			width: 162px;
			height: 174px;
			margin: 0;
			background: url(../imagens/h/enesa.jpg) no-repeat;
		}
			#geral #header h1 a {
				display: block;
				width: 81px;
				height: 113px;
				margin: 24px 0 0 48px;
				text-indent: -9990px;
				overflow: hidden;
			}
		#geral #header ul.menu-sup {
			float: left;
			margin: 0;
			padding: 9px 0 0 331px;
		}
			#geral #header ul.menu-sup li {
				float: left;
				display: block;
			}
			#geral #header ul.menu-sup a {
				height: 27px;
				display: block;
				color: #FFF;
			}
			#geral #header ul.menu-sup a:hover {text-decoration: none;}
			
				/* Webmail */
				#geral #header ul.menu-sup li.webmail a {
					width: 62px;
					padding: 11px 0 0 34px;
					background: url(../imagens/menu/webmail.jpg) no-repeat 0 0;
				}
					#geral #header ul.menu-sup li.webmail a:hover {background: url(../imagens/menu/webmail.jpg) no-repeat 0 -38px;}
				
				/* Mapa */
				#geral #header ul.menu-sup li.mapa a {
					width: 80px;
					padding: 11px 7px 0 37px;
					background: url(../imagens/menu/mapa.jpg) no-repeat 0 0;
				}
					#geral #header ul.menu-sup li.mapa a:hover {background: url(../imagens/menu/mapa.jpg) no-repeat 0 -38px;}
					
				/* Us */
				#geral #header ul.menu-sup li.us a {
					width: 52px;
					padding: 11px 0 0 42px;
					background: url(../imagens/menu/us.jpg) no-repeat 0 0;
				}
					#geral #header ul.menu-sup li.us a:hover {background: url(../imagens/menu/us.jpg) no-repeat 0 -38px;}
					
				/* Balanço */
				#geral #header ul.menu-sup li.balanco{
					margin-right:1px;
				}
				#geral #header ul.menu-sup li.balanco a {
					width: 97px;
					padding: 11px 0 0 42px;
					background: url(../imagens/menu/balanco.jpg) no-repeat 0 0;
				}
					#geral #header ul.menu-sup li.balanco a:hover {background: url(../imagens/menu/balanco.jpg) no-repeat 0 -39px;}
				
		#geral #header ul.menu {
			float: left;
			width: 785px;
			padding: 28px 0 0 12px;
			margin: 0;
		}
		#geral #header ul.menu a {
			display: block;
			height: 27px;
			font-size: 13px;
			color: #FFF;
			padding: 12px 0 0;
			background-repeat: no-repeat;
		}
		#geral #header ul.menu a:hover {
			text-decoration: none;
		}
			#geral #header ul.menu li {
				float: left;
				display: block;
				padding: 0 8px 0 0;
				text-align: center;
			}
			
				/* Home */
				#geral #header ul.menu li a.home {
					width: 65px;
					background: url(../imagens/menu/home.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.home {
					background: url(../imagens/menu/home.jpg) 0 -39px;
				}
				
				/* Empresa */
				#geral #header ul.menu li.empresa {padding: 0 7px 0 0;}
				#geral #header ul.menu li a.empresa {
					width: 84px;
					background: url(../imagens/menu/empresa.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.empresa {
					background: url(../imagens/menu/empresa.jpg) 0 -39px;
				}
				
				/* Recursos */
				#geral #header ul.menu li.recursos {padding: 0 5px 0 0;}
				#geral #header ul.menu li a.recursos {
					width: 88px;
					background: url(../imagens/menu/recursos.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.recursos {
					background: url(../imagens/menu/recursos.jpg) 0 -39px;
				}
				
				/* Obras */
				#geral #header ul.menu li.obras {padding: 0 5px 0 0;}
				#geral #header ul.menu li a.obras {
					width: 67px;
					background: url(../imagens/menu/obras.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.obras {
					background: url(../imagens/menu/obras.jpg) 0 -39px;
				}
				
				/* Notícias */
				#geral #header ul.menu li.noticias {padding: 0 4px 0 0;}
				#geral #header ul.menu li a.noticias {
					width: 82px;
					background: url(../imagens/menu/noticias.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.noticias {
					background: url(../imagens/menu/noticias.jpg) 0 -39px;
				}
				
				/* Premios */
				#geral #header ul.menu li.premios {padding: 0 6px 0 0;}
				#geral #header ul.menu li a.premios {
					width: 84px;
					background: url(../imagens/menu/premios.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.premios {
					background: url(../imagens/menu/premios.jpg) 0 -39px;
				}
				
				/* QS */
				#geral #header ul.menu li.qs {padding: 0 7px 0 0;}
				#geral #header ul.menu li a.qs {
					width: 86px;
					background: url(../imagens/menu/qs.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.qs {
					background: url(../imagens/menu/qs.jpg) 0 -39px;
				}
				
				/* Clientes */
				#geral #header ul.menu li.clientes {padding: 0 6px 0 0;}
				#geral #header ul.menu li a.clientes {
					width: 81px;
					background: url(../imagens/menu/clientes.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.clientes {
					background: url(../imagens/menu/clientes.jpg) 0 -39px;
				}
				
				/* Contato */
				#geral #header ul.menu li.contato {padding: 0 6px 0 0;}
				#geral #header ul.menu li a.contato {
					width: 78px;
					background: url(../imagens/menu/contato.jpg) 0 0;
				}
				#geral #header ul.menu li a:hover.contato {
					background: url(../imagens/menu/contato.jpg) 0 -39px;
				}
	#geral #colun-esq {
		float: left;
		width: 298px;
		padding: 0 0 0 21px;
	}
		#geral #colun-esq h2 {
			display: block;
		}
		#geral #colun-esq .mais {
			position: absolute;
			text-align: right;
			width: 281px;
			margin: -35px -5px 0;
		}
			#geral #colun-esq .mais a {
				font-size: 12px;
				color: #004793;
			}
		#geral #colun-esq h2.obras {
			width: 275px;
			height: 37px;
			margin: 0;
			font-size: 16px;
			color: #FFF;
			padding: 56px 0 0 21px;
			background: url(../imagens/h/obras.jpg) no-repeat;
		}
		#geral #colun-esq div.obras {
			width: 296px;
			height: 103px;
			padding: 0 0 13px 0;
		}
			#geral #colun-esq div.obras .txt {
				float: left;
				width: 136px;
				height: 103px;
				padding: 0 0 0 21px;
			}
			#geral #colun-esq div.obras .img {
				float: left;
				width: 132px;
				height: 91px;
				padding: 7px 0 0 7px;
				background: url(../imagens/bg/obras.jpg) no-repeat;
                overflow: hidden;
			}
            #geral #colun-esq div.obras .img img {
                width: 118px
            }
			#geral #colun-esq div.obras h3 {
				width: 117px;
				color: #0076ae;
				cursor: pointer;
				padding: 7px 0 0;
			}
			#geral #colun-esq div.obras strong {
				font-weight: normal;
				color: #0076ae;
			}
			#geral #colun-esq div.obras p {padding: 9px 0 0 0;}
		#geral #colun-esq h2 {
			width: 278px;
			height: 36px;
			margin: 19px 0 0;
			font-size: 14px;
			color: #005692;
			padding: 12px 0 0 22px;
			background: url(../imagens/h/noticias.jpg) no-repeat;
		}
		#geral #colun-esq div.noticias {
			width: 296px;
			height: 145px;
			padding: 5px 0 25px 0;
		}
			#geral #colun-esq div.noticias .txt {
				float: left;
				width: 136px;
				height: 145px;
				padding: 0 0 0 21px;
				display:table-cell;
				vertical-align: bottom;
			}
			#geral #colun-esq div.noticias .img {
				float: left;
				width: 132px;
				height: 145px;
				padding: 7px 0 0 7px;
				background: url(../imagens/bg/noticias.jpg) no-repeat;
			}
			#geral #colun-esq div.noticias .img div {
				height: 131px;
				width: 118px;
				overflow: hidden;
			}
			#geral #colun-esq div.noticias .img img {
				height: 145px;			
			}
			#geral #colun-esq div.noticias .img .noticias-home img {
				height: 145px;
				margin-left: -50px
			}
			#geral #colun-esq div.noticias h3 {
				width: 117px;
				color: #0076ae;
				cursor: pointer;
				padding: 32px 0 0;
			}
			#geral #colun-esq div.noticias p {padding: 0 11px 0 0}

	#geral #cont-dir {
		z-index:5px;
		float: left;
		width: 666px;
		height:auto;
		margin: -36px 0 0; 
	}
		#geral #cont-dir #teaser {
			width: 646px;
			height: 347px;
			margin: 0 0 33px 0 !important;
			margin: 0 0 28px 0;
		}
		#geral #cont-dir .boxes {
			float: left;
			width: 300px;
			padding: 0 0 15px 21px;
		}
			#geral #cont-dir .boxes h2 {
				width: 278px;
				height: 36px;
				font-size: 14px;
				color: #005692;
				padding: 12px 0 0 22px;
				background: url(../imagens/h/noticias.jpg) no-repeat;
			}
				
			
			#geral #cont-dir .boxes .mais {
				text-align: right;
				width: 281px;
				margin: -35px -5px 0;
				height: 41px;
			}
				#geral #cont-dir .boxes .mais a {
					font-size: 12px;
					color: #004793;
				}
			#geral #cont-dir .boxes .img {
				float: left;
				width: 126px;
				height: 139px;
				padding: 7px 0 0 7px;
				background: url(../imagens/bg/img-boxes.jpg) no-repeat;
			}
			#geral #cont-dir .boxes .img div {
				height: 131px;
				width: 118px;
				overflow: hidden;
			}
			#geral #cont-dir .boxes .img img {
				height: 139px
			}
            #geral #cont-dir .boxes .premio-img div {
                width: 350px;
                margin-left: -115px;
                margin-top: -5px;
                text-align: center
            }
            #geral #cont-dir .boxes .img .atuante_home img {
				height: 180px;			
			}
			#geral #cont-dir .boxes .txt {
				float: left;
				width: 126px;
				height: 145px;
				padding: 4px 0 0 24px;
			}
				#geral #cont-dir .boxes .txt h3 {
					color: #0076ae;
					margin: 0 0 18px 0;
				}
				
					#geral #cont-dir .boxes-especial {
					float: left;
					width: 600px;
					padding: 0 0 15px 21px;
				}
					#geral #cont-dir .boxes-especial div.vaga-image { 
						width:134px; 
						height:97px; 
						float:left; background: url(../imagens/h/especial.jpg) no-repeat; 
						
								}
						#geral #cont-dir .boxes-especial b {
							width: 601px;
							height: 49px;
							font-size: 14px;
							color: #005692;
							float:left;
							padding: 12px 0 0 22px;
							background: url(../imagens/h/bg-vagas.jpg) no-repeat;
							}
							
							#geral #cont-dir .boxes-especial div.message { 
								
								height:auto;
								margin:5px 0 0 150px;
							}
							
								#geral #cont-dir .boxes-especial div.message p { 
									width:400px; padding-top:10px;
								
								}
								
									#geral #cont-dir .boxes-especial div.message a { 
									  color:#0090d6;								
									}												
						
		#geral #cont-dir .valores {
			width: 300px;
			height: 130px;
			margin: 10px auto 0;
			background: url(../imagens/bg/balanco.jpg) no-repeat 12px 0;
		}
			#geral #cont-dir .valores p {
				padding: 38px 19px 0 154px;
			}
#footer {
	clear: both;
	width: 100%;
	height: 210px;
	margin: 0;
	background: url(../imagens/bg/footer.jpg) repeat-x 0 53px;
}
	#footer .endereco {
		color: #0076ae;
		margin: 0 auto;
		padding: 30px 0 0;
		font-size: 12px;
		text-align: center;
	}
	#footer ul li {
		display: inline;
	}
		#footer ul li a {
			color: #FFF;
		}
	#footer ul.principais {
		text-align: center;
		padding: 20px 0 0;
	}
		#footer ul.principais li {
			text-align: center;
			padding: 0 20px;
		}
		#footer .list-infs {
			width: 990px;
			margin: 0 auto;
		}
			#footer .list-infs ul {
				font-size: 10px;
				line-height: 10px;
			}
				#footer .list-infs ul a {color: #a0e0ff;}
			#footer .list-infs ul.empresa {
				float: left;
				display: block;
				width: 92px;
				padding:3px 0 0 51px;
			}
				#footer .list-infs ul.empresa li {
					display: list-item;
				}

			#footer .list-infs ul.recursos {
				float: left;
				display: block;
				width: 100px;
				padding: 3px 0 0 0;
			}
				#footer .list-infs ul.recursos li {
					display: list-item;
				}
				
			#footer .list-infs ul.qs {
				float: left;
				display: block;
				width: 125px;
				padding: 3px 0 0 248px;
			}
				#footer .list-infs ul.qs li {
					display: list-item;
				}
				
			#footer .list-infs ul.contato {
				float: left;
				display: block;
				width: 86px;
				padding: 3px 0 0 270px;
			}
				#footer .list-infs ul.contato li {
					display: list-item;
				}
				
			#footer .list-infs .direitos {
				clear: both;
				height: 25px;
				padding: 50px 0 0;
				color: #8f8f8f;
			}
				#footer .list-infs .direitos span {
					float: right;
					margin: -14px 0 0 0;
				}
				#footer .list-infs .direitos a {
					color: #8f8f8f;
				}