body{
  margin:0;
  padding:0;
  background:#FFF;
}
a {
  text-decoration: none;
  color: #04659C;
}
a:hover {
  text-decoration: underline;
  color: #009999;
}
#topo{
  height:197px;
  margin:0;
  padding:0;
  background:url(imagens/bg_topo.jpg) repeat-x;
}
#logotipo{
  width:626px;
  height:110px;
  margin-top: 63px;
  left:50%;
  margin-left: -313px;
  padding:0;
  background:url(imagens/logotipo.jpg) no-repeat;
  position: absolute;
}
#geral{
  width: 100%;
  float: left;
  margin:0;
  padding:0;
  background: #83a0b9;
}
#tempEsquerda{
  width: 35%;
  background:#83a0b9 url(imagens/bg_menu.jpg) repeat-x;
  float: left;
  margin:0;
  padding:0;
}
#tempConteudo{
  width: 65%;
  min-height: 520px; /* define uma altura mínima pra div, no caso 520px pra q o bg branco apareça até o rodapé e não quebre antes disso*/
  height: auto !important; /* isso faz com q o min-height funcione no IE, junto com a altura definida logo abaixo, tem q ter esse "!important" p/ funcionar corretamente */
  height: 520px;
  float: left;
  background: #fff;
  margin:0;
  padding:0;
  min-height: 800px;
}
#menu{
  width:120px;
  margin:0;
  padding:0 10px 0 0;
  float: right;
  text-align:center;
}
#menu ul{
  width: 140px;
  margin:8px 0 0 0;
  padding:0 0 0 0;
  float:right;
  text-align:center;
}
#menu li{
  width: 100%;
  margin:0;
  padding:5px;
  list-style-type:none;
  text-decoration:none;
}
#menu li a{
  font: 14px arial;
  font-weight: bold;
  color:#014a6e;
  text-decoration:none;
}
#menu li a:hover{
  text-decoration:underline;
}
.banners{
  width:140px;
  margin:10px 0 10px 0;
  padding:0;
  float: right;
  text-align: center;
}
.banners span a{
  width:80px;
  float:left;
  font:bold 12px arial;
  text-transform:uppercase;
  text-decoration:none;
  color:#FFF;
  padding:0 0 0 30px;
}
.banners span a:hover{ text-decoration:underline; }

.banners img{
  margin:0 0 3px 0;
}

#tempRodape{
  width:100%;
  height:53px;
  float: left;
  background:url(imagens/bg_rodape.gif) repeat-x;
  clear:both;
}
#clear{
  clear: both;
}



/*****************************
			HOME
*****************************/
#conteudoGeral{
  width:95%;
  padding:0 0 0 5px;
  font:12px arial;
}
#conteudoGeral h1{
  font:28px "times new roman";
  color:#006699;
  margin:0 0 10px 0;
  padding:15px 0 0 0;
}
#conteudoGeral h2{
  font:bold 16px arial;
  color:#fda51a;
  margin:0 0 5px 0;
  padding:0;
}
.font1{
  font:14px arial;
  color:#000;
  line-height:22px;
}
.font2{
  font:12px arial;
  color:#000;
  line-height:18px;
}
.vejamais{
  width:98%;
  text-align:right;
  border-bottom:1px solid #b8cbdb;
  margin:0 0 10px 0;
  padding:10px 0 5px 0;
  clear:both;
}
.vejamais a{
  font:12px arial;
  color:#006699;
  text-decoration:none;
}
.vejamais a:hover{
  text-decoration:underline;
}