<?php header("Content-type: text/css"); ?>
/*

Name: Shopluxo
Description: Em producao
Version: 1.0 

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } 

body { min-width:980px; width:100%; color:#999; font:12px Tahoma; line-height: 1; margin:0 auto; background:url(imagens/bg-body.jpg) 0 0 repeat-x } 

ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
a {text-decoration:none }
a:hover {color:#333 }
form { width:100%; float:left }
hr, ul.menu-user li#cesta-compras div br, ul.menu-user li span, .valor-dividido br, fieldset.search legend { display:none }

/* HEADER */

    .header { margin:0 auto; width:980px; position:relative }
	.header h1 { width:87px; height:66px; background:url(imagens/logo-suil.jpg) no-repeat 0 0; float:left; margin:9px 0 0px 10px }
	.header h1 a { width:87px; height:66px; display:block; text-indent:-999em; overflow:hidden }

	.header .welcome { clear:both; float:left; margin:-8px 10px 0 5px; color:#999; font-family:Tahoma; font-size:11px; }
    .header #MenuWelcomeDeslogado { clear:both; float:left; margin:0px 10px 0 5px; color:#999; font-family:Tahoma; font-size:11px; }

	.header .welcome em { font-style:normal; line-height:23px; border-left:1px solid #ccc; padding-left:10px; margin-left:10px;}
	.header .welcome a.logout { font-style:normal; color:#990000 }
	.header .welcome a.logout:hover { color:#990000; text-decoration:underline }

.header .texto { 
margin:20px 10px 0px 0px;
float:right;
width:600px;
color:#990000;
font-family:tahoma;
font-size:14px;
text-align:right;
line-height:140%;
}

/* HEADER - MENU PRINCIPAL */

	.menuwrap { width:980px; clear:both; margin-top:10px; float:left; }
	.menu { width:980px; text-align:center; display:block; background:url(imagens/imgs-menu.jpg) 0 0 repeat-x }
	.menu li { display:inline; border-right:1px #5F5F5F solid }
	.menu a { padding:8px 1.5%; line-height:29px; font-family:Tahoma; font-size:12px; color:#fff !important; font-weight:bold; height:29px } 
	.menu a:hover { background:url() repeat-x; color:#990000 !important; text-decoration:none !important; }
	.menu li:last-child { border:none }

/* HEADER - BUSCA FULL TEXT */

	.searchWrapper{ clear:both; width:100%; height:31px; display:block; }
	.search { padding:0; font-size:12px; height:31px; width:980px; margin:0 auto; background-color:white; }
	.search label { padding:0; margin:0 0px 0 0; background:url(imagens/imgs-titulos.jpg) 0px -32px no-repeat; text-indent:-999em; overflow:hidden; width:95px; height:31px; display:block; float:left !important } 
	.search input.fitext { margin:5px 5px 0 0 !important; font-size:12px; color:#666; padding:2px 2px 1px 5px; width:630px; height:16px; border:1px solid #ccc; font-family:Tahoma; background:url(imagens/bg-input.jpg) 0 0 repeat-x; float:left; } 
	.search select { font-size:12px; color:#666; border:1px solid #ccc; padding:2px; height:21px; width:160px; font-family:Tahoma; background:url(imagens/bg-input.jpg) repeat-x 0 0; float:left; margin: 5px 5px 0 0 }
	.search input.bt { border:none; background:url(imagens/imgs-botoes.jpg) no-repeat 0 0; width:60px; height:20px; cursor:pointer; margin:5px 0 0 0; text-indent:-999em; line-height:1000px; }
	.search input.bt:hover { background-position: 0 -20px }

/* HEADER - BUSCA FULL TEXT - BOTTOM */

	.bottomSearchWrapper { clear:both; width:100%; margin-top:-5px; }
	.bottomSearchWrapper .search { padding:0; font-size:12px; height:31px; width:980px; margin:0 auto; background-color:black; }
	.bottomSearchWrapper .search label { padding:0; margin:0 0px 0 0; background:url(http://www.shopluxo.com.br/Control/ArquivoExibir.aspx?NomeArquivo=imgs-titulos.jpg) 0px 0px no-repeat; text-indent:-999em; overflow:hidden; width:95px; height:31px; display:block; float:left } 
	.search input.bt { border:none; background:url(http://www.shopluxo.com.br/Control/ArquivoExibir.aspx?NomeArquivo=imgs-botoes.jpg) no-repeat 0 0; width:60px; height:20px; cursor:pointer; margin:5px 0 0 0; text-indent:-999em; line-height:1000px; }
	.search input.bt:hover { background-position: 0 -20px }


/* RODAPE - COMPARTILHE ESTA PAGINA */

	.compartilhamento { border-bottom:1px solid white; margin:0 10px 0 10px;  padding:8px; display:block; overflow:hidden; color:#333 }
	.compartilhamento .share-content { width:34.5em;  margin:0 auto }
	.compartilhamento .title { float: left;  margin:0 10px 0 0; padding:0; line-height:12px } 
	.compartilhamento ul { float:left; margin:0 }
	.compartilhamento ul li { display:inline;  padding-left:3px }


.full-banner { background:white; width:980px; margin:0px auto; padding-top:5px; }
.full-banner .box-banner { float:left; }
.full-banner .box-banner img { margin-left:4px; }
.conteudo { clear:both; margin:5px auto; width:980px; }
.navigation { width:159px; float:left; }
.produtos { float:right !important ; border:1px dashed #272727; margin:10px 0px 10px 0px; width:810px; }
h4 { background:black; float:right;  width:812px; line-height:30px; text-indent:10px; color:white; font-size:12px; margin-top:5px;}


/* RODAPE */

	.footer{ clear:both; width:100%; }

	#rodape-links { width:980px; margin:0 auto 5px auto; clear:both; font-family:Tahoma; font-size:11px; text-align:left; clear:both; margin:0 auto; background:url(imagens/bg-rodape.jpg) repeat-x; position:relative; }
	#rodape-links ul { list-style:none } 
	#rodape-links ul li { margin:0; padding:0; text-indent:0; line-height:14px }
	#rodape-links a { text-decoration:none; color:#666 }
	#rodape-links a:hover { color:#990000 }
	#rodape-links p { clear:both; text-align:center; font-family:Tahoma; font-size:11px; line-height:14px; margin:10px auto; width:90% }

	#rodape-institucional { width:135px; margin:20px 0 0 0; border-right:1px solid white; padding:0 0 10px 25px; float:left }
	#rodape-institucional li, #rodape-formas-de-pagamento li { margin:0 0 1px 0 }
	#rodape-formas-de-pagamento { width:240px; margin:20px 0 20px 0; border-right:1px solid white; padding:0 25px 10px 25px; float:left; color:#666 }
	#rodape-formas-de-pagamento img { padding:0 0 6px 0 } 
	#rodape-seguranca {  width:220px; margin:20px 0 0 0; border-right:1px solid white; padding:0 25px 10px 25px; float:left } 
	#rodape-seguranca a img { border:0 }
	#rodape-gerenciamento { width:230px; margin:20px 0 0 0; padding:0 0 10px 25px; float:left; text-align:left }

	.titulo-institucional,.titulo-pagamento, .titulo-seguranca, .titulo-gerenciamento { text-align:left; font-family:Tahoma; font-size:12px; margin:0 0 10px 0; padding:0; color:#333 } 
	.titulo-duvidas, .titulo-servicos, .titulo-credibilidade, .titulo-lojas  { text-align:left; font-family:Tahoma; font-size:12px; margin:10px 0 10px 0; padding:0; color:#333; clear:both; } 
	.etatica-gerenciamento { background:url(imagens/logotipo-etatica.gif) no-repeat 0 0; width:158px; height:27px; display:block; text-indent:-999em; padding-bottom:10px; }

	ul.lojas-parceiras {}
	ul.lojas-parceiras li {float:left;}
	ul.lojas-parceiras li a.loja1 {width:83px; height:37px; display:block; background:url(imagens/logos-lojas.gif) no-repeat 0 0; text-indent:-999em; overflow:hidden; margin:0px 0px 0px 0px }
	ul.lojas-parceiras li a.loja2 {width:55px; height:37px; display:block; background:url(imagens/logos-lojas.gif) no-repeat -83px 0; text-indent:-999em; overflow:hidden; margin:0px 0px 0px 0px }
	ul.lojas-parceiras li a.loja3 {width:72px; height:37px; display:block; background:url(imagens/logos-lojas.gif) no-repeat -138px 0; text-indent:-999em; overflow:hidden; margin:0px 0px 0px 0px }
	
	#creditos p a { width:20px; height:10px; display:block; position:absolute; bottom:0px; right:10px; background:url(imagens/felipe-dellacqua.gif) no-repeat; overflow:hidden; text-indent:-999em; }
			

/* SIDEBAR - REDES SOCIAIS */

	.redes-sociais { margin:5px 0 10px 0px }
	.redes-sociais ul { overflow:auto; padding-left:3px; }
	.redes-sociais li { margin:0 2px 0 0px; list-style:none !important; width:37px; height:34px; overflow:hidden; text-indent:-999em; float:left; } 
	.redes-sociais li a { display:block; width:37px; height:34px }
	.redes-sociais li.twitter { background:url(imagens/twitter.jpg) no-repeat 0 0 }
	.redes-sociais li.youtube { background:url(imagens/youtube.jpg) no-repeat 0 0 }
	.redes-sociais li.rss { background:url(imagens/rss.jpg) no-repeat 0 0 }
	.redes-sociais li.orkut { background:url(imagens/orkut.jpg) no-repeat 0 0 }
	.redes-sociais li:hover { background-position: 0 -34px }
	
/* HOME - SIDEBAR - MENU LATERAL */

	.navigation { margin:0 0 5px 0; }
	.menu-dept {  }
	.menu-dept h3 { background:url(imagens/bg-linha-cinza-menu.jpg) no-repeat left bottom; padding-bottom:5px; margin-top:5px; }
	.menu-dept h3 a { background:url(imagens/seta-vermelha.jpg) no-repeat 10px 6px; height:19px; line-height:19px; font-family:Tahoma; font-weight:bold; font-size:11px; text-indent:20px; color:#990000; display:block }
	.menu-dept h3 a:hover { color:#333;  } 
	.menu-dept li { line-height:12px; font-family:Tahoma; font-size:11px; padding:5px 5px 5px 10px; margin-left:10px }
	.menu-dept li:hover { background-color:#f5f5f5; }
	.menu-dept li a { color:#666; display:block }
	.menu-dept li a:hover { color:#990000 }
	.menu-dept h3.even,
	.menu-dept ul.even {  }

/* CONTROLE - NEWSLETTER */

	.newsletter { margin:5px 0 5px 0; padding:0 0 5px 0; font-family:Tahoma; font-size:12px; border:1px dashed #333; width:157px; }
	.newsletter h3 { height:20px; width:150px; margin:10px 0px 10px 6px; background:url(imagens/imgs-titulos.jpg) no-repeat -100px 0; text-indent:-999em; overflow:hidden } 
	.newsletter p { padding:0 0 0 10px; color:#666; line-height:14px; font-weight:normal; margin:-12px 0 10px 0 }
	.newsletter .fitext { margin:0 0 5px 0; width:125px; font-size:12px; color:#666; font-family:Tahoma; padding:3px 5px 3px 5px; margin:0 0 5px 10px; border:1px solid #ccc; background:url(imagens/bg-input.jpg) repeat-x 0 0 }
	.newsletter .bt { border:0; background:url(imagens/imgs-botoes.jpg) no-repeat -182px 0px; width:81px; height:20px; cursor:pointer; line-height:1000; text-indent:-999em; overflow:hidden; margin:3px 0 5px 10px } 
	.newsletter .bt:hover { background-position:-182px -20px }

 /* COLECAO - PRATELEIRA - HOME */

	.lista-produto { float:left; min-width:790px; overflow:hidden; margin:10px 10px 10px 10px; text-align:left;  }
	.prateleira ul { margin:0 0 0 0; padding:0 0 20px 10px; overflow:hidden; font-family:tahoma; font-size:11px; color:#999; background:pink; background:url(imagens/bg-prateleira.jpg) repeat-x bottom } 
	.prateleira ul li { width:160px; margin:0 15px 0 0; float:left; padding:10px 0px 0px 18px}
	.prateleira ul li:hover {}
	
/* COLECAO - PRATILEIRA - CONFIGURACOES */	

     /* nome do produto */
	.prateleira ul li h3, .prateleira ul li h3 a { color:#666; font-weight:normal; line-height:12px; width:160px; margin:0px 0 5px 0 }
	.prateleira ul li h3 a:hover{ color:#990000 }

	/* avaliacoes */
	.prateleira-marca.rating, .produtos-novos .rating, .prateleira .rating, .mais-vendidos .rating, .lancamentos-home .rating { margin:7px 0 7px 0; text-indent:-999em; height:20px; overflow:hidden }
	.a0 {background:url(imagens/avaliacao.jpg) no-repeat -3px -102px }
	.a10 {background:url(imagens/avaliacao.jpg) no-repeat -3px -82px }
	.a20 {background:url(imagens/avaliacao.jpg) no-repeat -3px -62px }
	.a30 {background:url(imagens/avaliacao.jpg) no-repeat -3px -42px }
	.a40 {background:url(imagens/avaliacao.jpg) no-repeat -3px -22px }
	.a50 {background:url(imagens/avaliacao.jpg) no-repeat -3px -2px }

/* imagem do produto */
        .img-produto-prateleira img { margin-bottom:5px; }

	/* precos */
	.valor-de a { font-weight:normal; color:#990000; font-style:normal; text-decoration:line-through; color:#999; line-height:14px; font-size:11px } 
	.valor-de a strong { font-weight:normal } 
	.valor-de a:hover {color:#990000}

	.price a { color:#990000; font-style:normal; line-height:14px; font-size:11px }
	.price a strong { font-weight:normal } 
	.price a:hover {color:#990000}

	.price-off a { color:#990000; font-style:normal; line-height:14px; font-size:11px } 
	.price-off a:hover {color:#990000}

	.price-inst { padding-bottom:3px; }
	.price-inst a { color:#990000; font-style:normal; line-height:14px; font-size:11px; }
	.price-inst a:hover {color:#990000 }

	/* marca */
	.brand a { background:url(imagens/bg-marca.gif) no-repeat 0 3px; color:#999; font-style:normal; font-size:11px; text-indent:10px; display:block; line-height:14px }
	.brand a:hover { color:#990000 }

	/* departamento */
	.dept a { background:url(imagens/bg-marca.gif) no-repeat 0 3px; color:#999; font-style:normal; font-size:11px; text-indent:10px; display:block; line-height:14px }
	.dept a:hover { color:#990000 }

	/* categoria */
	.cat a { background:url(imagens/bg-vejamais.gif) no-repeat 0 0; color:#999; font-style:normal; font-size:11px; padding:13px 0 0 0; text-indent:10px; display:block; line-height:14px; margin:7px 0 0 0 }
	.cat a:hover { color:#990000 }