/* Documento */

body {
  margin:0;
  border:0;
  padding:0;
  background:#fff; 
  font-family:arial, verdana, helvetica, sans-serif; 
  font-size:76%;
  overflow: auto; 
  text-align: left;
  }	

/* Cabeçalho */

#cabecalho {
position: absolute;
width: 98%;
top: 0;
padding: 4px 0 4px 5px;
background: transparent;
clear: right;
}

#slogan {
position: absolute;
width: 98%;
top: 55px;
font-weight: bold;
padding: 4px 0 4px 5px;
background: #0199cb;
color: #fff;
clear: right;
}

#logo {
float: left;
margin-bottom: 10px;
}

#BuscaSup  {
position: absolute;
top: 5px;
left: 200px;
float: left;
margin: 0 0 20px 2px;
}
				
#NavSup {
text-align: right; 
top: 0; 
float: right;
} 

.identificacao {
font-weight: bold;
margin-right: 5px;
}

#NavSup a {
padding: 0 3px 0 3px;
} 

#NavSup .atual {
font-weight: normal;
background: transparent;
color: #000;
}

#MinhaConta {
position: absolute;
top: 5px;
left: 190px;
width: auto;
padding: 5px;
background: #d6e8fc;
color: #666;
}

#MinhaConta .TituloForm {
font-size: 1.2em;
font-weight: bold;
margin: 0 10px 0 0;
float: left;
}

#MinhaConta label {
margin: 0 5px 0 10px;
}

#MinhaConta input {
margin: 0 5px 0 10px;
}


#janela {
padding: 15px;
}

/* Corpo */

#corpo {
clear: right;  
padding-left: 5px;
padding-top: 5px;
margin-top: 70px;
} 	

#esquerda {
	left: 0px;
	float: left;
	margin: 0px;
	padding: 5px;
	border: 0px;
	background: transparent;
	width: 20%; 
	}
	
#centro {
	padding: 5px;
	float: left;
	border: 0px;
	width: 50%;
	background: transparent;
	/* ie5win fudge begins */
	margin: 0; 
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top: 0px;
	}
	
#direita {
	float: left;
	margin: 0px;
	padding: 5px;
	border: 0px;
	background: transparent;
	width: 23%;
	}

#CentroEsquerda {
	left: 0px;
	float: left;
	margin: 0px;
	padding: 5px;
	border: 0px;
	background: transparent;
	width: 70%; 
	}
	
#CorpoApresentacao {
clear: right;  
padding-left: 5px;
padding-top: 5px;
margin-top: 80px;
}

#mostra {
border: 0;
}

#mostra td {
padding: 10px;
}

#mostra img {
border: 1px solid #ccc;
}
	
/* Títulos */

h1, h2, h3, h4 {
color: #666; 
font-weight: bold; 
margin: 0; 
padding: 0;
}	

h1 {
font-size: 1.6em; 
color: #666; 
float: left;
margin-bottom: 5px;
}

h2 {
font-size: 1.5em; 
color: #666; 
margin-bottom: 10px;
}

h3 {
font-size: 1.3em; 
padding-bottom: 5px;
}  

h4 {
font-size: 1.2em;
}	

/* Listas */

ul {
margin-top: 0;
}

/* Parágrafo */

p {position: relative;
	margin: 10px 0 10px 0;
	width: 98%;
	padding: 0;} 	 
		   
.destaque {
color: #666;
font-weight: bold;
white-space: nowrap;
}	 

.dado {
font-weight: bold;
color: #000;
background: transparent;
}

.quebra {
float: none;
clear: left;
}

.QuebraFloat {
float: left;
clear: left;
}

.FlutuaEsquerda {
float: left;
margin-right: 3px;
}

u {
font-size: 1.6em; 
color: #666; 
text-decoration: none;
font-weight: bold;
margin-bottom: 5px;
}

/* Lista de produtos */

#navegacao {
background: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
width: auto;
}

