@charset "utf-8"; 
/* ########## CONFIGURAÇÕES GERAL ########## */

* html li{height:1%;}
html, body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333!important;}

div, span, object, input, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0; padding:0; border:0; outline:0;}
img{border:0;}

ol, ul{list-style:none;}

a{color:#666; text-decoration:none; cursor:pointer;}
a:hover{color:#000; text-decoration:inherit;}

/* ########## CONFIGUTAÇÕES SITE ########## */

.bg{background:#fff url(imagem/bg-topo.jpg) no-repeat center 60px; overflow:auto;}

.hr{background:transparent url(imagem/bg-ccc.gif) repeat-x center; height:30px; clear:both !important; float:none !important; display:block;}
.hr hr{display:none;}
.hr-main{background:transparent url(imagem/lh-main.gif) no-repeat 0 0; width:743px; overflow:hidden; height:10px;}
.hr-main hr{display:none;}
.hr-main-ax{background:transparent url(imagem/lh-main-ax.gif) no-repeat 0 0; width:793px; overflow:hidden; height:10px;}
.hr-main-ax hr{display:none;}
.hr-main-limpa{background:transparent url(imagem/lh-main-limpa.gif) no-repeat 0 0; width:983px; overflow:hidden; height:10px;}
.hr-main-limpa hr{display:none;}

.botao {background:#0A442A url(imagem/bg-botao.jpg) repeat-x 0 0; border:2px #0A442A solid; margin:0; padding:5px 15px; _padding:5px 15px; overflow:hidden; clear:both; float:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; color:#fff; display:inline-block !important;}
.botao a {color:#fff  !important; }
.botao a:hover{ color:#fff !important;}
.btp2{ padding:0 5px !important; color:#fff !important;; }


.borda{border:0 !important;}

.mais {background:url(imagem/i-mais.gif) no-repeat 0 -20px !important; height:20px !important; line-height:20px !important; overflow:hidden !important; display:inline-block !important; color:#999 !important; padding-left:17px!important; font-size:13px!important;}
.mais:hover{background:url(imagem/i-mais.gif) no-repeat 0 -0 !important; color:#144D33 !important;}


.mais-2 a{height:40px !important; overflow:hidden !important; line-height:40px !important;}
.mais-2 a h2{background:url(imagem/arrow-mais-4.gif) no-repeat 0 0 !important;  display:inline-block !important;  padding-left:30px!important; font-size:28px !important;color:#999 !important; line-height:40px !important;}
.mais-2 a:hover h2{background:url(imagem/arrow-mais-4.gif) no-repeat 0 -40px !important; color:#144D33 !important;}



.mais-3 a{height:48px; overflow:hidden; line-height:48px; letter-spacing:-1px; font-weight:bold; font-size:24px; background-image:url(imagem/arrow-mais.gif) !important; background-repeat: no-repeat; display:inline-block; padding-left:32px !important; }
.mais-3 a:hover.red { background-position:0 -48px; color:#CC3333 !important;}
.mais-3 a.red {color:#999 !important; background-position:0 0;}
.mais-3 a:hover.blue { background-position:0 -144px; color:#6699CC !important;}
.mais-3 a.blue {color:#999 !important; background-position:0 0;}
.mais-3 a:hover.yellow { background-position:0 -96px; color:#CC9900 !important;}
.mais-3 a.yellow {color:#999 !important; background-position:0 0;}

.ico-novidades{background:url(imagem/ico-novidades.gif) no-repeat left; padding-left:30px;}
.ico-redes{background:url(imagem/ico-redes.gif) no-repeat left; padding-left:35px;}
.ico-fotos{background:url(imagem/ico-fotos.gif) no-repeat left; padding-left:35px;}
.ico-videos{background:url(imagem/ico-videos.gif) no-repeat left; padding-left:30px;}
.ico-catalogo{background:url(imagem/ico-catalogo.gif) no-repeat left; padding-left:30px;}
.ico-detalhe{background:url(imagem/ico-detalhe.gif) no-repeat left; padding-left:30px;}
.ico-lista{background:url(imagem/ico-lista.gif) no-repeat left; padding-left:30px;}
.ico-pesquisar{background:url(imagem/ico-pesquisar.gif) no-repeat left; padding-left:28px;}
.ico-cores{background:url(imagem/ico-cores.gif) no-repeat left; padding-left:30px;}
.ico-salao{background:url(imagem/ico-salao.gif) no-repeat left; padding-left:28px;}
.ico-bairro{background:url(imagem/ico-bairro.gif) no-repeat left; padding-left:15px;}
.ico-depoimentos{background:url(imagem/ico-depoimentos.gif) no-repeat left; padding-left:28px;}

.red span{color:#CC3333 !important;}
.red a:hover{color:#CC3333 !important;}
.red h2 a:hover{background-position:0 -48px !important;}
.line-r{background-image:url(imagem/local-linha-r.png) !important;}

.yellow span{color:#CC9900 !important;}
.yellow a:hover{color:#CC9900 !important;}
.yellow h2 a:hover{background-position:0 -96px !important;}
.line-y{background-image:url(imagem/local-linha-y.png) !important;}

.blue span{color:#6699CC !important;}
.blue a:hover{color:#6699CC !important;}
.blue h2 a:hover{background-position:0 -144px !important;}
.line-b{background-image:url(imagem/local-linha-b.png) !important;}




/* ########## LINHAS CORES ########## */

/* ########## collori  ########## */
.L_collori h1{color:#DD127B !important; }
.L_collori h2{color:#DD127B !important; }
.L_collori a:hover {color:#7B232F !important; text-decoration:none !important;}
a .L_collori {color:#7B232F !important; border-color:#C2E8B9 !important;}
a:hover .L_collori {color:#DD127B!important; border-color:#DD127B !important;}
.bg-L_collori {background:#fff url(imagem/bg-topo-collori.jpg) no-repeat center 60px; overflow:auto;}
.line-collori{background-image:url(imagem/local-linha-r.png) !important;}
.m-collori a:hover{color:#DD127B !important;}
.m-collori a{background-image:url(imagem/arrow-r.gif) !important;}

/* ########## nutrit ########## */
.L_nutrit h1{color:#B3974E !important; }
.L_nutrit h2{color:#B3974E !important; }
.L_nutrit a:hover {color:#7B6033 !important; text-decoration:none !important;}
a .L_nutrit {color:#7B6033 !important; border-color:#C2E8B9 !important;}
a:hover .L_nutrit {color:#B3974E !important; border-color:#B3974E !important;}
.bg-L_nutrit {background:#fff url(imagem/bg-topo-nutrit.jpg) no-repeat center 60px; overflow:auto;}
.line-nutrit{background-image:url(imagem/local-linha-y.png) !important;}
.m-nutrit a:hover{color:#B3974E !important;}
.m-nutrit a{background-image:url(imagem/arrow-y.gif) !important;}

/* ########## relax ########## */
.L_relax  h1{color:#6BA638 !important; }
.L_relax  h2{color:#6BA638 !important; }
.L_relax  a:hover {color:#24683F !important; text-decoration:none !important;}
a .L_relax  {color:#24683F !important; border-color:#C2E8B9 !important;}
a:hover .L_relax  {color:#6BA638 !important; border-color:#6BA638 !important;}
.bg-L_relax  {background:#fff url(imagem/bg-topo-relax.jpg) no-repeat center 60px; overflow:auto;}
.line-relax{background-image:url(imagem/local-linha-g.png) !important;}
.m-relax a:hover{color:#6BA638 !important;}
.m-relax a{background-image:url(imagem/arrow-g.gif) !important;}

/* ########## therapy ########## */
.L_therapy h1{ color:#92BBDC !important; }
.L_therapy h2{color:#92BBDC  !important; }
.L_therapy a:hover {color:#92BBDC !important; text-decoration:none !important;}
a .L_therapy {color:#478DC0 !important; border-color:#C2E8B9 !important;}
a:hover .L_therapy {color:#92BBDC !important; border-color:#92BBDC !important;}
.bg-L_therapy {background:#fff url(imagem/bg-topo-therapy.jpg) no-repeat center 60px; overflow:auto;}
.line-therapy{background-image:url(imagem/local-linha-b.png) !important;}
.m-therapy a:hover{color:#92BBDC !important;}
.m-therapy a{background-image:url(imagem/arrow-b.gif) !important;}

/* ########## therapy SOS scalp ########## */
.L_therapy-sos-scalp h1{color:#29166F !important; }
.L_therapy-sos-scalp h2{color:#29166F !important; }
.L_therapy-sos-scalp a:hover {color:#191911 !important; text-decoration:none !important;}
a .L_therapy-sos-scalp {color:#191911 !important; border-color:#C2E8B9 !important;}
a:hover .L_therapy-sos-scalp {color:#29166F !important; border-color:#29166F !important;}
.bg-L_therapy-sos-scalp {background:#fff url(imagem/bg-topo-therapy2.jpg) no-repeat center 60px; overflow:auto;}
.line-therapy-sos-scalp{background-image:url(imagem/local-linha-b2.png) !important;}
.m-therapy-sos-scalp a:hover{color:#29166F !important;}
.m-therapy-sos-scalp a{background-image:url(imagem/arrow-b2.gif) !important;}

/* ########## royallyss ########## */
.L_royallyss h1{color:#B3974E !important; }
.L_royallyss h2{color:#900 !important; }
.L_royallyss a:hover {color:#7B6033 !important; text-decoration:none !important;}
a .L_royallyss {color:#7B6033 !important; border-color:#C2E8B9 !important;}
a:hover .L_royallyss{color:#B3974E !important; border-color:#B3974E !important;}
.bg-L_royallyss {background:#fff url(imagem/bg-topo-royallyss.jpg) no-repeat center 60px; overflow:auto;}
.line-royallyss{background-image:url(imagem/local-linha-y.png) !important;}
.m-royallyss a:hover{color:#B3974E !important;}
.m-royallyss a{background-image:url(imagem/arrow-y.gif) !important;}

/* ########## Busca de Produtos ########## */

/*
.L_busca  h1{color:#6BA638 !important; }
.L_busca  h2{color:#6BA638 !important; }
.L_busca  a:hover {color:#24683F !important; text-decoration:none !important;}
a .L_busca  {color:#24683F !important; border-color:#C2E8B9 !important;}
a:hover .L_busca  {color:#6BA638 !important; border-color:#6BA638 !important;}
*/
.bg-L_busca  {background:#fff url(imagem/bg-topo.jpg) no-repeat center 60px; overflow:auto;}
.L_busca div.imagem{ background: url(imagem/busca-foto.jpg) no-repeat 0 0;}
/*
.line-busca{background-image:url(imagem/local-linha-g.png) !important;}
.m-busca a:hover{color:#6BA638 !important;}
.m-busca a{background-image:url(imagem/arrow-g.gif) !important;}
*/


/* ########## SITE ########## */

#geral{overflow:hidden; display:block; background:url(imagem/bg-menu.jpg)  repeat-x top;}

#topo{overflow:hidden;}
#topo .area{width:1003px; overflow:hidden; margin:0 auto;}

#topo .logo{width:190px; height:105px; float:left; background:#FFF; margin-top:5px;}
#topo .menu{width:803px; height:60px; float:left; background:url(imagem/bg-menu-topo.jpg) no-repeat left bottom; padding-left:10px; line-height:60px; overflow:hidden;}
#topo .area-2{width:813px; height:50px; float:left;}
#topo .area-2 .horas{background:url(imagem/bg-topo-hora.jpg) no-repeat 0 0; height:40px; line-height:40px; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#999; width:271px; float:left; overflow:hidden;}
#topo .area-2 .horas #hora{color:#000 !important; background:url(imagem/i-horas.gif) no-repeat left; padding:0 10px 0 15px; border-right:#CCC 1px solid;}

#topo #botoes-topo{width:527px; float:left; height:23px; overflow:hidden; background-image:url(imagem/bg-botoes.gif); background-repeat:no-repeat; background-position:0 0;}
#topo #botoes-topo a h2{display:none;}
#topo #botoes-topo a{float:left; height:23px;overflow:hidden; display:block; }

#topo #botoes-topo a.search{width:125px  !important;}
#topo #botoes-topo a.contact{width:112px  !important;}
#topo #botoes-topo a.login{width:125px  !important;}
#topo #botoes-topo a.carrinho{width:165px  !important;}

#topo .busca{background-position:0 -23px !important;}
#topo .contact{background-position:0 -46px !important;}
#topo .login{background-position:0 -69px !important;}
#topo .carrinho{background-position:0 -92px !important;}

#content{width:983px; clear:both; float:none; margin:0 auto; overflow:auto;}

#main-content{width:743px; float:left; overflow:hidden;}
#main-content-ax{width:793px; float:left; overflow:hidden;}

ul.topo-menu{clear:both; overflow:auto;}
ul.topo-menu li{color:#DDDDDD; display:inline; padding:0 10px 0 10px;}
ul.topo-menu li a{color:#DDDDDD; background:url(imagem/arrow.gif) no-repeat left; padding:0 0 0 10px;}
ul.topo-menu li a:hover{color:#fff;}

.local{width:743px; overflow:hidden; clear:both;}
.local .local-titulo{line-height:48px; padding-bottom:2px; overflow:hidden; color:#999; background-image:url(imagem/local-linha.png); background-repeat:no-repeat; background-position:left bottom;} 
.local .local-titulo span{color:#247232; height:48px; line-height:48px; display:inline-block;}
.local .local-titulo a:hover{color:#247232;}
.local .local-titulo h1{font-size:36px; font-weight:lighter;}
.local .local-titulo h1 a{padding-left:35px; background-image:url(imagem/arrow-mais.gif); background-repeat:no-repeat; background-position:0 0; color:#ccc;}
.local .local-titulo h1 a:hover{background-position:0 -192px;}
.local .local-titulo h2{font-size:36px; color:#ccc;}
.local .local-titulo h2{font-size:36px; height:48px; line-height:48px;}
.local .local-titulo h2 a{padding-left:35px; background-image:url(imagem/arrow-mais.gif); background-repeat:no-repeat; background-position:0 0; color:#ccc;}
.local .local-titulo h2 a:hover{background-position:0 -192px;}

.local .tamanho-texto{width:47px; float:right; height:24px; margin:13px 0; overflow:hidden;}
.local .tamanho-texto a{text-indent:-200px; color:#FFF; overflow:hidden; display:block;  float:left; height:24px;}
.local .tamanho-texto a.d-texto{background:url(imagem/d-texto.gif) no-repeat 0 0; width:21px;  }
.local .tamanho-texto a.a-texto{background:url(imagem/a-texto.gif) no-repeat 0 0; width:26px; }

.local .menu-departamento{overflow:auto; clear:both; float:none;}
.local .menu-departamento ul{height:30px; overflow:hidden;}
.local .menu-departamento ul li{color:#aaa; display:inline; padding:0 10px 0 10px; line-height:30px;}
.local .menu-departamento ul li a{padding:0 0 0 10px; background-repeat:no-repeat; background-position:left; background-image:url(imagem/arrow-v.gif);}
.local .menu-departamento ul.red li a{background-image:url(imagem/arrow-r.gif);}
.local .menu-departamento ul.yellow li a{background-image:url(imagem/arrow-y.gif);}
.local .menu-departamento ul.blue li a{background-image:url(imagem/arrow-b.gif);}


.pop-up-aberta { position:absolute; float:none; clear:both; z-index:999999;}
.pop-up-aberta a{color:#000; }
.pop-up-aberta a:hover{color:#CFC;}

.pop-busca{background:url(imagem/bg-busca.png) no-repeat 0 0; width:200px; padding:0 15px 10px 15px; height:70px;margin-top:23px; _margin-top:0;}

.pop-busca .campos{float:left; width:150px; margin-top:10px;}

.pop-busca .campos label.p-busca{margin-top:5px; height:30px; width:150px; }
.pop-busca .campos label.p-produtos{margin-top:5px; height:15px; width:90px; float:left;}
.pop-busca .campos label.p-site{margin-top:5px; height:15px; width:60px;float:left;}

.pop-busca .campos input.p-busca{border:#CBCBCB 1px solid; padding:5px 4px; width:140px; color:#598469; font-size:11px; height:14px;}

.pop-busca .bt-ok{float:left; margin:10px 0 0 10px;}
.pop-busca .bt-ok input{ background:#0A442A url(imagem/bg-busca-botao.jpg) repeat-x 0 0; width:38px; margin:0; padding:0; height:49px; color:#FFF; font-size:14px; font-weight:bold; border:#0A442A 1px solid;}

.pop-local{background:#f9f9f9; width:200px; padding:5px; border-right:#CCC 1px solid; border-bottom:1px solid #CCC;} 
.pop-local ul{ overflow:auto;}
.pop-local ul li{height:30px; line-height:30px; overflow:hidden; }
.pop-local ul li h3{ font-size:16px;}
.pop-local ul li a{color:#666; padding-left:20px; background-image:url(imagem/arrow-mais-2.gif); background-repeat:no-repeat; background-position:0 0; display:block;}

.pop-local ul li a:hover.red{color:#CC3333 !important; cursor:pointer; background-position:0 -30px; }
.pop-local ul li a:hover.blue{color:#6699CC !important; cursor:pointer; background-position:0 -90px;}
.pop-local ul li a:hover.yellow{color:#CC9900 !important; cursor:pointer; background-position:0 -60px;}
.pop-local ul li a:hover.green{color:#144D33 !important; cursor:pointer; background-position:0 -120px;}


.pop-local ul.linhas{ overflow:auto;}
.pop-local ul.linhas li{height:30px; overflow:hidden; padding-left:20px; background-repeat:no-repeat; background-position: 0 0 ; background-image:url(imagem/arrow-linhas.gif); }
.pop-local ul.linhas li:hover{background-repeat:no-repeat; background-position: 0 0 ; background-image:url(imagem/arrow-linhas.gif);}
.pop-local ul.linhas li:hover.collori {background-position:0 -30px; }
.pop-local ul.linhas li:hover.therapy {background-position:0 -60px;}
.pop-local ul.linhas li:hover.relax {background-position:0 -90px;}
.pop-local ul.linhas li:hover.nutrit {background-position:0 -120px;}
.pop-local ul.linhas li:hover.therapy-sos-scalp {background-position:0 -60px;}
.pop-local ul.linhas li:hover.royallyss {background-position:0 -120px;}
.pop-local ul.linhas li h3{font-size:16px; display:none;}
.pop-local ul.linhas li a{color:#666; display:block; background-repeat:no-repeat; background-position:left; height:30px; width:150px;}
.pop-local ul.linhas li.collori a{background-image:url(imagem/linha-collori.jpg);}
.pop-local ul.linhas li.therapy a{background-image:url(imagem/linha-therapy.jpg);}
.pop-local ul.linhas li.relax a{background-image:url(imagem/linha-relax.jpg);}
.pop-local ul.linhas li.nutrit a{background-image:url(imagem/linha-nutrit.jpg);}
.pop-local ul.linhas li.therapy-sos-scalp a{background-image:url(imagem/linha-therapy-sos-scalp.jpg);}
.pop-local ul.linhas li.royallyss a{background-image:url(imagem/linha-royallyss.jpg);}

.pop-local ul.linhas li  a:hover{background-position:left;}


.main{width:733px; background:#FFF url(imagem/bg-ccc.gif) repeat-y right; overflow:hidden; clear:both; padding:0 10px 0 0;}
.main h2{font-size:36px; color:#247232; font-weight:lighter;}
.main h2 a{color:#247232;}
.main h2 a:hover{color:#6BA638 ;}

.main-ax{width:761px; background:#FFF; border-left:#CCC solid 1px; border-right:#CCC solid 1px; overflow:hidden; clear:both; padding:15px;}
.main-ax h2{font-size:18px; color:#666; font-weight:lighter;}
.main-ax h2 a{color:#247232;}
.main-ax h2 a:hover{color:#6BA638 ;}


.main-ax .conteudo h2{ font-family:Arial, Helvetica, sans-serif;}
.main-ax .conteudo ul{margin:10px 50px;}
.main-ax .conteudo ul li{ list-style:outside disc;}
.main-ax .conteudo ol{margin:10px 50px;}
.main-ax .conteudo ol li{ list-style:outside decimal;}
.main-ax .conteudo a{color:#247232; background:url(imagem/ico-url.gif) no-repeat; padding-left:17px;}
.main-ax .conteudo a:hover{color:#6BA638;}

.resultado-titulo{  line-height:50px; color:#247232 !important; font-size:24px !important;}
.resultado-busca{ background:#f9f9f9; margin:0 !important;}
.resultado-busca li{ list-style:none !important; border-bottom:3px solid #FFF;}
.resultado-busca li a{  padding:10px; display:block; }
.resultado-busca li a:hover{ background:#f1f1f1; }
.resultado-busca li h3{ color:#060; font-size:12px; font-weight:bold; background:url(imagem/arrow-v.gif) no-repeat 0 3px; padding-left:8px;}


.main-limpa{width:951px; background:#FFF; border-left:#CCC solid 1px; border-right:#CCC solid 1px; overflow:hidden; clear:both; padding:5px 15px;}


#catalogo-produtos{width:733px; overflow:hidden;}
#catalogo-produtos .titulo{float:left;width:533px; height:60px; line-height:60px;}
#catalogo-produtos .catalogo-pdf{float:left; width:200px; height:60px; line-height:60px;}
#catalogo-produtos .catalogo-pdf h3{ font-size:14px; font-weight:bold; line-height:60px;}
#catalogo-produtos h3{font-size:12px; font-weight:lighter;}
#catalogo-produtos ul{clear:both; overflow:hidden;}
#catalogo-produtos ul li img{width:120px; height:120px;}

#linhas-produtos{overflow:hidden; margin:20px 0; clear:both; float:none;}
#linhas-produtos ul{width:728px; height:80px; padding:0 10px; overflow:hidden; background:url(imagem/bg-lista-produtos.jpg) no-repeat 0 0; margin:0 auto;}
#linhas-produtos ul li{height:80px; float:left; display:block;}
#linhas-produtos ul li a{display:block; height:80px; }
#linhas-produtos ul li h2{display:none;}

#linhas-produtos ul li.collori a{width:101px; background:url(imagem/bg-linha-collori.jpg) no-repeat 0 0;}
#linhas-produtos ul li.collori a:hover{background:url(imagem/bg-linha-collori.jpg) no-repeat 0 -80px;}

#linhas-produtos ul li.therapy a{width:140px; background:url(imagem/bg-linha-therapy.jpg) no-repeat 0 0;}
#linhas-produtos ul li.therapy a:hover{background:url(imagem/bg-linha-therapy.jpg) no-repeat 0 -80px;}

#linhas-produtos ul li.relax a{width:103px; background:url(imagem/bg-linha-relax.jpg) no-repeat 0 0;}
#linhas-produtos ul li.relax a:hover{background:url(imagem/bg-linha-relax.jpg) no-repeat 0 -80px;}

#linhas-produtos ul li.nutrit a{width:108px; background:url(imagem/bg-linha-nutrit.jpg) no-repeat 0 0;}
#linhas-produtos ul li.nutrit a:hover{background:url(imagem/bg-linha-nutrit.jpg) no-repeat 0 -80px;}

#linhas-produtos ul li.therapy-sos-scalp a{width:141px; background:url(imagem/bg-linha-therapy-sos-scalp.jpg) no-repeat 0 0;}
#linhas-produtos ul li.therapy-sos-scalp a:hover{background:url(imagem/bg-linha-therapy-sos-scalp.jpg) no-repeat 0 -80px;}

#linhas-produtos ul li.royallyss a{width:135px; background:url(imagem/bg-linha-royallyss.jpg) no-repeat 0 0;}
#linhas-produtos ul li.royallyss a:hover{background:url(imagem/bg-linha-royallyss.jpg) no-repeat 0 -80px;}

.posicao{width:105px; float:right; height:20px; overflow:hidden; margin:5px 0; }
.posicao a{text-indent:-2000px; color:#FFF;  width:25px; height:20px; overflow:hidden; display:block;  float:left; margin-left:10px; _margin-left:7px; cursor:pointer;}
.posicao a.lista{background:url(imagem/ico-lista-produtos.gif) no-repeat 0 0;}
.posicao a.produtos{background:url(imagem/ico-produtos.gif) no-repeat 0 0; }
.posicao a.galeria{background:url(imagem/ico-galeria-produtos.gif) no-repeat 0 0;}

.informacoes-lista{height:20px; margin:5px 0;overflow:hidden; float:left; width:656px;}

ul.vagas{clear:both; overflow:auto; }
ul.vagas {clear:both; overflow:hidden;} 
ul.vagas  li{cursor:pointer; background:#E6F3E3; overflow:hidden; margin-bottom:3px; padding:5px;text-align:left !important;}
ul.vagas  li:hover{background:#D2EACD;}
ul.vagas  li:hover a{color:#497043;}




/* ########## LATERAL ESQUERDA ########## */


#le{width:180px; padding-right:10px; float:left; overflow:hidden; }
#le h2{font-size:30px; color:#247232; font-weight:lighter;} 
#le h2 a{color:#247232;}
#le h2 a:hover{color:#6BA638 ;}

#le .endereco{background:url(imagem/bg-box-le.png) no-repeat left bottom; padding:0 13px 15px 13px; margin:20px 0 30px 0; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
#le .endereco a{background:no-repeat url(imagem/i-contatos.gif) 0 0; display:block; padding:0 0 0 50px; overflow:hidden;}

#le .novidades{ clear:both; margin-bottom:20px; }
#le .novidades ul{clear:both; overflow:hidden;} 
#le .novidades ul li{cursor:pointer; overflow:hidden; margin-bottom:3px; padding:5px; width:170px; border-bottom:#999 dotted 1px;}
#le .novidades ul li a{ display:block;}
#le .novidades ul li a:hover{ color:#000;}
#le .novidades ul li a:hover .dt{background:url(imagem/arrow-2.gif) no-repeat right -16px; }
#le .novidades ul li .dt{ background:url(imagem/arrow-2.gif) no-repeat right 0; color:#666; padding:2px 15px 2px 5px; height:10px; overflow:hidden; line-height:16px; margin-right:5px;}

#le #botoes{ margin:30px 0;}
#le .imagem{ height:280px;}

#le .imagem-produto{ height:280px; width:180px; overflow:hidden; }

#le .blog-pesquisa{background:url(imagem/bg-box-le.png) no-repeat 0 bottom; width:150px; padding:0 15px 15px 15px; margin:0 0 20px 0; overflow:auto; clear:both; float:none;}
#le .blog-pesquisa .campo{width:110px; margin-top:5px; float:left; overflow:hidden;}
#le .blog-pesquisa .campo label{height:22px; width:120px; display:block;}
#le .blog-pesquisa .campo input{border:#CBCBCB 1px solid; padding:3px 4px; width:100px; color:#598469; font-size:11px; height:14px;}
#le .blog-pesquisa .acao{margin-left:5px; text-align:right; width:35px; float:left; overflow:hidden;}
#le .blog-pesquisa .acao input{ background:#0A442A url(imagem/bg-busca-botao.jpg) repeat-x 0 0; width:33px; margin:0; padding:0; height:30px; color:#FFF; font-size:14px; font-weight:bold; border:#0A442A 1px solid;}

#le .blog-categorias ul{clear:both; overflow:hidden;} 
#le .blog-categorias ul li{cursor:pointer; overflow:hidden; margin-bottom:3px; padding:5px; width:170px; border-bottom:#999 dotted 1px; font-size:14px; font-weight:bold;}
#le .blog-categorias ul li a{display:block; padding-left:15px; background:url(imagem/arrow-v.gif) no-repeat 5px;}
#le .blog-categorias ul li a:hover{ color:#000;}
#le .blog-categorias .ultimo{ border:none;}

#le .blog-recentes ul{clear:both; overflow:hidden;} 
#le .blog-recentes ul li{cursor:pointer; overflow:hidden; margin-bottom:3px; padding:5px; width:170px; border-bottom:#999 dotted 1px;}
#le .blog-recentes ul li a{ display:block;}
#le .blog-recentes ul li a:hover{ color:#000;}
#le .blog-recentes ul li a:hover .dt{background:url(imagem/arrow-2.gif) no-repeat right -16px; }
#le .blog-recentes ul li .dt{ background:url(imagem/arrow-2.gif) no-repeat right 0; color:#666; padding:2px 15px 2px 5px; height:10px; overflow:hidden; line-height:16px; margin-right:5px;}
#le .blog-recentes .ultimo{ border:none;}

#le .le-menu { font-size:14px; margin:20px 0;}
#le .le-menu a {background:url(imagem/arrow-v.gif) no-repeat 0 4px; padding-left:10px; }

ul.le-departamentos{ overflow:auto; margin-bottom:20px;}
ul.le-departamentos li{ overflow:hidden;}
ul.le-departamentos li h2{font-size:28px !important; word-spacing:-4px !important; line-height:40px!important; overflow:hidden; height:40px;}
ul.le-departamentos li a{padding-left:30px; background-image:url(imagem/arrow-mais-3.gif); background-repeat:no-repeat; color:#247232; background-position:0 -160px;display:block;}
ul.le-departamentos li.distribuidores a:hover{color:#CC3333 !important; background-position:0 -40px; }
ul.le-departamentos li.saloes a:hover{color:#6699CC !important; background-position:0 -120px;}
ul.le-departamentos li.consumidores a:hover{color:#CC9900 !important; background-position:0 -80px;}

ul.le-departamentos li div.foto-distribuidores{ background:#0C6;}
ul.le-departamentos li div.foto-saloes{ background:#C66;}
ul.le-departamentos li div.foto-consumidores{background:#FC0;}

/* ########## LATERAL DIREITA ########## */

#ld{width:230px; padding-left:10px; float:left; overflow:hidden;}
#ld h2{font-size:42px; color:#247232; font-weight:lighter;} 
#ld h2 a{color:#247232;}
#ld h2 a:hover{color:#6BA638 ;}

/* ########## GALERIA FOTOS ########## */

#galeria-fotos { width:207px; margin:auto; overflow:hidden; }
#galeria-fotos div{position:relative; float:left; overflow:hidden; display:block; margin-bottom:10px; }
#galeria-fotos div a{border:2px solid #fff; display:block;}
#galeria-fotos div a:hover{border:2px solid #A2C5A0;}

#galeria-fotos div.foto-1{ width:62px; height:89px;z-index:6;}
#galeria-fotos div.foto-1 a, #galeria-fotos div.foto-1 img{ width:58px; height:85px;}
#galeria-fotos div.foto-2{ width:73px; height:71px; z-index:5; margin:18px 0 0 0;}
#galeria-fotos div.foto-2 a, #galeria-fotos div.foto-2 img{ width:69px; height:67px; }
#galeria-fotos div.foto-3{ width:72px; height:93px; z-index:4; margin:42px 0 0 0;}
#galeria-fotos div.foto-3 a, #galeria-fotos div.foto-3 img { width:68px; height:89px;}
#galeria-fotos div.foto-4{ width:74px; height:110px; z-index:3; margin:-46px 0 0 0;}
#galeria-fotos div.foto-4 a, #galeria-fotos div.foto-4 img{ width:70px; height:106px;}
#galeria-fotos div.foto-5{ width:61px; height:46px; z-index:2; margin:-46px 0 0 0;}
#galeria-fotos div.foto-5 a, #galeria-fotos div.foto-5 img{ width:57px; height:42px; }
#galeria-fotos div.foto-6{ width:105px; height:72px; z-index:1;}
#galeria-fotos div.foto-6 a, #galeria-fotos div.foto-6 img{ width:101px; height:68px;}

#galeria-fotos span{ width:217px; height:45px; overflow:hidden; clear:both; float:none; display:block; text-align:center;  }
#galeria-fotos span h3{padding:5px; width:207px; display:block; overflow:hidden; font-size:13px !important; height:35px; line-height:17px;  background:url(imagem/bg-fotos-galeria.gif) no-repeat 0 0; }


/* ########## NOVIDADES ########## */

#novidades{width:230px; overflow:hidden;}
#novidades a{color:#247232;}
#novidades a:hover{color:#000;}
#novidades .destaques-imagem{width:230px; height:160px; overflow:hidden;}
#novidades .destaques-imagem ul{width:230px; height:160px; overflow:hidden;}
#novidades .destaques-imagem ul li{width:230px; height:160px; overflow:hidden;}
#novidades .destaques-imagem ul li img{width:230px; height:160px;}

#novidades .destaques-noticias{clear:both; overflow:auto; width:230px;}
#novidades .destaques-noticias ul{clear:both; overflow:hidden;} 
#novidades .destaques-noticias ul li{cursor:pointer; background:#E6F3E3; overflow:hidden; margin-bottom:3px; padding:8px 5px; width:220px;}
#novidades .destaques-noticias ul li:hover{background:#144D33 url(imagem/bg-novidades-selecionado.gif) no-repeat left !important; padding:8px 5px 8px 5px;}
#novidades .destaques-noticias ul li:hover a{color:#FFF !important;}
#novidades .destaques-noticias ul li button{display:none;}
#novidades .destaques-noticias ul li .dd{font-size:34px; width:35px; height:35px; overflow:hidden; float:left; line-height:35px; letter-spacing:-2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#B9D3B8;}
#novidades .destaques-noticias ul li .dma{font-size:12px; width:16px; height:35px; overflow:hidden; float:left; float:left; color:#A2C5A0; letter-spacing:-1px; line-height:16px;}
#novidades .destaques-noticias ul li.selecionado{background:#D2EACD url(imagem/bg-novidades-selecionado.gif) no-repeat left; padding:8px 5px 8px 5px;}

#videos{width:230px; overflow:hidden;}
#videos {cursor:pointer; margin-bottom:3px;}
#videos .video{overflow:hidden;}
#videos .video a{display:block; display:block; background:#E6F3E3;}
#videos .video a:hover{background:#D2EACD;}
#videos .video a span{padding:5px; display:block;}

#redes-sociais{ color:#719979; font-size:13px;}
#redes-sociais ul{margin:10px 3px; overflow:hidden;}
#redes-sociais ul li{ width:42px; float:left; overflow:hidden; padding:0 7px;}
#redes-sociais ul li h2{display:none;}
#redes-sociais ul li a{ height:42px;}
#redes-sociais ul li.orkut a{background-image:url(imagem/ico-orkut.gif); background-repeat:no-repeat; background-position:0 0; display:block;}
#redes-sociais ul li.orkut a:hover{background-position:0 -42px;}
#redes-sociais ul li.flickr a{background-image:url(imagem/ico-flickr.gif); background-repeat:no-repeat; background-position:0 0; display:block;}
#redes-sociais ul li.flickr a:hover{background-position:0 -42px;}
#redes-sociais ul li.youtube a{background-image:url(imagem/ico-youtube.gif); background-repeat:no-repeat; background-position:0 0; display:block;}
#redes-sociais ul li.youtube a:hover{background-position:0 -42px;}
#redes-sociais ul li.twitter a{background-image:url(imagem/ico-twitter.gif); background-repeat:no-repeat; background-position:0 0; display:block;}
#redes-sociais ul li.twitter a:hover{background-position:0 -42px;}

#fotos-galeria{ margin-bottom:20px; overflow:hidden;}

#botoes{ line-height:14px;}
#botoes h3{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#144D33; }
#botoes a{background-repeat:no-repeat; background-position:0 0; display:block; padding:0 0 0 50px; height:42px; overflow:hidden; margin-bottom:10px; }
#botoes a:hover{background-position:0 -42px; color:#000 !important;}
#botoes a.mapa{ background-image:url(imagem/ico-mapa.gif);}
#botoes a.newsletter{ background-image:url(imagem/ico-email.gif);}
#botoes a.indique{ background-image:url(imagem/ico-indique.gif);}


/* ########## AUXILIAR ########## */

#produtos-mutari{ width:760px; clear:both; float:none; margin:20px auto; overflow:hidden; }
#produtos-mutari ul{ overflow:auto;}
#produtos-mutari ul li{ clear:both; float:none; overflow:hidden; cursor:default;}
#produtos-mutari ul li div {cursor:pointer; overflow:auto;}
#produtos-mutari ul li div a{ display:block;  cursor:pointer;}
#produtos-mutari ul li div h3{font-family:Arial, Helvetica, sans-serif;font-weight:lighter;}

#produtos-mutari ul.lista li{height:100px; padding-bottom:10px; clear:none; background:url(imagem/bg-produto-lista.jpg) no-repeat center bottom; margin-bottom:20px;}
#produtos-mutari ul.lista li div.produto{overflow:hidden; padding:0 15px;}
#produtos-mutari ul.lista li div.produto h3{font-size:22px; font-family:Tahoma, Geneva, sans-serif;  line-height:40px; }
#produtos-mutari ul.lista li div.produto span{display:block;}
#produtos-mutari ul.lista li div.produto span.foto{ float:left;}
#produtos-mutari ul.lista li div.produto span.foto img{ width:40px; height:40px;}
#produtos-mutari ul.lista li div.produto span.desc{background:url(imagem/i-descricao2.gif) no-repeat 0 0; clear:both; overflow:hidden; margin-bottom:10px; line-height:15px; padding:0 0 0 18px; }
#produtos-mutari ul.lista li div.produto span.ml{background: url(imagem/ico-ml.gif) no-repeat 0 0; line-height:17px; padding-left:15px; clear:both;  }
#produtos-mutari ul.lista li div.produto span.linha{display:none;}

#produtos-mutari ul.galeria li{width:190px; float:left; height:200px; padding-bottom:10px; clear:none; background:url(imagem/bg-produto-galeria.jpg) no-repeat center bottom; margin-bottom:20px;}
#produtos-mutari ul.galeria li div.produto{overflow:hidden; padding:0 20px; width:150px; display:block; }
#produtos-mutari ul.galeria li div.produto h3{font-size:13px; font-weight:bold;}
#produtos-mutari ul.galeria li div.produto span.foto{width:135px; height:135px; display:block; padding:0 7px; }
#produtos-mutari ul.galeria li div.produto span.desc{display:none;}
#produtos-mutari ul.galeria li div.produto span.ml{display:none;}
#produtos-mutari ul.galeria li div.produto span.linha{display:none;}

#produtos-mutari ul.produto li{ width:380px; float:left; height:135px; clear:none;  padding-bottom:10px;  background:url(imagem/bg-produto-produto.jpg) no-repeat center bottom; margin-bottom:20px;}
#produtos-mutari ul.produto li div.produto{ overflow:hidden; padding:0 20px; width:340px; display:block; }
#produtos-mutari ul.produto li div.produto h3{ font-size:16px; font-weight:bold; float:left; width:191px; float:left;margin-bottom:10px; }
#produtos-mutari ul.produto li div.produto span{ display:block; }
#produtos-mutari ul.produto li div.produto span.foto{width:135px; height:135px; display:block; padding:0 7px; float:left; }
#produtos-mutari ul.produto li div.produto span.desc{  background:url(imagem/i-descricao.gif) no-repeat 0 0; float:left; width:191px; overflow:hidden; padding-top:20px; height:0; margin-bottom:10px; }
#produtos-mutari ul.produto li div.produto span.ml{ width:176px; background: url(imagem/ico-ml.gif) no-repeat 0 0; line-height:17px; float:left; padding-left:15px; overflow:hidden; }
#produtos-mutari ul.produto li div.produto span.linha{display:none;}

#produtos-detalhe{width:760px; clear:both; float:none; margin:0 auto; overflow:auto; }
#produtos-detalhe h1{font-size:36px; font-weight:lighter; } 
#produtos-detalhe h2{font-size:30px; color:#247232; font-weight:lighter;} 
#produtos-detalhe .titulo{float:left;width:560px; height:60px; line-height:60px;}
#produtos-detalhe .catalogo-pdf{float:left; width:200px; height:60px; line-height:60px;}
#produtos-detalhe .catalogo-pdf h3{ font-size:14px; font-weight:bold; line-height:60px;}
#produtos-detalhe blockquote{ clear:both; float:none; background: url(imagem/bg-produto-lista.jpg) no-repeat bottom; padding:20px; width:720px; margin:0 0 20px 0; font-size:14px; line-height:20px; overflow:auto;}
#produtos-detalhe blockquote h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; color:#666; }
#produtos-detalhe div.detalhes{ width:550px; float:left;}
#produtos-detalhe div.detalhes h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:bold; color:#333 !important; }
#produtos-detalhe div.pedido{ width:200px; float:left;}
#produtos-detalhe div.relacionados{ clear:both; float:none; margin-bottom:30px;} 

#produtos-detalhe input{height:50px; width:200px; color:#FFF; cursor:pointer; font-size:22px;}
#produtos-detalhe input:hover{color:#ddd;}
#produtos-detalhe input.bt_nutrit{background:#B3974E; }
#produtos-detalhe input.bt_collori{background:#DD127B; }
#produtos-detalhe input.bt_relax{background:#6BA638; }
#produtos-detalhe input.bt_therapy{background:#7EAFD7; }
#produtos-detalhe input.bt_therapy-sos-scalp{background:#948BB7; }
#produtos-detalhe input.bt_royallyss{background:#B3974E; }



#imagem-ax{ height:0px;}

/* ########## PAGINACAO ########## */


.paginacao{ height:20px; overflow:hidden;}
.paginacao ul li a,  .paginacao ul li a span {background:transparent url(imagem/botoes-paginacao.gif) no-repeat scroll 42px 21px; }

.paginacao ul {display:inline; }
.paginacao ul li {display:inline;float:left; margin:0 2px;}
.paginacao ul li a {background-position:-42px -21px; color:#063; float:left; width:20px; height:20px; display:block; cursor:pointer; text-align:center;}
.paginacao ul li a span {height:20px; width:20px; line-height:20px; position:relative; }
.paginacao ul li a:hover{background-position:-63px 0; color:#000;}

.paginacao ul li.paginacao-volta a {background-position:0 -21px ;  margin:0 5px; text-indent:-77777px; width:20px; height:20px; display:block;}
.paginacao ul li.paginacao-volta a:hover {background-position:0 0;}

.paginacao ul li.paginacao-pagina {}
.paginacao ul li.paginacao-pagina a {background-position:-42px 0; height:20px; width:20px; cursor:default; color:#999;} 
.paginacao ul li.paginacao-pagina span {  }

.paginacao ul li.paginacao-proximo a {background-position:-21px -21px;  margin:0 5px; text-indent:-77777px; width:20px; height:20px; display:block;}
.paginacao ul li.paginacao-proximo a:hover {background-position:-21px 0;}



/* ########## PÁGINA LOGIN ########## */


#login{ clear:both; float:none; margin:50px 0; background:url(imagem/bg-ccc.gif) repeat-y center; text-align:center; overflow:hidden;}
#login h2{font-size:48px; color:#247232; font-weight:lighter; font-style:normal;}  
#login .usuario, #login .cadastro{ width:400px; float:left; padding:0 45px; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
#login .usuario div, #login .cadastro div{ width:300px; margin:35px auto; text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; }
#login span{ background:#FFF; overflow:auto; display:block; clear:both; padding:10px 0 0 0;}


#area-logado {width:180px; margin-bottom:20px;}
#area-logado ul{clear:both; float:none; overflow:hidden; }
#area-logado ul li{ overflow:hidden; margin:5px 0;}
#area-logado ul li a{ background:url(imagem/arrow-v.gif) no-repeat 0 3px; padding-left:10px;}

#area-logado .l-foto{width:40px; height:40px; overflow:hidden; margin:0 5px 0 0; float:left; }

#area-logado .l-sair{ height:15px; width:130px; overflow:hidden; text-align:right; overflow:hidden; margin:0;}
#area-logado .l-sair a{background:url(imagem/ico-x.gif) no-repeat 0 1px; padding-left:15px; line-height:13px; height:15px;}

#area-logado .l-ola{line-height:25px; font-size:12px; width:135px; float:left; height:25px; text-align:center;  margin:0;}
#area-logado .l-nome{line-height:45px; height:45px; margin:0; clear:both; float:none; width:180px;}




/* ########## CARROSSEL CATALOGO ########## */

.jcarousel-skin-tango .jcarousel-container-horizontal{width:733px; overflow:hidden; clear:both; height:auto; _height:100%; margin:0 auto;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:700px; margin-left:15px; overflow:hidden;}
.jcarousel-skin-tango .jcarousel-item{width:175px; background:url(imagem/bg-catalogo-produtos.jpg) no-repeat center bottom; overflow:hidden;}
.jcarousel-skin-tango .jcarousel-item-horizontal{width:135px; float:left; overflow:hidden; height:175px; padding:0 20px 15px 20px !important;} 
.jcarousel-skin-tango .jcarousel-item-horizontal h3{font-size:14px !important;}
.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute; top:65px; right:0; width:15px; height:30px; cursor:pointer; background:transparent url(imagem/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-15px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-30px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default; background-position:-45px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute; top:65px; left:0; width:15px; height:30px; cursor:pointer; background:transparent url(imagem/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-15px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-30px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default; background-position:-45px 0;}

.jcarousel-container{position:relative;}
.jcarousel-clip{z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.jcarousel-list{z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li, .jcarousel-item{float:left; list-style:none; width:175px; overflow:hidden;}
.jcarousel-next{z-index:3; display:none;}
.jcarousel-prev{z-index:3; display:none;}






/* ########## RODAPE ########## */

#rodape{padding-top:160px; background:url(imagem/bg-rodape.jpg) no-repeat center top; text-align:center;}
#rodape ul{ width:983px; margin:0 auto 10px auto; }
#rodape ul li{ display:inline; text-transform:uppercase;}
#rodape ul li a{ display:inline-block; height:20px; line-height:20px; padding:0 7px;  border-bottom:2px #fff solid; }
#rodape ul li a:hover{ border-bottom:2px #093 solid; }
#rodape .tecnoig{position:absolute; height:30px; width:75px; margin:0 10px 10px 10px; }