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

body { 
margin:0px;
background:url(../../imagens/geral/fundo-continuo.gif);
font-family:Arial, Helvetica, sans-serif;
}

#geral {
position:relative;
width:100%;
height:600px;	
background:url(../../imagens/geral/fundo.gif) repeat-x;

}

#container {
position:relative;
width:930px;
margin:0 auto;


}

#topo {
position:relative;
float:left;
width:888px;
height:96px;
margin-top:8px;
background:url(../../imagens/geral/topo.jpg) no-repeat;
margin-left:30px;
padding:6px;


}
	#logo{
	position:relative;
	float:left;
	width:300px;
	height:108px;
	text-align:center;
	}
	#topo-centro{
	position:relative;
	float:left;
	width:370px;
	height:108px;
	text-align:center;
	}
		#topo-centro .superior{
		width:370px;
		height:30px;
		position:relative;
		float:left;
		}
		#topo-centro .inferior{
		width:370px;
		height:60px;
		position:relative;
		float:left;
		}
	#topo-direita{
	position:relative;
	float:left;
	width:210px;
	height:108px;
	text-align:right;
	
	}
		#topo-direita .superior{
		width:215px;
		height:50px;
		position:relative;
		float:left;

		}
		#topo-direita .inferior{
		width:215px;
		height:48px;
		position:relative;
		float:left;

		}
#menu {
position:relative;
float:left;
width:892px;
height:42px;
background:url(../../imagens/geral/fundomenu.jpg) no-repeat;
margin-left:30px;
padding:4px;


}
	#menu-esquerda{
	position:relative;
	float:left;
	width:348px;
	height:40px;
	
	}
		#menu-esquerda .titulo{
		position:relative;
		float:left;
		width:100%;
		height:18px;
		text-align:center;
		}
		#menu-esquerda .menus{
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		margin-left:10px;
		padding:0;
		}
	#menu-espacador{
	position:relative;
	float:left;
	width:2px;
	height:40px;
	background:#ccc;
	}
	#menu-direita{
	position:relative;
	float:left;
	width:520px;
	height:40px;
	
	}
		#menu-direita .titulo{
		position:relative;
		float:left;
		width:100%;
		height:18px;
		text-align:center;
		}
		#menu-direita .menus{
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		margin-left:10px;
		padding:0;
		}
#meio-propaganda {
position:relative;
float:left;
width:876px;
height:140px;
background:url(../../imagens/geral/laterais.jpg) repeat-y ;
padding:12px;
margin-left:30px;
z-index:50;
}
	#meio-propaganda .banner{
	position:relative;
	float:left;
	width:350px;
	height:140px;
	border:solid 1px #ccc;
	}
	#meio-propaganda .mensagem{
	position:relative;
	float:left;
	width:300px;
	height:140px;
	text-align:center;
	color:#333333;
	padding-left:15px;
	padding-right:15px;
	
	}
		#meio-propaganda h1{
		font-size:12px;
		font-weight:bold;
		line-height:20px;
		}
		#meio-propaganda h2{
		font-size:16px;
		font-weight:bold;
		line-height:20px;
		color:#666666;
		}
	#meio-propaganda .login_busca{
	position:relative;
	float:left;
	width:194px;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	
	}
		#meio-propaganda .busca{
		position:relative;
		float:left;
		width:190px;
		height:60px;
		padding:4px;
		z-index:50;		
		}
			#meio-propaganda .nome_busca{
			position:relative;
			float:left;
			width:186px;
			font-size:10px;
			color:#000000;
			
			}
			#meio-propaganda .botao_busca{
			position:relative;
			float:left;
			width:190px;
			text-align:right;
			}
			#meio-propaganda select{
			font-size:9px;
			color:#666666;
			}
		#meio-propaganda .login{
		position:relative;
		float:left;
		width:190px;
		height:65px;
		padding:2px;
		
		
		}
		#meio-propaganda .linhasnome{
		position:relative;
		float:left;
		width:45px;
		height:12px;
		float:left;

		padding:4px;
		}
		#meio-propaganda .linhascampo{
		position:relative;
		float:left;
		width:125px;
		height:16px;
		padding:2px;
		float:left;
		}
		#meio-propaganda input{
		padding:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		border:solid 1PX #CCCCCC;
		}
		#meio-propaganda a{
		text-decoration:none;
		color:#333333;
		}
