@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;
}
body{
padding:0;
margin:0;
text-align:center;
background:#fff url(../_imagens_layout/bg-body.png) center top repeat-x;
font:12px 'Trebuchet MS', Helvetica, sans-serif;
color:#000;
}
a{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:underline;
color:#000;
}
a:visited{
text-decoration:none;
color:#000;
}
/*********************************************Estrutura*/
#site, #rodape, #topo{
width:995px;
height:auto;
margin:0 auto;
text-align:left;
padding:0;
position:relative;
}
#topo{
height:145px;
background:url(../_imagens_layout/bg-topo.png) center top no-repeat;
margin-top:0;
}
#envolve-rodape{
width:100%;
min-width:995px;
height:137px;
background:url(../_imagens_layout/bg-rodape.png) left top repeat-x;
}
#rodape{
width:995px;
padding:10px 0 20px 0;
}
#box-rodape-pagamentos{
width:210px;
height:100px;
float:left;
}
#box-rodape-atendimento{
width:365px;
height:100px;
float:left;
font-size:13px;
}
#box-rodape-entregas{
width:180px;
height:100px;
float:left;
}
#conteudo{
width:800px;
height:auto;
float:left;
margin:10px 0 0 20px;
font-size:13px;
}
/********************************/
#logo{
margin:35px 0 0 60px;
float:left;
}
#slogan{
width:270px;
height:26px;
background-image:url(../_imagens_layout/slogan-dgrau.png);
float:left;
margin:80px 0 0 30px;
}
#box-topo{
width:165px;
height:auto;
float:left;
margin:45px 10px 0 70px;
}
#box-televendas{
width:135px;
height:40px;
background:url(../_imagens_layout/h3/tele-vendas.png) left top no-repeat;
padding-left:15px;
margin-bottom:10px;
}
#box-busca{
width:180px;
height:70px;
float:left;
margin:40px 0 0 30px;
}
/***************menu horizontal*/
#menu-horizontal{
width:995px;
height:56px;
background:url(../_imagens_layout/bg-menu-vertical.png) center center no-repeat;
margin-top:5px;
}
ul#menu-topo{
padding:12px 0 0 20px;
width:510px;
float:left;
margin-right:0;
}
ul#menu-topo li{
list-style:none;
display:inline-block;
float:left;
padding:8px 7px 10px 7px;
margin-right:7px;
}
ul#menu-topo li a, ul#menu-topo-icones a{
text-decoration:none;
color:#000;
}
ul#menu-topo li:hover{
background:url(../_imagens_layout/bg-menu-vertical-hover.jpg) left top repeat-x;
}
li.selected{
background:url(../_imagens_layout/bg-menu-vertical-hover.jpg) left top repeat-x;
}
/****/
ul#menu-topo-icones{
float:left;
padding-top:2px;
}
ul#menu-topo-icones li{
list-style:none;
display:inline-block;
float:left;
padding:17px 0 17px 0;
margin-right:20px;
}
ul#menu-topo-icones li a:hover{
color:#585858;
}
ul#menu-topo-icones li.minha-conta{
background:url(../_imagens_layout/icons/icon-minha-conta.png) left bottom no-repeat;
padding-left:60px;
vertical-align:middle;
}
ul#menu-topo-icones li.meus-pedidos{
background:url(../_imagens_layout/icons/icon-meus-pedidos.png) left bottom no-repeat;
padding-left:60px;
vertical-align:middle;
}
ul#menu-topo-icones li.carrinho{
background:url(../_imagens_layout/icons/icon-carinho.png) left bottom no-repeat;
padding-left:60px;
vertical-align:middle;
}
/*********************************************tipografia*/
h1{
visibility:hidden;
display:none;
}
h2{
font-size:20px;
font-weight:normal;
margin-bottom:15px;
text-transform:uppercase;
}
h2.verde{
color:#76AC3F;
}
h2.faixa{
color:#CC9900;
font-size:15px;
background-color:#E5E5E5;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
padding:5px 0 5px 10px;
margin:30px 0 15px 0;
}
h3{
margin:10px 0 10px 0;
}
h3 span{
visibility:hidden;
}
h3#busca{
width:46px;
height:12px;
background:url(../_imagens_layout/h3/titulo-busca.png);
margin-bottom:5px;
}
h3.titulos{
height:32px;
margin-bottom:15px;
}
h3#mais-vendidos, h3#em-destaque, h3#promocao{
background:url(../_imagens_layout/h3/titulo-produtos-mais-vendidos.png) left center no-repeat;
color:#959595;
padding:7px 0 6px 35px;
font-size:15px;
text-decoration:none;
float:left;
width:300px;
}
h3#em-destaque {
background:url(../_imagens_layout/h3/titulo-produtos-em-destaque.png) left center no-repeat;
}
h3#promocao {
background:url(../_imagens_layout/h3/titulo-produtos-em-promocao.png) left center no-repeat;
}
	
