/* CSS Document */

body{
 margin:0;
 padding:0;
 font-size:10px;
 color:#000000;
 font-family:verdana, arial, sans-serif;
 background-color: #ffffff;
}


#centralizar{
 width: 800px;
 float:left;
 border: 0px solid #ccc;
 left: 50%;
 margin-left: -400px;
 position: absolute;
}

#topo{
 height:25px;
 width:798px;
 background:url('img/fundo2.gif');
 border: 1px solid #006;
 border-bottom-width:0px;
  -moz-border-radius-topleft: 1.0em;
  -moz-border-radius-topright: 1.0em;
 }

#banner{
 float:left;
 width:798px;
 height:180px;
 background:url('img/banner.gif') no-repeat #FFFFFF;
 border: 1px solid #ccc;
 border-top-width:0px;
 border-bottom-width:0px


}

/* Menu topo */
#menu_top{
 float:left;
 width:798px;
 height:26px;
 background:url('img/fundo2.gif') #FFFFFF;
 border: 1px solid #006;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
}

#menu_top ul{
 float:left;
 width:800;
 padding:0 0 0 0px;
 margin:0;
 list-style:none;
}
#menu_top li{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 float:left;
 margin:0 2px 0 0;
 padding:0px 0 0 20px;
}
#menu_top ul a{
 float:left;
 width:119px;
 height:18px;
 padding:6px 0 0;
 color:#FFFFFF;
 text-decoration:none;
 display:block;
 text-align:center;
 background:url('img/fundo2.gif');
}
#menu_top ul a:hover{
 float:left;
 height:20px;
 padding:8px 0 0;
 color:#000000;
 background:url('') no-repeat;
}

#centro{
 float:left;
 width:800px;
}

/* Menu Lado Esquerdo */
#menu{
 float:left;
 width:170px;
 height:858px;
 margin: 5px 0 0 0;
 border: 1px solid #006;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
 background:url('img/menu_fundo.gif') #FFFFFF;

}

#menu h1{
 font-size:13px;
 text-align:center;
 float:left;
 margin:0px 0 0px 0px;
 padding:0px 0 0 0;
 width:100%;
 color:#FFFFFF;
 background:#01009e;
}

#menu ul{
 font-size:12px;
 float:left;
 width:170px;
 padding:0 0 0 0px;
 margin:0 0 0 0px;
 list-style:none;
 }

#menu li{
 float:left;
 width:170px;

}

#menu ul a{
 float:left;
 width:160px;
 height:24px;
 padding:5px 0 0 10px;
 margin: 0 0 0 0px;
 color:#FFFFFF;
 text-decoration:none;
 display:block;
 text-align:left;
 border: 1px solid #7db9e9; 
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
}
#menu ul a:hover{
	float:left;
	width: 153px;
	height:24px;
	padding: 5px 0px 0px 17px;
	color:#FFFFF;
	background-color: #09014E;
}

/*cotaçoes, noticias / tempo, destaques*/
#cotacaotempo{
 float:left;
 width: 625px;
 height:auto;
 margin: 3px 0px 0 3px;
 
}

#cotacao{
 float:left;
 padding:0 0 2px 0;
 margin:2px 0px 0px 0px;
 width:456px;
 height:134px;
 background-color: #FFFFFF;
 display:inline;
 border: 1px solid #ccc;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
}

#titulocentro{
 float:left;
 width:456px;
 margin: 3px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid #ccc;
 border-bottom-width:0px;
}

#noticias{
float:left;
width:456px;
height:188px;
background-color:#FFFFFF;
}

#principais{
 width:440px;
 height:468px;
 position:absolute;
 top:625px;
 left:175px;
 font-family:verdana, arial, sans-serif;
 font-size:12px;
 float:left;
 margin:0px 3px 0px 0px;
 padding: 0px 10px 5px 5px;
 background-color: #FFFFFF;
 border: 1px solid #ccc;
 border-top-width:0px;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
}

#principais a{
 text-decoration:none;
 color: #000099;
 font-weight:bold;
}

#principais a:hover{
 color: #0033CC;
 text-decoration:underline;
}

#principais img{
border:0;
margin:0;
margin-right:10px;
}

#principais h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#0066CC;
margin:0px;
}

#empresa{
margin:0 0 0 0px;
padding:0 0 0px 0px;
border-bottom: 1px solid #66CCFF;
height:60px;
}

#tempo{
 width:162px;
 height:858px;
 position:absolute;
 top:237px;
 display:inline;
 margin:2px 0px 0px 3px;
 padding: 0px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 1px solid #ccc;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
}

#tempo p{
margin:0 0 10px 0;
padding:0 0 0 0px;
}

#links{
 font-family:verdana, arial, sans-serif;
 font-size:13px;
 float:left;
 width:456px;
 height:838px;
 margin:2px 0px 0px 0px;
 padding:0px 0px 20px 0px;
 display:inline;
 background-color: #FFFFFF;
 border: 1px solid #ccc;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
  -moz-border-radius-bottomleft: 1.0em;
  -moz-border-radius-bottomright: 1.0em;
 }

 #links h1{
 float:left;
 margin:0px 0 0px 0px;
 padding:0px 0 0 0;
 }

 #links ul{
 float:left;
 padding:15px 0 0 25px;
 margin:0 0 0 0px;
 list-style:none;
 }

#links li{
 font-family:verdana, arial, sans-serif;
 font-size:13px;
 float:left;
 padding:10px 0 0 0px;
}

#links ul a{
 width: 420px;
 float:left;
 color: #0066FF;
 text-decoration:none;
 display:block;
 text-align:left;
}

#links ul a:hover{
 float:left;
 padding: 0px 0px 0px 5px;
 color: #003399;
 text-decoration: underline;
}

#links th{
font-size:14px;
background-color: #993399;
color:#FFFFFF
}

#links tr{
border:2px solid #000099
}

#sobre{
	padding: 30px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000099;
	text-align:justify;

}

#sobre h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0066CC;
}

#rodape{
 float:left;
 width:798px;
 margin: 5px 0 0 0;
 background:url('img/rodape.gif') #FFFFFF;
 border: 1px solid #ccc;
 -moz-border-radius-topleft: 1.0em;
 -moz-border-radius-topright: 1.0em; 
 -moz-border-radius-bottomleft: 1.0em;
 -moz-border-radius-bottomright: 1.0em;

}
#rodape p{
 float:left;
 line-height:13px;
 margin:10px 0px 10px 28px;
 padding: 10px 0px 10px 0px;
 display:inline;
}
#rodape #esquerdo{
 width:266px;
 margin:0px 0 0px 50px;
}
#rodape #centro{
 width:266px;
 float:left;
 margin:0px 0px 0px 50px;
}
#rodape #direito{
 float:left;
 margin:5px 0px 0px 18px;
}