#divisor {
position:relative;
float:left;
width:900px;
height:10px;
background:url(../../imagens/geral/divisor.jpg) no-repeat;
margin-left:30px;
z-index:10;

}
#container-conteudo {
position:relative;
float:left;
width:930px;
}
	#menu-lateral {
	position:relative;
	float:left;
	width:30px;
	height:240px;
	z-index:50;
	
	}
		#atuais-selec {
		position:relative;
		float:left;
		width:28px;
		height:110px;
		z-index:50;
		left:3px;
		display:block;
		}
		#atuais-deselec {
		position:relative;
		float:left;
		width:28px;
		height:110px;
		z-index:50;
		left:2px;
		display:none;
		}
		#passa-selec {
		position:relative;
		float:left;
		width:28px;
		height:131px;
		z-index:50;
		left:3px;
		display:none;
		}
		
		#passa-deselec {
		position:relative;
		float:left;
		width:28px;
		height:131px;
		z-index:50;
		left:2px;
		display:block;
		}
	#conteudo {
	position:relative;
	float:left;
	width:876px;
	min-height:220px;
	background:url(../../imagens/geral/laterais.jpg) repeat-y;
	padding:12px;
	z-index:30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	#conteudo h2 {
	background:url(../../imagens/geral/fundocabecalhos.gif) no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	height:14px;
	padding:8px;
	}
	#conteudo p {
	text-align:justify;
	}
	
	#conteudo img {
	border-color:#FFFFFF;
	}
		#quemsomos{
		position:relative;
		float:left;
		width:850px;
		padding:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
			#quemsomos .menu{
			position:relative;
			float:left;
			width:200px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			margin-right:10px;
			}
			#quemsomos .conteudo2{
			position:relative;
			float:left;
			width:640px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			}
				#quemsomos .titulo {
				background:url(../../imagens/geral/fundocabecalhos.gif) no-repeat;
				font-size:12px;
				font-weight:bold;
				width:620px;
				height:12px;
				padding:9px;
				color:#FFFFFF;
				}
			#quemsomos .cont2{
			position:relative;
			float:left;
			padding:0;
			margin:0;
			margin-top:15px;
			}
			#menuver {
			width: 200px;
			padding:0;
			margin:0;
			font-size:10px;
			}
			#menuver li {
			list-style: none;
			background:#f3f3f3;
			margin:1px;
			font-weight:bold;
			padding:5px;
			}
			#menuver li a {
			text-decoration:none;
			color: #003366;
			}
			#menuver li a:visited {
			color: #003366;
			}
			#menuver li a:hover { 
			color:#000;
			}
			#menuver li a:active { 
			color: #003366; 
			}


#barra-final {
position:relative;
float:left;
width:900px;
height:10px;
background:url(../../imagens/geral/rodape.jpg) no-repeat;
margin-left:30px;
}

#rodape {
position:relative;
float:left;
width:890px;
height:15px;
margin-left:30px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px;



}
#paceiros {
position:relative;
float:left;
width:900px;
height:24px;
margin-left:30px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}
	#parceiros .coluna30{
	position:relative;
	float:left;
	width:300px;
	height:24px;
	
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	
	}
	#parceiros .coluna30d{
	position:relative;
	float:left;
	width:300px;
	height:24px;
	
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	
	
	}
#abaixo-rodape {
position:relative;
float:left;
width:100%;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(../../imagens/geral/fundo-inferior.gif) repeat-x #5C96D1;
color:#FFFFFF;
padding-top:4px;
text-decoration:none;
}
	#abaixo-rodape a{
		text-decoration:none;
		color:#FFFFFF;
	}
	#abaixo-rodape a:hover{
		text-decoration:underline;
		color:#FFFFFF;
	}
	
	#abaixo-rodape	 .coluna30{
	position:relative;
	float:left;
	width:300px;
	height:35px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	}
	
	#abaixo-rodape .coluna70d{
	position:relative;
	float:left;
	width:630px;
	height:35px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;

	}
	
#atencao{
position:relative;
width:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
}
#geral-medidor {
	position:relative;
	width:100%;
	margin:0 auto;
	
	}
		#geral-medidor .caixa{
		position:relative;
		width:400px;
		height:250px;
		margin:0 auto;
		background:url(../../imagens/geral/fundo-medidor.gif) no-repeat;
		
		}
	#geral-contato {
	position:relative;
	width:100%;
	margin:0 auto;
	
	}
		#geral-contato .caixa-contato{
		position:relative;
		width:400px;
		height:250px;
		margin:0 auto;
		background:url(../../imagens/geral/fundo-medidor.gif) no-repeat;
		
		}
		#geral-contato .nome{
		position:relative;
		float:left;
		width:80px;
		text-align:right;
		padding:5px;
		height:20px;
		color:#FFFFFF;
		font-weight:bold;
				
		}
		#geral-contato .campo{
		position:relative;
		float:left;
		width:300px;
		height:30px;
		text-align:left;
		color:#FFFFFF;
		font-weight:bold;
		}
		#geral-contato .titulo{
		position:relative;
		float:left;
		width:380px;
		height:10px;
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
		}
		#geral-contato .icone{
		position:relative;
		float:left;
		width:110px;
		height:85px;
		left:-20px;
		top:12px;
		}
		/*tolltipo*/
		
		#tt {position:absolute; display:block; background:url(/imagens/geral/tolltip/tt_left.gif) top left no-repeat;z-index:999; }
		#tttop {display:block; height:5px; margin-left:5px; background:url(/imagens/geral/tolltip/tt_top.gif) top right no-repeat; overflow:hidden;z-index:999;}
		#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;z-index:999; text-align:justify; font-family:Arial; font-size:11px;}
		#ttbot {display:block; height:5px; margin-left:5px; background:url(/imagens/geral/tolltip/tt_bottom.gif) top right no-repeat; overflow:hidden;z-index:999;}