/* CSS Document */

#Layer1 {
	position:absolute;
	left:338px;
	top:171px;
	width:282px;
	height:237px;
	z-index:1;
}


*{padding:0px; margin:0px;}

body{
	margin:0px;
	background-image: url(../img/bg.gif);
	color:#767676;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	}
.rosa{color:#cf0060;}
.verde{color:#3ab200;}
.vermelho{color:#d30200;}

a.linkverde{color:#3ab200; text-decoration:none;}
a.linkverde:link{color:#3ab200; text-decoration:none;}
a.linkverde:visited{color:#3ab200; text-decoration:none;}
a.linkverde:hover{text-decoration:underline;}

h3{
	color:#d30200;
	text-transform: uppercase;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	padding:2px;
	font-size:11px;
	margin-bottom:5px;

}


/*TOPO*/
#topo .conteudo{
	height: 100%;
	min-height: 530px;
	max-height: 100%;
	height: 530px;
	height:auto;
	width:229px;
	margin-left:39px;
}
#topo .logo{
	float:right;
	width:229px;
	line-height:0px;
}

#menu{
	width:229px;
	float:left;
	padding-left:20px;
	padding-bottom:45px;
}

.menu_box{
		margin-top:-4px;
		margin-bottom:4px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
}

.menu_box a{ 
		color:#92C68B;
		text-decoration:none;
}

.menu_box a:link{ 
		color:#92C68B;
		text-decoration:none;
}

.menu_box a:visited{ 
		color:#92C68B;
		text-decoration:none;
}

.menu_box a:hover{ 
		color:#92C68B;
		text-decoration:underline;
}

.menu_item{
		padding-right:31px;
		text-align:right;
}

#menu ul {list-style-image: none;margin:0px;}
#menu ul li{list-style-type: none;}
#menu ul.sub_menu{
		text-align:right;
		padding-right:31px;
		margin-top:0px;
		margin-bottom:2px;
		color:#DD5952;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
}
#menu ul.sub_menu li{padding:9px 0px 9px 5px;}

#topo .box_itensCesta, #topo .box_buscaProdutos{
	width:189px;
	float:left;
	background-color:#f3f3f3;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	padding:15px;
}
#topo .box_itensCesta span {color:#d30f6c;}
#topo .box_buscaProdutos{
	margin-top:9px;
}
#topo .box_buscaProdutos select{width:190px; float:right;
	border:1px solid #7f9db9;
	margin:3px 0px 3px 0px;
	font-size:13px;
	color:#767676;
	font-family:"Times New Roman", Times, serif;
}

#topo .box_buscaProdutos input{float:right; margin:5px 0px 0px 30px;}

#topo input.box_buscaProdutos_input{
	width:187px;
	float:right;
	border:1px solid #7f9db9;
	margin:3px 2px 3px 0px;
	font-size:13px;
	color:#767676;
	font-family:"Times New Roman", Times, serif;
}

#topo .botoesMenu{line-height:0px;}

/*MIOLO - INDEX*/
#banner{
	width:474px;
	float:left;
	line-height:0px;}
	
#box_kitSemana{
	float: left;
	width: 475px;
	line-height:0px;
	font-size:12px;}
	
#kitSemana{
	float: left;
	width: 453px;
	border:1px solid #c2dbbe;
	padding:10px;}
	
#box_kitSemana .kit{
	line-height:normal;
	width:110px;
	float:left;
	text-align:left;
	}
	
#box_kitSemana .divisor{
	width:50px;
	float:left;
	padding-top:40px;}
	
#box_kitSemana .preco{color:#bba06d;}
#box_kitSemana .desconto{color:#92c68b;}
#box_kitSemana .adicionar{margin:10px 0px 0px 0px;}


h1.principal{
	padding:10px 0px;
	margin:0px;
}
h1{margin:0px; padding:0px; line-height:0px;}

