/* Zerando todos os margins naturais para n„o atrapalhar */
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, div, td
{
	margin: 0px;
	padding: 0px;
	color:#414042;
}

body
{
	background: url(../img/bgBody.gif) repeat-x top;
}

body.clsBodyPopUp
{
	background-image: none;
}

img, table
{
	border: none;
}

input, select
{
	font-size: 11px;
	border: 1px solid #e5e5e5;
	color: #414042;
}

input.clsBotao
{
	border: none;
	cursor: pointer;
	height:auto;
	width:auto;
}

/**************************************************
* Estrutura geral da p·gina                       *
**************************************************/
#divGeral
{
	text-align: left;
	float: left;
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/**************************************************
* Topo                                            *
**************************************************/
#divTopo
{
	float: left;
	clear: both;
	width: 776px;
	margin: 0 0 10px 0;
}

#divTopo div
{
	float: right;
}

#divTopo ul
{
	list-style-type:none;
	margin: 7px 0 0 0;
	padding:0;
}

#divTopo li
{
	float: left;
	padding: 0 5px;
}

#divTopo li.clsLnkMenuUltimo
{
	padding: 0 0 0 5px;
}

#divTopo img
{
	vertical-align:text-bottom;
}

#divTopo a
{
	color: #FF3300;
	text-decoration:none;
	font-size: 10px;
}

#divTopo a:hover
{
	color:#FF3300;
	text-decoration: underline;
}

#divMenuTopo
{
	display:none;
}


/**************************************************
* Conteudo                                        *
**************************************************/
#divEsquerda
{
	float:left;
	width: 120px;
	font-size: 11px;
	text-align:right;
	margin: 20px 5px 0 0;
	height: 500px;
}

#divEsquerda ul
{
	list-style-type: none;
}

#divEsquerda li
{
	margin-bottom: 5px;
}

#divEsquerda a
{
	color: #414042;
	text-decoration: none;
}

#divEsquerda a:hover, #divEsquerda a.lnkAtivo
{
	color: #ff6600;
	font-weight: bold;
}

#divEsquerda .clsRadar
{
	float: right;
	margin: 10px 0 0 0;
}

#divEsquerda a#lnkSacola
{
	float: right;
	color: #635611;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin: 20px 0 0 0;
	padding: 22px 0 0 0;
	border: none;
	width: 55px;
	height: 23px;
	_height: 45px;
	background: url(/images/sacola.gif) no-repeat;
	text-align:center;
}

#divConteudo
{
	float:left;
	width: 650px;
	/*border: 2px dotted #e5e5e5;*/
	margin:  0 0 0 0;
}

#divConteudoGde
{
	float:left;
	width: 776px;
	/*border: 2px dotted #e5e5e5;*/
	margin:  0 0 0 0;
	padding: 0 0 20px 0;
}

/**************************************************
* Rodape                                          *
**************************************************/
#divRodape
{
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 776px;
}

#divRodape p
{
	width: 100%;
	line-height:45px;
	text-align:center;
}

#divRodape a
{
	margin: 0 1px;
	float:none;
}

#divRodape a.clsRadar
{
	float: left;
}

/**************************************************
* Mostra varios produtos                          *
**************************************************/
#divProdutosSecao
{
	min-height: 300px;
	_height: 300px;
}

.clsProduto
{
	float: left;
	width: 130px;
	height: 150px;
	_height: 180px;
	margin: 20px 15px 0 15px;
	_margin: 20px 10px 0 10px;
	text-align: center;
}
.clsProduto img
{
	width: 100px;
	height:100px;
}

.clsProduto p
{
	width: 130px;
	text-align:center;
}

.clsProduto a
{
	color: #414042;
	text-decoration:none;
}

.clsProduto a:hover
{
	color: #FF6600;
}

.clsPaginacaoSecao
{
	clear:left;
	width: 650px;
	text-align:center;
	padding: 10px 0 10px 0;
}

.clsPaginacaoSecao a
{
	margin: 0 10px 0 0;
	color: #414042;
	text-decoration:underline;
}

.clsPaginacaoSecao a:hover, .clsPaginacaoSecao a.lnkAtivo
{
	color: #ff6600;
}

/**************************************************
* Detalhe dos produtos                            *
**************************************************/
#divEsquerdaDetalhe
{
	float: left;
	width: 300px;
}

#divEsquerdaDetalhe #divFotoProduto
{
	width: 250px;
	height: 300px;
	margin: 15px 25px 5px 25px;
}

#divEsquerdaDetalhe #divFotoProduto p
{
	font-size:10px;
	font-weight:bold;
	color: #808080;
}

#divEsquerdaDetalhe #divFotoProduto img
{
	width: 250px;
	height: 300px;
}

#divEsquerdaDetalhe #divLinksProduto
{
	width: 250px;
	margin: 0 25px 10px 25px;
}

#divEsquerdaDetalhe #divLinksProduto span
{
	float: left;
	width: 225px;
	color: #414042;
}

#divEsquerdaDetalhe #divLinksProduto img
{
	width: 40px;
	height: 48px;
	margin: 10px 5px 5px 0;
}

#divEsquerdaDetalhe #divLinksProduto a
{
	text-decoration:none;
	border:none;
	cursor:pointer;
}

#divMeioDetalhe
{
	float: left;
	width: 150px;
	margin: 25px 0 0 0;
	line-height: 25px;
}

#divMeioDetalhe select
{
	font-size: 11px;
	border: 1px solid #e5e5e5;
	color: #414042;
}

#divMeioDetalhe h2
{
	font-size: 13px;
	color: #635611;
	margin: 30px 0 0 0;
	text-decoration:none;
}

#divMeioDetalhe h3
{
	font-size: 13px;
	color: #FF6600;
	margin: 0;
	text-decoration:none;
}

#divMeioDetalhe p.pObs
{
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	margin:0;
}

#divDireitaDetalhe
{
	float: left;
	width: 190px;
	margin: 25px 0 0 0;
	line-height:15px;
}

#divDireitaDetalhe h1
{
	width: 175px;
	font-size: 13px;
	margin:0;
	color: #635611;
}

#divDireitaDetalhe h2
{
	width: 175px;
	font-size: 11px;
	margin:0;
	color: #635611;
}

#divDireitaDetalhe p
{
	width: 185px;
	color: #414042;
	margin: 10px 0 20px 0;
}

#divDireitaDetalhe input
{
	float: right;
	clear: both;
	margin: 0 0 5px 0;
}

/**************************************************
* bolsa de compras                                *
**************************************************/
#divBolsaCompras table
{
	margin: 30px 20px 20px 20px;
	color: #414042;
}

#divBolsaCompras #tblBolsa, #divBolsaCompras table table
{
	margin: 0;
	border-top: 1px solid #CCC;
}

#divBolsaCompras table table td
{
	border-bottom: 1px solid #CCC;
}

#divBolsaCompras table select
{
	font-size: 10px;
	color: #414042;
	border: 1px solid #CCC;
	padding:0;
}


#divBolsaCompras table td.clsConta
{
	font-size:13px;
	line-height: 25px;
	padding: 20px;
	margin:0;
	background-color: #F4F0DD;
	width:180px;
}

#divBolsaCompras table td.clsConta table td, #divBolsaCompras table td.clsConta table
{
	border: none;
}

#divBolsaCompras table table td.clsNomeProd a
{
	font-weight: bold;
	color: #414042;
	text-decoration:none;
}

#divBolsaCompras table table td.clsNomeProd a:hover
{
	color: #FF6600;
}

#divBolsaCompras table table td.clsExcluir a
{
	color: #FF6600;
}

#divBolsaCompras table table td.clsExcluir a:hover
{
	color: #808080;
}

div#d1
{
 	float:left; 
	width: 350px;
	position: absolute;
	text-align: left;
	padding:10px; 
	border: 1px solid #808080; 
	background-color:#FFF;
}

div#d1 a
{
	color: #ff3300;
	text-decoration:none;
}

div#d1 h3
{
	width:100%; 
	color:#63510F;
}
/**************************************************
* login                                           *
**************************************************/
#divLogin #divLoginEsquerda, #divLogin #divLoginDireita
{
	float:left;
	width: 250px;
	padding: 20px 65px;
	margin: 20px 0;
	color: #414042;
}

#divLogin h3
{
	font-size:13px;
	width: auto;
}

#divLogin #divLoginDireita
{
	border-left: 2px dotted #EEE;
}

#lnkVoltar
{
	float: left;
	clear:both;
	margin: 20px;
}

#divLogin #divLoginEsquerda table, #divLogin #divLoginDireita table
{
	margin: 30px 0 0 0;
}

table.clsTblErro, .clsMensagem
{
	background-color: #F4F0DD;
	border: 1px solid #E9E1BB;
	color: #ff6600;
	font-size: 13px;
	font-weight: bold;
}
td.clsErro
{
	background-color: #ff6600;
	color: #FFF;
}

.clsMensagem
{
	padding:5px;
}


/**************************************************
* cadastro                                        *
**************************************************/
#divCadastro
{
	margin: 20px 0 0 40px;
	width: 300px;
	color: #414042;
}

#divCadastro table
{
	margin: 0 0 20px 0;
}

#divCadastro td table
{
	margin: 0;
}

/**************************************************
* pagamento                                       *
**************************************************/
#divPagamento #divPagamentoEsquerda, #divPagamento #divPagamentoDireita
{
	float:left;
	width: 250px;
	padding: 20px 65px 0 65px;
	margin: 20px 0;
	color: #414042;
}

#divPagamento #divPagamentoDireita
{
	border-left: 2px dotted #EEE;
}

#divPagamento #divPagamentoEsquerda p, #divPagamento #divPagamentoDireita p
{
	margin: 20px 0 0 0;
}

#divPagamento #divPagamentoDireita table h3
{
	margin:0;
	color: #63510F;
}

#divPagamento #divPagamentoDireita table p
{
	margin:0;
}

#divPagamento #divPagamentoDireita table a
{
	color: #FF3300;
}

#divPagamento #divDadosPagamento
{
	float:left;
	padding: 20px 65px;
	margin: 20px 0;
	color: #414042;
	width:600px;
}

#divPagamento #divDadosPagamento table
{
	margin: 10px 0 0 0;
}

#divPagamento #divDadosPagamento h3
{
	margin: 20px 0 0 0;
	color: #63510F;
	font-size: 14px;
}
#divPagamento #divDadosPagamento p.clsBoleto, #divPagamento #divDadosPagamento p.clsContinuar
{
	margin: 10px 20px;
	width: 380px;
}

#divPagamento #divDadosPagamento p.clsContinuar
{
	text-align:right;
}

#divPagamento table.clsErro, #divPagamento span.clsErro
{
	background-color: #F4F0DD;
	border: 1px solid #E9E1BB;
	color: #ff6600;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px;
	width: 350px;
}

#divPagamento table.clsErro span
{
	color: #FF6600;
}

#divPagamento span.clsErro
{
	float: left;
	clear:both;
}

/**************************************************
* alterar endereco                                *
**************************************************/
#divAlteracaoEndereco
{
	margin: 20px;
}

#divAlteracaoEndereco p
{
	margin: 20px 0 0 0;
}

#divAlteracaoEndereco h3
{
	margin: 20px 0 0 0;
	color: #63510F;
	font-size: 14px;
}

#divAlteracaoEndereco #divAlteraDireita, #divAlteracaoEndereco #divAlteraEsquerda
{
	float: left;
	width: 300px;
}

#divAlteracaoEndereco #divAlteraEsquerda
{
	margin: 0 0 40px 0;
}

#divAlteracaoEndereco #divAlteraDireita
{
	margin: 0 0 0 80px;
}

#divAlteracaoEndereco #divAlteraDireita table
{
	line-height: 20px;
	margin: 20px 0 0 0;
}

#divAlteracaoEndereco #divAlteraDireita .clsErro
{
	background-color: #F4F0DD;
	border: 1px solid #E9E1BB;
	color: #ff6600;
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
	margin: 5px 0 0 0;
	float:left;
	clear: both;
	width: 300px;
}

#divAlteracaoEndereco a.clsVoltar
{
	margin: 0 0 0 20px;
}

/**************************************************
* conferencia                                       *
**************************************************/
div #divDadosCompraEsquerda, div #divDadosCompraDireita
{
	float:left;
	width: 340px;
	padding: 0 20px;
	margin: 20px 0 0 0;
	color: #414042;
}

div #divDadosCompraDireita
{
	border-left: 2px dotted #EEE;
}

#divDadosCompra
{
	float:left;
	clear:left;
	margin: 20px;
	_margin: 20px 10px;
}

#divDadosCompra table
{
	margin: 5px 0 0 0;
	color: #414042;
	border-top: 1px solid #CCC;
}

#divDadosCompra table table td
{
	margin: 0;
	border-bottom: 1px solid #CCC;
}

#divDadosCompra table table, #divDadosCompra table tr.clsSemBorda td
{
	border:none;
}

#divDadosCompra table td.clsConta
{
	font-size:13px;
	line-height: 25px;
	padding: 20px;
	background-color: #F4F0DD;
}

#divDadosCompra table td.clsConta table td, #divBolsaCompras table td.clsConta table
{
	border: none;
}

#divDadosCompraDireita span.clsPresente
{
	color: #FF8800;
	font-weight:bold;
	font-size: 12px;
}


/**************************************************
* confirmacao final                               *
**************************************************/
#divConfirmacaoFinal
{
	float: left;
	margin: 20px;
	color: #414042;
}

#divConfirmacaoFinal h3
{
	margin: 20px 0 0 0;
	color: #63510F;
	font-size: 14px;
}

#divConfirmacaoFinal p
{
	margin: 20px 0 5px 0;
}

#divConfirmacaoFinal p#pNumeroPedido
{
	background-color: #F4F0DD;
	border: 1px solid #E9E1BB;
	color: #ff6600;
	font-size: 25px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 20px 0;
	width: 200px;
	text-align:center;
}

#divConfirmacaoFinal a
{
	border:none;
	text-decoration:none;
}


/**************************************************
* institucional                                   *
**************************************************/
#divInstitucional
{
	margin: 20px;
	line-height: 18px;
	width: 600px;
	color: #414042;
}

#divInstitucional p, #divInstitucional h2, #divInstitucional h3
{
	margin: 10px 0;
}

#divInstitucional h3
{
	margin: 25px 0 10px 0;
	color:#63510F;
	font-size:13px;
}

#divInstitucional h2
{
	margin: 35px 0 10px 0;
	color:#63510F;
	font-size:15px;
}

#divInstitucional a
{
	color:#FF6600;
}

#divInstitucional ul
{
	margin: 15px;
	list-style-type:square;
}

#divInstitucional table
{
	margin: 20px 0;
}

#divInstitucional table input, #divInstitucional table textarea
{
	width: 100%;
	border: 1px solid #e5e5e5;
}

#divInstitucional table textarea
{
	height: 100px;
}



/**************************************************
* pop ups                                         *
**************************************************/
body.clsBodyPopUp
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414042;
}

