/* Seção de largura fixa para conter as imagens da página inicial. Fica centralizada
   dentro da seção do conteúdo, que tem largura de 100% da janela. */
#secaoDestaques {
   width: 924px;
   position: relative;
   left: 50%;
   margin-left: -462px;
   text-align: center;
}

/* Ícones apresentados à esquerda. */
#secaoDestaquesEsquerda {
   width: 330px;
   float: left;
   margin-top: 30px;
}

/* Apresentação da imagem destaque (banner esteira) centralizada no site. */
#secaoDestaquesCentro {
   width: 264px;
   height: 370px;
   float: left;
}

/* Ícones apresentados à direita. */
#secaoDestaquesDireita {
   width: 330px;
   float: left;
   margin-top: 30px;
}

#secaoDestaquesEsquerda img, #secaoDestaquesDireita img {
   width: 100px;
   height: 100px;
   margin: 0px;
   border: none;
   cursor: pointer;
   -ms-interpolation-mode: bicubic;   /* Somente para MSIE. */
}

#tabelaDestaques td {
   width: 110px;
   height: 110px;
   text-align: center;
   vertical-align: middle;   
}

/* Parágrafo contendo os link 1-2-3-4-5 para seleção do banner esteira. */
#selecaoBanner {
   font-size: 8pt;
   color: gray;
   cursor: pointer;
}

#selecaoBanner a {
   padding: 3px 6px 3px 6px;
   font-size: 10pt;
}

/* Imagem destaque do banner esteira. */
#imgEsteira {
   border: none;
}