@charset "utf-8";
/* CSS Document */

/* Estils generals de Tag's lll */
html, body {
	margin:0px 0px 0px 0px;
			background-color: #FFF;
		color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width:100%;
	height:100%
}

img {
	border:none;
}

.main
{
	background-color: #FFF;
}

a
{
	color:#000;
	text-decoration: none;
}

a:hover
{
	color:#2271B3;
}

.linkActive
{
	color:#2271B3;
}

a.remarcar
{
	color: #2271B3;
}

a.remarcar:hover
{
	text-decoration:underline;
}

h1
{
	font-family: Verdana, Geneva, sans-serif;
	color: #2271B3;
	font-size: 20px;
	margin: 0px;
}

hr.color
{
	color:#2271B3;
	background-color:#2271B3;
	height: 2px;
	border: 0;
}

hr.sep1
{
	clear: both;
    background-color: #bebebe;
    border: medium none;
    height: 1px;
    width: 100% !important;
}

.nota
{
	font-style: italic;
}

.center
{
	text-align: center;
}


.columnLeft
{
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.columnRight
{
	width: 50%;
	float: right;
	margin-bottom: 20px;
}

.clear
{
	clear: both;
}

.message
{
	background-color: #2271B3;
	color: #FFF;
	padding: 10px;
	margin: 20px;
}

.message a
{
	color: #FFF;
	text-decoration: underline;
}

.textSmall
{
	font-size:11px;
	font-weight:normal;
}

.valueReadOnly
{
	color: #3f3f3f;
	border: 0px;
}

.indentLeft
{
	margin-left: 20px;
}

.center
{
	text-align:center;
}

.descH2 h2
{
	float: left;
}

.descH2 a
{
	border-bottom: 1px solid #2271B3;
    padding-bottom: 2px;
}

.descH2 p
{
	margin: 14px;
	display: inline-block;
}

.descH2 img
{
	vertical-align:middle;
}

.colorOk
{
	color: #039e04;
}

/****************************************************************/
/* Estils de la llei anticookies                                */
/****************************************************************/
.msgcookie {
	display:block;
	position:fixed;
	bottom:0;
	width:100%;
	height: 50px;
	z-index:60;
	background-color: rgba(0,0,0,0.8);
	color:#fff;
	font-size:11px;
	font-family:sans-serif;
}

.msgcookie #cookieText{
	width:960px;
	margin:0 auto;
	background:url("/temas/default/img/cookie.png") 0 0 no-repeat;
	padding:10px 0 0 30px;
}

.msgcookie #cookieLinks{
	display: inline;
}

.msgcookie a:link,.msgcookie a:active,.msgcookie a:visited,.msgcookie a:hover{
	color:#fff
}

.msgcookie a.close{
	float:right;
	display:block;
	width:16px;
	height:50px;
	background:url("/temas/default/img/cookie.png") 0 -45px no-repeat;
	overflow:hidden;
	text-indent:-80px;
	opacity:0.5;
	margin:0 0 0 40px;
}

a.close:hover{
	opacity:1
}

.msgcookie a.moreInfo
{
	padding: 0 30px;
	display:inline;
	text-decoration: underline;

}

.msgcookie a.close2
{
	display:none;
}

/****************************************************************/
/* Estils de la cabecera                                        */
/****************************************************************/
#cabecera {
			background: url("../img/img-fondo-cabecera.png") repeat-x top left;
		min-width:950px;
}

#cabecera #contenidocabecera {
	height: 145px;
	margin: 0 auto;
	width: 950px;
}

#cabecera #contenidocabecera #izquierdacabecera {
	position:relative;					/* Posicio relativa de la capa */
	float:left;							/* Flotar (alinear) a la esquerra */
	clear:left;							/* No permetre cap element a la seva esquerra */
	height:145px;						/* Alçada de la capa */
	width:315px;						/* Amplada de la capa */
}

#cabecera #contenidocabecera #izquierdacabecera #logocabecera {
	position:absolute;
	left:0px;
	top:40px;
}

#cabecera #contenidocabecera #centrocabecera {
	position:relative;					/* Posicio relatvia de la capa */
	float:left;							/* Flotar (alinear) a la esquerra */
	height:145px;						/* Alçada de la capa */
	width:320px;						/* Amplada de la capa */
}

#cabecera #contenidocabecera #centrocabecera .textogrande {
	font-family: Verdana, Geneva, sans-serif;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	color:#FFF;
}

#cabecera #contenidocabecera #derechacabecera {
	position:relative;					/* Posicio relativa de la capa */
	float:left;							/* Alinear la capa a la esquerra */
	clear:right;						/* No permetre cap element a la seva dreta */
	height:145px;						/* Alçada de la capa */
	width:315px;						/* Definir la amplada de la capa */
	text-align:center;
	vertical-align:middle;
}

#cabecera #contenidocabecera #derechacabecera #logocadena {
	position:relative;
	margin-top:40px;
}

#barramenu {
	background: #2271B3;
	margin-bottom: 5px;
	min-width:950px;
}

#barramenu #contenidobarremenu {
	height: 30px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#barramenu #contenidobarremenu #barraopciones {
	position:relative;
	float:left;
	clear:left;
	width:715px;
}

#barramenu #contenidobarremenu #barraopciones ul {
	list-style-type: none;				/* Definir sense estil les vinyetes */
	height: 30px;						/* Alçada del menu */
	width: 900px;						/* Amplada total del menu */
	margin: 0px;						/* Marge */
	padding:0px;						/* Marge interior a cero */
}

#barramenu #contenidobarremenu #barraopciones li {
	float: left;								/* Elements alineats a l'esquerra de cada un */
}

#barramenu #contenidobarremenu #barraopciones ul a {
	padding-right: 10px;						/* Marge per la dreta */
	padding-left: 0px;							/* Marge per la esquerra */
	width:90px;									/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 12px;							/* Mida de la lletra */
	font-weight:bold;							/* Activar la negreta */
	color: #FFF;		/* Color de la lletra */
	text-align:center;							/* Alineació de text al mig */
}

#barramenu #contenidobarremenu #barraopciones ul a:hover {
	color: #FFF;								/* Color al situar-nos al damunt (hover) */
	background: #000;
}

#barramenu #contenidobarremenu #redes {
	position:relative;
	float:right;
	clear:right;
	margin-left:40px;
	margin-top:5px;
}

#barramenu #contenidobarremenu #redes a {
	text-decoration:none;
}

#barramenu #contenidobarremenu #redes img {
	margin-left:5px;
}


#barramarques
{
	background-color: #FFF;
}

#barramarques #autentificar #login #poslogin
{
	position:relative;
	float:left;
	margin-left:10px;
	top:8px;
}
#barramarques #autentificar #newuser #posentrar
{
	position:relative;
	float:left;
	margin-left:10px;
	top:8px;
}
#barramarques #autentificar #login #poscerrar
{
	position:relative;
	float:left;
	margin-left:10px;
	top:8px;
}
#barramarques #autentificar #newuser #postuperfil
{
	position:relative;
	float:left;
	margin-left:10px;
	top:8px;
}

#barramarques #autentificar #newuser #posentrar .botoreg
{
	position:relative;
	float:right;
	text-decoration: none;
	color: #fff;
	background-color: #666;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;
}

#barramarques #autentificar #newuser #postuperfil .botoperfil
{
	position:relative;
	float:right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;
}

#barramarques #autentificar #login #poscerrar .botosortir
{
	position:relative;
	float:right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-left:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#barramarques #autentificar #login #poslogin .botoentrar
{
	position:relative;
	float:right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;
}

.button1
{
	color: #fff;
	background-color: #666;
}


.buttonAction
{
	background: url("../img/background-button-action.png") repeat-x;
	color: #FFF;
	padding: 7px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* KHTML */
	border-radius: 4px; /* CSS3 */
	border: 0;
	cursor: pointer;
	height: 36px;
}

.buttonActionSmall
{
	background-color: #01B506;
	color: #FFF;
	padding: 2px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* KHTML */
	border-radius: 4px; /* CSS3 */
	border: 0;
	cursor: pointer;
}

a.buttonAction
{
	background: url("../img/background-button-action.png") repeat-x;
	color: #FFF;
	padding: 8px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* KHTML */
	border-radius: 4px; /* CSS3 */
}

a.buttonAction:hover,a.buttonAction:hover
{
	color: #FFF;
	text-decoration: none;
}

a.buttonEscape
{
	color: #FFF;
	font-size: 15px;
	text-align: center;
	background: url("../img/background-button-escape.png") repeat-x;
	padding: 8px 10px;
	display: inline-block;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* KHTML */
	border-radius: 4px; /* CSS3 */
}

a.buttonEscape:active,a.buttonEscape:hover
{
	text-decoration: none;
}

#searchFullWidth
{
	background: #333;
	overflow: auto;
	position: relative;
	width: 948px;
	margin-bottom: 10px;
}

#searchFullWidth #textbuscar
{
	left: 84px;
	margin-bottom: 0;
}

#textbuscar
{
	position:relative;
	float:left;
	background-color: #333;
	width:775px;
	margin-bottom:10px;
	height:90px;
}

#textbuscar #bloc1
{
	position:relative;
	float:left;
	color: #FFF;
	margin-left:15px;
}

#textbuscar #bloc1 #textbloc1
{
	position:relative;
	float:left;
	clear:right;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-top:5px;
}

#textbuscar #bloc1 #caixabloc1
{
	position:relative;
	float:left;
	clear:both;
	margin-top:5px;
}


#textbuscar #bloc2
{
	position:relative;
	float:left;
	color:#FFF;
	margin-left:15px;
	margin-bottom:5px;
}

#textbuscar #bloc2 #textbloc2d,
#textbuscar #bloc2 #textbloc2h,
#textbuscar #bloc2 #textbloc2e
{
	position:relative;
	float:left;
	margin-top:10px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
}

#textbuscar #bloc2 #caixabloc2d,
#textbuscar #bloc2 #caixabloc2h
{
	position:relative;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

#textbuscar #bloc3
{
	position:relative;
	float:left;
	color:#FFF;
	margin-bottom:5px;
}

#textbuscar #bloc3 #textbloc3
{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:160px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
}

#textbuscar #bloc3 #caixabloc3
{
	position:relative;
	float:left;
	margin-left:5px;
	margin-top:10px;
}

#textbuscar #bloc4
{
	position:relative;
	float:left;
	clear:right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:5px;
}


.login_btn,
.register_btn,
.account_btn,
.logout_btn {
text-decoration:none;
/*text-shadow:1px 1px 0 #000;
-moz-text-shadow:1px 1px 0 #000;
-webkit-text-shadow:1px 1px 0 #000;*/
color:#fff;
font-weight:bold;
font-size:13px;
text-align:center;
vertical-align:middle;
}


#login_box {
	display:none;
	position:absolute;
	width:236px;
	margin:40px 0 0 732px;
	z-index:30;
}

#login_box_content {
background: #E9E9E9;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-color:#000;
border-width:2px;
border-style:solid;
float:left;
width:236px;
}

#login_form {
margin:9px 0 0 9px;
}

#login_form h2 {
color:#00558a;
}

#login_form span {
color:#00558a;
float:left;
clear:right;
margin-bottom:0px;
}

#login_form input[type=text],#login_form input[type=password] {
border:1px solid #d8d8d8;
border-radius:3px;
font:italic 14px Georgia,times,sans-serif;
height:37px;
width:205px;
margin-top:3px;
padding-left:10px;
}