body.clsBodyPopUp h3
{
	font-size:13px;
}

body.clsBodyPopUp table, body.clsBodyPopUp h3
{
	margin: 20px;
}

body.clsBodyPopUp table
{
	background-color: #F4F0DD;
}

body.clsBodyPopUp table td
{
	border-bottom: 1px solid #808080;
	padding: 5px;
}

body.clsBodyPopUp table.clsTblProcura
{
	border: 2px dotted #E5e5e5;
	background-color:#FFF;
}

body.clsBodyPopUp table.clsTblProcura td
{
	border: none;
	padding:0;
}

div#divAlteraEndereco
{
	margin: 20px 20px 0 20px;
	color: #414042;
}

table.clsTblEditForm
{
	margin: 20px 0;
}

table.clsTblEditForm td
{
	padding: 5px 0;
}

/**************************************************
* minha conta                                     *
**************************************************/
#divMenuMinhaConta
{
	float: left;
	width: 250px;
	margin: 0 0 20px 20px;
}

#divDadosMinhaConta
{
	float: left;
	width: 420px;
	margin: -20px 0 20px 80px;
}

#divMenuMinhaConta p, #divMenuMinhaConta a img
{
	margin: 20px 0 0 0;
}

#divMenuMinhaConta p a
{
	margin:0;
	color: #FF6600;
	text-decoration: none;
}