.box_vitrine{
	float: left;
	width: 475px;
	font-size:12px;
	margin-top:15px;
}


.vitrine, .vitrineUltimo
{
	width:150px;
	float:left;
	margin-right:9px;
	margin-top:10px;
}
.vitrineUltimo{margin-right:0px;}

.produtoNovidade,  .produtoNovidadeUltimo,
.produtoPromocao, .produtoPromocaoUltimo,
.produtoPromocoesInterna, .produtoPromocoesInternaUltimo
{
	border:1px solid #bdd6e1;
	width:140px;
	height:140px;
	padding:5px;
}

.produtoPromocao, .produtoPromocaoUltimo{
	border:1px solid #e6c1d2;
}
.produtoPromocoesInterna, .produtoPromocoesInternaUltimo{
border:1px solid #f3f3f3;
}

.boxDetalhe, .boxDetalheUltimo
{
	float:left;
	width:100%;
	text-align:left;
	margin-top:5px;
	color:#999999;

}	
.descricaoProduto, .descricaoProdutoUltimo 
{
	float:left;
	width:100%;
	padding-bottom:2px;
	height:30px;
	
}
.box_vitrine .preco, .box_vitrine .precoUltimo 
{
	width:50%;
	float:left;
	margin-top:0px;
	color:#cf0060;
	}
	
.box_vitrine .detalhes, .box_vitrine .detalhesUltimo
{
	width:50%;
	float:right;
	margin-top:0px;
	text-align:right;
}
.box_vitrine .de, .box_vitrine .deUltimo
{
	text-decoration: line-through;
	color:#b4b4b4;	
}
.box_vitrine .none, .box_vitrine .noneUltimo{text-decoration: none;}

.box_vitrine .detalhes a,.box_vitrine .detalhesUltimo a
{color:#3ab200;
text-decoration:none;
}

.box_vitrine .detalhes a:hover,.box_vitrine .detalhesUltimo a:hover
{text-decoration:underline;}

.box_vitrine .adicionar, .box_vitrine .adicionarUltimo{
	width:84px;
	float:left;
	margin:10px 0px;
}

/*PAGINAS INTERNAS*/
h1.interna{margin:45px 0px 15px 0px;}
h1.internaPromo{margin:45px 0px 0px 0px;color:#83B07D}
h2.internaPromo{margin:45px 0px 0px 0px;color:#83B07D; font-family:"Times New Roman", Times, serif;}

/*DETALHE PRODUTO-INTERNO*/
#exibeProduto, #sugestao{
	float: left;
	width: 475px;
	font-size:12px;
	margin-bottom:20px;
}

#exibeProduto .esquerdaProduto{
	width:205px;
	float:left;
	margin-right:8px;
	border:1px solid #dbdbdb;
	padding:5px;
	height:210px;

}
#exibeProduto .direitaProduto{
	width:250px;
	float:left;
	height:210px;
}
#exibeProduto span, #box_sugestao span{width:100%; float:left;}
#exibeProduto .nome{
	color:#cc0d1c;
	font-size:14px;
}
#exibeProduto .de{
	text-decoration: line-through;
	color:#b4b4b4;
}

#exibeProduto .none{
	text-decoration: none;
}

#exibeProduto .preco{
	color:#cc0d1c;
	font-size:18px;
	margin-top:3px;
}
#exibeProduto .descricao{
	margin:10px 0px;
	line-height:110%;
	
}
#exibeProduto .indique{margin:5px 0px; width:180px;}
.indique a{
	text-decoration:none;
	font-style: italic;
	color:#999999;
}

