/**
 * Formatação de elementos comuns em todo o site.
 * @author Fernando Mertins
 * @since 13/07/2010
 */

body {
   background-color: #ffffff;
   margin: 0px;
   min-width: 1074px;
   font-family: Arial, Helvetica;
   font-size: 10pt;
}

/* Topo do site, contendo o logotipo, principais links de navegação e links das lojas. */
#topo {
   position: relative;
   width: 1074px;
   height: 251px;
   left: 50%;
   margin-left: -537px;
   clear: both;
}

#topo img {
   border: none;
}

/* Conteúdo de apoio à esquerda, na vertical. Contem o menu de categorias. */
#apoio {
   float: left;
   min-width: 254px;
}

/* Conteúdo principal do site ocupando toda a largura disponível (layout proporcional). */
#conteudo {
   float: left;
   width: 76%;
}
/* Aviso do site em manutenção. */
#aviso {
	color:#F00;
	
}

/* *****************************************************************************
 * Rodapé do site, apresenta logotipo "Grupo Tessa" e informações de contato e endereço.
 */
#rodape {
   float: left;
   margin-left: 20px;
   clear:both;
   height:100%;
   margin-bottom:-200px;
}
#rodape2 {
   float:right;
   margin-right:0px;
   clear:both;
   height:100%;
   margin-bottom:0px;
}
#rodape p {
   color: white;
   float: right;
   margin-right: 100px;
   margin-top: 70px;
   text-align: right;
   line-height: 150%;
}

#rodape img {
   float: left;
   margin-left: 20px;
   margin-top: 20px;
}

/* *****************************************************************************
 * Seção/área do carrinho de compras, apresentada sempre antes do título da página.
 */
#infoCarrinho {
   width: 100%;
   text-align: right;
}

#infoCarrinho img {
   border: none;
}

/* *****************************************************************************
 * Menu de categorias e subcategorias, à esquerda do layout.
 */
.menuCate {
   color: #ffffff;
   width: 229px;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

.menuCate li {
   display: inline;
   margin: 0px;
   padding: 0px;
   font-weight: bold;
}

.menuCate li a {
   display: block;
   color: #ffffff;
   padding-left: 10px;
   padding-bottom: 4px;
   padding-top: 4px;
   text-decoration: none;
   cursor: pointer;
}

/* Subcategorias de cada categoria. */
.menuSubc {
   color: #ffffff;
   width: 229px;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

.menuSubc li {
   display: inline;
   margin: 0px;
   padding: 0px;
   font-weight: normal;
   font-size: 9pt;
}

.menuSubc li a {
   display: block;
   color: #ffffff;
   padding-left: 25px;
   padding-bottom: 2px;
   padding-top: 2px;
   text-decoration: none;
   cursor: pointer;
   border: none;
}

/* Div auxiliar apenas para aplicar margem à esquerda do menu. */
#apoioContainerMenu {
   margin: 0px;
   padding: 0px;
   width: 229px;
   margin-left: 5px;
}

/* *****************************************************************************
 * Seção abaixo das promoções contendo imagens/ícones diversos de complemento do site.
 */
#apoioComplemento {
   text-align: center;
}

#msn {
   background-image: url(../img/site/atendimento_msn.jpg);
   background-position: left top;
   background-repeat: no-repeat;
   text-align: center;
}

#google {
	color:#009;
	font-size:12px;
}

/* *****************************************************************************
 * Título principal da página.
 */
h1 {
   font-style: italic;
   font-size: 19pt;
   color: #363636;
}

/* Se o título possuir imagem de ícone à esquerda, mostra centralizada na vertical. */
h1 img {
   vertical-align: middle;
} 

/* *****************************************************************************
 * Formulário da busca de produtos, sempre acima/antes do menu de categorias.
 */
#frmBuscaProduto {
   margin-left: 25px;
   margin-bottom: 5px;
}

#frmBuscaProduto input[type=text] {
   color: #696969;
   font-size: 8pt;
   border: 1px solid #3181b6;
   padding: 3px;
   width: 130px;
}

#frmBuscaProduto input[type=submit] {
   border: 1px solid #3181b6;
   color: #2d3891;
   background-color: #7eb0d5;
}

/* *****************************************************************************
 * Formulário de cadastro na newsletter, apresentado sempre abaixo do menu de categorias.
 */
#frmCadastroNewsletter {
   margin-left: 10px;
   margin-top: 15px;
   margin-bottom: 5px;
}

#frmCadastroNewsletter input[type=text] {
   color: #696969;
   font-size: 8pt;
   border: 1px solid #3181b6;
   padding: 3px;
   width: 150px;
}

#frmCadastroNewsletter input[type=submit] {
   border: 1px solid #3181b6;
   color: #2d3891;
   background-color: #7eb0d5;
}

#frmCadastroNewsletter p {
   margin: 3px;
   padding: 0px;
   font-size: 8pt;
}

/* *****************************************************************************
 * Tabela contendo a apresentação dos produtos.
 */
#tabelaProdutos {
   width: 100%;
}

#tabelaProdutos a {
   text-decoration: none;
   color: #363636;
}

/* Célula de cada produto da tabela de apresentação dos produtos. */
#tabelaProdutos td {
   text-align: center;
   vertical-align: top;
   padding-bottom: 25px;
   font-size: 9pt;
   cursor: pointer;
}

#tabelaProdutos td img {
   margin-bottom: 5px;
   border: none;
}

/* "Produto preço de", preço do produto riscado na tabela de produtos. */
.ppd {
   color: #7eb0d5;
   font-size: 8pt;
}

/* "Produto preço por" e "consulte", preço do produto na tabela de produtos. */
.ppp, .pconsulte {
   color: #3181b6;
   font-size: 8pt;
   font-weight: bold;
}

/* Span indicativo de campo obrigatório (co). */
.co {
   color: red;
   font-family: Verdana;
   font-size: 12px;
}

.msgContato {
   font-size: 10pt;
   color: #AAAAAA;
}