/************/
/*  GLOBAL  */
/************/

*{
margin:0;
padding:0;
border:0;
}
body{
font:11px verdana,arial,tahoma,geneva,sans-serif;
color:#343434;
line-height:14px;
padding:0px 0 0 0;
/*SCROLLBAR-FACE-COLOR:#CC0033;
SCROLLBAR-HIGHLIGHT-COLOR: #6E6E6E;
SCROLLBAR-SHADOW-COLOR: #6E6E6E;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #EAAEBE;
SCROLLBAR-TRACK-COLOR: #D0D0D0;
SCROLLBAR-DARKSHADOW-COLOR: #000000;*/
background:url(../../img/web/bgr.gif) repeat-x;
background-color:#ffe8ec;
}

table {
font:11px verdana,arial,tahoma,geneva,sans-serif;
color:#343434;
}
.pag_total{
font:10px verdana,arial,tahoma,geneva,sans-serif;
color:#4F4F4F;
}

a{
color:#ED018A;
text-decoration:none
}
a:hover{
color:#4F4F4F;
text-decoration:none
}
.ampliar { color:#ED018A; } 
input,select,textarea{
border:#CCCCCC 1px solid;
padding:1px 2px;
color:#000000;
font:11px arial,tahoma,sans-serif;
/*background-color:#cccccc;*/
}
select{
padding:1px
}
ul,li{
list-style:none;
padding:0px;
}
h1 {
padding:0px 0px 0px 0px;
}
h1 span{
display:none;
}

h2 span,h3 span{
padding:0px 0px 0px 0px;
display:none
}
p{
padding:0px 0px 10px 0px;
}

.boton_recomendacion
{
background:url(../../img/web/boton_recomendacion.gif);
border:0;
width:184px;
height:37px;
}

#page{
background:url(../../img/web/bgr-page.jpg) no-repeat center top;
padding:108px 0 0 0;

}

#content{
margin:0 auto;
width:838px;
background:url(../../img/web/bgr-content.png) repeat-y;
_background:url(../../img/web/bgr-content.gif) repeat-y;
}


#cap{
margin:0 auto;
width:838px;
height:57px;
}



.paginacio_r{
text-align:right;
font:10px verdana,arial,tahoma,geneva,sans-serif;
color:#4F4F4F;
margin-bottom:10px;
}

.paginacio{
text-align:right;
font:10px verdana,arial,tahoma,geneva,sans-serif;
color:#4F4F4F;
margin-bottom:10px;
}

/*=== Progress bar ===*/
.progress
{
    display: block;
    position: absolute;
	left:50%;
    padding: 2px 3px;
}
.container
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.header
{
    background: url('../../img/web/sprite.png') repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}


/********************************/
/* 			INICI		        */
/********************************/

#inici{
margin:0 auto;
width:818px;
height:800px;
padding:20px 0 0 0;
}

#inici h1{
padding:18px 0 0 13px;
}

#inici .producte-destacat{
width:756px;
margin:0 auto;
}

#inici-flash {
margin:0 auto;
width:756px;
}

#inici .col1{
float:left;
width:388px;
padding:23px 0 0 31px;
}

#inici .col2{
float:left;
padding:10px 0 0 0;
}

/********************************/
/* 			TIENDA		        */
/********************************/
#tienda a { color:#CA779F; }

#tienda{
margin:0 auto;
width:818px;
height:500px;
}

#tienda .content{
width:756px;
margin:0 auto;
padding:10px 0 0 0;
}

#tienda select{
width:165px;
}

#tienda .menu{
float:left;
padding:10px 0 5px 0;
width:258px;
}
#tienda .menufi{
float:left;
padding:10px 0 5px 1px;
}

#tienda h1{
padding:18px 0 0 13px;
}

#tienda .foto{
padding:4px 0 0 0;
}
#tienda .foto img{
border:1px solid #D8B4C7;
}

/********************************/
/* 			PRODUCTOS		        */
/********************************/

#productos{
margin:0 auto;
width:818px;
height:1020px;
}