#exibeProduto .img, #exibeProduto .proximo{padding-right:5px;vertical-align:middle;}
#exibeProduto .img_extras{vertical-align:middle;cursor:pointer;}
#exibeProduto .proximo{
	padding:0px 15px 0px 5px;
	cursor:pointer;
}
#exibeProduto .opcoesVisualizacao, .opcoesVisualizacao2{
	width:215px;
	clear:both;
	float:left;
	text-align:right;
	margin-top:10px;

}
.opcoesVisualizacao2{width:304px;
text-align:justify;
padding-left:80px;
}
#exibeProduto a{text-decoration:none;}
#exibeProduto a:hover{text-decoration:underline;}
#exibeProduto label.maisfotos{color:#ce6a41;}
#exibeProduto a.zoom{color:#3ab200;}

.box_sugestao{
	width:237px;
	float:left;
	margin:10px 0px;
}
.box_sugestao .opcao{width:17px; float:left; padding-top:20px;}
.box_sugestao .produto{width:100px; float:left; margin-right:10px;}
.box_sugestao .descricao{width:100px; float:left;
padding-top:20px;
color:#d40f6c;
}
.box_sugestao strong{color:#999999;}
.box_sugestao a{color:#3ab200; text-decoration:none;}
.box_sugestao a:link{color:#3ab200; text-decoration:none;}
.box_sugestao a:visited{color:#3ab200; text-decoration:none;}
.box_sugestao a:hover{color:#3ab200; text-decoration:underline;}

#box_botoes{
	float: left;
	clear:both;
	width: 455px;
	background-color:#f3f3f3;
	padding:10px;
	line-height:0px;
}

.botao_adicionar{
	background-image: url("../img/botoes/adicionar.gif");
	width:84px;
	height:24px;
	border:0px;
	cursor:pointer;
}

.botao_iraocaixa{
	background-image: url("../img/botoes/caixa.gif");
	width:88px;
	height:24px;
	border:0px;
}

/*CESTA*/
#cesta {font-size:12px; clear:both;}
#cesta table {
	border:1px dashed #cccccc;
	font-size:12px;
}

#cesta td{padding:20px 5px;}
#cesta td.normal{padding:5px 0px 5px 20px;}
#cesta tr.primeiro td{padding:10px 5px;
	color:#cd3101;
}

#cesta  .bottom {
border-bottom:1px dashed #cccccc;
}
#cesta .top{
border-top:1px dashed #cccccc;
}
#cesta .left{
border-left:1px dashed #cccccc;
}

#cesta  .right{
border-right:1px dashed #cccccc;
}

#cesta .padding, #cesta tr.primeiro .padding{padding-left:20px;}

#cesta .total{color:#36b300;}
#cesta .taxa, #cesta .obs span{color:#cd3101;}

#cesta .obs2{color:#cd3101;font-size:14px;}

#cesta .obs{font-size:12px; margin-bottom:10px;}
#cesta select{font-size:13px;
	font-family:"Times New Roman", Times, serif;
	color:#999999;
	width:auto;
}
#cesta option {padding-right:10px;}
#cesta .check{vertical-align:middle;}
#cesta .caracteres{
	color:#D20100;
	font-family:"Trebuchet Ms", "Times New Roman", Times, serif;
	margin-left:20px;
	font-style: italic;
}
#cesta textarea{
	width:470px;
	height:80px;
}
#cesta input{color:#4eaf0a; font-size:12px;
font-family:"Times New Roman", Times, serif;
text-align:center;
}
#cesta  .msg{padding-right:15px;}
#cesta .float{float:left;}

