@charset "iso-8859-1";
/* CSS Document */

.produtos-titulo{height:120px; width:983px; overflow:hidden; background:url(imagem/produtos-titulo.jpg) no-repeat 0 0;}
.produtos-titulo h1{ display:none;}
.produtos-titulo h2{ display:none;}

.produto-menu{ text-align:center; margin:20px 0; height:60px; overflow:hidden;}
.produto-menu ul{ clear:both; overflow:hidden;}
.produto-menu ul li{ height:60px; display:inline; padding:0 20px; overflow:hidden; }
.produto-menu ul li a{ height:60px; display:inline-block; background-position:0 0; background-repeat:no-repeat;}
.produto-menu ul li a:hover{ background-position:0 -60px; }
.produto-menu ul li .selecionado{ background-position:0 -60px; }
.produto-menu ul li a.produtos-collori{ width:81px; background-image:url(imagem/produtos-collori.png);}
.produto-menu ul li a.produtos-therapy{ width:107px;  background-image:url(imagem/produtos-therapy.png);}
.produto-menu ul li a.produtos-relax{ width:70px; background-image:url(imagem/produtos-relax.png);}
.produto-menu ul li a.produtos-nutrit{ width:70px;  background-image:url(imagem/produtos-nutrit.png);}
.produto-menu ul li a.produtos-therapy2{ width:180px; background-image:url(imagem/produtos-therapy-sos-scalp.png);}
.produto-menu ul li a.produtos-royallyss{ width:135px;  background-image:url(imagem/produtos-royallyss.png);}
.produto-menu ul li.ultimo{ border:none;}
.produto-menu ul li h2{display:none;}

.produto-foto{ width:375px; height:400px; float:left; padding:0 0 20px 0; border-bottom:solid #ccc 1px; overflow:hidden;}
.produto-descricao{ width:576px; height:400px; float:left; text-align:center; padding:0 0 20px 0; border-bottom:solid #ccc 1px;  overflow:hidden;}
.produto-descricao h2{ font-size:32px; color:#999; font-weight:lighter !important; height:100px; overflow:hidden; }

.L_royallyss .produto-descricao div a{float:left; height:339px; margin-left:50px;}
.L_royallyss .produto-descricao h2{ height:50px;}

.produto-professional{width:455px; height:280px; padding:20px 20px 0 0 ; border-right:solid #ccc 1px; float:left; overflow:hidden;}
 .produto-everyday{width:455px; height:280px; float:left; overflow:hidden; padding:20px  0 0 20px;}

.produto-professional-new{width:303px; height:280px; padding:20px 25px 0 0 ; border-right:solid #ccc 1px; float:left; overflow:hidden;}
 .produto-everyday-new{width:303px; height:280px; float:left; overflow:hidden; padding:20px  0 0 20px;border-right:solid #ccc 1px;}
 .produto-mascara-new{width:278px; height:280px; float:left; overflow:hidden; padding:20px  0 0 20px;}


.produto-linhas{width:455px; height:280px; float:left; overflow:hidden; padding:20px  0 0 20px;}
.produto-professional h3, .produto-everyday h3, .produto-linhas h3, .produto-professional-new h3,  .produto-everyday-new h3, .produto-mascara-new h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:20px;}

.L_professional, .L_everyday, .L_selecionado{background-image:url(imagem/produtos-linha.gif); background-repeat:no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; height:20px; float:left; line-height:20px; color:#fff; padding:0 5px 0 15px; width:90px; overflow:hidden; margin-right:10px;}

.L_selecionado {background-position:0 -20px !important; color:#FFF; }
a:hover.L_selecionado{color:#FFF !important; background-position:inherit -20px !important;}

.L_professional, .L_everyday{background-position:0 0; color:#FFF;}
a:hover.L_professional, a:hover.L_everyday{background-position:0 0; color:#CADECD;}

.Lp_nutrit{background-position:-330px 0; color:#fff;}
a:hover.Lp_nutrit{ background-position:-330px 0; color:#F0ECDD; }
.Lp_collori{background-position:0 0; color:#fff;}
a:hover.Lp_collori{ background-position:0 0; color:#F9D5E8; }
.Lp_relax{background-position:-220px 0; color:#fff;}
a:hover.Lp_relax{ background-position:-220px 0; color:#E1ECD7; }
.Lp_therapy{background-position:-110px 0; color:#fff;}
a:hover.Lp_therapy{ background-position:-110px 0; color:#DFEBF4; }
.Lp_therapy-sos-scalp{background-position:-440px 0; color:#fff;}
a:hover.Lp_therapy-sos-scalp{ background-position:-440px 0; color:#DDDAE9; }
.Lp_royallyss{background-position:-330px 0; color:#fff;}
a:hover.Lp_royallyss{ background-position:-330px 0; color:#F0ECDD; }