#productos .content{
width:756px;
margin:0 auto;
padding:10px 0 0 0;
}

#productos .producte{
padding:10px 0 0 0;
}

#productos .productefi{
padding:10px 0 0 0;
}

/********************************/
/* 			NOVETAT		        */
/********************************/

#novetat{
margin:0 auto;
width:818px;
height:840px;
}

#novetat .content{
width:756px;
margin:0 auto;
padding:20px 0 0 0;
}

#novetat .col1{
float:left;
width:370px;
margin:0 15px 10px 0;
}

#novetat .col2{
float:left;
width:370px;
margin:0 0 10px 0;
}

#novetat .fotoprod{
float:left;
width:183px;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
padding:12px 0 12px 0;
margin:0 0 5px 0;
}

#novetat .detall{
float:left;
width:180px;
color:#343434;
margin-left:7px;
}

#novetat .fecha{
color:#343434;
font-size:10px;
}

#novetat .titulo{
font-size:11px;
font-weight:bold;
color:#ED018A;
}

#novetat .titulo a { color:#ED018A; }
#novetat .titulo a:hover { color:#ED018A; }

/********************************/
/* 			DETALL		        */
/********************************/

#detall{
margin:0 auto;
width:818px;
/*height:840px;*/
}

#detall .img_atributos{
float:left; width:auto; height:65px; margin:0 30px 25px 0;color:#1E8AAE;
font-family:"Times New Roman", Times, serif; font-size:9px;
}

#detall .content{
width:756px;
margin:0 auto;
padding:20px 0 0 0;
}

#detall .producte{
padding:10px 0 0 0;
}

#detall .productefi{
padding:10px 0 0 0;
}


#detall .col1 a{ color:#ED018A }
#detall .col1 a:hover{ color:#ED018A }
#detall .col1{
float:left;
width:300px;
}
#detall .col1 p{
padding:10px 0 0 0;
text-align:center;
}


#detall .col1 img{
border:1px solid #ccc;
}

#detall .col2{
float:left;
width:455px;
}

#detall .col2 a{
color:#000000;
text-decoration:underline;
}

#detall .col2 a:hover{
color:#000000;
text-decoration:underline;
}

#detall .cor{
padding:0 0 15px 15px;
background:url(../../img/web/ic-cor.gif) no-repeat 0 4px;
}

#detall .atras{
padding:0 0 15px 21px;
background:url(../../img/web/ic-atras.gif) no-repeat 0 4px;
}

#detall .ref{
font-size:10px;
}

#detall h1{
font-size:14px;
/*color:#ED018A;*/
text-transform:uppercase;
padding:0 0 20px 0;
}

#detall .foto{
float:left;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
width:134px;
padding:12px 0 11px 0;
margin:10px 10px 0 0px;
}

#detall .preu-d{
float:left;
background:url(../../img/web/bgr-preu.gif);
height:57px;
width:90px;
margin:25px 0 0 0;

}

#detall .preu-d p{
padding:20px 0 0 0;
text-align:center;
/*color:#ED018A;*/
font-size:18px;
}

#detall .form{
width:100%;
margin-bottom:5px;
}
#detall .form select { width:auto; }

#detall .camp{
float:left;
padding:0 10px 5px 0px;
}

#detall .caixa{
float:left;
padding:0 0 5px 0px;
}

#detall .carrito{
padding:0 0 5px 0px;
float:right;
}

#detall h2{
padding:18px 0 0 13px;
}
#detall .destacat{
padding:18px 0 0 0;
}

/********************************/
/*	    	EMPRESA        */
/********************************/
#empresa{
margin:0 auto;
width:818px;
height:510px;
background:url(../../img/web/bgr-empresa.gif) no-repeat right;
}

#empresa .content{
width:440px;
padding:40px 0 0 30px;
text-align:justify;
}

#empresa h1{
padding:0 0 20px 0;
}