.anterior{
float:left;
width:64px;
}
.paginacao{
	padding-top:5px;
	width:327px;
	float:left;
	font-size:12px;
	height:14px;
	line-height:normal;
}
.paginacao a{color:#3ab200; text-decoration:none;}
.paginacao a:link{color:#3ab200; text-decoration:none;}
.paginacao a:visited{color:#3ab200; text-decoration:none;}
.paginacao a:hover{text-decoration:underline; font-size:14px;font-weight:bold;}
.proxima{
float:left;
width:64px;
}

.margemBotoes{margin-top:20px;}


/*LOJAS*/
.mapa{
	float: left;
	width: 475px;
	font-size:12px;
	margin:20px 0px;
}
.mapa .esq{
	float: left;
	width: 266px;
	margin-right:10px;
}
.mapa .dir,.mapa .dir2{
	float: left;
	width: 199px;
	padding-top:48px;
	line-height:180%;
}
.mapa .dir2{
	padding-top:30px;
}

.mapa span{color:#3ab200;}

/*FALE CONOSCO*/
#fale_conosco, #login{
	font-size:12px;
}
#fale_conosco form, #login form, #venda_corporativa form{
	margin:0px; padding:0px;
	margin-top:20px;
}

#fale_conosco label, #login label, #venda_corporativa label, #venda_corporativa select{
	width:153px;
	float:left;
	text-align:right;
	margin:2px 0px;
	margin-right:10px;
}
#venda_corporativa select{width:143px;text-align:left;}
#fale_conosco input, #login input, #fale_conosco textarea, #venda_corporativa input, #venda_corporativa textarea {
	width:140px;
	float:left;
	border:1px solid #a5acb2;
	margin:2px 0px;
	margin-right:30px;
	font-size:12px;
	color:#4eaf0a;
	font-family:"Times New Roman", Times, serif;

}
#venda_corporativa .assinatura{width:auto; float:left; text-align:center; margin:5px 20px 10px 0px;}
#venda_corporativa .check{width:20px; border:0px; margin:0px 20px;}
#fale_conosco textarea, #venda_corporativa textarea {height:100px;
	margin-bottom:20px;
}
#fale_conosco .enviar, #login .enviar, #venda_corporativa .enviar{border:0px;
	width:55px;
	height:24px;
	margin:0px;
	float:none;
}

#login label.senha{width:303px;
	margin-bottom:20px;
}

#login .pergunta_secreta{
	width:270px;
	margin:0px;
	color:#999999;
	font-family:"Times New Roman", Times, serif;
}

#login a.vermelho, #cliente a.vermelho{color:#d30200;}
#login a.vermelho:hover, #login a:hover, #cliente a:hover{text-decoration:none;}

#login a, #cliente a{color:#3ab200;}

/*FORMULARIO VENDA CORPORATIVA*/
#venda_corporativa{

}

/*FORM CADASTRO*/
#cadastro h1{color:#d40200; text-transform:uppercase; font-size:12px; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:10px 5px; margin:10px 0px 5px 0px;
}
#cadastro form{margin:15px 0px;}
#cadastro label{
	width:150px;
	float:left;
	text-align:right;
	margin:2px 0px;
	margin-right:10px;
}
#cadastro .smallabel{width:40px; float:left;}
#cadastro .exemplo{width:auto;float:left;font-size:10px;text-align:left;margin-top:5px;}
#cadastro input, #cadastro textarea, #cadastro .small, #cadastro select{
	width:142px;
	float:left;
	border:1px solid #a5acb2;
	margin:2px 0px;
	margin-right:30px;
	font-size:10px;
	padding:0px 4px;
	color:#999999;
	font-family:"Trebuchet ms", Times, serif;
}

#cadastro select, #cadastro option{padding:0px 0px 0px 0px; width:45px;
margin-right:0px;
}
#cadastro .small{width:34px; margin-right:4px;}
#cadastro .m{width:94px;}

#cadastro .enviar{border:0px;
	width:55px;
	height:24px;
	margin:0px;
	float:none;
}
#cadastro .ob{color:#d40200;}
#cadastro .check{width:20px; border:0px; margin:0px; float:left; padding:0px;}
#cadastro .checktxt{width:90px; float:left;}
#cadastro .data{float:left; margin:0px 3px 0px 0px; padding-top:3px;}
/*AREA DO CLIENTE*/
h2.identificacao{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-weight:normal;
	font-size:18px;
	line-height:0px;
}
.base{width:475px; float:left;}
.consultar{margin-bottom:10px; font-family:"Times New Roman", Times, serif;}
#cliente p {margin:8px 0px;}
#cliente .esq, #cliente .dir{float:left; width:237px;}
#cliente .dir {margin-top:15px;}