h3#news{
width:141px;
height:22px;
background:url(../_imagens_layout/h3/titulo-recebas-nossas-ofertas.png);
margin:0;
margin-bottom:10px;
}
h3#formas-pagamento{
width:206px;
height:21px;
background:url(../_imagens_layout/h3/titulo-formas-pagamentos.png);
margin-bottom:20px;
}
h3#atendimento-cliente{
width:223px;
height:23px;
background:url(../_imagens_layout/h3/titulo-atendimento-ao-cliente.png);
margin-bottom:20px;
}
h3#entregas{
width:110px;
height:16px;
background:url(../_imagens_layout/h3/titulo-entregas.png);
margin-bottom:20px;
}
h3#calcular-frete{
width:161px;
height:16px;
background:url(../_imagens_layout/h3/titulo-calcular-frete.png);
margin:7px 10px 0 10px;
float:left;
}
h3#endereco-entrega{
width:229px;
height:21px;
background:url(../_imagens_layout/h3/titulo-endereco-entrega.png);
margin:15px 0 10px 0;
}
h3#produtos-selecionados{
width:229px;
height:14px;
background:url(../_imagens_layout/h3/titulo-produtos-selecionados.png);
margin:15px 0 10px 0;
}
h3#forma-entrega{
width:172px;
height:14px;
background:url(../_imagens_layout/h3/titulo-forma-de-entrega.png);
margin:15px 0 10px 0;
}
h3#forma-pagamento{
width:204px;
height:14px;
background:url(../_imagens_layout/h3/titulo-forma-de-pagamento.png);
margin:15px 0 10px 0;
}
h3#situacao-pedido{
width:191px;
height:14px;
background:url(../_imagens_layout/h3/titulo-situacao-pedido.png);
margin:15px 0 10px 0;
}
h4{
margin-bottom:10px;
}
h4#pagamentoBoleto{
background:url(../_imagens_layout/logos/logo-boleto-bancario.png) left center no-repeat;
padding-left:35px;
height:23px;
}
h4#cartaoVisa{
background:url(../_imagens_layout/logos/logo-cartao-visa.png) left center no-repeat;
padding-left:35px;
height:23px;
}
h4#cartaoMaster{
background:url(../_imagens_layout/logos/logo-cartao-master.png) left center no-repeat;
padding-left:35px;
height:23px;
}
h4#debitoConta{
background:url(../_imagens_layout/icons/icon-debito-conta.png) left center no-repeat;
padding-left:35px;
height:23px;
}
/*********************************************formulario busca home*/
#busca-home{
text-align:left;
}
#busca-home input, select{
width:140px;
margin-bottom:5px;
border:1px solid #DBD7D0;
font-size:11px;
padding:3px;
}
#busca-home .ok{
width:32px;
height:16px;
background:url(../_imagens_layout/botoes/bg-ok.png) left center repeat-x;
border:none;
cursor:pointer;
text-align:center;
}
#busca-home #email, #busca-home #nome{
width:99%;
}
/*********************************************coluna esquerda*/
#col-esquerda{
width:173px;
height:auto;
float:left;
margin-top:10px;
}
/*************menu e suubmenu lateral*/
#topo-menu-lateral{
width:182px;
height:23px;
background:url(../_imagens_layout/bg-topo-menu-lateral.png);
}
#rodape-menu-lteral{
width:182px;
height:19px;
background:url(../_imagens_layout/bg-rodape-menu-lateral.png);
margin-bottom:20px;
}
ul#menu-lateral{
width:160px;
height:auto;
background:#E8E1D0 url(../_imagens_layout/bg-menu-lateral.png) left top repeat-x;
float:left;
padding:0 10px 0 10px;
border-left:#D5D3D0 solid 1px;
border-right:#D5D3D0 solid 1px;
}
ul#menu-lateral li{
list-style:none;
border-bottom:1px solid #CECECD;
padding:5px 0 5px 0;
}
ul#menu-lateral li a{
text-decoration:none;
color:#3E3F3F;
padding-left:15px;
}
ul#menu-lateral li a:hover{
text-decoration:none;
color:#3E3F3F;
background:url(../_imagens_layout/icons/icon-menu-lateral.png) left center no-repeat;
}
ul#submenu-lateral li{
padding:5px 0 5px 25px;
border-bottom:none;
}
ul#submenu-lateral li a{
padding-left:15px;
}
ul#submenu-lateral li a:hover{
background:url(../_imagens_layout/icons/icon-menu-lateral.png) left center no-repeat;
}
ul#submenu-lateral li:hover{
background:none;
}
/**************banners*/
.banners{
margin-bottom:20px;
}
/*********************************************meio site*/
#coluna-meio{
width:627px;
height:auto;
float:left;
margin:0 10px 0 0;
}
#faixa-sem-juros{
width:630px;
height:33px;
background:url(../_imagens_layout/faixa-sem-juros.png) top center no-repeat;
z-index:1;
position:absolute;
}
#box-destaque{
width:630px;
height:258px;
background:url(../_imagens_layout/bg-box-destaque.png);
z-index:9;
}
#box-logos-marcas{
width:620px;
height:37px;
background:url(../_imagens_layout/bg-box-logo-marcas.png);
margin-top:40px;
padding:10px 5px;
text-align:center;
}
#box-logos-marcas a {
background:url("../imagens/logotipos.png") no-repeat scroll left top transparent;
display:inline-block;
height:50px;
margin:0 5px;
}
#box-logos-marcas a#logo-puma 				{ width:70px; background-position:0 0; }
#box-logos-marcas a#logo-olympikus 		{ width:82px; background-position:-91px 0; }
#box-logos-marcas a#logo-bullTerrier 	{ width:86px; background-position:-189px 0; }
#box-logos-marcas a#logo-mizuno 			{ width:91px; background-position:-292px 0; }
#box-logos-marcas a#logo-diadora 			{ width:90px; background-position:-400px 0; }
#box-logos-marcas a#logo-reusch 			{ width:90px; background-position:-508px 0; }

