/* ÁREA DO CLIENTE */

/****************************************************/

/* GERAL */

#cliente-geral {
/*	width:605px; >> para caso de limitar o conteúdo para a esquerda */
/*	margin:auto; >> para caso seja necessário centralizar o conteúdo do site */
}

#cliente-conteudo {
	color:#333333;
	padding: 0px 0px 10px 10px;
}

#cliente-conteudo p {
	line-height: 125%;
	padding: 2px 0 5px 0;
}

a.cliente-amarelo {
	color:#CE9100;
	text-decoration:underline;
}

a.cliente-amarelo:hover {
	color:#FFB200;
	text-decoration:none;
}

/****************************************************/

/* TELA DE LOGIN */

#cliente-fazer-login {
	float:left;
	width:310px;
	margin-top:-8px;
	font-size: 11px;
	color:#000;
}

#cliente-motivos-cadastro {
	float:left;
	margin-top:0px;
	font-size: 11px;
	background:url(../img/cliente/layout/nao-tem-cadastro-bg.png);
	background-repeat:no-repeat;
	height:195px;
	width:280px;
	padding: 35px 12px 0 18px;
	width:240px;
	margin-left: 10px;
}

html>body #cliente-fazer-login {
	margin-top:1px;
}

html>body #cliente-motivos-cadastro {
	margin-top:10px;
}

#cliente-motivos-cadastro p {
	line-height: 110%;
	padding: 0 0 5px 0;
}

.cliente-input-login {
	width: 230px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-btn-motivo {
	padding: 14px 0 4px 0;
}


/****************************************************/

/* ERROS, ATENÇÃO E AVISOS */

/* aviso para o login errado *********************************************/
#aviso-login {
	width:275px;
	height:33px;
	border:dashed 1px #DFB27E;
	background-color: #FFF6EC;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:265px;
	height:23px;	
}

html>body #aviso-login {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-login {
	float:left;
	width:25px;
}

.txt-mensagem-login {
	float:left;
	width:230px;
}
/* fim aviso para o login errado *********************************************/

/* sucesso para o logout *********************************************/
#aviso-logout {
	width:275px;
	height:33px;
	border:dashed 1px #8BBC7E;
	background-color: #F0FEEE;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:265px;
	height:23px;	
}

html>body #aviso-logout {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;	
}

.btn-mensagem-logout {
	float:left;
	width:25px;
}

.txt-mensagem-logout {
	float:left;
	width:230px;
}
/* fim sucesso para o logout *********************************************/

/* sucesso para enviar nova senha *********************************************/
#sucesso-recuperar {
	width:275px;
	height:33px;
	border:dashed 1px #8BBC7E;
	background-color: #F0FEEE;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:285px;
	height:23px;	
}

html>body #sucesso-recuperar {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;	
}

.btn-mensagem-sucesso-recuperar {
	float:left;
	width:25px;
}

.txt-mensagem-sucesso-recuperar {
	float:left;
	width:250px;
}
/* fim sucesso para enviar nova senha *********************************************/

/* erro para enviar nova senha *********************************************/
#erro-recuperar {
	width:275px;
	height:33px;
	border:dashed 1px #E1A296;
	background-color: #FFECEC;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:285px;
	height:23px;	
}

html>body #erro-recuperar {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;	
}

.btn-mensagem-erro-recuperar {
	float:left;
	width:25px;
}

.txt-mensagem-erro-recuperar {
	float:left;
	width:250px;
}
/* fim erro para enviar nova senha *********************************************/

/* erro itens nao preenchidos em novo cadastro */
#erro-novo-cadastro {
	width:480px;
	height:33px;
	border:dashed 1px #E1A296;
	background-color: #FFECEC;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:470px;
	height:23px;	
}

html>body #erro-novo-cadastro{
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-erro-novo-cadastro {
	float:left;
	width:25px;
}

.txt-mensagem-erro-novo-cadastro {
	float:left;
	width:400px;
	font-size:11px;
	color:#000;
	margin-top: -2px;	
}
/* fim erro itens nao preenchidos em novo cadastro */

/* aviso itens preenchidos de forma errada ou que já constam em novo cadastro */
#aviso-novo-cadastro {
	width:480px;
	border:dashed 1px #DFB27E;
	background-color: #FFF6EC;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:470px;
	min-height:23px;
	height:100%;
}

html>body #aviso-novo-cadastro{
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-aviso-novo-cadastro {
	float:left;
	width:25px;
}

