@charset "utf-8";
/* CSS Document */
* {
    padding:			0px;
    margin:				0px;
}
body{
    padding:        	0;
    margin:				0;
    text-align:			left;
    background:         #FFFDFE url(../_imagens_layout/bg-body.jpg) left top repeat;
    font:				13px 'Trebuchet MS', Helvetica, sans-serif;
    color:				#323133;
}
/*********************************************Estrutura*/
.faixa-body{
    width:              100%;
    min-width:          995px;
    height:             27px;
    background:         #282723 url(../_imagens_layout/faixa-topo.jpg) left top repeat-x;
}
#site{
    width:				995px;
    height:				auto;
    margin:				10px 0 0 0;
    text-align:			left;
    padding:        	0;
}
/*********Menu Lateral*/
#lateral{
    width:				137px;
    height:				575px;
    background:         url(../_imagens_layout/bg-menu-lateral.png);
    padding-top:        70px;
    float:              left;
    margin-right:       5px;
}
/*********/
#logo{
    width:				34px;
    height:				203px;
    margin:             0 45px 22px 45px;
}
#menu-lateral{
    margin-left:       30px;
}
/***MEN -TOPO*/
ul#menu-topo{
    width:			995px;
	height:			23px;
	/*width:				255px;
    height:				28px;*/
    background:         url(../_imagens_layout/bg-menu-topo.png);
    margin:             3px 0 25px 0;
    text-align:         center;
    padding-top:        8px;
	overflow:            hidden;
}
ul#menu-topo li{
    display:            inline;
    list-style:         none;
    text-transform:     uppercase;
    border-right:       #370746 solid 1px;
    padding:            0px 12px;
}
ul#menu-topo li.ultimo{
    border:             none;
}
ul#menu-topo li a{
    text-decoration:    none;
    color:              #fff;
}
ul#menu-topo li a:hover{
    color:              #BE1818;
}