#divMenuMinhaConta p a:hover
{
	text-decoration:underline;
}

#divMenuMinhaConta p.clsDefinicao
{
	margin: 0;
}

#divDadosMinhaConta table
{
	margin: 10px 0 0 -10px;
}

#divDadosMinhaConta .clsErro
{
	background-color: #F4F0DD;
	border: 1px solid #E9E1BB;
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
	float:left;
	margin: 5px 0 0 0;
	padding: 2px 6px;
}

#divDadosMinhaConta h2
{
	margin: 20px 0 0 0;
	font-size: 13px;
	color:#635611;
}

#divDadosMinhaConta p
{
	margin: 20px 0 0 0;
}

#divDadosMinhaConta a
{
	color: #FF6600;
}

#divDadosMinhaConta p.clsEnderecoPrimeiro
{
	margin: 20px 0 0 0;
	border-bottom: 2px dotted #e5e5e5;
	border-top: 2px dotted #e5e5e5;
	padding: 10px 0;
	width:auto;
}
#divDadosMinhaConta p.clsEndereco
{
	margin:0;
	border-top: 2px dotted #e5e5e5;
	padding: 10px 0;
	width:auto;
}

#divDadosMinhaConta ul
{
	list-style-position: inside;
	margin: 20px 0 0 0;
}