/* CSS Document */
@import url(topo.css);
@import url(menu.css);
@import url(geral.css);
@import url(rodape.css);
#principal{
width:1000px;
margin:0 auto;
background:#fff;
}

#banner{
width:1000px;
height:165px;
position:relative;
text-align:left;
}
#banner h1{
color:#ffcc00;
width:600px;
font-size:35px;
font-weight:bold;
padding-top:10px;
padding-left:50px;
text-align:left;
}
#banner h2{
color:#6699cc;
font-size:26px;
font-weight:bold;
width:600px;
padding-top:15px;
margin-left:50px;
text-align:left;
}
.grafico{
background:url(../imagens/grafico1.gif) no-repeat right;
width:311px;
height:324px;
float:right;
margin:-312px 30px 10px 0px;
z-index:999;
position:relative;}

#conteudo{
width:1000px;
position:relative;
text-align:center;
background:#4e7db6;
}
#conteudo h1{
font-family:"Trebuchet MS", verdana, arial;
font-size:24px;
color:#fff;
font-weight:normal;
text-align:left;
padding:10px 0px 0px 10px;
}

#conteudo .box{
text-align:center;
margin:0px 0px;
padding:10px 10px;
float:left;}

#conteudo .box h2{
font-size:18px;
color:#fff;
font-weight:normal;
text-align:left;
padding:6px 0px 0px 0px;
}
#conteudo .box p{
font-size:12px;
color:#fff;
font-weight:normal;
text-align:left;
padding:6px 100px 0px 0px;
width:170px;
}

.outro{
margin-top:26px;
margin-bottom:10px;}