.txt-mensagem-aviso-novo-cadastro {
	float:left;
	width:400px;
	font-size:11px;
	color:#000;
	margin-top: -2px;
}

#aviso-novo-cadastro p {
	line-height: 130%;
}
/* fim aviso itens preenchidos de forma errada ou que já constam em novo cadastro */

/* sucesso salvar edição de cadastro */
#sucesso-editar-cadastro {
	width:480px;
	height:33px;
	border:dashed 1px #8BBC7E;
	background-color: #F0FEEE;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:470px;
	height:23px;	
}

html>body #sucesso-editar-cadastro{
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-sucesso-editar-cadastro {
	float:left;
	width:25px;
}

.txt-mensagem-sucesso-editar-cadastro {
	float:left;
	width:400px;
	font-size:11px;
	color:#000;
	margin-top: -2px;	
}
/* fim sucesso salvar edição de cadastro */

/* sucesso adicionar novo endereço ou alterar */
#sucesso-endereco {
	width:350px;
	height:33px;
	border:dashed 1px #8BBC7E;
	background-color: #F0FEEE;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:360px;
	height:23px;	
}

html>body #sucesso-endereco {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-sucesso-endereco  {
	float:left;
	width:25px;
}

.txt-mensagem-sucesso-endereco  {
	float:left;
	width:300px;
	font-size:11px;
	color:#000;
	margin-top: -2px;	
}
/* fim sucesso adicionar novo endereço ou alterar */

/* erro adicionar novo endereço ou alterar */
#erro-endereco {
	width:350px;
	height:33px;
	border:dashed 1px #E1A296;
	background-color: #FFECEC;
	margin: 15px 0 10px 10px;
	padding: 10px 0 0 10px;
	width:380px;
	height:23px;	
}

html>body #erro-endereco {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 10px;
}

.btn-mensagem-erro-endereco  {
	float:left;
	width:25px;
}

.txt-mensagem-erro-endereco  {
	float:left;
	width:340px;
	font-size:11px;
	color:#000;
	margin-top: -2px;	
}
/* fim erro adicionar novo endereço ou alterar */

/* sucesso para deletar um endereço *********************************************/
#sucesso-deletar-endereco {
	width:300px;
	height:40px;
	border:dashed 1px #8BBC7E;
	background-color: #F0FEEE;
	padding: 20px 0 0 10px;	
	width:270px;
	height:35px;	
}

html>body #sucesso-deletar-endereco {
	padding: 20px 0 0 10px;	
}

.btn-mensagem-sucesso-deletar-endereco {
	float:left;
	width:25px;
}

.txt-mensagem-sucesso-deletar-endereco {
	float:left;
	width:230px;
	font-size:12px;
	color:#000;
	margin-top:-3px;
}
/* fim sucesso para deletar um endereço *********************************************/

/****************************************************/

/* CAIXA PARA MEUS DADOS */

#box-meus-dados {
	background:url(../img/cliente/layout/dados-cadastrais/bg.png);
	background-repeat:no-repeat;
	height:100%;
	width:170px;
	background-color:#FAFAFA;
}

#box-meus-dados-topo {
	width:170px;
	height:29px;
	background:url(../img/cliente/layout/dados-cadastrais/topo.png);
	background-repeat:no-repeat;
}

#box-meus-dados-bottom {
	background:url(../img/cliente/layout/dados-cadastrais/curva.png); 
	background-repeat:no-repeat; 
	width:170px; 
	height:6px;
	margin-bottom: 15px;
}

#box-meus-dados-in {
	padding: 5px 5px 5px 7px;
}

#box-meus-dados a {
	color:#222222;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
}

#box-meus-dados a:hover {
	color:#333333;
	font-size: 12px;
	text-decoration:underline;
	font-weight:bold;
}

#box-meus-dados-in ul, #box-meus-dados-in li {
	list-style:none;
	line-height: 180%;
}

/****************************************************/

/* CAIXA PARA MINHAS COMPRAS */

#box-minhas-compras {
	background:url(../img/cliente/layout/minhas-compras/bg.png);
	background-repeat:no-repeat;
	height:100%;
	width:170px;
	background-color:#FAFAFA;
}

#box-minhas-compras-topo {
	width:170px;
	height:29px;
	background:url(../img/cliente/layout/minhas-compras/topo.png);
	background-repeat:no-repeat;
}