.categorias {
list-style-type: none; 
margin: 10px 0 10px 0;
line-height: 1.8em;
}

.subcategorias {
list-style-type: none; 
margin: 0 0 0 20px;
line-height: 1.8em;
}

.subcategorias a {
display: block;
}

.parent {
margin: 10px 0;
}

.child {
margin: 10px 0 10px 10px;
}

.child a {
margin: 10px 0 10px 15px;
display: block;
}

ul.DadosProduto {
list-style-type: none; 
margin: 0 0 10px -40px;
line-height: 1.8em;
}   



ul.SemBullet {
list-style-type: none; 
margin: 0 0 10px -40px;
line-height: 1.8em;
}   

li img {
margin-right: 5px;
}

/* Catálogo de produtos */

.paginas {
float: right;
clear: right;
color: #666;
background: transparent;
margin-right: 5px;
}

.PrimeiraPagina, .UltimaPagina, .total {
font-weight: bold;
}

.primeira, .anterior, .proxima, .ultima {
font-weight: normal;
color: #666;
}

.filtro {
padding: 5px;
width: 98%;
}

.filtro ul {
list-style-type: none; 
margin: 0 0 0 -40px;
line-height: 2.5em;
}

.filtro ul li {
float: left;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0;
}

.FiltroBusca {
list-style-type: none;
}

.FiltroBusca li {
margin-bottom: 5px;
}

.NavPagina {
border-top: 1px solid #ccc;
text-align: center;
clear: both;
margin: 5px;
list-style-type: none; 
}

.NavPagina li {
float: left;
margin: 5px;
}

#catalogo {
clear: left;
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 10px;
width: 100%;
}

#catalogo tr {
vertical-align: bottom;
}

.ItemCatalogo {
border: 1px solid #ccc;
margin: 5px;
vertical-align: top;
}

span {
font-weight: bold;
}

s {
color: red;
}

.destaque {
font-weight: bold;
color: #063;
}

.botao {
margin: 0 5px;
padding: 2px;
font-weight: bold;
background: #eaeaea;
color: #666;
border: 1px solid #999;
}	

.comprar {
margin: 0;
padding: 5px;
width: auto;
float: left;
}	

.comprar .botao {
margin: 0;
}	

/* Compras */

#compras {
background: #d6e8fc;
padding: 10px;
width: 98%;
}

.info {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 5px 0;
margin: 3px 0;
width: 100%;
}

.opcoes {
border-bottom: 1px solid #666;
padding: 5px 0;
}

.opcao {
margin: 2px;
font-weight: normal;
white-space: nowrap;
}

#carrinho {
border-bottom: 1px solid #666;
padding: 5px 0;
margin: 3px 0;
width: 100%;
}

.pedido {
list-style-type: none; 
margin: 0 0 10px -40px;
line-height: 2em;
}

#CalcularFrete {
width: 100%;
}

.frete {
list-style-type: none; 
margin: 0 0 10px -40px;
width: 100%;
line-height: 2em;
}

.TotalPedido, .TotalFrete, .PrazoEntrega, .TotalCompras {
margin: 0;
padding: 5px 0;
border-top: 1px solid #666;
width: 100%;
}

.TotalCompras {
font-size: 120%;
border-bottom: 1px solid #666;
margin-bottom: 10px;
}

.prosseguir {
margin: 10px;
padding: 2px;
font-weight: bold;
background: #696;
color: #fff;
border: 1px solid #063;
}

.alerta {
margin: 10px;
padding: 2px;
font-weight: bold;
background: #e8e1b3;
color: #000;
border: 1px solid #fc0;
}

.limpar {
margin: 10px;
padding: 2px;
font-weight: bold;
background: #c95f5f;
color: #fff;
border: 1px solid #933;
}

/* Produto */

#caminho {
position: relative; 
margin: 0 0 5px 0; 
padding-bottom: 3px;
top: 0; 
left: 0; 
z-index: 6; 
height: 1.4em; 
color: #666; 
background: transparent;
list-style-type: none;
border-bottom: 1px solid #ccc;
}

