/*******************************************************************************
 * Definições de estilos referentes ao cabeçalho/topo do site.
 * Autor: Fernando Mertins
 * Data: 19/10/2009
 ******************************************************************************/

/* Imagem de degradê branco-cinza horizontal do topo do site, ocupando sempre
   toda a largura da janela. */
#cabecalhoDegradeTopo {
   width: 100%;
   clear: both;
   margin-bottom: 5px;
}

/* Imagem de degradê branco-cinza vertical da base do cabeçalho do site, ocupando
   sempre toda a largura da janela. */
#cabecalhoDegradeBase {
   width: 100%;
   height: 27px;
   clear: both;
}

/* Informações do cliente e formulário de login, à esquerda do logotipo. */
#subsecaoCabecalhoCliente {
   float: left;
   width: 35%;
   height: 130px;
   text-align: left;
}

#subsecaoCabecalhoCliente img {
   border: none;
}
/* Cor preta para os links "Cadastre-se" e "Esqueci Minha Senha". */
#subsecaoCabecalhoCliente a {
   color: black;
}

/* Formulário de acesso ao site, utilizando para login dos clientes. */
#frmLogin {
   margin-left: 10px;
}

#lblClienteSenha {
   margin-left: 10px;
}

#textoAcesso {
   padding: 0px;
   margin-top: 10px;
   margin-bottom: 15px;
   line-height: 150%;
}

/******************************************************************************/
/* Logotipo centralizado na horizontal. */
#subsecaoCabecalhoLogotipo {
   float: left;
   width: 30%;
   height: 130px;
   text-align: center;
}

#subsecaoCabecalhoLogotipo img {
   margin-top: 5px;
   border: none;
}

/* Links do menu de navegação do site, à direita do logotipo. */
#subsecaoCabecalhoMenuNavegacao {
   float: left;
   width: 35%;
   height: 130px;
   text-align: right;
}

/* Imagens dos ícones. */
#subsecaoCabecalhoMenuNavegacao img {
   border: none;
}

/* Rótulos de cada ícone. */
#subsecaoCabecalhoMenuNavegacao a {
   color: black;
}

/* Tabela contendo os ícones e os rótulos. */
#tabelaMenuNavegacao {
   position: relative;
   float: right;
   margin-top: 30px;
}

#tabelaMenuNavegacao td {
   text-align: center;
   vertical-align: top;
   width: 70px;
   padding: 0px;
   margin: 0px;
   border: none;
   font-size: 9pt;
}

#tabelaMenuCliente {
   margin: 0px;
}

#tabelaMenuCliente td {
   text-align: center;
   vertical-align: top;
   width: 70px;
   padding: 0px;
   margin: 0px;
   border: none;
   font-size: 9pt;
}