#tabela_consulta{
	width:100%;
	float:left;
	clear:both;
	background-color:#f5f5f5;
	margin-top:10px;
}

#tabela_consulta td{
		margin:0px;
		border:1px solid #FFFFFF;
		padding:8px;
}


#tabela_lembrete td{
		margin:0px;
		border:0px;
		padding:0px;

}

#tabela_calendario td{
	padding:0px 0px;
	text-align:center;
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
}
#tabela_calendario .mes{
	background-image:url(../img/mes.gif);
	background-repeat: no-repeat;
	width:94px;
}

#tabela_calendario .atual {
	background-color:#dac38a;
	color:#FFFFFF;
}

#formulario_lembrete form{
	margin:0px; 
	padding:0px;
	margin-top:10px;

}

#formulario_lembrete label{
	width:50px;
	float:left;
	text-align:right;
	margin-right:3px;
	margin-bottom:9px;
}

#formulario_lembrete input, #formulario_lembrete select{float:left;
border:1px solid #a5acb2;
margin-bottom:9px;
width:145px;
float:left;
font-family:"Times New Roman", Times, serif;
color:#3AB200;
}

#formulario_lembrete select{color:#999999;}

#formulario_lembrete .dia{width:30px;
margin-right:80px;
}

#formulario_lembrete select{width:146px;}

#formulario_lembrete .radio{
	border:0px;
	width:auto;
	float:left;
	margin:0px;
}
#formulario_lembrete .checkbox{width:auto; float:left;}


#formulario_lembrete .bt_salvar{width:94px; height:10px;
	border:0px;
	float:right;
	margin-right:10px;
}

#tabela_listaLembretes {
	margin-top:10px;
}

#historico input, #historico select{
		float:left;
}
		
#historico select {
	width:140px;
	border:1px solid #7f9db9;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#666666;
}

#historico input{
	margin-left:5px;
	margin-top:2px;
}

/*CESTA - CLIENTE*/
.cliente_produtoCesta{
	width:100%;
	float:left;
	margin:5px 0px;
}
.check{
	width:20px;
	float:left;
	margin-top:25px;
}
#cesta .checkCesta{
	width:20px;	
	margin-top:0px;}

.produto{
	width:70px;
	float:left;
	margin:0px 5px;
}
.produto img{
	border:1px solid #dfdfdf;

}

.descricao{
	width:155px;
	float:left;
}

.descricao .de{
	text-decoration: line-through;
	color:#b4b4b4;
}

.remover{
	width:96px;
	float:left;
	margin-top:25px;
}

/*DETALHES HISTORICO*/
.informacoesEntrega{
	margin-top:20px;
	color:#d30200;
}
.detalhehistorico{line-height:180%;}
#tabela_historico{
	width:100%;
	float:left;
	clear:both;
}
/*COMO COMPRAR*/
#comocomprar p{
	margin:20px 0px;
}

/*INDIQUE A UM AMIGO*/
#indique{
	width:276px;
	height:341px;
	background-image: url(../img/bg/bg-popup.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.indiqueForm{
	padding-left:82px;
}
.indiqueForm p {
	margin:7px 0px;
	padding:0px;
}
.indiqueForm label{
	width:60px;
	margin-right:5px;
	text-align:right;
	margin-bottom:5px;
	float:left;
}

.indiqueForm input , .indiqueForm textarea{
	border:1px solid #a5acb2;
	width:110px;
	margin-bottom:5px;
	float:left;
	font-family:"Times New Roman", Times, serif;
	color:#36b300;

}
.indiqueForm .label{padding-left:20px;}
.indiqueForm textarea{
	height:50px;
}

.indiqueForm .enviar{
	width:43px;
	height:16px;
	border:0px;
	margin-left:135px;
	margin-top:5px;
}

/*FORMULARIO/CADASTRO - LOGIN*/
#formulario_cadastro_login{
	width:300px;
	float:left;
	clear:both;
	margin:10px 0px 20px 0px;

}