#caminho  li {
list-style-type: none; 
float: left; 
font-weight: bold; 
background: transparent; 
margin-left: 10px; 
list-style-image: none;
}

#caminho li.pagina {
margin-left: 0;
}

#caminho li.home {
margin-left: -40px;
}

ul#caminho li.atual {
color: #666; 
background: transparent; 
margin-left: 5px;
}

#produto {
clear: left;
background: #f8f8f8;
color: #666;
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 20px 0;
}

#FotosProduto {
clear: left;
background: #f8f8f8;
color: #666;
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 20px 0;
width: 270px;
text-align: center;
}

#produto td {
vertical-align: top;
}

#produto img, #FotosProduto img {
border: 1px solid #ccc;
}	

#CaracteristicasProduto {
margin-left: 33%;
}

.subtotal {
border: 0;
background: transparent;
color: #063;
font-weight: bold;
}

/* Fechamento */

#fechamento {
clear: left;
background: #f8f8f8;
color: #666;
border: 1px solid #ccc;
padding: 10px;
margin: 5px 0 0 0;
}

#NavFechamento { 
margin: 0 0 5px 0; 
padding-bottom: 10px;
background: transparent;
color: #666;
border-bottom: 1px solid #ccc;
}

#identificacao {
padding: 5px 0;
margin: 3px 0;
width: 100%;
}

.DadosUsuario {
list-style-type: none; 
margin: 0 0 10px 5px;
line-height: 2em;
}

/* Produtos */

#NavAdministracao {
text-align: center;
clear: both;
margin: 5px 5px 5px -40px;
list-style-type: none; 
}

#NavAdministracao li {
float: left;
margin: 5px 0;
background: #f5f5f5;
padding: 5px;
font-size: 1.1em;
font-weight: bold;
border: 1px solid #ccc;
}

.NavPainelAdministracao {
float: left;
text-align: left;
width: 12em;
margin: 5px 15px 5px -40px;
list-style-type: none; 
}

.NavPainelAdministracao li {
float: none;
margin: 5px 0;
background: #f5f5f5;
padding: 5px;
font-size: 1.1em;
font-weight: bold;
border: 1px solid #ccc;
}

/* Formulário */

table {
clear: both;
margin-bottom: 10px;
}

#MinhaConta table {
margin-bottom: 0;
}
  
form {
background: transparent; 
border: 0;
color: #666;
clear: left; 
padding: 0;
margin: 0;
width: 50%;
}

form fieldset.secundario {
background: #f9f9f9;
border: 1px solid #ccc;
margin-top: 40px;
}

select {
margin: 2px 0;
}

.titulo {
background: #ccc;
color: #666;
font-weight: bold;
padding: 3px;
}

label {
white-space: nowrap;
}

.mensagem {
margin: 30px 20px;
padding: 10px;
font-weight: bold;
background: #e8e1b3;
color: #000;
border: 1px solid #fc0;
}

.aviso {
background: #ffec9d;
padding: 5px;
margin: 10px 0 10px -2px;
width: auto;
font-weight: bold;
text-align: left;
clear: both;
}

/* Links */

a:link, a:visited {
color: #069; 
text-decoration: none;
}
 
a img {
border: 0;
}	

font b {
color: #069; 
text-decoration: none;
}

.child {
margin: 0;
}

a.item {
margin: 0;
}

.child br {
margin: 0;
}


/* Rodape */

#rodape {
border-top: 1px solid #ccc;
clear: left; 
width: 98%; 
padding: 5px 0 5px 0;
text-align: center;
} 	 

#rodape a {
padding: 0 5px 0 8px;
} 

#RodapeApresentacao {
border-top: 1px solid #ccc;
clear: left; 
background: #0199cb;
color: #fff;
width: 98%; 
padding: 5px 0 5px 0;
text-align: center;
} 	

#RodapeApresentacao .dado {
color: #fff;
margin-left: 30px;
}