#box-logos-marcas a#logo-puma:hover 				{ background-position:0 -50px; }
#box-logos-marcas a#logo-olympikus:hover 		{ background-position:-91px -50px; }
#box-logos-marcas a#logo-bullTerrier:hover 	{ background-position:-189px -50px; }
#box-logos-marcas a#logo-mizuno:hover 			{ background-position:-292px -50px; }
#box-logos-marcas a#logo-diadora:hover 			{ background-position:-400px -50px; }
#box-logos-marcas a#logo-reusch:hover 			{ background-position:-508px -50px; }

/**********************conteudo produtos*/
#envolve-produtos{
width:auto;
height:auto;
margin-top:20px;
}
.box-produtos{
width:199px;
min-height:275px;
float:left;
margin:10px 5px;
text-align:center;
}
.img-produto{
width:199px;
height:90px;
}
.img-produto img{
width:auto;
height:auto;
max-height:90px;
max-width:90px;
}
.info-produto{
width:199px;
height:118px;
font-size:14px;
}
p.nome-produto{
color:#474543;
font-weight:bold;
font-size:12px;
}
p.vermelho{
color:#C03636;
}
.botoes{
width:199px;
height:50px;
}
.leiaMais{
width:199px;
}
/**********************conteudo produtos internos*/
#envolve-produtos-interna{
width:190px;
height:auto;
margin-top:20px;
}
.box-produtos-interna{
width:190px;
min-height:275px;
float:left;
margin:10px 5px;
text-align:center;
}
.img-produto-interna{
width:190px;
height:90px;
}
.img-produto img{
width:auto;
height:auto;
max-height:90px;
max-width:90px;
}
.info-produto-interna{
width:190px;
height:118px;
font-size:14px;
}
p.nome-produto{
color:#474543;
font-weight:bold;
font-size:12px;
}
p.vermelho{
color:#C03636;
}
.botoes-interna{
width:190px;
height:50px;
	margin-bottom:10px;
}
.leiaMais-interna{
width:190px;
}
/**********lista produtos mais vendidos - mini*/
.box-produtos-mini{
width:147px;
height:215px;
float:left;
margin:10px 20px 30px 10px;
text-align:center;
}
.img-produto-mini{
width:147px;
height:90px;
}
.img-produto-mini img{
width:auto;
height:auto;
max-height:90px;
max-width:90px;
}

