body{
  margin:0;
  padding:0;
  text-align:center;
  background:#23567a url(/imagens/bg.jpg) repeat-x;
}
#geral{
  width:778px;
  position:relative;
  margin:0 auto;
  text-align:left;
}
#preloadImages{
  display:none;
}
.displayNone{
  display:none;
}
#topo{
  width:778px;
  height:212px;
  float:left;
}
#logo{
  width:778px;
  height:127px;
  background:url(/imagens/logo.gif) no-repeat center 37px;
  display:block;
  cursor:pointer;
}
#conteudo{
  width:732px;
  float:left;
  padding:0 20px 25px 25px;
  background:url(/imagens/bg_miolo.gif) repeat-y;
}
#rodape{
  width:778px;
  height:74px;
  clear:both;
  background:url(/imagens/rodape.jpg) no-repeat;
}
#assKaerea{
  width:730px;
  height:18px;
  background:url(/imagens/logokaerea.gif) no-repeat right 0;
  text-align:right;
  display:block;
  cursor:pointer;
  margin:5px 0 0 0;
}
/************************
       Lista MENU
*************************/
#menu { 
  width:765px;
  height:71px;
  padding:15px 0 0 11px;
  float:left;
/*  border:1px solid red;*/
  background:url(/imagens/bg_menu.jpg) no-repeat;
}

ul#botao{ display:inline; padding:0 0 0 41px; margin:0; float:left; list-style-type:none;}
ul#botao li{ display:inline; float:left;}
ul#botao li a{ height:30px; display:block;}

ul#botao li.bt_zero a{ width:83px; background:#FFF url(/imagens/bt_home_a.gif) no-repeat;}
ul#botao li.bt_zero a:hover{ background:#FFF url(/imagens/bt_home_b.gif) no-repeat;}

ul#botao li.bt_um a{ width:109px; background:#FFF url(/imagens/bt_escritorio_a.gif) no-repeat;}
ul#botao li.bt_um a:hover{ background:#FFF url(/imagens/bt_escritorio_b.gif) no-repeat;}

ul#botao li.bt_dois a{ width:92px; background:#FFF url(/imagens/bt_atuacao_a.gif) no-repeat;}
ul#botao li.bt_dois a:hover{  background:#FFF url(/imagens/bt_atuacao_b.gif) no-repeat;}

ul#botao li.bt_tres a{ width:158px; background:#FFF url(/imagens/bt_servicos_a.gif) no-repeat;}
ul#botao li.bt_tres a:hover{  background:#FFF url(/imagens/bt_servicos_b.gif) no-repeat;}

ul#botao li.bt_quatro a{ width:93px; background:#FFF url(/imagens/bt_noticias_a.gif) no-repeat;}
ul#botao li.bt_quatro a:hover{  background:#FFF url(/imagens/bt_noticias_b.gif) no-repeat;}

ul#botao li.bt_cinco a{ width:135px; background:#FFF url(/imagens/bt_contato_a.gif) no-repeat;}
ul#botao li.bt_cinco a:hover{  background:#FFF url(/imagens/bt_contato_b.gif) no-repeat;}

/************************
          HOME
*************************/
#homeFoto{
  width:300px;
  height:300px;
  border:4px solid #7aadbb;
  overflow:hidden;
  float:left;
}
.homeShapes{
  width:407px;
  float:left;
  margin:0 0 8px 12px;
}
.homeShapeNoticias{
  width:407px;
  height:33px;
  background:url(/imagens/sh_top_noticias.gif) no-repeat;
  margin:0;
  padding:0;
}
.homeShapeServico{
  width:407px;
  height:33px;
  background:url(/imagens/sh_top_servico.gif) no-repeat;
  margin:0;
  padding:0;
}
.homeShapeMiddle{
  width:373px;
  float:left;
  background:#DDE5E8;
  padding:6px 17px 0 17px;
  position:relative;
}
.homeShapeMiddle h1{
  font:bold 12px arial;
  color:#000;
  margin:0;
  padding:0;
}
.homeShapeMiddle h2, .homeShapeMiddle h2 a{
  font:12px arial;
  height:60px;
  overflow:hidden;
  color:#000;
  margin:0;
  padding:0;
  text-decoration:none;
}
.homeShapeMiddle h2 a:hover{  text-decoration:underline;  }