#empresa .btn{
float:right;
}
/********************************/
/*	    	LOCALITZACIÓ        */
/********************************/
#local{
margin:0 auto;
width:818px;
height:600px;
}

#local .content{
width:756px;
margin:0 auto;
padding:20px 0 0 0;
}

#local h2{
padding:16px 0 0 13px;
}

#map{
margin:0 auto;
height:356px;
width:704px;
}

.mapa{
background:url(../../img/web/bgr-foto-p.gif);
padding:25px;
margin:0 0 20px 0;
}

/********************************/
/*	    	CONTACTE        */
/********************************/
#contacto{
margin:0 auto;
width:818px;

}

#contacto .content{
width:756px;
margin:0 auto;
padding:20px 0 0 0;
}

#contacto h2{
padding:18px 0 0 13px;
}

#contacto .dades{
padding:0 20px 0 20px;
}

#contacto .col1{
float:left;
width:510px;
padding:0 0px 10px 20px;
}

#contacto .col1 img{
margin:0 40px 0 0;
}

#contacto .col1 p{
padding:10px 0 0 0;
}

#contacto .col2{
float:left;
width:175px;
}

#contacto .col2 p{
padding:25px 0 0 0;
}
#contacto .garantia{
font-size:10px;
padding:20px 0 0 0;
}
/********************************/
/*	    	TOCADOR		        */
/********************************/

#tocador{
margin:0 auto;
width:818px;
height:440px;
}
#tocador .content{
width:756px;
margin:0 auto;
padding:30px 0 0 0;
}

/********************************/
/* 		    	PEU		        */
/********************************/

#peu{
margin:0 auto;
width:838px;
background:url(../../img/web/bgr-peu.gif) no-repeat;
_background:url(../../img/web/bgr-ie6-peu.gif) no-repeat;
padding:30px 0 15px 0;
}

#peu .menu{
font-size:10px;
font-weight:bold;
text-align:center;
color:#F286BD;
padding:0 0 8px 0;
}

#peu a { color:#F286BD; }
#peu a:hover { color:#F286BD; text-decoration:underline; }

#peu .txt{
font-size:11px;
text-align:center;
color:#F286BD;
padding:0 0 5px 0;
}

#peu .avellana{
margin:3px 0 0 0;
}

/********************************/
/* 			CLASS		        */
/********************************/

.titol{
height:43px;
background:url(../../img/web/bgr-banda-g.gif) no-repeat 0 5px;
padding:0 0 8px 0;
}

.titol-m{
height:43px;
background:url(../../img/web/bgr-banda-m.gif) no-repeat 0 5px;
padding:0 0 8px 0;
}

.titol-p{
width:238px;
height:43px;
background:url(../../img/web/bgr-banda-p.gif) no-repeat 0 5px;
padding:0 0 8px 0;
}

.producte{
float:left;
height:220px;
width:191px;
}

.productefi{
float:left;
height:196px;
width:183px;
margin-bottom:10px;
}

.fotoprod{
width:183px;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
padding:12px 0 12px 0;
margin:0 0 5px 0;
}

.txtprod{
width:183px;
height:77px;
background:url(../../img/web/bgr-txt-p.gif);
/*color:#ED018A;*/
}


.txtprod p{
padding:5px 5px 0 5px;
}

.preu{
float:left;
font-size:14px;
font-weight:bold;
}

.mesinfo{
float:right;
margin:2px;
}

.noticia-p{
float:left;
width:390px;
height:108px;
}

.fotonot{
float:left;
background:url(../../img/web/bgr-foto-p.gif);
text-align:center;
width:134px;
padding:12px 0 11px 0;
}

.txtnot{
float:left;
width:235px;
padding:0px 0 0px 10px;
}

.txtnot h2{
font-size:12px;
color:#ED018A;
text-transform:uppercase;
padding:0 0 10px 0;
}

.txt10{
font-size:10px;
}

.data{
font-size:10px;
padding:0px;
}

.fil{
background-color:#F8E4EE;
color:#D085AA;
padding:0 0 4px 31px;
font-size:10px;
}
.fil a{
color:#CA779F;
}
.fil a:hover{
color:#CA779F;
text-decoration:underline;
}