.info-produto-mini{
width:147px;
height:82px;
font-size:14px;
}
/*******************************************************coluna direita*/
#coluna-direita{
width:159px;
height:auto;
float:left;
margin-left:4px;
}
#box-news{
width:139px;
height:108px;
background-image:url(../_imagens_layout/bg-box-news.png);
margin:-10px 0 20px 0;
padding:10px;
}
/*********formulario news*/
#form-news{
background:url(../_imagens_layout/icons/icon-news.png) left center no-repeat;
padding:0 0 0 35px;
}
#form-news input{
width:107px;
margin-top:5px;
border:1px solid #DBD7D0;
font-size:11px;
color:#535353;
	padding:3px 0;
}
#form-news .ok{
width:32px;
height:16px;
background:url(../_imagens_layout/botoes/bg-ok.png) left center repeat-x;
border:none;
cursor:pointer;
margin-left:75px;
}
/*********************************************formulario cadastro*/
form#formCadastro{
width:730px;
display:block;
}
form#formCadastro label{
width:120px;
height:auto;
padding:0;
margin:5px;
float:left;
text-align:right;
} 
form#formCadastro input, textarea, form#formIndisp input{
width:280px;
height:auto;
padding:3px;
margin:5px;
background:#F0F0F0;
color:#333;
border:1px solid #F7D308;
}
form#formCadastro input:focus , select:focus, textarea:focus{
border:1px solid #EAAA02;
}
form#formIndisp input:focus{
border:1px solid #EAAA02;
}
form#formCadastro .ok, form#formIndisp .ok, form#formCadastro .ok2{
width:102px;
height:39px;
background:url(../_imagens_layout/botoes/bt-ok-cadastro.png);
border:none;
cursor:pointer;
float:right;
padding:0;
}
form#formCadastro .ok2{
background:url(../_imagens_layout/botoes/bt-enviar.png);
} 
form#formCadastro #senha, form#formCadastro #confirmarSenha, form#formCadastro #cpf, form#formCadastro #dataNascimento, form#formCadastro #complemento, form#formCadastro #cep, form#formCadastro #telefone, form#formCadastro #celular, form#formCadastro #dc_cpf_cliente,  form#formCadastro #dc_senha_cliente, form#formCadastro #dc_senha_cliente_confere, form#formCadastro #dt_nascimento, form#formCadastro #nu_cep,
form#formCadastro #nu_telefone, form#formCadastro #nu_celular, form#formCadastro #dc_complemento{
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;
}
/*************************/
#btnCupom{
width:125px;
height:22px;
background:url(../_imagens_layout/botoes/bt-cupom.jpg) left center repeat-x;
border:none;
cursor:pointer;
text-align:center;
}
input#cupom{
width:140px;
margin-bottom:5px;
border:1px solid #DBD7D0;
font-size:11px;
padding:3px;
}
input#cupom:focus{
border:1px solid #EAAA02;
}
p#textoCupom{
float:left;
font-weight:bold;
}
/*********************************************geral*/
img{
border:none;
}
a.link:hover{
color:#585858;
}
.clear{
clear:both;
font-size:0;
background:transparent;
overflow:hidden;
visibility:hidden;
}
p{
margin-bottom:5px;
}
.separador{
height:10px;
width:100%;
background-color:#E6E5E5;
margin-bottom:10px;
}
.separador-vertical-rodape{
height:90px;
width:1px;
background-color:#C4C6C6;
margin:7px 20px 0 20px;
float:left;
}
.img-margin{
margin-right:20px;
}
.logo-virtual{
margin-top:60px;
float:right;
}
.compraCartaoErro{
color:#990000;
font-weight:bold;
}
.msg-error{
font:13px 'Trebuchet MS', Helvetica, sans-serif;
color:#990000;
font-weight:bold;
}