#login_form input[type=submit] {
border:none;
background:#000;
color:#00558a;
float:right;
margin:9px 9px 9px 0;
width:56px;
height: 29px;
cursor:pointer;
}


/****************************************************************/
/* Estils de la zona continguts                                 */
/****************************************************************/
#zona {
	position:relative;					/* Posicio de la capa relativa */
	clear:both;							/* Eliminar contingut dreta i esquerra */
	overflow:visible;					/* Si la capa es més gran a de creixer */
	width:950px;						/* Amplada de la capa de contingut */
	padding:0px 0px 0px 0px;			/* Marge interior de la capa */
	background-color: #FFF;					/* Color de fons de la capa */
	height:auto;						/* Alçada de la capa */
	margin:0px auto;
}

/* Zona lateral dels menús */
#zona #lateralzona {
	float: left;
	width: 150px;
}

#zona #lateralzona #titol {
	position:relative;								/* Posicio relativa dins del element */
	width:146px;									/* Amplada total del titol */
	background:#2271B3;								/* Color de font del titol */
	margin-bottom:5px;								/* Marge per la part inferior per separa */
	padding-left:4px;
}

#zona #lateralzona #titol span,
#zona #contenidozona #cabecerazona #atencion span,
#zona #contenidozona #cabecerazona #cesta #titulocesta span,
#zona #contenidozona #cabecerazona #marcas #titulomarcas span {
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;
	color:#FFF;
	padding:0px;
	margin:0px;
}

#zona #lateralzona #imagencatalogo
{
	position:relative;
	width:150px;
	height:232px;
}

#zona #lateralzona #menu {
	position:relative;
	width:150px;
	/*background:#EEE;*/
}

#zona #lateralzona #menu ul {
	list-style-type: none;				/* Definir sense estil les vinyetes */
	width: 150px;						/* Amplada total del menu */
	margin: 0px;						/* Marge */
	padding:0px;						/* Marge interior a cero */
	}

#zona #lateralzona #menu ul a {
	padding-right: 0px;							/* Marge per la dreta */
	padding-left: 3px;							/* Marge per la esquerra */
	width:147px;								/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 12px;							/* Mida de la lletra */
	color: #FFF;								/* Color de la lletra */
	text-align:left;							/* Alineació de text al mig */
	border-bottom-color:#000;					/* Color del Borde Inferior */
	border-bottom-style:solid;					/* Estil de la linea del borde */
	border-bottom-width:1px;					/* Gruix del borde inferior */
	background:#2271B3;							/* Color de fons del enllaç */
}

#zona #lateralzona #menu ul a:hover {
	color: #FFF;								/* Color al situar-nos al damunt (hover) */
	background:#000;							/* Color de fons al situar-nos al damunt */
}

.menuselect {
	padding-right: 0px;							/* Marge per la dreta */
	padding-left: 3px;							/* Marge per la esquerra */
	width:147px;								/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 12px;							/* Mida de la lletra */
	color:#FFF;								/* Color de la lletra */
	text-align:left;							/* Alineació de text al mig */
	border-bottom-color:#000;					/* Color del Borde Inferior */
	border-bottom-style:solid;					/* Estil de la linea del borde */
	border-bottom-width:1px;					/* Gruix del borde inferior */
	background:#000;							/* Color de fons del enllaç */
}

#zona #lateralzona #menu #subitem ul {
	list-style-type: none;				/* Definir sense estil les vinyetes */
	width: 150px;						/* Amplada total del menu */
	margin: 0px;						/* Marge */
	padding:0px;			/* Marge interior a cero */
	}

#zona #lateralzona #menu #subitem ul a {
	padding-right: 0px;							/* Marge per la dreta */
	padding-left: 3px;							/* Marge per la esquerra */
	width:147px;								/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 10px;							/* Mida de la lletra */
	color:#000 ;								/* Color de la lletra */
	text-align:left;							/* Alineació de text al mig */
	border-bottom-color:#000;					/* Color del Borde Inferior */
	border-bottom-style:solid;					/* Estil de la linea del borde */
	border-bottom-width:1px;					/* Gruix del borde inferior */
	background:#999;							/* Color de fons del enllaç */
}

#subitem .submenuselect {
	padding-right: 0px;							/* Marge per la dreta */
	padding-left: 3px;							/* Marge per la esquerra */
	width:147px;								/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 10px;							/* Mida de la lletra */
	color:#FFF; 								/* Color de la lletra */
	text-align:left;							/* Alineació de text al mig */
	border-bottom-color:#000;					/* Color del Borde Inferior */
	border-bottom-style:solid;					/* Estil de la linea del borde */
	border-bottom-width:1px;					/* Gruix del borde inferior */
	background:#666;							/* Color de fons del enllaç */
}

#zona #lateralzona #menu #subitem ul a:hover {
	color:#FFF;								/* Color al situar-nos al damunt (hover) */
	background:#666;							/* Color de fons al situar-nos al damunt */
}


/* Menu de famílies i subfamílies amb imatges */
.menuImg
{
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;
	padding-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.menuImg li
{
	width: 118px;
	height: 170px;
	margin: 10px;
	border: 1px solid #000;
	float:left;
	overflow: hidden;
}


.menuImg a
{
	display: block;
	text-decoration: none;
}

.menuImg img
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.menuImg .noImageF
{
	height: 118px;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	color: #2271B3;
	overflow: hidden;
	opacity: 0.5;
	word-wrap:break-word;
	line-height: 25px;
}

.menuImg .noImageS
{
	height: 118px;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	color: #999;
	overflow: hidden;
	opacity: 0.5;
	word-wrap:break-word;
	line-height: 25px;
}

.menuImg .nomFamilies
{
	background: #2271B3;
	color: #FFF;
	height: 52px;
	display: table;
	width: 100%;
}

.menuImg .nomFamilies a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
}

.menuImg .nomFamilies a:hover
{
	color: #FFF;
	background:#000;
}

.menuImg .nomSubFamilies
{
	background: #999;
	color: #000;
	height: 52px;
	display: table;
	width: 100%;
}

.menuImg .nomSubFamilies a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
}

.menuImg .nomSubFamilies a:hover
{
	color: #FFF;
	background:#666;
}

/* Contingut del costat dret dels menús */
#zona #contenidozona {
	background: #FFF;
	margin-left:20px; /*23*/
	width: 777px;
	float:left;
	overflow: visible;
}

/* Contingut de la part superior del contingut (superior) */
#zona #contenidozona #cabecerazona {
position:relative;					/* Posicio relativa de la capa */
overflow:visible;					/* Ocultar el contingut de fora de la capa */
width:inherit;						/* Agafar la amplada del pare #contenido */
background:#FFF;					/* Color de fons de la capa */
margin-bottom:10px;					/* Marge inferior de lca capa */
}

/* Zona del banner superior amb moviments d'imarges */
#zona #contenidozona #cabecerazona #bannerzona {
position:relative;					/* Posició relativa de la capa */
overflow:hidden;					/* Si el contingut està fora de les mides ocultar-ho */
float:left;							/* Posició esquerra de la capa */
clear:left;							/* No permetre cap element a la seva esquerra */
width:550px;						/* Amplada del banner */
height:225px;						/* Alçada del Banner */
background:#999;					/* Color de Fons del Banner */
margin-right:24px;					/* Marge per la dreta per separar dels altres elements */
margin-bottom:5px;					/* Marge per la part inferior per serpara d'altres elements */
}

/* Zona d'Atenció al client */
#zona #contenidozona #cabecerazona #atencion {
	position:relative;					/* Posició relativa de l'atenció al client */
	float:left;							/* Ha de flotar per l'esquerra */
	clear:right;						/* No deixar que tingui cap element a la seva dreta */
	overflow:hidden;					/* Ocultar el contingut que sigui més gran que la mida */
	width:202px;						/* Amplada de la capa */
	height:90px;						/* Alçada total de la capa */
	padding:0px 0px 0px 0px;			/* Marges interiors de la capa */
}

/* Titol de la zona d'atenció al client */
#zona #contenidozona #cabecerazona #atencion #tituloatencion {
	position:relative;								/* Posicio relativa dins del element */
	width:195px;									/* Amplada total del titol */
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;
	background:#2271B3;
	color:#FFF;										/* Color de la lletra del titol */
	margin-bottom:5px;								/* Marge per la part inferior per separa */
	padding-left:5px;
	border-color:#2271B3;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;								/* Gruix del borde */
}

/* Text (contingut) de la zona d'atenció al client */
#zona #contenidozona #cabecerazona #atencion #textoatencion {
	position:relative;								/* Posicio relativa dins del element */
	overflow:hidden;
	width:198px;									/* Amplada del element (menys bordes i marges interiors) */
	max-height:60px;									/* Alçada del element */
	background:#FFF;								/* Color de fons del element */
	color: #000;
	padding-left:1px;								/* Marge interior per l'esquerra */
	padding-right:1px;								/* Marge interior per la dreta */
	padding-bottom:2px;								/* Marge interior per baix */
	padding-top:2px;								/* Marge interior per dalt */
	border-color:#000;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;								/* Gruix del borde */
	vertical-align:middle;
}

#zona #contenidozona #cabecerazona #atencion #textoatencion p {
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del element */
	font-weight:bold;								/* Negreta */
	font-size:9px;									/* Mida de la lletra del text */
	color:#000;										/* Color de la lletra */
	line-height:11px;
	margin:0px;
}

/* Zona de la cistella de la compra */
#zona #contenidozona #cabecerazona #cesta {
	position:relative;					/* Posició relativa de l'atenció al client */
	float:left;							/* Ha de flotar per l'esquerra */
	clear:right;						/* No deixar que tingui cap element a la seva dreta */
	overflow:hidden;					/* Ocultar el contingut que sigui més gran que la mida */
	width:202px;						/* Amplada de la capa */
	height:90px;						/* Alçada total de la capa */
	padding:0px 0px 0px 0px;			/* Marges interiors de la capa */
	margin-bottom:5px;					/* Marge per la part inferior */
}

/* Titol de la cistella de la compra */
#zona #contenidozona #cabecerazona #cesta #titulocesta {
	position:relative;								/* Posicio relativa dins del element */
	width:195px;									/* Amplada total del titol */
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;
	background:#2271B3;								/* Color de font del titol */
	color:#FFF;										/* Color de la lletra del titol */
	margin-bottom:5px;								/* Marge per la part inferior per separa */
	padding-left:5px;
	border-color:#2271B3;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;								/* Gruix del borde */
}

/* Text (contingut) de la cistella de la compra */
#zona #contenidozona #cabecerazona #cesta #textocesta {
	position:relative;								/* Posicio relativa dins del element */
	width:198px;									/* Amplada del element (menys bordes i marges interiors) */
	height:60px;									/* Alçada del element */
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del element */
	font-weight:bold;								/* Negreta */
	font-size:9px;									/* Mida de la lletra del text */
	background: #FFF;								/* Color de fons del element */
	color:#000;										/* Color de la lletra */
	padding-left:1px;								/* Marge interior per l'esquerra */
	padding-right:1px;								/* Marge interior per la dreta */
	padding-bottom:2px;								/* Marge interior per baix */
	padding-top:2px;								/* Marge interior per dalt */
	border-color:#000;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;								/* Gruix del borde */
}

#zona #contenidozona #cabecerazona #cesta #textocesta #imagenescesta {
	width:70px;
	margin-left:3px;
	height:60px;
	float:left;
	clear:left;
	text-align:center;
}

