/*******************************************************************************
 * Definições gerais de estilos aplicadas ao site inteiro.
 * Autor: Fernando Mertins
 * Data: 19/10/2009
 ******************************************************************************/

body {
   margin: 0px;
   padding: 0px;
   font-family: Tahoma, Arial, Helvetica;
   font-size: 10pt;
   min-width: 998px;
   background-color: white;
}

/* Cabeçalho/topo do site, contendo formulário de login, logotipo e menu de navegação. */
#secaoCabecalho {
   float: left;
   width: 100%;
   clear: both;
   font-variant: small-caps;
   margin: 0px;
}

/* Área principal conteúdo do site, fica sempre entre o topo e o rodapé. */
#secaoConteudo {
   float: left;
   width: 100%;
   clear: both;
}

/* Área interno de conteúdo, para sobrar margens na horizontal. */
#secaoConteudoInterno {
   width: 900px;
   position: relative;
   left: 50%;
   margin-left: -450px;
   text-align: left;
}

/* Seção do rodapé/base do site, apresentado sempre em todas as páginas do site. */
#secaoRodape {
   float: left;
   clear: both;
   text-align: center;
   width: 100%;
   height: 80px;
   margin-top: 10px;
   font-variant: small-caps;
}

/* Seção do banner de categoria, ocupando toda a largura da janela. */
#secaoBannerCategoria {
   width: 100%;
   margin: 0px 0px 15px 0px;
   padding: 0px;
   background-color: #eeeeee;
   text-align: center;
}

/* Título de produto na página de detalhes do site. */
h3 {
   font-family: Tahoma;
   font-weight: normal;
   font-size: 14pt;
   text-decoration: none;
   color: #da251c;
}

/* Subtítulos "Outras imagens" e "Veja Também" na página de detalhes do pedido. */
h4 {
   font-family: Tahoma;
   font-weight: normal;
   font-size: 11pt;
   color: #737373;
   margin-top: 30px;
   margin-bottom: 5px;
   text-decoration: none;
}

h5 {
   font-weight: bold;
   font-size: 12pt;
   color: #F47920;
}

h6 {
   font-weight: bold;
   font-size: 10pt;
   margin: 0px;
   padding: 0px;
   color: #000000;
}

input {
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 9pt;
}

/* Todos os links por padrão em vermelho e sem sublinhado. */
a {
   text-decoration: none;
   color: #da251c;
}

fieldset {
   border: 1px solid #dcdcdc;
}

legend {
   padding: 3px;
   color: gray;
}

.textoParagrafo {
   margin-top: 0px;
   padding: 0px;
}

#tabelaTopo {
   background-image: url("../img/topoNova.jpg");
   font-size: 10pt;
}

#tabelaTopo a {
   text-decoration: none;
   color: #000000;
}

.textoTopo {
   color: #ffffff;
}

.labelFieldset {
   float: left;
   width: 130px;
   margin-left: 10px;
}

.campoTopo {
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
}

.formatoCampo {
   font-size: 9pt;
   color: gray;
}

.texto {
   font-size: 10pt;
}

.campoObrigatorio {
   color: red;
}

/* Menu principal de opções (horizontal) **************************************/
#menuHorizontal {
   background-color: #eeeeee;
   width: 800px;
   padding: 0px;
}

#menuHorizontal td {
   font-size: 10pt;
}

/* Menu vertical dos serviços *************************************************/
#menuVertical {
   background-color: #ffffff;
   display: block;
   width: 160px;
   float: left;
   margin-right: 0px;
   margin-bottom: 10px;
   padding: 0px;
}

#menuVertical dt {
   margin: 0px;
   padding: 0px;
}

#menuVertical dd {
   margin: 0px;
   padding: 0px;
}

#menuVertical dl {
   list-style: none;
   margin: 0px;
   padding: 0px;
   border-top: 0px;
   background-color: #ffffff;
}

#menuVertical dt a {
   display: block;
   color: #ffffff;
   text-decoration: none;
   padding: 4px 4px;
   margin: 0px 0px;
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   background-color: #F47920;
   border-left: 0px;
}

#menuVertical dd a {
   display: block;
   color: #000000;
   text-decoration: none;
   padding: 2px 2px;
   margin: 0px 0px;
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 8pt;
   padding-left: 6pt;
   background-color: #FDC578;
}

#menuVertical dd a:hover {
   color: #000000;
   text-decoration: none;
   padding: 2px 2px;
   margin: 0px 0px;
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   padding-left: 6pt;
   background-color: #FCD49E;
}

/* Células da listagem de produtos em formato tabular. */
.celulaServico {
   width: 165px;
   height: 165px;
   border: 1px solid #dcdcdc;
   text-align: center;
   font-size: 10pt;
}

/* Link de cada produto na listagem tabular. */
.linkServ:hover {
   background-color: #da251c;
   color: white;
}

#infoServico {
   float: left;
   padding: 5px;
   border: none;
   font-size: 10pt;
   margin-top: 0px;
   padding-top: 0px;
}

.cor {
   width: 18px;
   height: 18px;
   padding: 1px;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
}

#valorServico {
   padding-top: 5px;
   font-weight: normal;
}

#containerCentraliza {
   text-align:left;
   margin: 0 auto;
   width:800px;
}

/* Carrinho de Compras ********************************************************/
#tabelaCarrinho td {
   background-color: #ffffff;
   font-size: 9pt;
}

/* Subtítulos do carrinho de compras. */
#tabelaCarrinho th {
   background-color: #dcdcdc;
   font-size: 9pt;
}

.linkRetirar {
   font-size: 12pt;
   font-weight: bold;
   text-decoration: none;
   color: gray;
}

.linkCarrinho {
   color: blue;
   font-weight: bold;
   font-size: 10pt;
}

/* Endereços de Entrega do Cliente ********************************************/
#tabelaEnderecos, #tabelaEndereco {
   font-size: 10pt;
}

#tabelaEnderecos td {
   background-color: #eeeeee;
}

#tabelaEnderecos th {
   background-color: #c0c0c0;
}

.quadroEnviando {
   color: red;
   font-weight: bold;
   font-size: 10pt;
   font-family: Tahoma;
}

.celValor {
   text-align: right;
   padding-right: 5px;
}

/* Pexto destacado em vermelho e negrito, no conteúdo estático da página "Parcerias". */
.textoParceriaVermelho {
   color: #da251c;
   font-weight: bold;
}

/* Formulário dos dados de cadastro do cliente. */
#frmCliente {
   position: relative;
   width: 620px;
   left: 50%;
   margin-left: -310px;
}