/***/
#conteudo{
    width:				853px;
    height:				auto;
    float:              left;
}
/************************************COLUNA ESQUERDA*/
#sidebar-esquerda{
    width:				258px;
    height:				auto;
    float:              left;
    margin-right:       4px;
}
#box-blog p{
    float:              right;
    width:              115px;
    margin-top:         10px;
	background:         none;
	text-align:         right;
}
#box-blog a#leia-aqui{
    float:              right;
    margin-top:         10px;
	text-decoration:     none;
}
#box-blog a{
	text-decoration:     none;
	color:               #610D78;
}
/***/
#topo-box-twitter, #topo-box-blog{
    width:				258px;
    height:				16px;
    background:         url(../_imagens_layout/bg-topo-box-twitter.png);
}
#box-twitter, #box-blog{
    width:				222px;
    height:				auto;
    background:         #EBF0F0 url(../_imagens_layout/bg-box-twitter.jpg) repeat-x;
    padding:            0 15px 20px 15px;
    border-right:       #E7E7E7 solid 1px;
    border-left:        #E7E7E7 solid 1px;
    margin-left:        2px;
}
#box-blog{
    padding:            0 15px 0 15px;
}
#rodape-box-twitter, #rodape-box-blog{
    width:				258px;
    height:				19px;
    background:         url(../_imagens_layout/bg-rodape-box-twitter.png);
	margin-bottom:      15px;
}
#box-twitter ul li{
    list-style:         none;
}
#box-twitter a{
    color:              #980EC0;
    text-decoration:    none;
}
#box-twitter a:hover{
    color:              #660A81;
    text-decoration:    none;
}
#twitter_div{
    margin-bottom:      5px;
}
#creditfooter a img{
visibility:             hidden;
display:                none;
}
/*******************************************COLUNA MEIO*/
#sidebar-meio{
    width:            440px;
    height:           auto;
    float:            left;
}
/****************menu*/
ul#menu-vermelho{
    width:				425px;
    height:				25px;
    background:         url(../_imagens_layout/bg-menu-mini.png);
    padding:            10px 0 10px 15px;
    margin-bottom:      10px;
    float:              left;
}
ul#menu-vermelho li{
    list-style:         none;
	display:            inline-block;
	float:              left;
    border-right:       #8B1F1F solid 1px;
    padding:            3px 15px 3px 25px;
    margin:             0 7px 0 7px;
}
ul#menu-vermelho li.liCadastro{
    background:        url(../_imagens_layout/icons/icon-meu-cadastro.png) left center no-repeat;
}
ul#menu-vermelho li.liPedidos{
    background:        url(../_imagens_layout/icons/icon-meus-pedidos.png) left center no-repeat;
    padding-left:      35px;
}
ul#menu-vermelho li.liCarrinho{
    background:        url(../_imagens_layout/icons/icon-meu-carrinho.png) left center no-repeat;
    padding-left:      35px;
    border:            none;
}
ul#menu-vermelho li a{
    text-decoration:    none;
    color:              #fff;
}
ul#menu-vermelho li a:hover{
    color:              #560F67;
}
/************lista produtos*/
.lista-produtos, .lista-produtos-categoria{
    width:				190px;
    height:				230px;
    background:         url(../_imagens_layout/bg-box-produtos.png);
    float:              left;
    margin:             5px;
    padding:            10px;
    text-align:         center;
    text-transform:     uppercase;
}
.img-produtos{
    width:				190px;
    height:				110px;
}
.img-produtos img{
    width:				auto;
    height:				auto;
    max-height:         110px;
    max-width:          130px;
}
.descricao-produtos{
    width:				190px;
    height:				75px;
}
.botoes{
    width:				190px;
    height:				20px;
	text-align:         right;
	margin-bottom:      5px;
}
/*******************************************LISTA PRODUTOS CATEGORIA*/
.lista-produtos-categoria{
background:         url(../_imagens_layout/bg-box-produtos-categoria.png);
margin:             3px;
padding:            10px 8px;
}
/*******************************************COLUNA DIREITA*/
#sidebar-direita{
    width:				140px;
    height:				auto;
    float:              left;
    margin-left:        9px;
}
p.saudacao{
    color:              #500C65;
    font-size:          13px;
    margin:             0 5px 20px 0;
    text-decoration:none;
}
p.saudacao a{
    color:              #500C65;
    text-decoration:none;
}
p.saudacao a:hover{
    text-decoration:underline;
}