#zona #contenidozona #cabecerazona #cesta #textocesta #imagenescesta img {
	margin-top:3px;
}

#zona #contenidozona #cabecerazona #cesta #textocesta #detallecesta {
	width:115px;
	margin-left:5px;
	height:60px;
	float:left;
	clear:right;
	text-align:left;
}

#zona #contenidozona #cabecerazona #cesta #textocesta #detallecesta .etiqueta {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:100;
	margin-top:5px;
	margin-left:5px;
}

#zona #contenidozona #cabecerazona #cesta #textocesta #detallecesta .etiqueta span {
	font-weight:bold;
	font-size:11px;
}

/* Zona del Telefon */
#zona #contenidozona #cabecerazona .telefono {
	position:relative;								/* Posicio relativa de la capa */
	overflow:hidden;								/* Si el contingut es massa gran ocultar-ho */
	float:left;										/* Alineació a la esquerra */
	clear:right;									/* No deixar tenir-hi res a la seva dreta */
	width:180px;									/* Amplada de la capa (menys marges, bordes, ....) */
	padding-left:20px;
	height:33px;									/* Alçada de la capa */
	display: table;
	background:#FFF;								/* Color de fons de la capa */
	border-color:#000;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;								/* Gruix del borde */
	margin-top:5px;
	margin-bottom:5px;
}


#zona #contenidozona #cabecerazona .telefono .textotelefono {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	height:16px;
	line-height:16px;
	margin-top:7px;
}

#zona #contenidozona #cabecerazona .telefono .textotelefono2 {
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra de la capa */
	font-size:12px;									/* Mida de la lletra */
	font-weight:bold;
	line-height:14px;
	color:#666666;
	display: table-cell;
	vertical-align: middle;
}

/* Zona del cataleg */
#zona #contenidozona #cabecerazona #catalogo {
position:relative;								/* Posicio relativa de la capa */
overflow:hidden;								/* Si el contingut es massa gran ocultar-ho */
float:left;										/* Alineació a la esquerra */
clear:right;									/* No deixar tenir-hi res a la seva dreta */
width:203px;									/* Amplada de la capa (menys marges, bordes, ....) */
height:28px;									/* Alçada de la capa */
background:#00558a;								/* Color de fons de la capa */
}

#zona #contenidozona #cabecerazona #catalogo #textcatalogo {
font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra de la capa */
font-size:13px;									/* Mida de la lletra */
color:#FFF;										/* Color de la lletra */
height:22px;
text-align:center;
vertical-align:middle;
line-height:14px;
margin-top:6px;
}

#zona #contenidozona #cabecerazona #catalogo #textcatalogo a {
color:#FFF;
text-decoration:none;
}

#zona #contenidozona #cabecerazona #catalogo #textcatalogo a:hover {
text-decoration:underline;
}

/* Zona de les marques fitxes */
#zona #contenidozona #cabecerazona #marcas {
position:relative;								/* Posicio relativa de la capa */
overflow:hidden;								/* Ocultar el contingut si es massa gran */
float:left;										/* Situar-se la capa a la esquerra */
clear:left;										/* No deixar tenir-hi cap element a la seva esquerra */
width:774px;									/* Amplada total menys marges, bordes, etc... */
height:75px;									/* Alçada total de la capa */
background:#FFF;								/* Color de fons de la capa */
margin-bottom:10px;
}

#zona #contenidozona #cabecerazona #marcas #titulomarcas {
	position:relative;								/* Posicio relativa dins del element */
	width:769px;									/* Amplada total del titol (menys borde, marges, ...) */
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;								/* Negreta */
	background:#2271B3;
	color:#FFF;										/* Color de la lletra del titol */
	padding-left:3px;								/* Marge esquerra de seperació */
	margin-bottom:5px;								/* Marge inferior de separació */
	border-color:#2271B3;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;
}

#zona #contenidozona #cabecerazona #marcas #textomarcas {
position:relative;								/* Posició relatvia de la capa */
width:764px;									/* Amplada de la capa (menys bordes, marges, ...) */
height:50px;									/* Alçada de la capa */
background:#FFF;								/* Color de fons */
padding-left:5px;								/* Marge esquera interior */
padding-right:5px;								/* Marge dret interior */
border-bottom-color:#000;						/* Color del borde inferior */
border-bottom-style:solid;						/* Estil del borde inferior */
border-bottom-width:3px;						/* Gruix del borde inferior */
}

#zona #contenidozona #cabecerazona #marcas #textomarcas a {
	display: block;
	float: left
}


#marcas #titulomarcas span {
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;
	color:#FFF;
	padding:0px;
	margin:0px;
}

/* Zona de les marques fitxes */
#marcas {
	position:relative;								/* Posicio relativa de la capa */
	overflow:hidden;								/* Ocultar el contingut si es massa gran */
	float:left;										/* Situar-se la capa a la esquerra */
	/*clear:left;*/										/* No deixar tenir-hi cap element a la seva esquerra */
	width:774px;									/* Amplada total menys marges, bordes, etc... */
	height:75px;									/* Alçada total de la capa */
	background:#FFF;								/* Color de fons de la capa */
	margin:10px auto;
}

#marcas #titulomarcas {
	position:relative;								/* Posicio relativa dins del element */
	width:769px;									/* Amplada total del titol (menys borde, marges, ...) */
	font-family:Verdana, Geneva, sans-serif;		/* Tipus de lletra del titol */
	font-size:13px;									/* Mida de lletra del titol */
	font-weight:bold;								/* Negreta */
	background:#2271B3;
	color:#FFF;										/* Color de la lletra del titol */
	padding-left:3px;								/* Marge esquerra de seperació */
	margin-bottom:5px;								/* Marge inferior de separació */
	border-color:#2271B3;								/* Color del borde del quadrat */
	border-style:solid;								/* Estil solid del quadrat */
	border-width:1px;
}

#marcas #textomarcas {
	position:relative;								/* Posició relatvia de la capa */
	width:764px;									/* Amplada de la capa (menys bordes, marges, ...) */
	height:44px;									/* Alçada de la capa */
	background:#FFF;								/* Color de fons */
	padding-left:5px;								/* Marge esquera interior */
	padding-right:5px;								/* Marge dret interior */
	border-bottom-color:#2271B3;						/* Color del borde inferior */
	border-bottom-style:solid;						/* Estil del borde inferior */
	border-bottom-width:3px;						/* Gruix del borde inferior */
	text-align: center;
}

#marcas #textomarcas a {
	display: block;
	float: left;
}

/* Contingut de la part dels productes (inferior) */
#productos {
	position:relative;					/* Posicio relativa de la capa */
	overflow:visible;					/* Contingut visible encara que ha de creixer */
	width:inherit;						/* Agafar la amplada del pare #contenido */
	background:#FFF;					/* Color de fons de la capa */
	padding:0px;
	height:auto;
	clear:right;
}



#productos .LetraCapitalMarca {
	position:relative;
	float:left;
	clear:right;
	width:600px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	height:18px;
	margin-bottom:5px;
	margin-top:2px;
	font-weight:bold;
	color:#000;
	border-left:0px;
	border-bottom:1px;
	border-top:0px;
	border-right:0px;
	border-style:solid;
	border-color:#2271B3;
}

#productos .Marca {
	position:relative;
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
	width:120px;
	height:140px;
	border:1px;
	border-color:#000;
	background-color: #FFF;
	border-style:solid;
}

#productos .Marca .logo {
	position:absolute;
	left:2px;
	top:1px;
	width:116px;
	height:116px;
	border:0px;
}

#productos .Marca .texto {
	position:absolute;
	width:116px;
	left:0px;
	top:117px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#productos .Marca .texto a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000;
}

#productos .Marca .texto a:hover {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#2271B3;
}

#productosFullWidth #productos #articulos{
	width:775px;
}

#productos #articulos {
	position:relative;
	float:left;
	overflow:visible;
	width:600px;
	background:#FFF;
	margin-bottom:50px;
}

#zona #contenidozona #productos #fichaArticulo .index
{
	height:20px;
	clear:right;
}

#zona #contenidozona #productos #fichaArticulo .index,
#zona #contenidozona #productos #articulos .index h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 10px;
}

#zona #contenidozona #productos #fichaArticulo .index a,
#zona #contenidozona #productos #articulos .index a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-decoration: none;
	margin-bottom: 10px;
}

#zona #contenidozona #productos #fichaArticulo .index a:hover,
#zona #contenidozona #productos #articulos .index a:hover {
	text-decoration:underline;
	color:#2271B3;
}

#zona #contenidozona #productos .navegacion {
	position:relative;
	overflow:hidden;
	width:600px;
	float:left;
	clear:left;
	/* height:50px; */
	margin: 5px 0;
}

/**********************************************************************/
/* Estils del Producte amb format Vinyeta (quadre)                    */
/**********************************************************************/
#productos #articulos .vinyeta {
	position:relative;
	float:left;
	overflow:hidden;
	margin-right:8px;
	margin-bottom:8px;
	width:140px;
	height:200px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	background-color:#FFF;
}

#productos #articulos .vinyeta .foto {
position:absolute;
left:0px;
top:0px;
z-index:0;
width:140px;
height:120px;
border-bottom-width:1px;
border-bottom-style:none;
border-bottom-color:#000;
}

#productos #articulos .vinyeta .foto img {
	margin-left:12px;
}


#productos #articulos .vinyeta .texto {
	position:absolute;
	overflow:hidden;
	left:0px;
	top:121px;
	padding:0px;
	z-index:0;
	width:140px;
	height:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
}


#productos #articulos .vinyeta .texto a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
}

#productos #articulos .vinyeta .texto a:hover {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#2271B3;
}

#productos #articulos .vinyeta .precio {
	position:absolute;
	left:0px;
	top:163px;
	z-index:0;
	width:140px;
	height:20px;
	z-index:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#productos #articulos .vinyeta .inferior1 {
	position:absolute;
	left:0px;
	top:180px;
	z-index:0;
	width:69px;
	height:70px;
		text-align:center;
	z-index:0;
}


#productos #articulos .vinyeta .inferior1 .masinfo a,
#productos #articulos .vinyeta .inferior2 .comprar a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#2271B3;
	text-decoration:none;
}

#productos #articulos .vinyeta .inferior1 .masinfo a:hover,
#productos #articulos .vinyeta .inferior2 .comprar a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#2271B3;
	text-decoration:underline;
}


#productos #articulos .vinyeta .inferior2 {
	position:absolute;
	left:70px;
	top:180px;
	z-index:0;
	width:70px;
	height:70px;
		text-align:center;
	z-index:0;
}

#productos #articulos .vinyeta .inferior2 span, #productos #articulos .vinyeta .inferior2 form{
	display: inline-block;
}

#productos #articulos .vinyeta .zona1 {
position:absolute;
left:0px;
top:0px;
z-index:2;
width:70px;
height:40px;
}

#productos #articulos .vinyeta .zona2 {
position:absolute;
left:125px;
top:0px;
z-index:1;
width:15px;
height:120px;
}

#productos #articulos .vinyeta .zona3 {
position:absolute;
left:0px;
top:100px;
z-index:2;
width:140px;
height:15px;
background:url(../img/img_dto.png);
background-repeat:no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
text-align:center;
vertical-align:middle;
}

/**********************************************************************/
/* Estils del Producte amb format list (llista)                       */
/**********************************************************************/
#productos #articulos .lista {
	position:relative;
	float:left;
	margin-bottom:8px;
	width:590px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	background: #FFF;
}


