@charset "utf-8";
/* CSS Document */

/******************************
     Autor: João Angelo
  E-Mail: cybeer@gmail.com
******************************/

@import url(estilo_links-textos.css);
@import url(forms.css);

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


#topo {
	width:980px;
	height:144px;
	float:left }

#topo #atalhos {
	width:290px;
	height:auto;
	float:right;
	text-align:right;
	margin-top:35px }
	
#menu {
	width:980px;
	height:34px;
	background:url(../img/bg/bg_menu.jpg) no-repeat;
	float:left;
	padding-top:8px }

#menu span {
	font:11px Verdana;
	color:#FF9900;
	float:right;
	margin-top:5px;
	margin-right:12px }

#menu ul {
	width:805px;
	height:auto;
	float:left }

#menu ul li {
	padding-left:12px;
	padding-right:12px;
	background:url(../img/divisao-menu.jpg) no-repeat;
	display:inline }
	
#menu ul li a {
	font:12px Arial;
	color:#006EC7;
	text-decoration:none }
	#menu ul li a:hover {
	color:#FF9900;
	font:12px Arial }

#area-destaque_home {
	width:980px;
	height:auto }

#area-destaque_home #banner-institucional {
	width:409px;
	height:171px;
	margin-top:7px;
	float:left }

#area-destaque_home #area-restrita {
	width:394px;
	height:87px;
	padding-left:15px;
	margin-top:8px;
	float:left }
	
#area-destaque_home #area-restrita fieldset {
	margin-top:5px }

#area-destaque_home #area-restrita fieldset label {
	display:inline;
	float:left;
	padding-right:9px }

#area-destaque_home #obras-realizadas {
	width:541px;
	height:auto;
	margin-top:12px;
	float:right }

#area-destaque_home #obras-realizadas ul {
	width:541px;
	height:auto;
	clear:both;
	float:left;
	margin-top:11px;
	*margin-top:17px }

#area-destaque_home #obras-realizadas ul li {
	width:155px;
	height:215px;
	float:left;
	padding:9px;
	margin-right:11px;
	background:url(../img/bg/bg_box-obras-realizadas.jpg) no-repeat }

#noticias-e-rodape {
	width:540px;
	height:auto;
	float:left }
	
#noticias-e-rodape #ultimas-noticias {
	width:540px;
	height:auto;
	margin-top:37px;
	float:left }

#noticias-e-rodape #ultimas-noticias ul {
	width:540px;
	height:auto;
	margin-top:15px }

#noticias-e-rodape #ultimas-noticias ul li {
	width:540px;
	height:auto;
	display:block;
	float:left;
	margin-bottom:20px }

#noticias-e-rodape #rodape-home {
	width:504px;
	height:26px;
	clear:both;
	float:left;
	font:10px Arial;
	color:#0065B6;
	padding:18px;
	margin-top:20px;
	margin-bottom:10px;
	background:url(../img/bg/bg_rodape.jpg) no-repeat }

#mini-menu {
	width:134px;
	height:271px;
	float:left;
	padding-top:17px;
	padding-left:17px;	
	margin-left:18px;
	font:11px Arial;
	color:#FFFFFF;
	margin-top:60px;
	background:url(../img/bg/bg_mini-menu.jpg) no-repeat }

#mini-menu a {
	font:11px Arial;
	color:#FFFFFF;
	text-decoration:none }
	#mini-menu a:hover {
	text-decoration:underline }

#mini-menu br {
	margin-bottom:8px }

#newsletter {
	width:250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:111px }

#newsletter fieldset {
	width:250px;
	height:auto }

#newsletter fieldset label {
	display:inline;
	float:left;
	margin-top:10px }
	
#conteudo_interno {
	width:980px;
	height:auto; }

#conteudo_interno #navegacao-obras {
	width:610px;
	height:22px;
	text-align:right;
	font:bold 11px Arial;
	color:#006EC7;
	margin-top:20px;
	margin-right:15px;
	float:right; }

#conteudo_interno #lista-obras {
	width:950px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:15px; }

#conteudo_interno #lista-obras ul {
	width:965px;
	height:auto; }
	
#conteudo_interno #lista-obras ul li {
	width:155px;
	height:215px;
	float:left;
	padding:9px;
	margin-right:20px;
	margin-bottom:20px;
	background:url(../img/bg/bg_box-obras-interna.jpg) no-repeat }

#conteudo_interno #rodape-interno {
	width:944px;
	height:26px;
	float:left;
	padding:18px;
	font:10px Arial;
	color:#0065B6;
	*margin-top:20px;
	margin-top:30px;
	margin-bottom:10px;
	background:url(../img/bg/bg_rodape-interno.jpg) no-repeat; }

#conteudo_interno #detalhes-obra {
	width:705px;
	height:auto;
	margin-top:30px;
	margin-left:15px;
	font:11px Arial;
	color:#0065B6;
	float:left; }

#conteudo_interno #detalhes-obra #galeria-fotos-obra {
	width:705px;
	height:auto;
	float:left;
	margin-top:40px; }