#box-minhas-compras-bottom {
	background:url(../img/cliente/layout/minhas-compras/curva.png); 
	background-repeat:no-repeat; 
	width:170px; 
	height:6px;
}

#box-minhas-compras-in {
	padding: 5px 5px 5px 7px;
}

#box-minhas-compras a {
	color:#222222;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
}

#box-minhas-compras a:hover {
	color:#333333;
	font-size: 12px;
	text-decoration:underline;
	font-weight:bold;
}

#box-minhas-compras-in ul, #box-minhas-compras-in li {
	list-style:none;
	line-height: 180%;
}

/****************************************************/

/* NOVO CADASTRO */

.cliente-obrigatorio {
	color:#7F0000;
}

#box-novo-cadastro-topo {
	background:url(../img/cliente/layout/box-novo-cadastro-topo.png);
	width:481px;
	height:7px;
	background-repeat:no-repeat;
	margin-top: 15px;
}

#box-novo-cadastro-baixo {
	background:url(../img/cliente/layout/box-novo-cadastro-baixo.png);
	width:481px;
	height:30px;
	background-repeat:no-repeat;
}

#box-novo-cadastro-meio {
	background:url(../img/cliente/layout/box-novo-cadastro-meio.png);
	width:481px;
	background-repeat: repeat-y;
	margin-top: -7px;
}

html>body #box-novo-cadastro-meio {
	margin-top: 0px;	
}

.box-novo-cadastro-esp {
	padding: 5px 15px 0 15px;
}

.box-novo-cadastro-ttl {
	background-image:url(../img/cliente/txt/preencha-os-dados.png);
	background-repeat:no-repeat;
	width:420px;
	height:23px;
}

.box-editar-cadastro-ttl {
	background-image:url(../img/cliente/txt/dados-cadastrais.png);
	background-repeat:no-repeat;
	width:420px;
	height:23px;
}

#tab-novo-cadastro {
	margin: 10px 0 0 0;
	font-size: 11px;
}

#tab-novo-cadastro td {
	height: 25px;
}

.cliente-input-novo-cadastro {
	width: 280px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-select-novo-cadastro {
	width: 285px;
	height:23px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-novo-cpf {
	width: 100px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-novo-cnpj {
	width: 124px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-novo-tel {
	width: 110px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-novo-ie {
	width: 150px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-data-novo-cadastro {
	width: 20px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
	text-align:center;
}

.cliente-ano-novo-cadastro {
	width: 35px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
	text-align:center;	
}

.cliente-radio-novo-cadastro {
	color: #664700;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
}

.cliente-exemplo {
	font-size:10px;
	color:#999;
	margin-left:10px;
}

.cliente-esp-tab {
	background:url(../img/cliente/layout/blank.png);
	background-repeat:no-repeat;
	height:10px;
	width:1px;
}

.cliente-esp-tab-2 {
	background:url(../img/cliente/layout/blank.png);
	background-repeat:no-repeat;
	height:15px;
	width:1px;
}

.cliente-aceito {
	font-size:11px;
	color:#444;
}

/****************************************************/

/* ENDEREÇOS */

#tab-endereco {
	margin-top:0px;
	font-size: 11px;	
}

#tab-endereco td {
	height: 25px;
}

.cliente-input-endereco {
	width: 240px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-endereco-cep {
	width: 70px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-input-endereco-numero {
	width: 100px;
	height:15px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

.cliente-select-endereco {
	width: 246px;
	height:23px;
	color: #664700;
	padding: 3px 2px 2px 2px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
	background-color:#FBFBFB;
	font-size: 11px;
}

a.cliente-cep {
	color:#676767;
	text-decoration:underline;
	font-size:10px;
	margin-left:5px;
}

a.cliente-cep:hover {
	color:#676767;
	text-decoration:none;
	font-size:10px;
	margin-left:5px;	
}

.endereco-lista {
	width:100%;
	margin: 20px 0 10px 0;
	color:#000;
	font-size:11px;
}

.endereco-bg {
	background:url(../img/cliente/layout/endereco-bg.png);
	width:320px;
	height:30px;
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 8px 0 0 97px;
	letter-spacing:-1px;
}

.cliente-texto-endereco {
	line-height: 150%;
	margin-left: 10px;
}	

.cliente-cuidados {
	color:#6A6A6A;
	font-size:11px;
}

.cliente-btn-endereco {
	float:left;
	width:100px;
}


/****************************************************/

/* PEDIDOS */

#pedido-conteudo {
	color:#333333;
	padding: 0px 0px 10px 10px;
	font-size:11px;
}

#pedido-conteudo p {
	line-height: 135%;
	padding: 3px 0 6px 0;
}

.pedido-ttl {
	clear:both;
	margin: 14px 0 0px 0;
}

.btn-alterar-pedido {
	margin: 10px 0 20px 0;
}

.info-pedido {
	color:#7E7E7E;
	text-transform:uppercase;
	font-size:10px;
}

.dados-pedido-detalhe {
	color:#000;
	font-size: 11px;
	padding-left: 5px;
/*	font-weight:bold;*/
	text-transform:uppercase;
}

.dados-pedido-pessoal {
	color:#000;
	font-size: 11px;
	padding-left: 5px;
/*	font-weight:bold;*/
	text-transform: none;
}

#dados-pedido-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#dados-pedido-tab td {
	height:28px;
}

.detalhe-borda-direita {
	border-right: 2px solid #FFF;
}

.detalhe-borda-baixo {
	border-bottom: 2px solid #FFF;
}

.codigo-pedido-detalhes {
	font-size: 11px;
	font-weight:bold;
	color: #B06E00;
	padding-left: 5px;	
}

.codigo-pedido-detalhes a{
	color: #B06E00;
	text-decoration:none;
}

.codigo-pedido-detalhes a:hover{
	color: #B06E00;
	text-decoration:underline;
}

#pagamento-pedido-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#pagamento-pedido-tab td {
	height:28px;
}

.btn-forma-pgto {
	margin: 10px 0 25px 0;
}

#entrega-pedido-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#entrega-pedido-tab td {
	height:28px;
}

#pedido-tab {
	margin-top:15px;
	font-size: 11px;
	color:#333333;
	font-size:11px;
	margin-bottom: 15px;
}

#pedido-tab a {
	color:#333;
	text-decoration:none;
	font-size:11px;
}