#productos #articulos .lista .foto {
	position:relative;
	float:left;
	clear:right;
	width:116px;
	height:116px;
	margin:2px;
}

#productos #articulos .lista .zona1 {
	position:absolute;
	left:2px;
	top:2px;
	width:15px;
	height:120px;
	z-index:1;
}

#productos #articulos .lista .zona2 {
position:absolute;
left:2px;
top:100px;
width:140px;
height:15px;
z-index:3;
background:url(../img/img_dto.png);
background-repeat:no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
text-align:center;
vertical-align:middle;
}


#productos #articulos .lista .masinfo {
border-width:1px;
border-style:solid;
border-color:#00558a;
margin-top:5px;
padding:2px;
}

#productos #articulos .lista .masinfo a {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#00558a;
text-decoration:none;
}

#productos #articulos .lista  .masinfo a:hover {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#00558a;
text-decoration:underline;
}


#productos #articulos .lista .texto {
position:relative;
overflow:hidden;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
clear:right;
width:460px;
margin-left:4px;
margin-bottom:3px;
margin-top:10px;
text-align:center;
}

#productos #articulos .lista .precio {
	position:relative;
	overflow:hidden;
	float:left;
	clear:right;
	width:460px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:2px;
	color:#000;
	text-align:center;
}

#productos #articulos .lista .agrupados {
	position:relative;
	overflow:visible;
	float:left;
	clear:right;
	width:460px;
	margin-bottom:2px;
	margin-top:10px;
}

#productos #articulos .lista .agrupados .cabecera {
	position:relative;
	float:left;
	clear:right;
	height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-left:30px;
	margin-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	background:#2271B3;
}

#productos #articulos .lista .agrupados .cabecera .tituloref {
	position:relative;
	float:left;
	clear:left;
	width:80px;
}

#productos #articulos .lista .agrupados .cabecera .titulodescripcion {
	position:relative;
	float:left;
	width:255px;
}

#productos #articulos .lista .agrupados .cabecera .tituloprecio {
	position:relative;
	float:left;
	clear:right;
}

#productos #articulos .lista .agrupados .lineadetalle {
	position:relative;
	float:left;
	clear:right;
	width:440px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-left:13px;
	padding-left:2px;
	padding-right:2px;
	line-height:17px;
	vertical-align:middle;
}

#productos #articulos .lista .agrupados .lineadetalle .detalleoferta {
	position:relative;
	float:left;
	clear:left;
	width:17px;
}
#productos #articulos .lista .agrupados .lineadetalle .detalleref {
	position:relative;
	float:left;
	width:80px;
	height:17px;
}

.detalleref a:hover{
	color: #2271B3;
}

#productos #articulos .lista .agrupados .lineadetalle .detalledescripcion .h3 {
	position:relative;
	overflow:hidden;
	float:left;
	width:255px;
	height:17px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000;
	margin:0px;
	padding:0px;
}

#productos #articulos .lista .agrupados .lineadetalle .detalleprecio {
	position:relative;
	float:left;
	text-align:right;
	width:49px;
}

#productos #articulos .lista .agrupados .lineadetalle .detallecompra {
	position:relative;
	float:left;
	clear:right;
	margin-left:3px;
	width:36px;
}

#productos #articulos .lista .agrupados .lineadetalle .detallecompra form
{
	float: right;
}

#zona #contenidozona #productos #articulos .lista .botonera {
position:relative;
float:right;
clear:right;
height:34px;
margin-right:3px;
margin-top:20px;
margin-bottom:5px;
margin-left:3px;
}

#productos #articulos .lista .botonera .detalles {
position:relative;
float:left;
clear:left;
}

#productos #articulos .lista .botonera .comprar {
position:relative;
float:left;
clear:right;
margin-left:5px;
}

/***********************************************************************/
/* Zona lateral de la pagina (promocio, banners, links .... )          */
/***********************************************************************/
#productos #lateralproductos {
	position:relative;
	float:left;
	clear:right;
	margin-left:5px;
	width:145px;
	overflow:visible;
	background:#FFF;
	border-left-color:#2271B3;
	border-left-width:3px;
	border-left-style:solid;
	margin-bottom:50px;
}

#productos #lateralproductos .vinyeta {
	position:relative;
	float:left;
	clear:right;
	overflow:hidden;
	margin-left:8px;
	margin-bottom:8px;
	width:140px;
	height:200px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
}


#productos #lateralproductos .vinyeta .foto img {
	margin-left:12px;
}

#productos #lateralproductos .vinyeta .texto {
	position:absolute;
	overflow:hidden;
	left:0px;
	top:121px;
	z-index:0;
	width:140px;
	height:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
}

#productos #lateralproductos .vinyeta .texto a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
}

#productos #lateralproductos .vinyeta .texto a:hover {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#2271B3;
}

#productos #lateralproductos .vinyeta .precio {
	position:absolute;
	left:0px;
	top:170px;
	z-index:0;
	width:140px;
	height:20px;
	z-index:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#productos #lateralproductos #bannerlateral {
	position:relative;
	float:left;
	clear:right;
	overflow:hidden;
	margin-left:8px;
	margin-bottom:8px;
	width:140px;
	height:200px;
}

#productos #lateralproductos #enlaces {
	position:relative;
	float:left;
	clear:right;
	overflow:hidden;
	margin-left:8px;
	margin-bottom:8px;
	width:140px;
	height:200px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	background-color: #FFF;
}


/****************************************************************/
/* Estils del peu                                               */
/****************************************************************/
#pie {
	background:#2271B3;					/* Color de fons de la capa */
	margin-bottom:5px;					/* Marge inferior de la capa */
	clear:both;
	min-width:950px;
}

#pie a {
	color:#FFF;
	text-decoration:underline;
}

#pie a:hover {
	color:#FFF;
	text-decoration:underline;
}

#pie #contenidopie {
	height: 135px;
	margin: 0 auto;
	width: 950px;
}

#pie #contenidopie #izquierdapie {
	position:relative;					/* Posicio relativa de la capa */
	float:left;							/* Flotar (alinear) a la esquerra */
	clear:left;							/* No permetre cap element a la seva esquerra */
	height:135px;						/* Alçada de la capa */
	width:315px;						/* Amplada de la capa */
	text-align:center;
}

#pie #contenidopie #izquierdapie #logopie {
	position:relative;
	margin-top:50px;
}

#pie #contenidopie #centropie {
	position:relative;					/* Posicio relatvia de la capa */
	float:left;							/* Flotar (alinear) a la esquerra */
	height:135px;						/* Alçada de la capa */
	width:320px;						/* Amplada de la capa */
	vertical-align:bottom;
}

#pie #contenidopie #centropie .iconos {
	position:relative;
	float:left;
	text-align:center;
	margin-top:90px;
}

#pie #contenidopie #derechapie {
	position:relative;					/* Posicio relativa de la capa */
	float:left;							/* Alinear la capa a la esquerra */
	clear:right;						/* No permetre cap element a la seva dreta */
	height:135px;						/* Alçada de la capa */
	width:315px;						/* Definir la amplada de la capa */
}

#pie #contenidopie #derechapie .texto {
	text-align:right;
	line-height:12px;
	margin-top:100px;
	height:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
}

/****************************************************************/
/* Estils del mapa web del peu                                              */
/****************************************************************/
#mapa {
	background: #FFF;
	clear: both;
	height: 100px;
	margin-bottom: 5px;
	position: relative;
	margin: 0 auto;
	width: 950px;
}

#mapa #col1 {
	position:relative;
	float:left;
	clear:left;
	width:238px;
	height:100px;
}

#mapa #col1 ul,
#mapa #col2 ul,
#mapa #col3 ul,
#mapa #col4 ul
{
	list-style-type:none;
}

#mapa #col1 ul a,
#mapa #col2 ul a,
#mapa #col3 ul a,
#mapa #col4 ul a {
	padding-right: 0px;							/* Marge per la dreta */
	padding-left: 3px;							/* Marge per la esquerra */
	width:147px;								/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	line-height: 15px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 10px;							/* Mida de la lletra */
	color: #000;								/* Color de la lletra */
	text-align:left;							/* Alineació de text al mig */
	}

#mapa #col1 ul a:hover,
#mapa #col2 ul a:hover,
#mapa #col3 ul a:hover,
#mapa #col4 ul a:hover {
	text-decoration:underline;
	color: #000;
}

#mapa #col2 {
	position:relative;
	float:left;
	width:237px;
	height:100px;
}

#mapa #col3 {
position:relative;
float:left;
width:237px;
height:100px;
}

#mapa #col4 {
position:relative;
float:left;
width:237px;
height:100px;
}

/**********************************************************************************/
/** Estils de classes                                                            **/
/**********************************************************************************/

.inputformbusqueda {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
padding-left:5px;
padding-right:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-style:italic;
color:#CCC;
border:0px;
border-color:#00558a;
height:19px;
vertical-align:middle;
}

.inputformbusquedafocus {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
padding-left:5px;
padding-right:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
border:0px;
border-color:#00558a;
height:19px;
vertical-align:middle;
}

.cantonades {
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* KHTML */
	border-radius: 4px; /* CSS3 */
}

.selmenuitem {
	padding-right: 10px;						/* Marge per la dreta */
	padding-left: 0px;							/* Marge per la esquerra */
	width:90px;									/* Amplada de cada item del menú */
	overflow:hidden;							/* Si l'element es massa gran no mostrar-ho (tallar) */
	display: block;								/* Mostrar-ho en estil de block */
	line-height: 30px;							/* ALçada de la linea */
	text-decoration: none;						/* Decoració del text*/
	font-family:Verdana, Geneva, sans-serif;	/* Tipus de lletra */
	font-size: 12px;							/* Mida de la lletra */
	font-weight:bold;							/* Activar la negreta */
	text-align:center;							/* Alineació de text al mig */
	background:#FFF;
}

.selmenuitem a
{
	color: #000 !important;		/* Color de la lletra */
}

.selmenuitem a:hover
{
	color: #FFF !important;		/* Color de la lletra */
}

.h31 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.h31 a:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #2271B3;
}

.h32 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
margin:0px;
padding:0px;
}

/*************************************************************/

#productos .navegacion .iconos {
	position:relative;
	float:right;
	clear:right;
	width:60px;
	/* margin-right:15px; */
}

#productos .navegacion .iconos form {
	position:relative;
	float:left;
	margin-right:1px;
}

#productos .navegacion .paginacio {
	border:0;
	margin:0;
	padding:0;
}

#productos .navegacion .paginacio li {
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#productos .navegacion .paginacio a {
	border:solid 1px #2271B3;
	color:#2271B3;
	margin-right:2px;
}

#productos .navegacion .paginacio .previous-off,
#productos .navegacion .paginacio .next-off {
	border:solid 1px #2271B3;
	color:#2271B3;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}

#productos .navegacion .paginacio .next a,
#productos .navegacion .paginacio .previous a {
	font-weight:bold;
}

#productos .navegacion .paginacio .active {
	background:#2271B3;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#productos .navegacion .paginacio a:link,
#productos .navegacion .paginacio a:visited {
	color:#2271B3;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#productos .navegacion .paginacio a:hover {
	border:solid 1px #000;
	color: #000;
}

/* Icones canvi vista del llistat de productes al costat d'h1. Susana (14-1-2016) */
#productos .h1Icons
{
	overflow: auto;
}

