body {
margin: 0;
padding: 0;
text-align: center; /*alinha tudo no centro*/
font-size:12px;
font-family: arial;
}
#divGeral{ /* container */
text-align:left;
margin: 0 auto;
position: relative; 
width: 778px; /*definir somente largura, altura redimensionável*/
}
#divTopo{
height: 319px; /*definir somente altura, porque a largura acompanha o tamanho da divGeral.*/
background:url(imagens/imagem_topo.jpg) repeat-x;
position: relative;
}
#divIconesContainer{
float:left;
width: 329px;
height:97px;
margin:3px 0 0 0;
}
#divIconesContainer ul{
  width:321px;
  float:left;
  margin:0;
  padding:25px 0 0 0;
}
#divIconesContainer li{
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}
.bt01 a{ background:url(imagens/bt01_a.gif) no-repeat; width:107px;  height:32px; float:left;}
.bt01 a:hover{ background:url(imagens/bt01_b.gif) no-repeat; width:107px;  height:32px;}
.bt02 a{ background:url(imagens/bt02_a.gif) no-repeat; width:107px;  height:32px; float:left;}
.bt02 a:hover{ background:url(imagens/bt02_b.gif) no-repeat; width:107px;  height:32px;}
.bt03 a{ background:url(imagens/bt03_a.gif) no-repeat; width:107px;  height:32px; float:left;}
.bt03 a:hover{ background:url(imagens/bt03_b.gif) no-repeat; width:107px;  height:32px;}

.spanNone{
display:none;
}

#divLogo{
float: right;
margin-top: 3px;
}
#divImagem{
float:left;
}
#divMenu{
height: 60px; /*definir somente altura, largura já definida pela divGeral*/
float: left;
width: 779px;
}
#divMenu ul{
margin: 0;
padding: 0 1px 0 0;
}
#divMenu li{
  display: inline;
  list-style-type:none;
  margin:0;
  padding:0;
}
.bt_empresa a{ background:url(imagens/bt_empresa_a.gif) no-repeat; width: 195px; height:60px; float:left;}
.bt_empresa a:hover{ background:url(imagens/bt_empresa_b.gif) no-repeat; width: 195px; height:60px;}
.bt_produtos a{ background:url(imagens/bt_produtos_a.gif) no-repeat; width: 193px; height:60px; float:left;}
.bt_produtos a:hover{ background:url(imagens/bt_produtos_b.gif) no-repeat; width: 193px; height:60px;}
.bt_parceiros a{ background:url(imagens/bt_parceiros_a.gif) no-repeat; width: 197px; height:60px; float:left;}
.bt_parceiros a:hover{ background:url(imagens/bt_parceiros_b.gif) no-repeat; width: 197px; height:60px;}
.bt_contato a{ background:url(imagens/bt_contato_a.gif) no-repeat; width: 193px; height:60px; float:left;}
.bt_contato a:hover{ background:url(imagens/bt_contato_b.gif) no-repeat; width: 193px; height:60px;}

#divConteudoTemplate{
  width:575px;
  float:left;
  margin:15px 0 0 0;
  padding:0 0 0 10px;
}
#divSolucoes{
float: left;
width: 573px;
}
#divConteudoEsquerda{
width: 170px;
float: left;
margin:0 5px 0 0;
}
.divFoto01{
float: left;
}
.divFoto01 img {
float: left;
}
.divTitulo{
background:#d5e7ee;
width: 174px;
float: left;
margin:9px 0 2px 0;
padding:3px;
}
.divTexto{
width: 170px;
padding: 0 2px 4px 0;
}
.divBotao{
float: left;
}
.divBotao img{
float: left;
border: 0;
}
#divTitulos{
width: 571px;
height: 40px;
float: left;
}
.tituloEmpresa{
background:url(imagens/aempresa.gif) no-repeat;
}
.tituloProdutos{
background:url(imagens/produtos_interna.gif) no-repeat;
}
.tituloParceiros{
background:url(imagens/parceiros_interna.gif) no-repeat;
}
.tituloContato{
background:url(imagens/contato_interna.gif) no-repeat;
}
#divEsquerda{ /*Não precisa definir altura, ela vai ser dimensionada conforme o necessário*/
width: 193px;
margin: 14px 0 0 0;
float: left;
}
#divDestaque_topo{
}
#divDestaque_meio{
width:165px;
padding: 10px 13px 0 13px;
background: url(imagens/bg_destaque.gif);
float:left;
}
#divDestaque_imagem{
}
#divDestaque_rodape{
float: left;
}

#divRodape{
padding: 5px 0 0 0;
height: 20px;
text-align: center;
color: #555555;
clear:both; /*força p/ que esta div fique abaixo de todas*/ 
margin-left: auto;
margin-right: auto;
background: #FFFFFF url("/imagens/rodape.jpg");
}

/**************************************************************
                      TIPOGRAFIA
**************************************************************/
a {
  font:12px arial;
  text-decoration: none;
  color: #0E85B1;
  font-weight: bold;
}
h1{
font:12px arial;
color:#000000;
font-weight:bold;
margin:0;
padding:0;
}
h1 a{
color:#000000;
text-decoration: none;
padding:0;
}
h1 a:hover{
color:#000000;
text-decoration: underline;
}
h2{
font:12px arial;
color:#000000;
margin: 0;
padding: 0;
}
h2 a{
font:12px arial;
color:#000000;
margin: 0;
padding: 0;
text-decoration: none;
}
h2 a:hover{
text-decoration:underline;
}
h3{
font:12px arial;
}
.fontDestaque{
font:12px arial;
color:#002c3d;
line-height: 18px;
}
.fontDestaque a{
font:12px arial;
color:#002c3d;
line-height: 18px;
text-decoration: none;
}
.fontDestaque a:hover{
text-decoration: underline;
}
.fontGeral{
font: 12px Arial;
color:#000000;
line-height: 20px;
}
.fontGeral a{
color:#FF3300;
}
.fontGeral a:hover{
color:#FF3300;
text-decoration:none;
}
.imagemCapa {
  border: 4px solid #7AB2C9;
}
.imagemConteudo {
  float: left;
  margin: 0 10px 2px 0;
  padding: 2px;
  border: 1px solid #7FA1BA;
}
#divContato {
  font-family: arial;
  font-size: 11px;
}
#divContato label {
  width: 150px;
  float: left;
  text-align: right;
  padding-right: 10px;
}
#divContato input {
  font-family: arial;
  font-size: 11px;
}
#divContato textarea {
  width: 200px;
  height: 100px;
}
#divContato h1 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 20px;
}
#divConteudos h1 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 20px;
}
#divConteudos h2 a {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 12px;
  font-weight: bold;
}
#divConteudos a {
  color: #000000;
  font-weight: normal;
}
#divSubmit {
  color: #CC0000;
  font-weight: bold;
  margin: 20px;
}
#divKaerea {
  width: 778px;
  text-align: right;
  padding-right: 40px;
}
#divConteudo h1 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 20px;
}
#divConteudo h2 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 12px;
  font-weight: bold;
}
.fontMaisInfo a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
#divImagens h1 {
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #0E85B1;
  font-size: 20px;
}

#divParceiros {
  position: absolute;
  right: 0;
  bottom: 10px;
}