#pedido-tab a:hover {
	color:#222;
	text-decoration:underline;
	font-size:11px;
}

#pedido-tab a.numero {
	color:#B06E00;
	text-decoration:underline;
	font-size:11px;
}

#pedido-tab a.numero:hover {
	color:#B06E00;
	text-decoration:none;
	font-size:11px;
}

.pedido-borda-dir {
	border-right: 1px solid #CECECE;
}

.pedido-borda-baixo {
	border-bottom: 1px solid #CECECE;
}

.pedido-borda-esq-dir {
	border-right: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
}

.pedido-borda-dir-baixo {
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;	
}

#dados-compra-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#dados-compra-tab td {
	height:28px;
}

.dados-compra-pedido-bg {
	background-color:#E0E0E0;
}

.cliente-nome-produto {
	color:#000;
	font-size:11px;
	font-weight:bold;
	margin-left:8px;
}

#cupom-pedido-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#cupom-pedido-tab td {
	height:28px;
}

#envio-pedido-tab {
	background-color:#F3F3F3;
	margin: 10px 0 10px 0;
}

#envio-pedido-tab td {
	height:28px;
}

#pedido-valor-total {
background:url(../img/cliente/layout/valor-total-bg.png);
background-repeat:no-repeat;
width:320px;
height:30px;
margin: 5px 0 10px 0;
}

.cliente-valor-total {
padding: 8px 0 0 185px;
font-size:11px;
font-weight:bold;
}

.mensagem-pagamento-icone {
float:left;
padding: 2px 5px 2px 0px;
}

.mensagem-pagamento-cancelado {
margin: 10px 0 25px 0;
width:560px;
padding: 10px 10px 10px 10px;
border:dashed 1px #E1A296;
background-color: #FFECEC;
height:auto;
color:#4A4849;
font-size:11px;
}

.mensagem-pagamento-verificando {
margin: 10px 0 25px 0;
width:560px;
padding: 10px 10px 10px 10px;
border:dashed 1px #DFB27E;
background-color: #FFF6EC;
height:auto;
color:#4A4849;
font-size:11px;
}

.mensagem-pagamento-sucesso {
margin: 10px 0 25px 0;
width:560px;
padding: 10px 10px 10px 10px;
border:dashed 1px #8BBC7E;
background-color: #F0FEEE;
height:auto;
color:#4A4849;
font-size:11px;
}

/****************************************************/