#productos .h1Icons h1
{
	float:left;

}

#productos .iconosH1 {
	position:relative;
	float:right;
	clear:right;
	margin-top: 5px;
}

#productos .iconosH1 form {
	position:relative;
	float:left;
	margin-right:1px;
}

#productos .icoExportPdfTop
{
	text-align:right;
	margin-top:5px;
	padding-right:5px;
	overflow:auto;
}

#productos .icoExportPdfBottom
{
	text-align:right;
	float:right;
	padding-right:5px;
}

/*********************************************************************/
/* Estils del formulari de login del usuari, registre, modificacio   */
/*********************************************************************/

#zona #contenidozona #productos #articulos #cerrarSession,
#zona #contenidozona #productos #articulos #errorAutentificacion,
#zona #contenidozona #productos #articulos #registroRealizado,
#zona #contenidozona #productos #articulos #formularioLogin,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form,
#zona #contenidozona #productos #articulos #detalleservicios,
#zona #contenidozona #productos #articulos #detallecatalogo,
#zona #contenidozona #productos #articulos #formularioAlta #register-form
{
	border: 1px solid #2271B3;
	border-radius: 15px 15px 15px 15px;
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 10px 10px 10px;
	width: 550px;
	background:#FFF;
}

.marcoContenido
{
	border: 1px solid #2271B3;
	border-radius: 15px 15px 15px 15px;
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 10px 10px 10px;
	width: 550px;
	background:#FFF;
}

.marcoContenido h2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#2271B3;
	margin-bottom:30px;
}
#zona #contenidozona #productos #articulos hr {
	color:#EEE;
	width:50%;
}

#zona #contenidozona #productos #articulos #cerrarSession h2,
#zona #contenidozona #productos #articulos #errorAutentificacion h2,
#zona #contenidozona #productos #articulos #registroRealizado h2,
#zona #contenidozona #productos #articulos #formularioLogin h2,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form h2,
#zona #contenidozona #productos #articulos #formularioAlta #register-form h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#2271B3;
	margin-bottom:30px;
}

#zona #contenidozona #productos #articulos #cerrarSession .texto,
#zona #contenidozona #productos #articulos #errorAutentificacion .texto,
#zona #contenidozona #productos #articulos #registroRealizado .texto {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	margin-bottom:25px;
	margin-top:25px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

#zona #contenidozona #productos #articulos #registroRealizado .botonpedido {
	position:relative;
	float:right;
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
}

#zona #contenidozona #productos #articulos #errorAutentificacion .texto a,
#zona #contenidozona #productos #articulos #registroRealizado .texto a {
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#zona #contenidozona #productos #articulos #errorAutentificacion .texto a:hover,
#zona #contenidozona #productos #articulos #registroRealizado .texto a:hover {
	text-decoration:underline;
	color:#2271B3;
}

#zona #contenidozona #productos #articulos #cerrarSession .texto span,
#zona #contenidozona #productos #articulos #errorAutentificacion .texto span,
#zona #contenidozona #productos #articulos #registroRealizado .texto span {
font-weight:bold;
}

#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup, form .fieldgroup {
	display: inline-block;
	padding: 8px 10px;
	width: 500px;
}

#zona #contenidozona #productos #articulos #cerrarSession .privacidad,
#zona #contenidozona #productos #articulos #registroRealizado .privacidad,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup .privacidad,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup .privacidad {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#000;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
}


#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup label,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup label,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup label, form .fieldgroup label {
	float: left;
	padding: 10px 0 0;
	text-align: right;
	width: 155px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup label .required,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup label .required,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup label .required,
form .fieldgroup label .required{
	color:#FF0000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	margin-left:4px;
	vertical-align:super;
}

#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup input, #login-form .fieldgroup textarea, #login-form .fieldgroup select,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup input, #register-form .fieldgroup textarea, #register-form .fieldgroup select,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup input, #register-form .fieldgroup textarea, #register-form .fieldgroup select,
form .fieldgroup input, form .fieldgroup textarea, form .fieldgroup select{
	float: left;
	margin-left:20px;
	height: 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	border:0px;
	padding:4px;
	border: 1px solid #2271B3;
}

.widthLarge
{
	width: 300px;
}

.widthMedium
{
	width: 150px;
}

#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup .submit,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup .submit,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup .submit,
form .fieldgroup .submit{
	padding: 10px;
	width: 220px;
	height: 45px;
	float:right;
	color:#2271B3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	cursor:pointer;
	border:1px;
	border-style:solid;
	border-color:#2271B3;
	background-color:#F0F0F0;
}

#zona #contenidozona #productos #articulos #formularioLogin #login-form .fieldgroup label.error,
#zona #contenidozona #productos #suPedido #formularioModificar #register-form .fieldgroup label.error,
#zona #contenidozona #productos #articulos #formularioAlta #register-form .fieldgroup label.error,
form .fieldgroup label.error{
color: #FB3A3A;
display: inline-block;
margin: 4px 0 5px 175px;
padding: 0;
text-align: left;
width: 400px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

label.error
{
	color: #FB3A3A;
	display: block;
}

.checkAcceptForm
{
	font-size: 10px;
	margin-left: 180px;
	padding: 5px;
}

.checkAcceptForm input[type=checkbox]
{
	margin-left: 0px;
}

#captcha_image {
    margin-left: 170px;
	margin-bottom: 5px;
}

#captcha_image + a > img
{
	margin-top: 12px;
}

/*********************************************************************************/
/* Definir els estils de la fichaArticulo                                        */
/*********************************************************************************/

#zona #contenidozona #productos #fichaArticulo {
	position:relative;
	float:left;
	overflow:visible;
	width:600px;
	margin-bottom:50px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #tituloagrupado {
	position:relative;
	overflow:visible;
	float:left;
	clear:right;
	width:595px;
	margin-bottom:2px;
	text-align:center;
}

#zona #contenidozona #productos #fichaArticulo #detalle #tituloagrupado h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

#zona #contenidozona #productos #fichaArticulo #detalle #fotoagrupado {
	position:relative;
	float:left;
	clear:right;
	overflow:visible;
	width:595px;
	height:255px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

#zona #contenidozona #productos #fichaArticulo #detalle #fotoagrupado img {
border:2px;
border-style:solid;
border-color:#AAA;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados {
	position:relative;
	overflow:visible;
	float:left;
	clear:right;
	width:460px;
	margin-bottom:10px;
	margin-top:10px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados #cabeceralista {
	position:relative;
	float:left;
	clear:right;
	width:530px;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-left:30px;
	margin-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	background:#2271B3;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados #cabeceralista #tituloref {
position:relative;
float:left;
clear:left;
width:80px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados #cabeceralista #titulodescripcion {
position:relative;
float:left;
width:300px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados #cabeceralista #titulocantidad {
position:relative;
float:left;
width:54px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados #cabeceralista #tituloprecio {
position:relative;
float:left;
clear:right;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle {
	position:relative;
	float:left;
	clear:right;
	width:554px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	margin-left:13px;
	padding-left:2px;
	padding-right:2px;
	line-height:17px;
	vertical-align:middle;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalleoferta {
	position:relative;
	float:left;
	clear:left;
	width:17px;
}
#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalleref {
	position:relative;
	float:left;
	width:80px;
	height:17px;
}


#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalleref a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalleref a:hover
{
	text-decoration:none;
	color:#2271B3;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalledescripcion .h3 {
	position:relative;
	overflow:hidden;
	float:left;
	width:300px;
	height:17px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000;
	margin:0px;
	padding:0px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detallecantidad {
	position:relative;
	float:left;
	width:54px;
	height:17px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalleprecio {
	position:relative;
	float:left;
	text-align:right;
	width:60px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detallecompra {
	position:relative;
	float:left;
	clear:right;
	margin-left:3px;
	width:40px;
}


#zona #contenidozona #productos #fichaArticulo #detalle {
	position:relative;
	float:left;
	overflow:visible;
	width:590px;
	border:1px;
	border-color:#2271B3;
	background-color:#FFF;
	border-style:solid;
	padding:2px 2px 2px 2px;
	margin-bottom:10px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #fly {
	position:absolute;
	left:578px;
	width:20px;
	height:120px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #foto {
	position:relative;
	float:left;
	clear:left;
	width:250px;
	height:250px;
	margin-bottom:10px;
	margin-right:4px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #dto {
	position:absolute;
	margin-left:0px;
	top:220px;
	width:245px;
	height:auto;
	z-index:3;
	background-color:#2271B3;
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:3px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #logomarca {
	position:relative;
	float:left;
	clear:right;
	width:335px;
	height:116px;
	margin-bottom:2px;
	text-align:center;
}


#zona #contenidozona #productos #fichaArticulo #detalle #titulo {
	position:relative;
	overflow:visible;
	float:left;
	clear:right;
	width:335px;
	margin-bottom:2px;
	text-align:center;
}

#zona #contenidozona #productos #fichaArticulo #detalle #titulo h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#zona #contenidozona #productos #fichaArticulo #detalle #precio {
	position:relative;
	float:left;
	clear:right;
	width:335px;
	height:25px;
	margin-bottom:2px;
	text-align:center;
}

#zona #contenidozona #productos #fichaArticulo #detalle #precio #pvp {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000;
}

#zona #contenidozona #productos #fichaArticulo #detalle #precio #pvpnormal {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	text-decoration:line-through;
	color:#000;
	margin-right:5px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #validohasta {
	position:relative;
	float:right;
	clear:right;
	width:335px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#000;
	text-align:center;
	margin-bottom:2px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #comprar {
	position:relative;
	float:right;
	clear:right;
	width:325px;
	height:60px;
	margin-bottom:2px;
	margin-top:5px;
	margin-right:3px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #comprar #btCompra {
	position:relative;
	float:left;
	width:158px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

#zona #contenidozona #productos #fichaArticulo #detalle #comprar #quantitat {
	position:relative;
	float:left;
	width:157px;
	margin-top:25px;
	margin-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #comprar #quan {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	width:50px;
	height:25px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #textolargo {
	width:585px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #textolargo p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:justify;
	padding-right:15px;
}

.descProduct
{
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:12px !important;
	font-weight:normal;
	color:#000;
	text-align:justify;
	padding-right:15px;
	clear:both;
}

.icoBarcode
{
	margin-left:5px;
	margin-right:15px;
	cursor:pointer;
	vertical-align: middle;
}

#zona #contenidozona #productos #fichaArticulo #detalle #video,
#zona #contenidozona #productos #fichaArticulo #detalle #xsocials {
	clear:both;
	width:585px;
	margin:20px 0;
	text-align:center;
}

#productos #articulos #tituloequivalentes,
#productos #articulos #tituloaccesorios {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
	margin:5px 0;
	border-bottom:2px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-style:solid;
	border-color:#2271B3;
}

/***************************************************************************/
/* Definir els Estils de Su Cesta - Procés de visualització de la cistella */
/***************************************************************************/

#zona #contenidozona #productos #suCesta {
position:relative;
float:left;
overflow:visible;
width:600px;
background:#FFF;
margin-bottom:50px;
}

#zona #contenidozona #productos #suCesta #titulosucesta {
position:relative;
float:left;
clear:right;
overflow:hidden;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
}

#zona #contenidozona #productos #suCesta #detallesucesta {
position:relative;
float:left;
clear:right;
width:580px;
border-width:1px;
border-style:solid;
border-color:#000;
margin-top:10px;
padding:5px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #cabecerasucesta {
position:relative;
float:left;
clear:right;
width:580px;
background:#00558a;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFF;
line-height:16px;
vertical-align:middle;
}