#busca-home{
    width:				130px;
    height:				25px;
    background:         url(../_imagens_layout/bg-box-busca.png);
    padding:            14px 5px 10px 5px;
    text-align:        center;
	float:              right;
	margin-bottom:      15px;
}
/**formulário busca home*/
form#form-busca input{
    color:              #500C65;
    background-color:   #D6D5D6;
    border:             none;
    padding:            2px;
    -moz-border-radius: 7px;
}
form#form-busca input:focus{
background-color:	 #DBDBDB;
}
form#form-busca #busca{
    width:              90px;
}
form#form-busca #dc_nome{
    width:              220px;
	margin-bottom:      5px;
	padding:            4px;
}
form#form-busca #dc_email{
    width:              189px;
}
form#form-busca .ok{
    background-color:   #5A1A6E;
    color:              #fff;
    cursor:             pointer;
    font-size:          11px;
}
/***/
.banner-promocao{
    margin:             10px 0 25px 0;
}
/********************************************RODAPÉ*/
#envolve-footer{
    width:				995px;
}
#footer{
    width:				853px;
    height:				130px;
    float:              right;
    padding-top:        50px;
}
#footer p{
    color:        #333;
	margin-left:  40px;
}
#footer p.subTitulo{
    color:        #5A1A6E;
	margin-bottom: 10px;
}
#footer p.seguro{
    background:           url(../_imagens_layout/icons/icon-site-seguro.png) left top no-repeat;
    padding:              13px 0 0 30px;
    height:               35px;
	color:                #5A1A6E;
	margin-right:         25px;
}
#footer p#primeiro{
    margin-left:       0;
}
#footer img{
    float:        left;
    margin:       0 3px 0 3px;
}
.box-rodape{
    width:				auto;
    height:				90px;
	float:              left;
	padding:            5px 0;
	color:              #333;
}
.box-rodape#logos{
padding-top:            90px;
    height:				0;
	float:              right;
	
}
/*#box-rodape p{
color:              #333;
}*/
#box-rodape p span.separador{
margin:                 0 47px;
}
/*******************************************Tipografia*/
h1{
    visibility:         hidden;
    display:            none;
}
h2{
width:              413px;
height:             40px;
float:              left;
color:              #4a095d;
font-size:          18px;
text-transform:     uppercase;
}
	h2 span{
	visibility:         hidden;
	display:            none;
	}
	h2.faixa{
	width:              805px;
	height:             17px;
	margin:             15px 0 15px 0;
	float:              left;
	background:         url(../_imagens_layout/bg-h2-faixa.png);
	text-transform:     uppercase;
	padding:            10px 20px;
	color:              #3C064C;
	font-size:          15px;
	}
	h2.faixa span{
	visibility:         visible;
	display:           inline;
	}
	h2.verde{
	width:             auto;
	height:            auto;
	color:             #76AC3F;
	float:             none;
	margin:            10px 0 10px 0;
	}
	h2#meu-carrinho{
	background:        url(../_imagens_layout/titulos/h2-meu-carrinho.png) left center no-repeat;
	}
	h2#detalhe-produto{
	background:        url(../_imagens_layout/titulos/h2-detalhe-produto.png) left center no-repeat;
	}
	h2#resultado-busca{
	background:        url(../_imagens_layout/titulos/h2-resultado-da-busca.png) left center no-repeat; 
	}
	h2#cadastro{
	background:        url(../_imagens_layout/titulos/h2-cadastro.png) left center no-repeat; 
	}
	h2#meus-pedidos{
	background:        url(../_imagens_layout/titulos/h2-meus-pedidos.png) left center no-repeat; 
	}
	h2#minha-conta{
	background:        url(../_imagens_layout/titulos/h2-minha-conta.png) left center no-repeat; 
	}
	h2#alterar-dados{
	background:        url(../_imagens_layout/titulos/h2-alterar-dados.png) left center no-repeat; 
	}
	h2#alterar-senha{
	background:        url(../_imagens_layout/titulos/h2-alterar-senha.png) left center no-repeat; 
	}
	h2#alterar-endereco{
	background:        url(../_imagens_layout/titulos/h2-alterar-endereco.png) left center no-repeat; 
	}
	h2#identifique-se{
	background:        url(../_imagens_layout/titulos/h2-identifique-se.png) left center no-repeat; 
	}
	h2#institucional{
	background:        url(../_imagens_layout/titulos/h2-institucional.png) left center no-repeat;
	margin-bottom:     15px;
	}
	h2#lojas{
	background:        url(../_imagens_layout/titulos/h2-lojas.png) left center no-repeat;
	margin-bottom:     15px; 
	}
	h2#contato{
	background:        url(../_imagens_layout/titulos/h2-contato.png) left center no-repeat;
	margin-bottom:     15px; 
	}
	h2#politica-de-compra{
	background:        url(../_imagens_layout/titulos/h2-politica-de-compra.png) left center no-repeat;
	margin-bottom:     -5px;  
	}
	h2#cartao-arpel{
	background:        url(../_imagens_layout/titulos/h2-cartao-arpel.png) left center no-repeat; 
	}
	h2#trabalhe-conosco{
	background:        url(../_imagens_layout/titulos/h2-trabalhe-conosco.png) left center no-repeat;
	margin-bottom:     15px; 
	}
	
