body {margin: 0px; padding: 0px; text-align: center; font-family: Verdana; font-size: 12px; background: url(img/bgTopo.gif) repeat-x; color: #6F6F6F;}
img{margin: 0px solid}
<!--
h1{font-size: 20px; color:#3a3987; padding: 0 0 20px 0; text-transform: uppercase}
a:link, a:visited, a:active {text-decoration:underline; color:#3a3987;}
a:hover {text-decoration: none;}
-->

h2 { font-family: Verdana; font-size: 13px;}
.centraliza {width: 990px; margin: 0 auto 0 auto; text-align: left;}

/* - - - - - - - - - - - - - - - - - - - -*/
#topo{float: left;}
#topo #logo{float: left; margin-top: 30px;}
#topo #banner{float: right; margin-left: 29px;}

/* - - - - - - - - - - - - - - - - - - - -*/
#menu{float: left; width: 990px;}
#menu #dir{float: left; width: 620px; height: 27px; margin-left: 163px;}
#menu #dir ul{display: block; background: url(images/menu/menu.png) no-repeat center bottom; width: 595px; height: 27px; margin-top: -2px;}
#menu #dir ul li{float: left; display: block; font-size: 12px;text-shadow: 1px 1px #053f83}
#menu #dir ul li.esq a{display: block; color: #fff; padding: 5px 0px 8px 0px; width: 110px; text-decoration: none; text-align:center}
#menu #dir ul li.dir a{display: block; color: #fff; padding: 5px 0px 8px 0px; width: 110px; text-decoration: none; text-align:center}
#menu #dir ul li a{display: block; color: #fff; padding: 5px 0px 8px 0px; width: 125px; text-decoration: none; text-align:center}
#menu #dir ul li a:hover{background: #5085d2;text-shadow: 1px 1px #305183; font-weight: bold}
#menu #dir ul li ul.submenu{display: none; position: absolute; background: url(images/menu/submenu.png) no-repeat bottom; margin-left: 0px; width: 595px; height: 27px; margin-top: -1px;}
#menu #dir ul li ul.submenu li a{float: left; display: block; color: #FFF; padding: 5px 5px 7px 5px; width: auto; text-decoration: none; background: url(images/menu/submenu_background.png) bottom right no-repeat; text-align:center;text-shadow: 1px 1px #305183; font-weight: normal}
#menu #dir ul li ul.submenu li a:hover{background: url(images/menu/submenu_background.png) bottom right repeat-x; text-decoration: underline;}
#menu #dir ul li ul.submenu li.separador{float: left;}
.selecionado{background: #5085d2;text-shadow: 1px 1px #305183; font-weight: bold}

#menu #esq ul{float: right; display: block; width: 110px; margin-top: 0px; margin-right: 2px; margin-top: -2px;}
#menu #esq ul li{float: none; display: block;}
#menu #esq ul li a{float: right; dispay: block; color: #fff;  text-decoration: none; padding: 5px 33px 8px 32px; font-size: 12px; background: url(images/menu/acesse.png) no-repeat right top; text-shadow: 1px 1px #994005;}
#menu #esq ul li a:hover{ background: url(images/menu/acesse_on.png) no-repeat right top; font-weight: bold}
#menu #esq ul li ul.submenu{display: none; position: absolute; width: 110px; height: 45px; margin-top: 27px; margin-left: 0px; background: url(images/menu/acesse_submenu.png) bottom no-repeat;}
#menu #esq ul li ul.submenu li a{float: left; text-align: left; padding: 3px 5px; width: 100px; font-weight: normal; background: url(images/menu/transparentt.png); text-align: center}
#menu #esq ul li ul.submenu li a:hover{text-shadow: 1px 1px #994005; font-weight: normal; background: url(images/menu/transparentt.png); text-decoration: underline;}
.acesse a{background: url(images/menu/acesse_on.png) no-repeat right top; font-weight: bold}

/* - - - - - - - - - - - - - - - - - - - -*/
#conteudo {float: left; border-top: 1px solid #FFF; margin-top: 60px;}
#conteudo #colunaEsq {float: left; width: 160px; height: 330px; text-align: right}
#conteudo #colunaDir {float: right;background: #FFF;width: 830px;margin: 0 0 30px 0;}
#conteudo #colunaTex {float: right;background: #FFF;width: 800px;margin: 0 0 0 30px; font-size: 12px;}
#conteudo #colunaTex a:hover{background:#3a3987; color: #FFFFFF;}
#conteudo .titPagina {margin: 10px 0 0 0;}
#imgBox1 {float: left; margin-top: -15px; margin-left: 40px}
#imgBox2 {float: left; margin-top: -15px; margin-left: 45px;}
#imgBox3 {float: right; margin-top: -15px;}

/* - - - - - - - - - - - - - - - - - - - -*/
.fotoWide {float: left;	border: 1px solid #6F6F6F;	margin: 0 0 15px 0;}
.fotoWide .legenda {clear: both;border-top: 1px solid #6F6F6F;width: 778px;	font-size: 10px;padding: 5px;}
.fotoWide img {	float: left;}
.fotoDuplo .foto1 {	float: left; margin: 0 0 15px 0; border: 1px solid #6F6F6F;}
.fotoDuplo .foto2 {	float: right; margin: 0 0 15px 0; border: 1px solid #6F6F6F;}
.fotoDuploLegenda { position: relative;	top: -15px;}
.fotoDuploLegenda .legenda1 { float: left; border: 1px solid #6F6F6F; border-top: 0px;	width: 380px; font-size: 10px;padding: 5px;}
.fotoDuploLegenda .legenda2 {float: right;border: 1px solid #6F6F6F;border-top: 0px;width: 380px;font-size: 10px;padding: 5px;}
.fotoTriplo .foto1 {float: left;margin: 0 0 15px 0;border: 1px solid #6F6F6F;}
.fotoTriplo .foto2 {float: left;margin: 0 0 15px 10px;border: 1px solid #6F6F6F;}
.fotoTriplo .foto3 {float: right;margin: 0 0 15px 0;border: 1px solid #6F6F6F;}
.fotoTriploLegenda {position: relative;top: -15px;}
.fotoTriploLegenda .legenda1 {float: left;border: 1px solid #6F6F6F;border-top: 0px;width: 248px;font-size: 10px;padding: 5px;}
.fotoTriploLegenda .legenda2 {float: left;border: 1px solid #6F6F6F;border-top: 0px;width: 248px;font-size: 10px;padding: 5px;margin: 0 0 0 5px;}
.fotoTriploLegenda .legenda3 {float: right;border: 1px solid #6F6F6F;border-top: 0px;width: 248px;font-size: 10px;padding: 5px;}
.fotoLeft {	float: left;margin: 0 15px 15px 0;border: 1px solid #6F6F6F; }
.fotoLeft img {float: left;}
.fotoLeft .legenda {clear: both;border-top: 1px solid #6F6F6F;width: 140px;font-size: 10px;padding: 5px;}
.fotoRight {float: right;margin: 0 0 15px 15px;	border: 1px solid #6F6F6F;}
.fotoRight img {float: left;}
.fotoRight .legenda {clear: both;border-top: 1px solid #6F6F6F;width: 140px;font-size: 10px;padding: 5px;}

/* - - - - - - - - - - - - - - - - - - - -*/
table.bordasimples {border-collapse: collapse;}
table.bordasimples tr td {border:1px solid #2E2F81;}

/* - - - - - - - - - - - - - - - - - - - -*/
#banner1{width: 800px; height: 220px;}
.container {width: 800px; height: 220px; padding: 0;margin: 0 auto;}
.main_view {float: left;position: relative;}
.window {height:220px;	width: 800px;overflow: hidden;position: relative;}
.image_reel {position: absolute; top: 0; left: 0;}
.image_reel ul{display: inline}
.image_reel ul li{display: block; float: left; width: 800px; position: absolute}
.paging {position: relative; /*bottom: 2px; right: -7px;*/ bottom: 0px; margin-left: 670px; margin-top: -220px; width: 178px; height:47px; z-index: 100; text-align: center; line-height: 40px; background: url(images/background/paginacao.) no-repeat;display: none;}
.paging a{padding: 5px;text-decoration: none;color: #000; background: #eaeaec;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
.paging a.active {font-weight: bold; background: #1d7cbe; border: 1px solid #116199;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; color: #fff; }
.paging a:hover {font-weight: bold;}

/* - - - - - - - - - - - - - - - - - - - -*/
#rodape {/*position: fixed; bottom: 0px; background: #fff;*/ left: 0px; float: left; height: 100px;border-top: 1px solid #DADADA;font-size: 11px;color: #2E2F81; width: 100%; margin-top: 25px;}
#rodape #rodapeDireitos{float: left;margin: 12px 10px 0 0px;padding: 0 10px 0 0;font-size: 12px;color: #2E2F81;}
#rodapeDireitos a:hover{background:#3a3987; color: #FFFFFF;}
#rodape #rodapeCreditos {float: left;margin: 9px 0 0 0;font-size:10px;}
#rodape #rodapeCreditos a:hover{background:#3a3987; color: #FFFFFF;}
#rodape .rodapeItem {float: left;margin: 10px 0 0 15px;}
#rodape .rodapeItem a:hover{background:#3a3987; color: #FFFFFF;}
#rodape #social{float: left; margin: 9px 0 0 120px;}
#rodape #rodapeMenu {float: right;margin: 0 0px 0 0;}
#rodape .rodapeItem img{vertical-align: middle;}
#rodape .rodapeItem span{vertical-align: middle;}