#zona #contenidozona #productos #suCesta #detallesucesta #cabecerasucesta #cabedescripcionsucesta {
position:relative;
float:left;
width:230px;
margin-left:80px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #cabecerasucesta #cabecantidadsucesta {
position:relative;
float:left;
width:75px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #cabecerasucesta #cabepreciosucesta {
position:relative;
float:left;
width:75px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #cabecerasucesta #cabetotalsucesta {
position:relative;
float:left;
width:75px;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta {
position:relative;
float:left;
clear:right;
width:580px;
padding-top:4px;
padding-bottom:2px;
border-bottom:solid;
border-bottom-color:#999;
border-bottom-width:1px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .fotosucesta {
position:relative;
float:left;
clear:left;
width:80px;
text-align:center;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .descripcionsucesta {
position:relative;
float:left;
width:230px;
vertical-align:top;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .cantidadsucesta {
position:relative;
float:left;
width:75px;
vertical-align:top;
text-align:center;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .preciosucesta {
position:relative;
float:left;
width:70px;
vertical-align:top;
text-align:right;
margin-right:10px;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .totalsucesta {
position:relative;
float:left;
width:70px;
vertical-align:top;
text-align:right;
}

#zona #contenidozona #productos #suCesta #detallesucesta .lineasucesta .eliminarsucesta {
position:relative;
float:left;
width:45px;
vertical-align:middle;
text-align:center;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito,
#zona #contenidozona #productos #suCesta #detallesucesta #lineatotales {
position:relative;
float:left;
clear:right;
width:580px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin-top:2px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #lineatotales #textoaviso {
	position:relative;
	float:left;
	clear:left;
	width:320px;
	margin-right:43px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #lineatotales #titulototal {
	position:relative;
	float:left;
	width:100px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #lineatotales #totalcarrito {
	position:relative;
	float:left;
	clear:right;
	width:70px;
	text-align:right;
	font-weight:bold;
}


#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte {
	position:relative;
	float:left;
	clear:left;
	width:310px;
	margin-right:40px;
	margin-left:10px;
	margin-bottom:20px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte .cp {
	position:relative;
	float:left;
	clear:right;
	margin-top:20px;
	margin-bottom:15px;
	font-weight:bold;
	width:310px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte .cp input {
background:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
border: 1px solid #00558a;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte .cp label.error {
color: #FB3A3A;
display: inline-block;
margin: 4px 0 5px 12px;
padding: 0;
text-align: left;
width: 250px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}



#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte .envio {
position:relative;
float:left;
clear:right;
width:310px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #transporte #botonrecalcular {
position:relative;
float:left;
clear:right;
margin-top:15px;
margin-bottom:15px;
width:310px;
text-align:center;
}


#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal {
position:relative;
overflow:hidden;
float:left;
clear:right;
width:170px;
margin-top:20px;
background:#EEE;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal #cabetotalfinal {
position:relative;
float:left;
clear:left;
width:168px;
padding-left:2px;
margin-bottom:20px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
background:#00558a;
color:#FFF;
line-height:18px;
vertical-align:middle;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal #textoportes {
	position:relative;
	float:left;
	clear:left;
	width:98px;
	padding-left:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:10px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal #importetotal,
#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal #portes {
	position:relative;
	float:left;
	clear:right;
	width:70px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #piecarrito #totalfinal #textoimportetotal {
	position:relative;
	float:left;
	clear:left;
	width:98px;
	padding-left:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #botonesaccion {
	position:relative;
	float:left;
	clear:right;
	margin-top:30px;
	margin-bottom:10px;
	width:580px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #botonesaccion #seguir {
	position:relative;
	float:left;
	clear:left;
	width:290px;
	vertical-align:bottom;
	text-align:center;
	vertical-align:bottom;
}

#zona #contenidozona #productos #suCesta #detallesucesta #botonesaccion #realizar {
	position:relative;
	float:left;
	clear:right;
	width:290px;
	vertical-align:bottom;
	text-align:center;
}

#zona #contenidozona #productos #suCesta #detallesucesta #botonesaccion #realizar #textocondiciones {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	margin-top:10px;
}

#zona #contenidozona #productos #suCesta #detallesucesta #botonesaccion #realizar label.error {
	color: #FB3A3A;
	display: inline-block;
	margin: 4px 0 5px 12px;
	padding: 0;
	text-align: left;
	width: 300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

/****************************************************************************/
/* Definir els Estils de Su Pedido - Procés de pagament final de la comanda */
/****************************************************************************/

#zona #contenidozona #productos #suPedido {
position:relative;
float:left;
overflow:visible;
width:600px;
background:#FFF;
margin-bottom:50px;
}

#zona #contenidozona #productos #articulos #titulosupedido,
#zona #contenidozona #productos #suPedido #titulosupedido {
	position:relative;
	float:left;
	clear:right;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#zona #contenidozona #productos #suPedido #detallesupedido {
position:relative;
float:left;
clear:right;
width:580px;
border-width:1px;
border-style:solid;
border-color:#000;
margin-top:10px;
padding:5px;
}

#zona #contenidozona #productos #suPedido #detallesupedido #titulosupedido {
position:relative;
float:left;
clear:left;
width:570px;
margin-left:5px;
margin-top:3px;
margin-bottom:5px;
line-height:18px;
text-align:center;
vertical-align:middle;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
background:#00558a;
color:#FFF;
}

#zona #contenidozona #productos #suPedido #detallesupedido #col1,
#zona #contenidozona #productos #suPedido #detallesupedido #col2 {
position:relative;
float:left;
clear:right;
}

#zona #contenidozona #productos #suPedido #detallesupedido #resumencesta,
#zona #contenidozona #productos #suPedido #detallesupedido #datosenvio {
position:relative;
float:left;
width:278px;
border:1px solid #00558a;
margin-top:5px;
margin-right:5px;
margin-left:5px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .titulocuadro {
position:relative;
float:left;
width:100%;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#00558a;
margin-bottom:7px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .lineacuadro {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin-top:0px;
margin-bottom:0px;
margin-left:3px;
color:#000;
line-height:13px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .botonresumen {
position:relative;
float:right;
clear:left;
margin-right:5px;
margin-top:15px;
margin-bottom:3px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .resumendescripcion {
position:relative;
float:left;
clear:left;
width:200px;
margin-right:5px;
margin-bottom:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .resumenprecio {
position:relative;
float:left;
clear:right;
width:70px;
text-align:right;
margin-bottom:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .separacion {
position:relative;
float:left;
clear:right;
width:270px;
margin-left:4px;
color:#999;
margin-top:1px;
margin-bottom:1px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .margen {
margin-top:50px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .lineatitulototal {
text-align:right;
font-weight:bold;
}

#zona #contenidozona #productos #suPedido #detallesupedido #formasdepago {
position:relative;
float:left;
clear:left;
width:278px;
border:1px solid #00558a;
margin-top:10px;
margin-right:5px;
margin-left:5px;
}

#zona #contenidozona #productos #suPedido #detallesupedido .pagos {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
margin-top:2px;
margin-bottom:4px;
margin-left:3px;
color:#000;
line-height:14px;
}

#zona #contenidozona #productos #suPedido #detallesupedido #notaspago {
position:relative;
float:left;
clear:left;
width:540px;
margin-left:20px;
margin-top:10px;
margin-right:10px;
font-family:Verdana, Geneva, sans-serif;
color:#00558a;
font-size:12px;
}

#zona #contenidozona #productos #suPedido #formularioModificar {
visibility:hidden;
}

/*************************************************************************************************/
/* Estil de la gestio de pagament - Final del proces de compra (gestionpagos.php)                */
/*************************************************************************************************/

#zona #contenidozona #productos #gestionpagos {
	position:relative;
	float:left;
	overflow:visible;
	width:600px;
	margin-bottom:50px;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion {
	border: 1px solid #2271B3;
	border-radius: 15px 15px 15px 15px;
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 10px 10px 10px;
	width: 550px;
	background:#FFF;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#2271B3;
	margin-bottom:10px;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion .mensajepago {
	position:relative;
	float:left;
	clear:left;
	width:500px;
	margin-left:20px;
	margin-top:5px;
	text-align:justify;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion .texto {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	margin-bottom:25px;
	margin-top:25px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion .texto span {
	font-weight:bold;
}

#zona #contenidozona #productos #gestionpagos #contenidogestion .rojo {
	color:#2271B3;
}


/*************************************************************************************************/
/*************************************************************************************************/

.datoscontacto{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	margin: 10px;
}

.mapa{
	position:relative;
	float:left;
	clear:right;
	width:550px;
	height:350px;
	text-align:center;
	margin-top:20px;
}


/*************************************************************************************************/
/*************************************************************************************************/

#zona #contenidozona #productos #articulos #detalleservicios h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#2271B3;
}

#zona #contenidozona #productos #articulos #detalleservicios h3 {
	position:relative;
	float:left;
	clear:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:14px;
	color:#2271B3;
}

#zona #contenidozona #productos #articulos #detalleservicios img {
	position:relative;
	float:left;
	clear:left;
	margin-left:30px;
	margin-right:10px;
	vertical-align:middle;
}

#zona #contenidozona #productos #articulos #detalleservicios div {
	position:relative;
	float:left;
	clear:right;
	width:400px;
}

/*************************************************************************************************/
/*************************************************************************************************/

#zona #contenidozona #productos #articulos #detallecatalogo .catalogoficha1
{
	position:relative;
	float:left;
	clear:left;
	margin-left:10px;
	margin-bottom:10px;
	width:250px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#999;
	padding-top:5px;
	padding-bottom:5px;
}

#zona #contenidozona #productos #articulos #detallecatalogo .catalogoficha2
{
	position:relative;
	float:left;
	clear:right;
	margin-left:10px;
	margin-bottom:10px;
	width:250px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#999;
	padding-top:5px;
	padding-bottom:5px;
}

a.linkGris:link, a.linkGris:visited, a.linkGris:active
{
	font-family: Verdana;
	font-size: 10px;
	color:#58595B;
	font-weight: bold;
	text-decoration: underline;
}

a.linkGris:hover
{
	color:#58595B;
}

.inputformsearch {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* KHTML */
	border-radius: 10px; /* CSS3 */
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#000;
	border:0px;
	border-color: #00558a;
	height:19px;
	vertical-align:middle;
}

#zona #contenidozona #productos #articulos .lista .agrupados .lineadetalle .detalledescripcion .h3 .detalleref2 {
	color:#000;
	text-decoration:none;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detalledescripcion .h3 .detalleref2  a:hover{
	color:#2271B3;
	text-decoration:none;
}

#zona #contenidozona #productos #articulos .lista .agrupados .lineadetalle .detalledescripcion .h3 .detalleref2  a:hover{
	color: #2271B3;
	text-decoration:none;
}



/* Zona principal de la cistella */
#zonacarro
{
	width:950px;
	position:relative;
	clear:both;
	margin-left:120px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:visible;					/* Si la capa es més gran ha de créixer */
	padding:0px 0px 0px 0px;			/* Marge interior de la capa */
	height:auto;						/* Alçada de la capa */
	margin:0px auto;
}

/* Divisio de la zona esquerrra col1 */
#zonacarro #zonaesquerra
{
	width:500px;
	position:relative;
	float:left;
	padding-left:2px;
	margin-right:25px;
	margin-bottom:25px;
	clear:left;
	height:auto;
	background-color: #FFF;
}