h3{
    color:             #3C064C;
    font-size:         12px;
    margin:            20px 0 10px 0;
}
	h3 span{
		visibility:         hidden;
		display:            none;
	}
	h3.faixa{
	background-color:     #D8D6D7;
	padding:              5px;
	font-size:            16px;
	font-weight:          normal;
	}
	h3.h3-box{
	display:inline-block;
	width:90px;
	text-align:right
	}
	h3#blog-arpel{
		width:				181px;
		height:				28px;
		background:         url(../_imagens_layout/titulos/blog-arpel.png);
		margin:             0 10px 5px 0;
	}
	h3#twitter{
		width:				71px;
		height:				60px;
		background:         url(../_imagens_layout/titulos/h3-twitter.png);
		float:              left;
		margin:            0 20px 0 0;
	}
	h3#news{
		width:				194px;
		height:				29px;
		background:         url(../_imagens_layout/titulos/frase.png) left top no-repeat;
		float:              left;
		margin:             0 0 10px 0;
	}
	h3#calcular-frete{
		width:             151px;
		height:            22px;
		background:        url(../_imagens_layout/titulos/titulo-calcular-frete.png);
		margin:            7px 20px 0 10px;
		float:             left;
	}
	h3#arpel-mulher, h3#arpel-homem{
	    width:             134px;
		height:            51px;
		background:        url(../_imagens_layout/titulos/h3-arpel-mulher.jpg);
		margin:            0 0 20px 0;
	}
	h3#arpel-homem{
		background:        url(../_imagens_layout/titulos/h3-arpel-homem.jpg);
	}
	
h4{
    color:             #3C064C;
    font-size:         16px;
	margin:            20px 0 10px 0;
}
	
h5{
    margin-bottom:     10px;
    padding-left:      35px;
    height:            30px;
	width:             120px;
}
h5#pagamentoBoleto{
    background:         url(../_imagens_layout/logos/logo-boleto-bancario.png) left center no-repeat;
}
h5#cartaoVisa{
    background:        url(../_imagens_layout/logos/logo-cartao-visa.png) left center no-repeat;
	padding-left:      50px;
}
h5#cartaoMaster{
    background:        url(../_imagens_layout/logos/logo-cartao-master.png) left center no-repeat;
}
h5#debitoConta{
    background:       url(../_imagens_layout/icons/icon-debito-conta.png) left center no-repeat;
}
/*******************************************Geral*/
img{
    border:             none;
}
.floatRight{
    float:             right;
}
.floatLeft{
    float:            left;
}
.clear{
    clear:				both;
    font-size:			1px;
    background:			transparent;
    overflow:			hidden;
    visibility:			hidden;
}

.precoCortado{
text-decoration:       line-through;
color:                 #A6A6A6;
}
p{
background-color:      #fff;
}
a.link{
text-decoration:      none;
color:                 #4C0A60;
font-size:             12px;
}
a.link:hover{
text-decoration:       underline;
}
.precoVerde{
color:#580D6C;
font-weight:bold;
}
/*********************************************formulario cadastro*/

form#formCadastro, form#formCadastro-p{
width:              730px;
display:            block;
margin-top:         20px;
}
	form#formCadastro-p{
	width:              400px;
	}
form#formCadastro label, form#formCadastro-p label{
width:				120px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
} 
	form#formCadastro-p label{
	width:              80px;
	}