#conteudo_interno #detalhes-obra #galeria-fotos-obra #nav-fotos {
	float:right;
	margin-right:15px; }

#conteudo_interno #detalhes-obra #galeria-fotos-obra ul {
	width:705px;
	height:auto;
	float:left;
	margin-top:18px; }

#conteudo_interno #detalhes-obra #galeria-fotos-obra ul li {
	width:162px;
	height:94px;
	display:inline;
	margin-right:14px;
	margin-bottom:14px;
	float:left; }

#conteudo_interno #servicos-utilizados {
	width:228px;
	height:auto;
	margin-top:30px;
	margin-right:15px;
	font:11px Arial;
	color:#FFFFFF;
	float:right;
	padding-top:50px;
	background:url(../img/tit/tit_servicos-utilizados.jpg) no-repeat #005EA9; }

#conteudo_interno #servicos-utilizados img {
	margin-bottom:-3px; }

#conteudo_interno #servicos-utilizados div {
	margin-left:13px; }
	
#conteudo_interno #dados-contato {
	width:238px;
	height:auto;
	margin-top:30px;
	*margin-top:70px;
	margin-right:15px;
	float:right; }

#conteudo_interno #dados-contato div {
	margin-left:13px; }

#conteudo_interno #dados-contato img {
	margin-bottom:-3px; }

#conteudo_interno #lista-noticias {
	width:950px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:15px; }

#conteudo_interno #lista-noticias ul {
	width:950px;
	height:auto; }

#conteudo_interno #lista-noticias ul li {
	width:950px;
	height:94px;
	display:block;
	padding-bottom:18px;
	margin-top:18px;
	font:11px Arial;
	color:#0065B6;
	border-bottom:1px solid #F2F2F2 }

#conteudo_interno #lista-servicos {
	width:950px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:15px; }

#conteudo_interno #lista-servicos ul {
	width:950px;
	height:auto; }

#conteudo_interno #lista-servicos ul li {
	width:950px;
	height:84px;
	display:block;
	padding-bottom:18px;
	margin-top:18px;
	font:11px Arial;
	color:#0065B6;
	border-bottom:1px solid #F2F2F2 }

#conteudo_interno #noticia-detalhes {
	width:950px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:15px;
	font:11px Arial;
	color:#006EC7; }

#conteudo_interno #vagas {
	width:705px;
	height:auto;
	margin-top:30px;
	margin-left:15px;
	font:11px Arial;
	color:#0065B6;
	float:left; }
	
#conteudo_interno #vagas ul {
	width:705px;
	height:auto; }

#conteudo_interno #vagas ul li {
	width:292px;
	height:136px;
	font:11px Arial;
	color:#0065B6;
	display:inline;
	float:left;
	margin-right:42px;
	margin-bottom:15px;
	padding:15px;
	padding-top:13px;
	background:url(../img/bg/bg_box-vagas.jpg) no-repeat; }

#conteudo_interno #vagas ul li span {
	margin-left:40px; }

#conteudo_interno #cadastre-curriculos {
	width:228px;
	height:auto;
	margin-top:30px;
	*margin-top:70px;
	margin-right:15px;
	float:right; }

#conteudo_interno #rh-formulario {
	width:705px;
	height:auto;
	margin-top:30px;
	margin-left:15px;
	font:11px Arial;
	color:#0065B6;
	float:left;
	clear:both; }

#conteudo_interno #rh-formulario fieldset {
	width:680px;
	height:auto;
	float:left;
	margin-bottom:30px; }

#conteudo_interno #rh-formulario fieldset label {
	width:674px;
	height:24px;
	display:block;
	float:left;
	background:url(../img/bg/bg_label-rh.jpg) no-repeat;
	margin-bottom:1px;
	font:11px Arial;
	color:#666666;
	padding:3px; }

#conteudo_interno #rh-formulario fieldset .label_rh-grande {
	width:674px;
	height:134px;
	display:block;
	float:left;
	background:url(../img/bg/bg_label-rh-grande.jpg) no-repeat;
	margin-bottom:1px;
	font:11px Arial;
	color:#666666;
	padding:3px; }

#conteudo_interno #rh-formulario fieldset .label_rh-titulo {
	width:674px;
	height:34px;
	display:block;
	float:left;
	background:url(../img/bg/bg_label-rh-titulo.jpg) no-repeat;
	margin-bottom:1px;
	font:11px Arial;
	color:#955900;
	padding:3px; }

#conteudo_interno #rh-formulario fieldset label span {
	margin-top:4px;
	margin-left:8px;
	position:absolute; }

#conteudo_interno #rh-formulario fieldset label input {
	margin-left:343px;
	font:11px Arial;
	color:#666666;
	height:12px;
	padding:3px;
	margin-top:1px; }

#conteudo_interno #rh-formulario fieldset label select {
	margin-left:343px;
	font:11px Arial;
	color:#666666;
	padding:2px;
	margin-top:1px; }

#conteudo_interno #rh-formulario fieldset label textarea {
	margin-left:343px;
	font:11px Arial;
	color:#666666;
	height:auto;
	padding:3px;
	margin-top:1px; }