#zonacarro #zonadreta
{
	position:relative;
	width:415px;
	float:left;
	clear:right;
	margin-bottom:10px;
}

#zonacarro #zonadreta .seccio
{
	position:relative;
	width:415px;
	float:left;
	clear:right;
	margin-bottom:5px;
	background-color:#e6e6e6;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#zonacarro #zonadreta .titol
{
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-bottom:10px;
}

#zonacarro #zonadreta #botomodificar
{
	float:right;
	margin-right:7px;
}


#zonacarro #zonadreta #titolprecioiva
{
	position:relative;
	float:right;
	clear:right;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-top:15px;
	margin-right:5px;
	font-weight:bold;
}

#zonacarro #zonadreta #detallecesta
{

}

#zonacarro #zonadreta #detallecesta .lineacesta
{
	position:relative;
	height:125px;
}

#zonacarro #zonadreta #detallecesta .imatgeproducte
{
	position:absolute;
	overflow:hidden;
	margin-left:20px;
}

#zonacarro #zonadreta #detallecesta .descripcioproducte
{
	position:absolute;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	top:0px;
	margin-left:115px;
	font-family:Verdana, Geneva, sans-serif;
}

#zonacarro #zonadreta #detallecesta .descripcioproducte a
{
	text-decoration:none;
	color: #000;
}
#zonacarro #zonadreta #detallecesta .descripcioproducte a:hover
{
	text-decoration: underline;
}

#zonacarro #zonadreta #detallecesta .marcaProduct, .tableProducts .marcaProduct
{
	font-size:10px;
	font-weight:normal;
	color: #2271B3;
}

#zonacarro #zonadreta #detallecesta .preuunitari2
{
	position:absolute;
	overflow:hidden;
	font-size:10px;
	top:60px;
	margin-left:115px;
	width:290px;
	font-family:Verdana, Geneva, sans-serif;
}

#zonacarro #zonadreta #detallecesta .preuunitari2 .totallinia
{
	margin-top: 0;
}


#zonacarro #zonadreta #detallecesta .totallinia
{
	margin-top: 5px;
	float: right;
}

#zonacarro #zonadreta #detallecesta .botoborrar
{
	position:absolute;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	top:80px;
	margin-left:375px;
	font-family:Verdana, Geneva, sans-serif;
}

#zonacarro #zonadreta #detallecesta .unitatsseleccionades
{
	position:absolute;
	overflow:hidden;
	font-size:10px;
	top:55px;
	margin-left:115px;
	/* width:50px; */
	width:280px;
	font-family:Verdana, Geneva, sans-serif;
}
#zonacarro #zonadreta .separadorcistella
{
	position:absolute;
	overflow:hidden;
	top:110px;
	margin-bottom:10px;
	margin-left:20px;
	width:380px;
}
#zonacarro #zonadreta .separadorcistella3
{
	border: 0;
    clear: both;
    height: 2px;
	margin-left:20px;
	margin-top: 10px;
	background-color: #474747;
	width:380px;
}

#zonacarro #zonadreta #totalsenseports
{
	position:relative;
	float:left;
	margin-top:5px;
	clear:left;
	margin-left:115px;
	width:150px;
	height:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-bottom:5px;
}

#zonacarro #zonadreta .totalsenseports2
{
	position:relative;
	margin-top:0px;
	clear:left;
	margin-left:115px;
	width:150px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-bottom:5px;
}

#zonacarro #zonadreta .importtotal
{
	position:absolute;
	overflow:hidden;
	top:0px;
	margin-left:190px;
	width:90px;
	text-align:right;
}

#zonacarro #zonadreta #totalambports
{
	position:relative;
	float:left;
	margin-top:5px;
	clear:left;
	margin-left:115px;
	width:150px;
	height:60px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#zonacarro #zonadreta #totalambports2
{
	position:relative;
	margin-bottom:5px;
	clear:left;
	margin-left:115px;
	width:150px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
}

#zonacarro #zonadreta #importtotalambports
{

position:absolute;
overflow:hidden;
top:0px;
margin-left:240px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
width:50px;
text-align:right;
color:#F00;
font-weight:normal;
}

#zonacarro #zonadreta #importtotalambports2
{
	position:absolute;
	overflow:hidden;
	top:0px;
	margin-left:240px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:50px;
	text-align:right;
	font-weight:normal;
}

#zonacarro #zonadreta #mostraforma
{
	margin-top:15px;
	position:relative;
	float:left;
	clear:left;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-right:5px;
	margin-top:40px;
	font-weight:bold;
}


#zonacarro #zonadreta #titolprecioiva2
{
	margin-top:15px;
	position:relative;
	float:right;
	clear:right;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-right:5px;
	margin-top:40px;
	font-weight:bold;
}

#zonacarro #zonaesquerra #datosenvio
{
	position:relative;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	height:20px;
	padding:0px;
	margin-right:0px;
	margin-bottom:30px;
}

#zonacarro #zonaesquerra #datosenvio #boto1
{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	height:20px;
	margin-bottom:30px;
}

#zonacarro #zonaesquerra #datosenvio #boto2
{
	position:absolute;
	left:176px;
	top:0px;
	height:20px;
	margin-bottom:30px;
}

#zonacarro #zonaesquerra #datosenvio #boto3
{
	position:absolute;
	left:345px;
	top:0px;
	margin-bottom:30px;
}


#zonacarro #zonaesquerra #formasdeenvio
{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
}

#zonacarro #zonaesquerra #formasdeenvio2, #zonacarro #zonaesquerra h2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}

#zonacarro #zonaesquerra #wformesenviament
{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:10px;
}

#zonacarro #zonaesquerra #codipostalenviament
{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:10px;
	background-color:#333333;
	padding-top:5px;
	height:80px;
}

#zonacarro #zonaesquerra #textcodipostalpantalla1
{
	position:relative;
	clear:left;
	margin-left:10px;
	margin-bottom:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

#zonacarro #zonaesquerra #codipostalpantalla1
{
	position:relative;
	float:left;
	clear:both;
	margin-left:180px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#F00;
	width:auto;
}

#zonacarro #zonaesquerra #botocalcular
{
	position:relative;
	margin:10px 0;
	width:500px;
}

#zonacarro #zonaesquerra #botocontinuar
{
	position:relative;
	float:right;
	margin-bottom:10px;
}

#zonacarro #zonaesquerra #bototornar
{
	position:relative;
	float:left;
	margin-bottom:10px;
	margin-right:212px;
}

#zonacarro #zonaesquerra #botocalcular2
{
	position:relative;
	margin-bottom:10px;
	width:500px;
	top:25px;
}

#zonacarro #zonaesquerra #botocontinuar2
{
	position:relative;
	float:right;
	margin-bottom:10px;
}

#zonacarro #zonaesquerra #bototornar2
{
	position:relative;
	float:left;
	margin-bottom:10px;
}

#zonacarro #zonaesquerra #siregistrado
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:30px;
	margin-bottom:20px;
}

#zonacarro #zonaesquerra #formlogin
{
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#formlogin label.error
{
	color: #fb3a3a;
	display: block;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#zonacarro #zonaesquerra #titolsiregistrado, #zonacarro #zonaesquerra #titolsiregistrado2
{
	display: block;
	float: left;
	margin-right: 30px;
}


#zonacarro #zonaesquerra #haoblidatpassword
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	clear: both;
}

#zonacarro #zonaesquerra #botoiniciarsessio
{
	position:relative;
	float:left;
	margin-left:175px;
	margin-top:10px;
	height:auto;
}

#zonacarro #zonaesquerra #botofacebook
{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:145px;
	margin-bottom:20px;
}

#zonacarro #zonaesquerra #missatgesinoregistrat
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:500px;
	margin-bottom:20px;
	margin-top:5px;
}

#zonacarro #zonaesquerra #registrenou
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
		margin-bottom: 20px;
}

#zonacarro #zonaesquerra #registrenou #formRegistre
{
	margin-top:25px;
}

#zonacarro #zonaesquerra #registrenou .linea
{
	clear:both;
	width:auto;
	padding-top:3px;
	margin:0px;
	overflow: auto;
}

#zonacarro #zonaesquerra #registrenou #formularienviament
{
	clear:left;
	width:auto;
	padding:0px;
	margin:0px;
	overflow: auto;
}

#zonacarro #zonaesquerra #registrenou #registrarseambpassword
{
	clear:left;
	width:auto;
	padding:0px;
}

#zonacarro #zonaesquerra #registrenou .linea label.error
{
	color: #FB3A3A;
	display: inline-block;
	margin: 4px 0 5px 0px;
	padding-top: 0;
	text-align: left;
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#zonacarro #zonaesquerra #registrenou .linea label.error2
{
	color: #FB3A3A;
	display: inline-block;
	margin: 4px 0 5px 0px;
	padding: 0;
	text-align: left;
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#zonacarro #zonaesquerra #registrenou #registrarseambpassword label.error
{
	color: #FB3A3A;
	display: inline-block;
	margin: 4px 0 5px 0px;
	padding: 0;
	text-align: left;
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#zonacarro #zonaesquerra #registrenou .etiqueta
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:5px;
}

#zonacarro #zonaesquerra #registrenou .etiquetadatosenvio
{
	margin-top:15px;
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
}


#zonacarro #zonaesquerra #registrenou .etiquetacurta
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:5px;
	width: 250px; 	margin-right:1px;
}

#zonacarro #zonaesquerra #registrenou #inpNIF,
#zonacarro #zonaesquerra #registrenou #etiNIF
{
	display:none;
}


#zonacarro #zonaesquerra #registrenou .campform
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	margin-top:2px;
}

#zonacarro #zonaesquerra #registrenou .campform .camp
{
	width:500px;
}

#zonacarro #zonaesquerra #registrenou .campformcurt
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	width: 250px; 	margin-top:2px;
	margin-right:1px;
}

#zonacarro #zonaesquerra #registrenou .campformcurt .camp
{
	width:240px;
}

#zonacarro #zonaesquerra #registrenou .resaltat
{
	color:#F00;
}

#zonacarro #zonaesquerra #nomenviament
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	top:10px;
	height:auto;
}

#zonacarro #zonaesquerra #inicisessio
{
	position:relative;
}

#zonacarro #zonaesquerra #registrenou .checkform
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	margin-top:5px;
	margin-left:25px;
}

#zonacarro #zonaesquerra #registrenou #checkquieroreg
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	margin-top:5px;
	margin-left:25px;
}

#zonacarro #zonaesquerra #checkmateixadire
{
	position:absolute;
	top:250px;
	margin-left:30px;
	width:450px;
}

#zonacarro #zonaesquerra #checkrebrefra
{
	position:absolute;
	top:270px;
	margin-left:30px;
	width:450px;
}

#zonacarro #zonaesquerra #checkregistre
{
	position:absolute;
	top:290px;
	margin-left:30px;
	width:450px;
}

#zonacarro #zonaesquerra #botocontinuainvi
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	margin-top:10px;
	margin-left:180px;
}

#zonacarro #zonaesquerra #botocontinua
{
	display:none;
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:auto;
	margin-top:10px;
	margin-left:90px;
}

#zonacarro #zonaesquerra #botocrearcompte
{
	position:relative;
	float:left;
	clear:left;
	height:auto;
	margin-top:10px;
	margin-left:90px;
}

