@charset "utf-8";
/* CSS Document */

#body{
	margin:auto;
	text-align:center;
	position:relative;
	background-image:url(imagens/bg.png);
	background-repeat:repeat-x;
	background-color: #fff; 
}
#bg2{
	position:absolute;texto
	width:800px;
	height:193px;
	background-image:url(imagens/bg2.png);
	top:0px;
	left:75%;
	z-index:0;
	
}
#banner_flutuante{
	position:absolute;
	z-index:200;
	width:390px;
	height:290px;
	left: 150px;
	top: 150px;
/*	border:5px solid #000;*/
}
#banner_flutuante a:hover{
	border:1px solid #000;
}
#banner_principal{
	margin:auto;
	text-align:center;
	position:relative;
	width:990px;
	height:193px;
}

#anima{
	background-color:#CCCCCC;
	border:#000000 solid 1px;
}

#anima:hover{
	background-color:#FFFFFF;
	border:#FF0000 solid 1px;
}

#texto{
	font-size:18px;
	margin:auto;
	text-align:center;
	position:absolute;
	top:20px;
}

#texto_clientes{
	font-size:18px;
	margin:auto;
	text-align:center;
	position:relative;
	top:20px;
}
#tarja{
	margin:left;
	text-align:left;
	position:relative;
	top:0px;
	float:left;
}
#botoes{
	margin:auto;
	text-align:center;
	position:relative;
	width:350px;
	height:35px;
	left:160px;
	top:5px;
}
#borda_corpo_top{
	margin:auto;
	text-align:center;
	background-image:url("imagens/borda_corpo_top.png");
	clear:both;
	position:relative;
	width:990px;
	height:11px;
	z-index:50;
	top: 40px;
}
#corpo{
	top: 40px;
	margin:auto;
	text-align:center;
	background:#ececec;
	position:relative;
	width:990px;
	height:570px;
	z-index:100;
}
#borda_corpo_bottom{
	margin:auto;
	text-align:center;
	background-image:url("imagens/borda_corpo_bottom.png");
	background-position:bottom;
	clear:both;
	position:relative;
	width:990px;
	height:20px;
	z-index:50;
	top:27px;
}
#banner_flash{
	margin:auto;
	text-align:center;
	position:relative;
	top:10px;
	width:800px;
	height:278px;
}
#painel{
	margin:left;
	text-align:left;
	width:370px;
	height:120px;
	position:relative;
	left:10px;
	float:left;
}
#separador{
	margin:left;
	text-align:left;
	width:4px;
	height:124px;
	position:relative;
	top:15px;
	left:-220px;
	float:left;
}
#area_links{
	margin:right;
	text-align:center;
	width:210px;
	height:238px;
	float:left;
	position:relative;
	left:763px;
	top:-215px;
	border:double #CCCCCC 5px;
}
#link{
	font-family:"Courier New", Courier, monospace;
	background-image:url(imagens/bg_link.gif);
	border:inset #E4E4E4 1px;
	text-align:left;
	width: 207px;
	height:20px;
	position:relative;
}
#link:hover{
	border:outset #0000FF 2px;
}
#geral_icones{
	margin:left;
	text-align:center;
	position:relative;
	width:750px;
	height:170px;
	top:-100px;
	left:-250px;
	float:left;
}
#geral_pre{
	margin:left;
	float:left;
	text-align:center;
	position:relative;
	width:730px;
	height:52px;
	top:0px;
	left:10px;
}
#fatura{
	margin:left;
	text-align:left;
	width:117px;
	height:110px;
	position:relative;
	top:0px;
	left:10px;
	float:left;
	clear:both;
	background-image:url(imagens/fatura.gif);
}
#fatura:hover{
	border-top:dotted #0000FF 1px;
}
#e-mail{
	margin:left;
	text-align:left;
	width:117px;
	height:110px;
	position:relative;
	top:0px;
	left:40px;
	background-image:url(imagens/mail.gif);
	float:left;
}
#e-mail:hover{
	border-top:dotted #0000FF 1px;
}
#contrato{
	margin:left;
	text-align:left;
	width:117px;
	height:110px;
	position:relative;
	top:0px;
	left:80px;
	background-image:url(imagens/contrato.gif);
	float:left;
}
#contrato:hover{
	border-top:dotted #0000FF 1px;
}
#climatempo{
	margin:left;
	text-align:left;
	width:117px;
	height:110px;
	position:relative;
	top:0px;
	left:120px;
	background-image:url(imagens/climatempo.gif);
	float:left;
}
#climatempo:hover{
	border-top:dotted #0000FF 1px;
}
#noticicas{
	margin:left;
	text-align:left;
	width:117px;
	height:110px;
	position:relative;
	top:0px;
	left:160px;
	background-image:url(imagens/senha.gif);
	float:left;
}
#noticicas:hover{
	border-top:dotted #0000FF 1px;
}
#link_maior{
	background-image:url(imagens/gb_link.jpg);
	font-family:"Courier New", Courier, monospace;
	text-decoration:none; 
	position:relative;
	font-size:18px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	width:230px;
	height:50px;
	position:relative;
	border:solid #CCCCCC 1px;
}
#link_maior:hover{
background-image:url(imagens/gb_link2.jpg);
}
#painel_suporte{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	width:250px;
	position:relative;

}
#painel_link{	
	margin:auto;
	text-align:center;
	width:210px;
	height:248px;
	float:left;
	position:relative;
	left:50px;
	border:double #CCCCCC 5px;
}
#titulo_link{
	font-family:"Courier New", Courier, monospace;	
	margin:auto;
	text-align:center;
	position:relative;
	width:210px;
	vertical-align:top;
}
#form_contato{
	font-family:"Courier New", Courier, monospace;
	margin:left;
	text-align:center;
	position:absolute;
	top:70px;
	float:left;
	height:350px;
	width:610px;
	left: -2px;
}
#painel_contato{
	margin:right;
	text-align:center;
	width:300px;
	height:260px;
	float:left;
	position:absolute;
	top:61px;
	left:623px;
}
#painel_restrita{
	background-image:url(imagens/bg_download.gif);
	margin:right;
	text-align:center;
	width:530px;
	height:280px;
	float:left;
	position:relative;
	top:40px;
	left: 40px;
}
