*{margin:0; padding:0;}
body{
  background:#ccc3d8 url(../imagens/bg.gif) repeat-x;
  margin:0;
  padding:0;
}
#geral{
  width:994px;
  margin:0 auto;
  position:relative;
}
#topo{
  background:url(../imagens/bg_topo.gif) no-repeat;
  width:100%;
  height:234px;
  float:left;
  margin:0;
  padding:0;
}

#botaoHome{
  width:75px;
  height:55px;
  float:left;
  margin:0;
  padding:0;
  position:absolute;
  top:54px;
  left:616px;
}
#botaoHome ul{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
}
#botaoHome li{ float:left; margin:0; padding:0;}
#botaoHome li a{
  background:url(../imagens/bt_home.gif) no-repeat;
  display:block;
  height:55px;
  width:75px;
  padding:0;
  margin:0;
}
#botaoHome .btHome{ background-position: 0 0;}
#botaoHome .btHome:hover{ background-position: -75px 0; }

#logo{
  width:438px;
  height:97px;
  float:left;
  margin:85px 0 0 0;
  padding:0 0 0 80px;
}
#tempConteudo{
  background:url(../imagens/bg_conteudo_meio.gif) repeat-y;
  width:100%;
  float:left;
  margin:0;
  padding:0;
}



#rodape{
  background:#ccc3d8 url(../imagens/bg_rodape.gif) no-repeat;
  width:100%;
  height:142px;
  float:left;
  margin:0;
  padding:0;
  clear:both;
  overflow:hidden;
  position:relative;
}

#logoKaerea{
  width:91px;
  height:38px;
  position:absolute;
  top:100px;
  left:45%;
}
	
.spanNone{
  display:none;
}


#divMenu{
  width:266px;
  height:34px;
  position:absolute;
  top:167px;
  left:669px;
  z-index:20;
}

/******   Elementos para menu drop down   ******/
ul li { position:relative; float: left; display:inline;}
li ul { position: absolute; top:34px; /* Set 1px less than menu width */  display:none; }
#divMenu ul li a {display: block; padding:0; /*  IE6 Bug */ /*border: 1px solid #ccc; IE6 Bug */ }
li:hover ul, li.over ul {display: block; }

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */
/***********************************************/
ul#listaMenu{
  width:266px;
}

#divMenu ul { margin:0; padding:0; list-style: none; }/* Width of Menu Items */

#divMenu ul li a:hover { color: #894e8d; /*background: #FFF;*/ } /* Hover Styles */

#divMenu li ul li a { padding:5px 0 0 0;} /* Sub Menu Styles */

#divMenu li:hover ul, li.over ul { width:130px; border-left:1px solid #b47fb9; border-right:1px solid #b47fb9; border-top:1px solid #b47fb9; left:-30px;} /* The magic */

.displayNone{ display:none; }


.bt01 a{ width:88px; height:34px; background:url(/imagens/menu.gif) no-repeat -98px -3px; float:left; }
.bt01 a:hover{ width:88px; height:34px; background:url(/imagens/menu.gif) no-repeat -4px -3px; float:left; }
.bt02 a{ width:86px; height:34px; background:url(/imagens/menu.gif) no-repeat -98px -38px; float:left; }
.bt02 a:hover{ width:86px; height:34px; background:url(/imagens/menu.gif) no-repeat -4px -38px; float:left; }
.bt03 a{ width:75px; height:34px; background:url(/imagens/menu.gif) no-repeat -98px -75px; float:left; }
.bt03 a:hover{ width:75px; height:34px; background:url(/imagens/menu.gif) no-repeat -4px -75px; float:left; }


.submenu a{ width:130px; background:#894e8d; height:20px; padding:3px 0 0 0; font:11px arial; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; float:left; border-bottom:1px solid #b47fb9;}
.submenu a:hover{ width:130px; background:#ccc3d8; height:20px; padding:3px 0 0 0; }