#zonacarro #zonaesquerra #titoldadesenviament
{
	position:relative;
	float:left;
	clear:left;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	top:340px;
	width:450px;
}

#zonacarro #zonadreta #separadorcistella2
{
	position:relative;
	float:left;
	clear:left;
	overflow:hidden;
	margin-bottom:10px;
	margin-left:20px;
	width:380px;
}

#zonacarro #zonadreta #totalcompra
{
	position:relative;
	float:left;
	clear:left;
	overflow:hidden;
	margin-left:115px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	width:350px;
	font-weight:bold;
}

#zonacarro #zonadreta #importtotalcompra
{
	position: absolute;
	overflow: hidden;
	top: 0px;
	margin-left: 140px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	width: 150px;
	text-align: right;
}

/* Aquí comença el CSS de la tercera pantalla */

#zonacarro #zonaesquerra #formesdepagament
{
	position:relative;
	float:left;
	clear:left;
	width:500px;
	margin-top:10px;
}

#zonacarro #zonaesquerra #formesdepagament #mostravisa
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	overflow:hidden;
	width:250px;
	margin-bottom:2px;
	height:50px;
}

#zonacarro #zonaesquerra #formesdepagament #mostravisa #titolpagarvisa
{
	position:relative;
	float:left;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#zonacarro #zonaesquerra #formesdepagament #mostravisa #logovisa
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	overflow:hidden;
	margin-left:5px;
}

#zonacarro #zonaesquerra #formesdepagament #mostrapaypal
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	overflow:hidden;
	width:250px;
	margin-bottom:2px;
	height:50px;
}

#zonacarro #zonaesquerra #formesdepagament #mostrapaypal #titolpagarpaypal
{
	position:relative;
	float:left;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#zonacarro #zonaesquerra #formesdepagament #logopaypal
{
	position:relative;
	margin-left:10px;
	float:left;
	overflow:hidden;
	margin-left:5px;
}

#zonacarro #zonaesquerra #formesdepagament #logotransferencia
{
	position:relative;
	float:right;
	overflow:hidden;
	margin-left:5px;
}

#zonacarro #zonaesquerra #formesdepagament #mostrarcontra
{
	position:relative;
	float:left;
	overflow:hidden;
	width:250px;
	margin-bottom:2px;
	height:50px;
}

#zonacarro #zonaesquerra #formesdepagament #titolpagarcontra
{
	position:relative;
	float:left;
	overflow:hidden;
	margin-bottom:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#zonacarro #zonaesquerra #formesdepagament #logocontrareemborso
{
	position:relative;
	margin-left:10px;
	float:left;
	overflow:hidden;
	margin-left:5px;
}


#zonacarro #zonaesquerra #formesdepagament #titolpagotienda
{
	position:relative;
	float:left;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:2px;
	height:50px;
}

#zonacarro #zonaesquerra #formesdepagament #logopagarentienda
{
	position:relative;
	margin-left:10px;
	float:left;
	overflow:hidden;
	margin-left:5px;
}

#zonacarro #zonaesquerra #formesdepagament #mostrartransferencia, #zonacarro #zonaesquerra #formesdepagament #mostrarProCond
{
	position:relative;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	overflow:hidden;
	width:250px;
	margin-bottom:2px;
	height:50px;
}

#zonacarro #zonaesquerra #formesdepagament #titolpagartransferencia, #zonacarro #zonaesquerra #formesdepagament #titolpagoProCond
{
	position:relative;
	float:left;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:2px;
	height:100px;
}


#zonacarro #zonaesquerra #acceptocondicions
{
	position:relative;
	float:left;
	clear:left;
	overflow:hidden;
	width:415px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-bottom:30px;
}

#zonacarro #zonaesquerra #condicions
{
	position:relative;
	float:left;
	clear:left;
	overflow:hidden;
	width:415px;
	margin-top:15px;
	margin-left:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#zonacarro #zonaesquerra #regal
{
	position:relative;
	float:left;
	width:415px;
	margin-bottom:5px;
	height:25px;
}

#zonacarro #zonaesquerra #regal #titolregal
{
	position:relative;
	float:left;
	width:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#zonacarro #zonaesquerra #regal #logoregal
{
	position:relative;
	float:left;
	width:25px;
	padding:0px;
	margin-top:0px;
	margin-left:10px;
}

#zonacarro #zonaesquerra #titolobservacions
{
	position:relative;
	clear:left;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:5px;
	margin-top:20px;
}

#zonacarro #zonaesquerra #titolobservacions2
{
	position:relative;
	clear:left;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-left:5px;
	margin-top:0px;
}

#zonacarro #zonaesquerra #observacions
{
	position:relative;
	clear:left;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:5px 20px 20px;
}

#zonacarro #zonaesquerra #imatgepagar
{
	position:relative;
	clear:right;
	float:left;
	margin-left:125px;
	margin-right:10px;
	margin-top:5px;
}

#zonacarro #zonaesquerra #botopagar
{
	position:relative;
	clear:right;
	float:left;
	margin-left:125px;
	margin-right:10px;
	margin-top:30px;
}

#zonacarro #zonaesquerra #missatgeacceptarcond
{
position:relative;
clear:right;
float:left;
margin-bottom:25px;
margin-top:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#F00;
}


#zonacarro #zonaesquerra #missatgecontra
{
	position:relative;
	clear:right;
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#zonacarro #zonaesquerra #missatgerecollir
{
	position:relative;
	clear:right;
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#zonacarro #zonaesquerra #missatgevisa
{
	position:relative;
	clear:right;
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#zonacarro #zonaesquerra #missatgetransfer
{
	position:relative;
	clear:right;
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#zonacarro #zonaesquerra #missatgepaypal
{
	position:relative;
	clear:right;
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

/* Aquí acaba el CSS de la tercera pantalla */

/* Widget dreta->formes de pagament*/

#zonacarro .formesdepagament
{
	position:relative;
	margin-left:25px;
	float:left;
	overflow:hidden;
	margin-top:15px;
	width:150px;
}

#zonacarro #linea
{
	overflow: auto;
    text-align: center;
}

#zonacarro #zonadreta #formavisa, #zonacarro #zonadreta #formapaypal, #zonacarro #zonadreta #formatransfer,
#zonacarro #zonadreta #formacontra, #zonacarro #zonadreta #formarecoger
{
	margin: 10px 20px;
    display: inline-block;
}


/* Fi widget dreta->formes de pagament*/

/* Susana (6-3-2015) */

.errorAccio
{
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#F00;
}

.errorAccio a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#F00;
	text-decoration: underline;
}

.okAccio
{
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#039E04;
}

.intro
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	margin-bottom:10px;
	margin-top:10px;
}

.breadcrumb
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000;
}

.breadcrumb ol
{
	list-style: none;
	padding-left: 0;
	margin: 5px 0;
}

.breadcrumb li
{
	display: inline;
}

.breadcrumb a:hover
{
	color: #2271B3;
}

#changeVersion
{
	text-align:right;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	background-color: #E6E6E6;
	min-width: 950px;
}

#changeVersion img
{
	vertical-align: middle;
}

#changeVersion a
{
	text-decoration: none;
}

#titleListUsers
{
	color:#FFF; 
	padding:5px;
	margin-bottom:8px; 
	background-color:#999;
	font-size:12px;
	clear: both;
}

.userListUsers
{
	border-bottom-width:1px;
	border-bottom-color:#EEE; 
	border-bottom-style:solid;
	width: 540px !important;
}

.nameListUsers
{
	height:24px; 
	vertical-align:middle; 
	font-size:12px; padding-left:10px; 
	display: inline-block;
	
}

.buttonsListUsers
{
	float: right;
}

.buttonsListUsers form
{
	display: inline-block;
}

.viewPrice
{
	color: #2271B3;
	display: inline-block;
	overflow: auto;
	font-weight: bold;
}

.viewPrice img
{
	cursor: pointer;
}

#detalle .viewPrice
{
	font-weight: bold;
	font-size: 24px;
}

.detalles .viewPrice
{
	font-size: 24px;
}


.menuPrivateVertical
{
	list-style:none;
}

.menuPrivateVertical li
{
	font-weight:bold;
	margin: 10px;
}

.menuPrivateVertical li a:hover
{
	text-decoration:underline;
}

.containerMenuHorizontal
{
	clear:both;
	float:left;
	overflow:hidden;
	width:100%;
	margin: 15px 0;
}

.menuPrivateHorizontal
{
	float:left;
	left:50%;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	position:relative;
}

.menuPrivateHorizontal li
{
	float:left;
	position:relative;
	right:50%;
	height: 25px;
}

.menuPrivateHorizontal li a
{
	font-weight:bold;
    margin: 15px;
    padding: 5px;
}

.menuPrivateHorizontal li a:hover
{
	border-bottom: 1px solid #2271B3;
	padding-bottom: 4px;

}

.menuPrivateHorizontal li a.selItem
{
	border-bottom: 1px solid #2271B3;
	padding-bottom: 4px;
	color: #2271B3;
}


.iconCloseSession a
{
	border-bottom: 1px solid #2271B3;
	padding-bottom: 4px;
}

.iconCloseSession img
{
	vertical-align: middle;
}

#changePassword label
{
	width: 210px;
}

#changePassword label.error
{
	margin: 5px 0 5px 231px;
}

.tableOrders
{
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	text-align:center;
}

.tableOrders tr th
{
	border-bottom: 1px solid #2271B3;
}

.tableOrders tr td
{
	border-bottom: 1px solid #BEBEBE;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tableOrders .number, .tableProducts .number
{
	text-align:right;
}

.tableOrders .text, .tableProducts .text
{
	text-align:left;
}

#detailOrder .line
{
	clear:both;
	overflow: auto;
}

#detailOrder .line p
{
	margin: 5px 20px;

}

#detailOrder .columnLeftOrder
{
	float: left;
	margin-left: 20px;
	width: 150px;
	font-weight:bold;
}

#detailOrder .data
{
	height: 80px;
}

#detailOrder .tableProducts
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align:left;
}

#detailOrder .tableProducts .sep2
{
	border-bottom: 1px solid #BEBEBE;
}

#detailOrder .tableProducts .titleImport
{
	font-weight: bold;
	text-align:left;
}

#detailOrder .tableProducts td
{
	vertical-align: top;
}

.vale
{
	clear:both;
	margin:20px;
}

.vale .header
{
	border-bottom: 1px solid #2271B3;
	clear:both;
	margin-bottom: 10px;
	margin-top:20px;
}

.vale .header .title
{
	font-weight:bold;
	color: #2271B3;
}

.vale .columnLeftMargin
{
	width: 80px;
	font-weight:bold;
	display: inline-block;
	margin-bottom: 5px;
}

.vale .import
{
	font-weight:bold;
	text-align:center;
	float: right;
	margin-bottom: 10px;
}

.vale .import>span
{
	font-size:50px;

}



.checkAcceptForm {
    font-size: 10px;
    margin-left: 180px;
    padding: 5px;
}

#productos #articulos .lista .agrupados .lineadetalle
{
	width: 440px;
}

#productos #articulos .lista .agrupados .lineadetalle .detallecompra form 
{
	float: left;
}	

#productos #articulos .lista .agrupados .lineadetalle .detallecompra
{
	width: 36px;
}


#productos #articulos .lista .agrupados .lineadetalle .detalleprecio
{
	width: 49px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle
{
	width: 554px;
}

#zona #contenidozona #productos #fichaArticulo #detalle #agrupados .lineadetalle .detallecompra
{
	width: 40px;
}