/*
Cor escura   : #ff0000
Cor média    : #ebdaa3
Cor clara    : #f7f0da

Branco       : #ffffff
Preto        : #000000
Cinza claro  : #eeeeee
Cinza escuro : #999999
*/

/*FAZ : seta propriedades do BODY da página HTML
  ONDE: BODY
  USO : automático */
body {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial;
}

/*FAZ : tira borda, margem e espaçamento de imagens e do formulário
  ONDE: IMG e FORM
  USO : automático */
img, form {
	border: 0;
	margin: 0;
	padding: 0;
}

/*.tudo {
	margin: 0;
}*/

/*FAZ : seta propriedades para os botões de formulários
  ONDE: INPUT
  USO : declare 'class="botao"' no elemento*/
.botao {
	background-color: #eeeeee;
	border: 1px solid #999999;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}
/*FAZ : seta propriedades para os campos de formulários
  ONDE: INPUT
  USO : declare 'class="campo"' no elemento*/
.campo, .campoReadOnly {
	border: 1px solid #999999;
	font-size: 11px;
	font-family: Arial;
}
/*FAZ : seta propriedades para os campos que são ReadOnly de formulários
  ONDE: INPUT readonly
  USO : declare 'class="campoReadOnly"' no elemento*/
.campoReadOnly {
	background-color: #eeeeee;
}
/*FAZ : seta tamanho de fonte em 12px (maior)
  ONDE: TD, LABEL, P, ...
  USO : declare 'class="texto"' no elemento*/
.texto, .mensagemErro {
	font-size: 12px;
}
/*FAZ : seta tamanho de fonte em 12px e cor vermelha
  ONDE: TD, LABEL, P, ...
  USO : declare 'class="textopequeno"' no elemento. usado no lblMsg e ValidationSummary*/
.mensagemErro {
	color: #ff0000;
}
/*FAZ : seta tamanho de fonte em 11px (pequeno)
  ONDE: TD, LABEL, P, ...
  USO : declare 'class="textopequeno"' no elemento.*/
.textoPequeno {
	font-size: 11px;
}

/*FAZ : seta o fundo do elemento com a cor determinada
  ONDE: TD, LABEL, P, ...
  USO : declare 'class="fundoColorido"' no elemento*/
.fundoColorido {
	background-color: #f7f0da;
}




/*-------------------*/
/*FAZ : seta borda da tabela do cabecalho em zero
  ONDE: TABLE
  USO : declare 'class="cabecalho"' no elemento*/
.cabecalho {
	border: 0;
}
/*FAZ : seta o espaçamento interno do TD que estiver dentro da tabela class="cabecalho"
  ONDE: TD
  USO : automático*/
.cabecalho td {
	padding: 10px;
}
/*FAZ : seta o espaçamento da celula onde vai o logo
  ONDE: TD dentro da tabela que contenha class="cabecalho"
  USO : declare 'class="logo"' no elemento*/
.cabecalho .logo {
	margin: 0 0 0 5px;
}
/*FAZ : seta o espaçamento da celula onde vai o banner
  ONDE: TD dentro da tabela que contenha class="cabecalho"
  USO : declare 'class="banner"' no elemento*/
.cabecalho .banner {
	margin: 5px 0px 0 50px;
}





/*-------------------*/
/*FAZ : seta propriedades para a tabela onde vai o formulário de pesquisa, que fica dentro do
		cabeçalho da página
  ONDE: TABLE
  USO : declare 'class="pesquisa"' no elemento*/
.pesquisa {
	background-color: #990000;
	width: 100%;
	padding: 0;
	margin: 0 0 10px;
	height: 25px;
}
/*FAZ : seta propriedades para o SPAN que vai o formulário de pesquisa, que fica dentro do
		cabeçalho da página
  ONDE: SPAN
  USO : automático*/
.pesquisa span {
	font-weight: bold;
	padding-left: 10px;
	color: #ffffff;
	font-size: 11px;
}
/*FAZ : seta propriedades para o FORM que vai o formulário de pesquisa, que fica dentro do
		cabeçalho da página
  ONDE: FORM
  USO : automático*/
.pesquisa form {
	display: inline; /*faz com que o formulario fique ao lado do span, e não embaixo*/
}
/*FAZ : seta propriedades para campos e botão da pesquisa
  ONDE: INPUT
  USO : declare 'class="pesquisaCombo"' no elemento*/
.pesquisaCombo, .pesquisaCampo, .pesquisaBotao  {
	font-size: 11px;
}
/*FAZ : seta propriedades para a UL que fica ao lado do formulário de pesquisa
  ONDE: UL
  USO : automático*/
.pesquisa ul {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
	padding: 0;
	margin: 0 10px;
}
/*FAZ : seta propriedades para a LI que pertence a UL que fica ao lado do formulário de pesquisa
  ONDE: LI
  USO : automático*/
.pesquisa ul li {
	display: inline; /*faz com que a lista fique na horizontal, e não na vertical*/
	padding-left: 8px;
}
/*FAZ : seta propriedades para os links que ficam dentro da LI que pertence a UL ...
  ONDE: A
  USO : automático*/
.pesquisa ul li a { color: #ffffff; text-decoration: none; }
.pesquisa ul li a:hover { text-decoration: underline; }
/*FAZ : seta propriedades o botao que fica ao lado do campo na pesquisa
  ONDE: INPUT
  USO : declare 'class="pesquisaBotao"' no elemento*/
.pesquisa .pesquisaBotao {
	border: 0;
	background-color: #990000;
	color: #ffffff;
	font-weight: bold;
}





/*-------------------*/
/*FAZ : seta propriedades da tabela usada para posicionamento dentro da página
  ONDE: TABLE
  USO : declare 'class="corpo"' no elemento*/
.corpo {
	padding: 0;
	margin: 0;
	border: 0;
}
/*FAZ : seta propriedades do TD da tabela
  ONDE: TD
  USO : automático*/
.corpo td {
	vertical-align: top;
}
/*FAZ : seta propriedades do texto que fica dentro da tabela class="corpo"
  ONDE: P
  USO : declare 'class="mensagem"' no elemento*/
.corpo .mensagem {
	margin-left: 30px;
	font-size: 12px;
}





/*-------------------*/
/*FAZ : seta propriedades do TD usado para exibição do menu (categorias)
  ONDE: TD
  USO : declare 'class="menu"' no elemento*/
.menu {
	border: 1px solid #ebdaa3;
	padding: 0;
	background-color: #f7f0da;
	font-size: 11px;
	margin: 0;
	width: 140px;
}
/*FAZ : seta propriedades do H2 usado para exibição do menu (categorias)
  ONDE: H2
  USO : automático*/
.menu h2 {
	background-color: #ebdaa3;
	padding: 2px 2px 2px 5px;
	margin: 0;
	width: 140px;
	font-size: 12px;
}
/*FAZ : seta propriedades do UL usado para exibição do menu (categorias)
  ONDE: UL
  USO : automático*/
.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 2px 0 0 0;
	width: 120px;
}
/*FAZ : seta propriedades do LI que fica dentro do UL ...
  ONDE: LI
  USO : automático*/
.menu ul li {
	padding: 3px 0 3px 3px;
	margin: 1px;
}
/*FAZ : seta propriedades do links que ficam dentro do LI ...
  ONDE: A
  USO : automático*/
.menu ul li a { text-decoration: none; color: #000000; }
.menu ul li a:hover { text-decoration: underline; color: #990000; }





/*-------------------*/
/*FAZ : seta propriedades da tabela usada para posicionamento na página
  ONDE: TABLE
  USO : declare 'class="conteudo"' no elemento*/
.conteudo {
	border: 0;
	padding: 0;
	background-color: #ebdaa3;
	font-size: 12px;
	margin: 0 5px 20px 5px;
}
/*FAZ : seta propriedades do H3 dentro da tabela class="conteudo"
  ONDE: H3
  USO : automático*/
.conteudo h3 {
	color: #990000;
	margin: 15px 30px 5px 30px;
	font-size: 12px;
}
/*FAZ : seta propriedades do P dentro da tabela class="conteudo"
  ONDE: P
  USO : automático*/
.conteudo p {
	margin: 5px 30px 20px 30px;
}
/*FAZ : seta propriedades do TD dentro da tabela class="conteudo"
  ONDE: TD
  USO : declare 'class="titulo"' no elemento*/
.conteudo .titulo {
	background-color: #ebdaa3;
	padding: 2px 2px 2px 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
/*FAZ : seta propriedades do link dentro do titulo da tabela class="conteudo"
  ONDE: A
  USO : automático*/
.conteudo .titulo a { color: #000000; text-decoration: none; }
.conteudo .titulo a:hover { color: #000000; text-decoration: underline; }
/*FAZ : seta propriedades dos links dentro da tabela class="conteudo"
  ONDE: A
  USO : automático*/
.conteudo a { color: #990000; text-decoration: underline; }
.conteudo a:hover { color: #990000; text-decoration: none; }

/*FAZ : seta propriedades da tabela produto
  ONDE: TABLE
  USO : declare 'class="produto"' no elemento*/
.produto {
	font-size: 12px;
}
/*FAZ : seta propriedades do TD da tabela produto
  ONDE: TD
  USO : automático*/
.produto td {
	background-color: #fff;
}
/*FAZ : seta propriedades do para exibição do título do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="produtoTitulo"' no elemento*/
.produto .produtoTitulo {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 10px 0 10px;
}
/*FAZ : seta propriedades dos links do título do produto
  ONDE: A
  USO : automático*/
.produto .produtoTitulo a { color: #990000; text-decoration: none; }	
.produto .produtoTitulo a:hover { text-decoration: underline; }
/*FAZ : seta propriedades do para exibição do nome dos autores do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="produtoAutor"' no elemento*/
.produto .produtoAutor {
	font-weight: bold;
	font-size: 11px;
	padding: 0 10px 10px 10px;
}
/*FAZ : seta propriedades dos links dos autores do produto
  ONDE: A
  USO : automático*/
.produto .produtoAutor a { color: #000000; text-decoration: none; }	
.produto .produtoAutor a:hover { text-decoration: underline; }
/*FAZ : seta propriedades do para exibição da imagem do produto
  ONDE: TD
  USO : declare 'class="produtoImagem"' no elemento*/
.produto .produtoImagem {
	padding: 7px 5px 10px 2px;
}
/*FAZ : seta propriedades do IMG da imagem do produto
  ONDE: IMG
  USO : automático*/
.produto .produtoImagem img{
	border: 1px solid #999999;
	margin-left: 5px;
}
/*FAZ : seta propriedades do para exibição da descrição do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="produtoDescricao"' no elemento*/
.produto .produtoDescricao {
	font-size: 10px;
	padding: 10px 10px 10px 5px;
	text-align: justify;
}
/*FAZ : seta propriedades dos links da descrição do produto
  ONDE: A
  USO : automático*/
.produto .produtoDescricao a { color: #000000; text-decoration: none; }	
.produto .produtoDescricao a:hover { color: #000000; text-decoration: underline; }
/*FAZ : seta propriedades do para exibição do preço do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="produtoPreco"' no elemento*/
.produto .produtoPreco {
	font-size: 11px;
	padding: 10px;
}
/*FAZ : seta propriedades do SPAN com o preço do produto
  ONDE: SPAN
  USO : declare 'class="preco"' no elemento, deve estar dentro do elemento
		com class="produtoPreco"*/
.produto .produtoPreco .preco {
	color: #000000;
	font-weight: bold;
}
/*FAZ : seta propriedades do SPAN com o preço em promoção do produto
  ONDE: SPAN
  USO : declare 'class="precoPromocao"' no elemento, deve estar dentro do elemento
		com class="produtoPreco"*/
.produto .produtoPreco .precoPromocao {
	color: #990000;
	font-weight: bold;
}
/*FAZ : seta propriedades do para exibição do link Comprar ao lado do preço do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="produtoComprar"' no elemento*/
.produto .produtoComprar {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	background-image: url(Imagens/flecha_comprar.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
/*FAZ : seta propriedades do link Comprar do produto
  ONDE: A
  USO : automático*/
.produto .produtoComprar a { color: #990000; text-decoration: none; }
.produto .produtoComprar a:hover { text-decoration: underline; }
/*FAZ : seta propriedades dos links de exibição de uma imagem ampliada do produto
		e do versão para impressão
  ONDE: A
  USO : automático*/
.produto .imagemAmpliada a { color: #aaaaaa; text-decoration: none; font-size: 10px; margin-left: 5px; }
.produto .imagemAmpliada a:hover { text-decoration: underline; }



/*-------------------*/
/*FAZ : seta propriedades da tabela de filtros utilizada na página de pesquisa de livrarias
  ONDE: TABLE
  USO : declare 'class="filtro"' no elemento*/
.filtro {
	border: 0;
	font-size: 12px;
}
/*FAZ : seta propriedades do TR da tabela
  ONDE: TR
  USO : automático*/
.filtro tr {
	border: 1px solid #f7f0da;
}
/*FAZ : seta propriedades do TD da tabela
  ONDE: TD
  USO : automático*/
.filtro td {
	padding: 3px;
}
/*FAZ : seta propriedades do SELECT do formulário
  ONDE: SELECT
  USO : automático*/
.filtro select {
	font-size: 11px;
}	




/*-------------------*/
/*FAZ : seta propriedades da tabela utilizada para organizar formulários
  ONDE: TABLE
  USO : declare 'class="tabelaFormulario"' no elemento*/
.tabelaFormulario {
	border: 0;
	margin: 10px 30px 10px 30px;

}
/*FAZ : seta propriedades dos labels do formulário
  ONDE: TD, LABEL
  USO : declare 'class="label"' no elemento*/
.tabelaFormulario .label {
	text-align: right;
	width: 20%;
	font-size: 12px;
	padding-right: 10px;
	white-space: nowrap;
}




	
/*-------------------*/
/*FAZ : seta propriedades da listagem usada na página de consulta de livrarias
  ONDE: UL
  USO : declare 'class="listagemUL"' no elemento*/
.listagemUL {
	list-style-type: none;
	font-size: 12px;
	margin: 10px 30px 10px 30px;
	padding: 0;
}
/*FAZ : seta propriedades dos links da listagem
  ONDE: A
  USO : automático*/
.listagemUL a { text-decoration: none; color: #990000; }
.listagemUL a:hover { text-decoration: underline; }
/*FAZ : seta propriedade de um LI que merece destaque na listagem
  ONDE: LI
  USO : declare 'class="listagemULItem1"' no elemento*/
.listagemULItem1 {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
}
/*FAZ : seta propriedade de um LI que merece destaque na listagem
  ONDE: LI
  USO : declare 'class="listagemULItem1"' no elemento. na reserva*/
.listagemULItem2 {}





/*-------------------*/
/*FAZ : seta propriedades para exibição das promoções na página inicial
		e das ações adicionais na exibição do produto
  ONDE: TD
  USO : declare 'class="promocoes"' no elemento*/
.promocoes {
	border: 1px solid #ebdaa3;
	background-color: #f7f0da;
	font-size: 12px;
	margin: 0;
}
/*FAZ : seta propriedades do H2 dentro da célula de promocoes
  ONDE: H2
  USO : automático*/
.promocoes h2 {
	background-color: #ebdaa3;
	padding: 2px 2px 2px 5px;
	margin: 0;
	width: 122px;
	font-size: 12px;
}
/*FAZ : seta propriedades dos links dentro do H2
  ONDE: A
  USO : automático*/
.promocoes h2 a { color: #000000; text-decoration: none; }
.promocoes h2 a:hover { text-decoration: underline; }
/*FAZ : seta propriedades da UL dentro da promocoes
  ONDE: UL
  USO : automático*/
.promocoes ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 120px;
	border-top: 1px solid #ebdaa3;
}
/*FAZ : seta propriedades dos LI dentro da UL dentro da promocoes
  ONDE: LI
  USO : automático*/
.promocoes ul li {
	padding: 0;
	font-size: 11px;
	padding: 0 8px 0 8px;
}
/*FAZ : seta propriedades do titulo das promocoes
  ONDE: TD, LABEL, ...
  USO : declare 'class="promocoesTitulo"' no elemento*/
.promocoes .promocoesTitulo {
	margin-top: 10px;
}
/*FAZ : seta propriedades dos links do titulo das promocoes
  ONDE: A
  USO : automático*/
.promocoes .promocoesTitulo a { color: #000000; text-decoration: none; }	
.promocoes .promocoesTitulo a:hover { text-decoration: underline; }
/*FAZ : seta propriedades elemento onde fica o preço do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="promocoesPreco"' no elemento. na reserva*/
.promocoes .promocoesPreco {}
/*FAZ : seta propriedades elemento onde realmente fica o preço do produto, este deve
		estar dentro do promocoesPreco
  ONDE: TD, LABEL, ...
  USO : declare 'class="preco"' no elemento*/
.promocoes .promocoesPreco .preco {
	font-weight: bold;
}
/*FAZ : seta propriedades elemento onde fica o preço promocional do produto
  ONDE: TD, LABEL, ...
  USO : declare 'class="promocoesPrecoNovo"' no element*/
.promocoes .promocoesPrecoNovo {
	margin-bottom: 10px;
}
/*FAZ : seta propriedades elemento onde realmente fica o preço do produto, este deve
		estar dentro do promocoesPrecoNovo
  ONDE: TD, LABEL, ...
  USO : declare 'class="preco"' no elemento*/
.promocoes .promocoesPrecoNovo .preco {
	color: #990000;
	font-weight: bold;
}




/*-------------------*/
/*.formulario {
	border: 1px solid #f7f0da;
}*/

/*-------------------*/
/*FAZ : seta propriedades da tabela do rodapé
  ONDE: TABLE
  USO : declare 'class="rodape"' no elemento*/
.rodape {
	width: 100%;
	border: 0;
}
/*FAZ : seta propriedades do TD da tabela do rodapé
  ONDE: TD que esteja dentro da tabela com class="rodape"
  USO : automático*/
.rodape td {
	padding: 10px;
	border-top: 1px solid #f7f0da;
}
/*FAZ : seta propriedades do P da tabela do rodapé
  ONDE: P que esteja dentro da tabela com class="rodape"
  USO : automático*/
.rodape p {
	font-size: 11px;
	text-align: center;
}
/*FAZ : seta propriedades dos links do rodapé
  ONDE: A
  USO : automático*/
.rodape a { color: #000000; text-decoration: none; }
.rodape a:hover { text-decoration: underline; }