/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float:left; }
.floatRight			{ float:right; }
.floatNone 			{float:none;}
.layoutCenter		{ margin:0 auto; }
.textCenter			{ text-align:center; }
.textRight			{ text-align:right; }
.textLeft			{ text-align:left; }

/*
	TYPOGRAPHIC TOOLS
*/
.strikeOut			{ text-decoration:line-through; }
.underline			{ text-decoration:underline; }

/*
	DISPLAY VALUES
*/
.hide				{ display:none; }
.show				{ display:block; }
.invisible			{ visibility:hidden; }

.imgReplace 		{ display:-moz-inline-box; display:inline-block; vertical-align:text-top;
zoom:1; background-repeat:no-repeat; background-position:0 0; overflow:hidden; }
.imgReplace span 	{ display:block; overflow:hidden; text-indent:-9999em; padding-top:99999em; line-height:18px; cursor:pointer; }

/*
	TEXTO DE ORDENAR PRODUTOS
*/
.listOrdemAtivo {
color:#999;
font-weight:bold;
}
.listOrdemLink {
color:#999;
text-decoration:none;
}
.listOrdemLink:hover {
color:#D2B775;
text-decoration:none;
}
.listOrdemLink:visited {
color:#999;
text-decoration:none;
}

/*
	PREÇOS
*/
.precoCortado{
color:#828282;
text-decoration:line-through;
}
.precoPromocao{	
color:#794921;
font-weight:bold;
}

/*
	PARCELAS
*/
#produtoParcelas #mostraParcelas {
cursor:pointer;
}
#produtoParcelas li {
border-bottom:1px dashed #E6E6E6;
padding:7px;
font-size:11px;
}
#produtoParcelas h3 {
height:19px;
width:100%;
padding:3px;
margin:2px;
}
#produtoParcelas #boxParcelas {
/*display:block;*/
position:absolute;
width:300px;
_width:320px;
padding:5px;
border:1px solid #747474;
background:#FFF url(../_imagens_layout/bg_parcelas.gif) repeat-x;
}
/*****************************************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;
}
/**************************************POP UP PRODUTO INDISPONIVEL*/
#boxIndisponivel{
background-color:#fff;
margin-top:20px;
padding:10px;
}
/************************************CLASSES AVULSAS*/
p.mensagem{
font-size:16px;
font-weight:normal;
text-align:center;
}
a.vejaMais-home{
display:block;
float:right;
margin-top:10px;
color:#959595;
}
a.vejaMais-home:hover{
text-decoration:underline;
}

/*
	LIGHTBOX NEWSLETTER
*/
#lightBoxNewsletter {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
}
#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:#FFF;
}