.homeShapeMiddle h3, .homeShapeMiddle h3 a{
  font:bold 10px "trebuchet ms", arial;
  color:#c25700;
  text-transform:uppercase;
  margin:0;
  padding:5px 0 0 0;
  text-decoration:none;
  text-align:right;
}
.homeShapeMiddle h3 a:hover{  text-decoration:underline;  }
.homeShapeBottom{
  width:407px;
  height:13px;
  float:left;
  background:url(/imagens/sh_bottom.gif) no-repeat;
}
#homeForm{
  float:left;
  margin:0;
  padding:0;
}
#homeForm fieldset{
  width:180px;
  float:left;
  margin:0;
  padding:10px 0 0 0;
  border:none;
}
#homeForm input{
  width:120px;
  border:1px solid #6897a5;
  background:FFF;
  font:12px arial;
  margin:0 0 3px 3px;
  color:#003366;
}
#homeForm label{
  width:40px;
  font:12px arial;
  float:left;
  color:000;
  text-align:right;
}
#homeForm .button{
  width:120px;
  border:1px solid #6897a5;
  font:bold 12px "trebuchet ms", arial;
  color:#FFF;
  text-transform:uppercase;
  margin:0 0 3px 46px;
  background:#46676e;
}
.homeShapeMiddle .explicacao{
  width:190px;
  font:11px arial;
  margin:8px 0 0 0;
  line-height:16px;
  float:left;
}
.seta{
  width:100%;
  padding:0 0 20px 10px;
  background:url(/imagens/seta.gif) no-repeat 0 3px;
  float:left;
/*  border:1px solid red;*/
}
/************************
       CONTEUDO
*************************/
#escritorio, #atuacao, #servico, #noticias, #contato{
  width:670px;
  font:12px arial;
  color:#000;
  text-align:justify;
  padding:0 0 0 28px;
  line-height:18px;
}
#noticias{
  line-height:22px;
}
#escritorioMargin, #atuacaoMargin, #servicoMargin, #noticiasMargin, #contatoMargin{
  float:left;
  padding:0 25px 0 27px;
}
#escritorio h1, #atuacao h1, #servico h1, #noticias h1, #contato h1{
  width:670px;
  height:56px;
  margin:0;
  padding:0;
}
.h1Escritorio{  background:url(/imagens/h1_escritorio.gif) no-repeat;}
.h1Atuacao{  background:url(/imagens/h1_atuacao.gif) no-repeat;}
.h1Servico{  background:url(/imagens/h1_servicos.gif) no-repeat;}
.h1Noticias{  background:url(/imagens/h1_noticias.gif) no-repeat;}
.h1Contato{  background:url(/imagens/h1_contato.gif) no-repeat;}

#escritorio h2, #servico h2{
  font:bold 14px "trebuchet ms", arial;
  color: #c25700;
  text-transform:uppercase;
  margin:0;
  padding:0;
}
#noticias h3{
  font:11px verdana;
  font-style:italic;
  color:#666;
  text-transform:uppercase;
  margin:0;
  padding:5px 0 10px 0;
}
#escritorio h3{
  font:bold 14px "trebuchet ms", arial;
  color: #23567a;
  margin:0;
  padding:15px 5px 5px 0;
  float:left;
}
#escritorio h4{
  font:12px "trebuchet ms", arial;
  color:#666666;
  margin:0;
  padding:16px 0 5px 0;
  float:left;
}

#servicoForm{
  width:500px;
  background:#dde5e8;
  float:left;
  margin:20px 0 0 30px;
  padding:20px;
}
#servico .explicacao{
  width:280px;
  font:11px arial;
  margin:8px 0 0 0;
  line-height:16px;
  float:left;
}
/********* NOTÍCIAS **********/
#noticiasMargin a{
  color:#CC3300;
}
#noticiasMargin ul{
  float:left;
  margin:0;
  padding:0;
}

#noticiasMargin li, #noticiasMargin li a{
  font:bold 14px "trebuchet ms", arial;
  color:#23567a;
  text-decoration:none;
/*  float:left;*/
  list-style-type:none;
  margin:0;
  padding:0 0 16px 0;
}
#noticiasMargin li a:hover{  text-decoration:underline;  }

#divPaginator{
  width:99%;
  height:50px;
  text-align:center;
  margin:10px 0 0 0;
  color:#CCCCCC; /* cor opaca, para o link desativado (proximo e anterior) */
  font:bold 11px arial;
  float:left;
  clear:both;
}
#divPaginator a{
  font:bold 11px arial;
  color:#CC3300;
  text-decoration:none;
}
#divPaginator a:hover{ text-decoration:underline; }

#divPaginator select{
  background:#121b50;
  border:1px solid #121b50;
  font:11px verdana;
  color:#FFF;
  margin:0 5px 0 5px;
  padding:0;
}

/********* NOTÍCIA **********/
#noticiasMargin h2{
  margin:0;
  padding:0;
  font:bold 16px "trebuchet ms", arial;
  color:#23567a;
}
#voltar a{
  width:208px;
  background:#23567a;
  float:right;
  border:2px solid #006699;
  font:bold 12px "trebuchet ms", arial;
  text-decoration:none;
  color:#FFF;
  text-transform:uppercase;
  padding:3px;
  margin:8px 0 0 0;
  display:block;
  cursor:pointer;
  text-align:center;
}
#voltar a:hover{
  width:208px;
  background:#dde5e8;
  float:right;
  border:2px solid #006699;
  font:bold 12px "trebuchet ms", arial;
  text-decoration:none;
  color:#23567a;
  padding:3px;
  margin:8px 0 0 0;
}

/********* contato **********/
#contatoForm{
  float:left;
  margin:20px 0 0 0;
  padding:0 0 20px 100px;
}
#contatoForm fieldset{
  width:400px;
  float:left;
  margin:0;
  padding:10px 0 0 0;
  background:#dde5e8;
  border:0;
}
#contatoForm input{
  width:200px;
  border:1px solid #6897a5;
  background:FFF;
  font:12px arial;
  margin:0 0 8px 3px;
  color:#003366;
}
#contatoForm label{
  width:150px;
  font:12px arial;
  float:left;
  color:000;
  text-align:right;
}
#contatoForm textarea{
  width:200px;
  height:80px;
  border:1px solid #6897a5;
  background:FFF;
  font:12px arial;
  margin:0 0 3px 3px;
  color:#003366;
}
#contatoForm .button{
  width:120px;
  border:1px solid #6897a5;
  font:bold 12px "trebuchet ms", arial;
  color:#FFF;
  text-transform:uppercase;
  margin:0 0 20px 190px;
  background:#46676e;
}