/* CSS Document */
div#principal
{
   width: 800px;
   position: absolute;
   left:50%;
   margin-left:-400px;   
	font-family: tahoma, arial, sans-serif;
	font-size: 12px ;  
   text-align: left;
background-color:#FFFFFF;   
	background: url('imagens/cinza.jpg') repeat-y 0px 0px;   
}
body
{
   text-align: center;
   margin: 0;
 background-color:#FFFFFF;    
}
div#HD
{
 width:766px;
 height:200px;
 position:relative;
 margin-left:17px;
 background-color:#FFFFFF; 
}
div#menu
{
	position:relative;
	width:766px;
	height:20px;
	margin-left:17px;
	font-family:Verdana;
	font-size:12px;
	text-align:center;
	background-color:#FFFFFF;
	background:whitesmoke;
	color: #999999;

 
}
div#container
{
position:relative;
width:766px;
 margin-left:17px;
background-color:#FFFFFF;
font-family:Verdana;
padding-top:0px;
top:0px;


}



div#esq
{
  width:162px;
  float:left;
  background-color:#FFFFFF;  
 height:512px;    
}
div#climatempo
{
width: 150px;
height:170px;
background-color:#FFFFFF;
position:relative;
}
div#t_indicadores{
background-color:#FFFFFF;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#666666;

}

div#indicadores
{
background-color:#FFFFFF;
position:relative;
background-image:url("http://quotes.enfoque.com.br/coinvalores/tabdolar.gif");
 height:215px;
}





div#centro{
 width:400px;
 height:512px;
 float:left;
background-color:#FFFFFF; 
 padding-left:5px;
 }
div#dir{
  width:197px;
 height:512px;  
background-color:#FFFFFF;  
  float:left;
  }
  
div#rodape
{
 width:766px;
 height:20px;
 margin-left:17px; 
 position:relative;
 font-family:Verdana;
 font-size:10px;
 text-decoration:none;
 text-align:center;
background-color:#FFFFFF;
 background:whitesmoke;
/* background-color:#FFFFFF;*/
 color: #999999;
 
 
}
  
  
  
/* links */  
  
  a.classe1:link { font-size:10px;text-decoration: none; color: #105CB6}
  a.classe1:visited {text-decoration: none}
  a.classe1:hover {
  text-decoration: underline; 
  color: #105CB6;
  }
  a.classe1:active {text-decoration: none}

  a.classe2:link {
  text-decoration: underline overline
  }
  a.classe2:visited {
  text-decoration: underline overline
  }
  a.classe2:hover {text-decoration: underline; 
  color: #00FF00;
  }
  a.classe2:active {
  text-decoration: underline overline
  }