#formulario_cadastro_login label, #formulario_cadastro_login span{
	width:40px;
	float:left;
	margin-right:5px;
	text-align:right;
	float:left;
	margin-top:4px;
}
#formulario_cadastro_login span{width:110px;
margin-top:7px;
text-align:left;
margin-right:0px;
margin-left:5px;
}

#formulario_cadastro_login  input{
	width:138px;
	border:1px solid #a5acb2;
	float:left;
	margin-top:4px;
}

#formulario_cadastro_login .email{margin-right:90px;}


#boleto, #deposito, #cartao, #faturamento, #entrega{
	width:100%;
	float:left;
	margin:10px 0px;
}

#boleto .esq, #deposito .esq{
	width:10%;
	margin-right:3%;
	float:left;
	margin:10px 1px;
}
#boleto .dir, #deposito .dir{
	width:89%;
	float:left;
	margin:10px 0px;
}

#boleto span, #deposito span{
	width:50%;
}

#deposito .deposito{
	width:auto;
	float:left;
	margin:10px 20px 10px 0px;
	color:#3ab200;
}

#cartao .check{
	width:25px;
	float:left;
}
#cartao .cartaoImg{
	width:90px;
	float:left;
	margin-top:20px;
}

#cartao .esq{
	width:199px;
	float:left;
	margin-top:20px;
	margin-right:40px;
}

#cartao select, #cartao .numero,#cartao .titular{
	width:110px;
	border:1px solid #a5acb1;
	margin-bottom:4px;
	font-family:"Times New Roman", Times, serif;
	color:#999999;	
}
#cartao .titular{margin:0px 5px;}
#cartao .numero {width:108px;}

#cartao .labelEsq, #cartao .labelDir{
	width:80px;
	margin-right:5px;
	margin-bottom:4px;
	float:left;
	text-align:right;
}
#cartao .labelDir{
	width:95px;
}
#cartao .dir{margin-top:20px;
width:206px;
float:left;
}

#cartao .dir span{float:left; margin-left:5px;}
#cartao .dir input{width:50px;
	float:left
}
#cartao .obs{font-family:"Trebuchet MS","Times New Roman", Times, serif;}
#cartao .labelTitular{float:left;}

#faturamento .total{width:395px;
float:left;
text-align:right;
border-bottom:1px dashed #cccccc;
}
#faturamento .preco{width:68px;
float:left;
text-align:right;
border-bottom:1px dashed #cccccc;
padding-right:10px;
}

/*CAIXA - ENTREGA*/
#entrega label{
	width:161px;
	float:left;
	text-align:right;
	margin:3px 5px 3px 0px;
}

#entrega input, #entrega .input{
	width:112px;
	float:left;
	border:1px solid #a5acb2;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	margin:3px 0px;
}
#entrega .input{
width:216px;
}
#entrega strong{font-size:14px;}
#entrega .data{width:30px;
	margin-right:5px;
}

#entrega .check{
	width:20px;
	border:0px;
	float:left;
	margin:0px; padding:0px;
}
#entrega .margemCheck{
	margin-left:166px;
}

a:link{
	color:#3ab200;
	text-decoration: underline;
}

a:visited{
	color:#3ab200;
	text-decoration: underline;
}

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

a.categoria_atual{color:#999999;}
a.categoria_atual:visited{color:#999999;}
a.categoria_atual:link{color:#999999;}
a.categoria_atual:hover{color:#999999;text-decoration:underline;}

.msg_erro{color:#D20200;}

#midiasSociais {
    height: 16px;
    margin-top: -1px;
    padding: 5px 10px 10px 3px;
    width: 227px;
}

#midiasSociais div.icones {
    border: medium none;
    text-align: center;
    width: 220px;
}