form#formCadastro input, textarea, select, form#formIndisp input,  form#formCadastro-p input, textarea{
width:				280px;
height:				auto;
padding:			3px;
margin:				5px;
background:			#F0F0F0;
color:				#5C5C5C;
border:				1px solid #D4D4D4;
}
form#formCadastro-p input:focus , select:focus, textarea:focus{
border:				1px solid #4a095d;
color:				#4a095d;
}
form#formCadastro input:focus , select:focus, textarea:focus{
border:				1px solid #4a095d;
color:				#4a095d;
}
form#formIndisp input:focus{
border:				1px solid #4a095d;
}
form#formCadastro .ok, form#formIndisp .ok, form#formCadastro .ok2, form#formCadastro-p .ok2{
width:				93px;
height:				30px;
background:         url(../_imagens_layout/botoes/bt-ok-grande.png);
border:             none;
cursor:				pointer;
float:              right;
padding:            0;
margin-top:         0;
}
form#formCadastro .ok2, form#formCadastro-p .ok2{
background:         url(../_imagens_layout/botoes/bt-enviar.png);
width:				105px;
height:				31px;
} 
form#formCadastro #dc_senha_cliente, form#formCadastro #dc_senha_cliente_confere, form#formCadastro #cpf, form#formCadastro #dt_nascimento, form#formCadastro #complemento, form#formCadastro #nu_cep, form#formCadastro #nu_telefone, form#formCadastro #nu_celular, form#formCadastro #dc_cpf_cliente, form#formCadastro #dc_complemento, #cd_opcao1, #cd_opcao2, form#formCadastro-p #dt_Nasc{
width:             150px;
}
form#formCadastro #ic_sexo_cliente, form#formCadastro #ic_news_letter, form#formCadastro #sexo, form#formCadastro #receberNovidades{
width:             30px;
}
form#formCadastro span{
color:             #999;
}
/*****************************************MENSAGEM DE ERRO*/
#formResult {
	padding: 10px;
	margin: 10px 0px;
}
.formResultErro {
	background: #F8D8D8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.formResultErro a {
	color: #000000;
}
.formResultOk {
	background: #CCE8B1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#formResult .formOkTitulo {
	font-weight: bold;
	color: #003300;
	margin: 5px 0 5px 0;
}
#formResult .formErroTitulo {
	font-weight: bold;
	color: #990000;
	margin-bottom: 15px;
	font: 13px 'Trebuchet MS', Helvetica, sans-serif;
}
#formResult .formBandeira {
	float:      left;
	margin:     0 20px 0 0;
}
/******/
p.mensagem{
font-size:        16px;
text-align:       center;
}
.ajuste{
margin:30px 28px 0;
}
/*
	LIGHTBOX NEWSLETTER
*/
#lightBoxNewsletter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#lightBoxNewsletter .shadow {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		opacity: 0.1;
	}
	#lightBoxNewsletter .lightBox {
		position: absolute;
		width: 300px;
		padding: 30px 0 15px;
		top: 50%;
		left: 50%;
		margin: -70px 0 0 -150px;
		text-align: center;
		background: transparent url(../_imagens_layout/lightbox-news-bg.png) repeat left top;
	}
	#lightBoxNewsletter .lightBox span {
		color: #FFF;
		font-weight: bold;
	}
	#lightBoxNewsletter .lightBox .buttom {
		margin-top: 25px;
	}
	#lightBoxNewsletter .lightBox .buttom #buttomOK {
		display: inline-block;
		width: 80px;
		height: 30px;
		background: transparent url(../_imagens_layout/lightbox-news-bt-ok.png) no-repeat left top;
	}
	#lightBoxNewsletter .lightBox .buttom #buttomOK:hover {
		text-decoration: none;
	}
	#lightBoxNewsletter .erro span {
		color: #B00;
	}
/*******************************************BANNER HOME*/
#destaque{
width:              265px;
height:             345px;
background:         url(../_imagens_layout/bg-banner-home.png);
padding-top:        40px;
margin-bottom:      15px;
}
ul#fotos-miniaturas{
width:				126px;
float:              right;
margin-top:         3px;
padding-right:      7px;
}
#fotos-miniaturas li{
display:			inline;
}
#fotos-miniaturas li a{
background:          url(../_imagens_layout/menu-banner-home.png);
float: 				left;
height: 			44px;
margin-top:			6px;
}
#fotos-miniaturas li span{
visibility:			hidden;
display:			none;
}
#fotos-miniaturas .foto1{
background-position: 0px -3px;
width: 				 63px;
}
#fotos-miniaturas .foto1:hover, #fotos-miniaturas .foto1:active{
background-position: 0px -47px;
}
#fotos-miniaturas .foto2{
background-position: -63px -93px;
width: 				 63px;
}
#fotos-miniaturas .foto2:hover, #fotos-miniaturas .foto2:active{
background-position: -63px -47px;
}