#pag{
padding:10px 0 0 0;
text-align:center;
color:#343434;
font-weight:bold;
font-size:10px;
}
#pag span{
color:#ED018A;
}
#pag a { color:#343434; }
#pag a:hover { color:#ED018A; }
#pag span.current { color:#ED018A; }


/*   ---- formulario  -- */
#formulari{
padding:10px 0 0 25px;
}
#formulari p{
padding:0 0 0 70px;
font-size:10px;
}

#captcha{
float:left;
padding:0 0 0 70px;
}
#captcha img{
border:1px solid #A7A499; 
margin:15px 0 0 0;
}

#captchatxt{
float:left;
padding:20px 0 0 30px;
}
.refrescar{
padding:0 0 0 70px;
}
.txtcamp{
float:left;
padding:5px 5px 5px 0;
}
.txtbox{
float:left;
padding:5px 15px 5px 0;
}

.button_enviar {
float:right;
background:url(../../img/web/b-enviar.gif);
height:37px;
width:155px;
border:0px;
margin:20px 100px 0 0 ;
}

.box{
float:left;
padding:5px 5px 5px 0;
*padding:0px 5px 0px 0;
}

.camp{
float:left;
padding:5px 10px 5px 0;

}
.checkbox{
border:0px;
}

.error{
font-size:10px;
color:#FF0000;
padding:10px 0 0 0;
font-weight:bold;

}

.enviat{
padding:20px;
}
/* -- fi formulari -- */

.separa{
height:80px;

}

.clear{
clear:both;
}
/********************************/
/*  MISSATGES FLASH             */
/********************************/

.message { z-index:10; width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }


/*=== Category Path ===*/
.path{
	height: 25px;
}
.path ul{
}
.path li{
	background: url('../../img/web/ico-arrow.gif') no-repeat left;
	float: left;
	line-height: 30px;
	padding: 0 5px 0 15px;
}
.path li a{
	text-decoration: none;
}
.path li a:hover{
	text-decoration: none;
}

/* PROCESO COMPRA */
.proceso_compra { margin:10px 0 0; padding-bottom:20px; }
.proceso_compra input { width:250px; }
.proceso_compra img { border:0; }
.proceso_compra .boton {width:auto;height:auto;border:0;}
.proceso_compra form { text-align:center; }
.proceso_compra table.tabla
{
	margin-left:170px;
	margin-top:30px;
	font-size:11px;
}
.proceso_compra table tr th,th a
{
	background-color:#F3D2E2;
	text-align:left;
	color:#AA7790;
	padding-left:10px;
	height:30px;
	font-size:11px;
}
.proceso_compra table tr th.left{
text-align:left;
}

.proceso_compra table tr td.left
{
	font-size:11px;
	text-align:left;
}
.proceso_compra table tr td.right
{
	font-size:11px;
	text-align:right;
}

/*=== Other Images Wrapper ===*/
.wrapper2{
	background-image:url('../../img/web/bgr-foto-p.gif');
	color: #716f6d;
	float: left;
	font-size: 10px;
	padding: 10px 4px 15px; 
	text-align: center;
	width: 145px;
	height: 100px;
/*	border:1px solid #000000; */
	margin-right:34px;
}
.wrapper2 h3{
	font-size: 10px;
	font-weight: normal;
}
.wrapper2 h3 a{
	color: #716f6d;
}
.wrapper2 p{
	color: #ad0600;
}

#box_distribuidor{
position:relative;
left:513px;
font:10px verdana,arial,tahoma,geneva,sans-serif;
width:280px;
top:-28px;
_top:-16px;
_margin-top:-12px;
}

#box_distribuidor li{
float:right;
padding:0 0px 0 10px;
background:url(../../img/web/ic-fletxa.gif) no-repeat 0 5px;
}
#box_distribuidor li a{
font-size:9px;
color:#ED018A;
text-decoration:underline;
}