*{ margin:0; padding:0}
body { background:#666;}
#box{ width:810px; position:relative; margin:0 auto}
#topo { height:180px; background:#f1f1f1}
#conteudo{padding:10px 0 5px 5px; background:#fff; }
#conteudo .esquerda{ float:left; border-right:#000 solid 1px; background:#c5c5c5; width:200px; height:400px; border-radius:0px 0px 0px 20px}
#conteudo .centro{ padding:10px; float:left;  background:#FFF; width:380px;}
#conteudo .direita{ float:left; border-left:#000 solid 1px; background:#c5c5c5; width:200px; height:400px; border-radius:0px 0px 20px 0px}
#conteudo .centro h1{ border-bottom:1px #333333 dashed; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003;}
#conteudo .centro p{ font-size:14px; font-family:"Times New Roman", Times, serif; color:#333333;}

/*Formatação da imagem do centro dos links*/
#conteudo .centro_a img{ float:left; margin:0 20px 10px 0; width:150px; height:150px;}
#conteudo .centro_b img{ float:right; margin:0 20px 10px 0; width:150px; height:150px;}
#conteudo .centro_c img{ float:left; margin:0 20px 10px 0; width:150px; height:150px;}



.clear{ clear:both;}
#rodape{ height:100px; background:#444;}


#slide-content{ width:810px; height:180px;position:relative;margin:0 auto; z-index:99;}
#slide-content ul li{list-style:none;}
.pager{position:absolute;bottom:2px; right:10px;z-index:100;}
.pager span a{width: 21px;height: 21px;float:left;text-indent:-9999px;background-image: url(../images/botom.png);background-repeat: no-repeat;background-position: -41px 0;}
.pager span a:hover{background-position: -20px 0;}
.pager span a.activeSlide{background-position: 1px  0;}




.menu-esquerda{}
.menu-esquerda ul li{ list-style:none;}
.menu-esquerda a{display:block;  padding:3px 0px 3px 10px; background:#555; border-bottom:1px #000000 dotted;  text-decoration:none; color:#fff; font:17px "Impact", Georgia, Times, serif;}
.menu-esquerda a:hover{padding:3px 0px 3px 12px; background:#f4f4f4; color:#333;}