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

* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#333333;}
img{border:0px;}
a:link, a:visited {color:#9b3288; text-decoration:none;}
a:hover {color:#b151a0; text-decoration:underline;}
h3{color:#b151a0;}
h5{color:#b151a0;font-size:12px;}

#main {width:930px;margin:0px auto;padding-top:20px;padding-bottom:10px;}

#passi_inici{
	width:732px;
	height:532px;
	margin:0 auto;
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
	
}
#passi_inici img{position:absolute; bottom:0px;}
#sup {position:relative;height:48px; padding-left:196px;}
	#lang {position:absolute;top:0px; left:0px;list-style:none;}
	#lang li {display:inline;}
	#lang a:link, #lang a:visited {color:#030303;}
	#lang a.actiu {font-weight:bold;}
	#lang span {margin:0px 2px;color:#909090;}
	#user{position:absolute;top:10px;left:20px;color:#9b3288;font-weight:bold;}
	#user a.link,#user a.visited{color:#9b3288;font-weight:normal;}
	
	#lat {position:absolute;top:0px; right:0px; list-style:none;}
		#lat li {display:inline;}
		#lat a {background-repeat:no-repeat; padding-left:30px;display:block; float:left; margin-left:15px; line-height:11px;}
		#lat a:link, #lat a:visited {color:#000;}
		#lat a:hover {color:#666; text-decoration:none;}
		#lat .carro { background-image:url(../img/li_carro_bkg.png);}
		#lat .estat { background-image:url(../img/li_estat_bkg.png);}

#mig {height:532px;}
	#col-a {float:left;width:188px; margin-right:8px;}
	#col-b {float:left;position:relative;width:704px; height:392px;border:1px solid #dbd4dc; padding:112px 0px 28px 28px;}
		#col-b #logo{display:block;width:310px;height:80px;position:absolute;top:0px;left:403px;z-index:15;}
		#col-b #portada {position:absolute; top:0px; left:0px;}
		#col-b #col-ba {width:350px;float:left;border:0px solid #cc0000;}
		#col-b #col-bb {width:310px;float:left;margin-left:24px;border:0px solid #cc0000;}
	
#baix {position:relative;height:32px; font-size:10px; margin-top:21px;}
	#baix span {margin:0px 2px 0px 3px;}
	#baix a:link, #baix a:visited {color:#4e4e4e;}
	#baix a:hover {color:#6c6a6a;}
	#baix ul {list-style:none;}
	#baix li {display:inline;}
	#baix #targetes {position:absolute; top:0px; right:0px;}
	#baix #targetes li {margin-left:7px;}
	
	
/* GENERIC */
#generic-compra {position:relative;top:-80px;}	
#generic {}	
	#generic h2,#generic-compra h2{color:#944586;font-size:18px;width:350px;padding-bottom:7px;}	
	#generic h2 span{text-transform:uppercase;}	
	#generic div.text{font-size:11px;width:340px;height:350px;padding-bottom:30px;overflow-x:hidden; overflow-y:auto;text-align:justify;padding-right:10px;}	
	#generic div.textCistell{font-size:11px;width:670px;height:150px;overflow-x:hidden; overflow-y:auto;}	
	#generic div.textlliure{font-size:11px;width:350px;overflow-x:hidden; overflow-y:auto;}	
	#generic div.text ul{list-style:none;}	
	#generic div.text ul li{float:left;}	
	#generic div.text ul li span{float:left;color:#a65a93;margin:0px 10px 0px 10px;}	
	#generic div.text ul li a{float:left;}	
	#generic #llistaFotos{clear:both;width:325px;margin-top:30px;display:none;height:150px;position:relative;}
	#generic #llistaFotos a.interior,#generic #llistaFotos a.ultima{width:70px;height:55px;display:block;float:left;}	
	#generic #llistaFotos a.interior{margin:0px 15px 10px 0px;}	
	#generic #llistaFotos a.ultima{margin:0px 0px 10px 0px;}	
	#visor{width:310px;height:245px;}
	#producte{width:310px;height:302px;}
	.loading{
           background: url(../img/spinner.gif) no-repeat center center;
    }
    #imgvid{margin-top:5px;}
    #paginacio{position:absolute;bottom:10px;right:10px;}
    #paginacio ul{list-style:none;}
    #paginacio ul li{float:left;color:#9c9c9c;padding-left:10px;font-size:11px;}
    #paginacio ul li a{padding-top:3px;}
	
/* Clients  & Enllaços */
#clients{width:320px;list-style:none;}

#clients li h4{color:#944586;font-size:12px;font-weight:bold;margin-top:20px;}	
#clients li h5{color:#000;font-size:11px;font-weight:bold;}	
#clients li{width:140px;}	
#clients li.left{float:left;clear:both;margin-right:30px;}	
#clients li li{margin-top:10px;}	

/* Productes */
#opcions{float:left;}
#opcions select{margin:5px 5px 10px 8px;}
.select{font-size:10px;color:#000;border:1px solid #6f6f6f;width:100px;float:left;background:#ced0cb;text-transform:capitalize;}
.select option.base{color:#000;}
.select option.ops{color:#944586;}




#generic div.prods{font-size:11px;width:350px;height:350px;overflow-x:hidden; overflow-y:auto;background:url(../img/prods.png) repeat-y -1px 0px; }

ul#productes{list-style:none;width:350px;}
ul#productes li.list{float:left;margin:0px 6px 20px 7px;font-size:11px;}
ul#productes li.pref{float:left;margin:5px 20px 15px 0px;font-size:11px;}
ul#productes li.list a{width:70px;height:70px;display:block;border:1px solid #e7dbe7;text-decoration:none;}
ul#productes li.pref a{width:90px;height:90px;display:block;border:1px solid #e7dbe7;text-decoration:none;}
ul#productes li.pref a.mesinfo{width:70px;height:12px;display:block;text-decoration:none;}
ul#productes li.list a.mesinfo{height:12px;display:block;text-decoration:none;}
ul#productes li.list p{width:70px;overflow:hidden;font-size:9px;}
ul#productes li.pref p{width:85px;overflow:hidden;font-size:9px;}
ul#productes strong{font-size:11px;}

ul#productes a.mesinfo:link,ul#productes a.mesinfo:visited{clear:both;display:block;width:64px;color:#FFF;font-size:10px;background:url(../img/boto.png) repeat-x ;border:1px solid #5a2050;padding:1px 3px 0px 3px;margin-top:3px;}

#lesmides{margin-top:5px;position:relative;height:20px;}
#lesmides select,#lesmidesFitxa select{font-size:10px;background:#CCC;border:1px solid #1a1a1a;color:#000;margin-left:5px;float:left;}
#lesmides #preu1,#lesmides #preu,#lesmidesFitxa #preu1,#lesmidesFitxa #preu{position:absolute;left:205px;top:3px;text-transform:capitalize;}
#lesmides #preu2,#lesmides #preuof,#lesmidesFitxa #preu2,#lesmidesFitxa #preuof{position:absolute;left:205px;top:17px;}

#lesmidesFitxa{margin-top:5px;position:relative}
#lesmidesFitxa span.tit{float:left;text-transform:capitalize;width:45px;display:block;margin-bottom:3px;}
#lesmidesFitxa select{float:left;margin-bottom:3px;width:120px;}
#lesmidesFitxa a.cistell{float:left;}
#lesmidesFitxa ul{width:300px;list-style:none}
#lesmidesFitxa li.fitxa{clear:both;width:300px;display:block;text-align:justify;}
#lesmidesFitxa li.fitxa a{float:left;margin-left:30px;}

#fitxaProducte{width:310px;}
#fitxaProducte a.fotografia:link img,#fitxaProducte a.fotografia:visited img{border:1px solid #eadae7;}
a.lupa:link,a.lupa:visited{background:url(../img/lupa.png) no-repeat 0px 0px;font-size:10px;color:#9a9a9a;padding-left:12px;float:left;}
a.sobre:link,a.sobre:visited{background:url(../img/sobre.png) no-repeat  0px 2px;font-size:10px;color:#9a9a9a;padding-left:12px;margin-right:10px;float:left;}
#fitxaProducte p.resum,#fitxa-a p.resum{color:#000;font-size:10px;clear:both;padding-top:5px;width:310px;}

#fitxaProducte ul,#fitxa-a ul{list-style:none;}
#fitxaProducte ul li,#fitxa-a ul li{float:left;width:90px;}
#fitxaProducte ul li.quant,#fitxaProducte ul li.quant,#fitxa-a ul li.quant,#fitxa-a ul li.quant{text-transform:capitalize;padding: 2px 0px 0px 15px;}
#fitxaProducte ul li.quant select,#fitxaProducte ul li.quant select,#fitxa-a ul li.quant select,#fitxa-a ul li.quant select{font-size:10px;color:#000;border:1px solid #6f6f6f;width:30px;background:#ced0cb;text-transform:capitalize;margin-left:3px;}
#fitxaProducte ul li.cistell,#fitxaProducte ul li.cistell{margin-left:10px;}
a.informacio:link,a.informacio:visited{width:90px;clear:both;display:block;color:#FFF;font-size:10px;background:url(../img/boto.png) repeat-x ;border:1px solid #5a2050;padding:1px 3px 0px 3px;margin-top:3px;}
a.favorits:link,a.favorits:visited{width:90px;display:block;position:relative;color:#FFF;font-size:10px;background:url(../img/boto.png) repeat-x ;border:1px solid #5a2050;padding:1px 3px 0px 15px;margin-top:3px;}
a.favorits:link span,a.favorits:visited span{position:absolute;top:2px; left:2px;width:10px;height:10px;display:block;background: url(../img/preferits.png) no-repeat;}
a.cistell:link,a.cistell:visited{width:90px;display:block;position:relative;color:#FFF;font-size:10px;background:url(../img/boto.png) repeat-x ;border:1px solid #5a2050;padding:1px 3px 0px 15px;margin-top:3px;text-decoration:none;}
a.cistell:link span,a.cistell:visited span{position:absolute;top:2px; left:2px;width:10px;height:10px;display:block;background: url(../img/cistell.png) no-repeat;}

/* Credits */
#credits h3 {margin-top:10px;margin-bottom:5px;color:#777;}
#credits blockquote {margin-left:20px;}
#credits p {margin-bottom:5px;}

/* Mapa Web */
.mapa{list-style:none;height:345px;overflow:auto;margin-top:10px;}
.mapa li{margin-bottom:3px;clear:both;}
.mapa h3{margin:0px 0px 0px 0px;clear:both;}
.mapa li a:link,#mapa li a:visited{text-decoration:none;}
.mapa ul{list-style:none;margin:5px 0px 10px 15px;}	
.mapa ul li{list-style:none;margin:0px 0px 3px 0px;clear:both;}	

/* ------------------ Recupera Dades*/
#recupera{list-style:none;}
#recupera li{padding-bottom:0px;clear:both;padding-top:5px;}
/*------------------------------- Carro de la compra */
#carro-llista {width:95%;font-size:10px;border-collapse: collapse;}
	#carro-llista th {background:url(../img/degradat.png) repeat-x;color:#FFF;font-weight:normal;font-size:11px;padding:3px 8px;}
	#carro-llista td {text-align:center;vertical-align:middle;padding:8px 8px;background-image:url(../img/punts_bkg.png);background-repeat:repeat-x;background-position:bottom;}
	#carro-llista td span {padding:0px 5px;float:left;}
	#carro-llista .img {float:left;margin-right:10px;border:1px solid #a1949e;}
	#carro-llista td p {text-align:left;margin-bottom:5px;}
	#carro-llista .marca {color:#A3A287;background-color:inherit;}
	
hr.separacio{border-bottom:1px solid #a1949e;height:1px;width:670px;margin-top:5px;}	
#carro-clients {float:left;margin-top:10px;margin-left:80px;margin-bottom:40px;}
#carro-preu {width:250px;float:left;margin-top:10px;margin-right:30px;margin-bottom:10px;}
	#carro-preu th{text-align:left;padding:8px 0px;font-weight:bold;vertical-align:top;color:#000;background-color:inherit;}
	#carro-preu td {text-align:left;padding:8px 0px;font-weight:normal;vertical-align:top;color:#000;background-color:inherit;}
	#carro-preu span {color:#000;background-color:inherit;font-size:9px;}
	#carro-preu strong {color:#000;background-color:inherit;}

a.incdec{background:url(../img/incdec.png) no-repeat 0px 1px;width:12px;height:13px;display:block;color:#FFF;float:left;font-size:12px;font-weight:bold;vertical-align:-3px;}
	

/* Formularis */
#login_form ul,#nou_usuari_form ul,#dades_entrega ul,#dades_fact ul,#dades_acces ul{list-style:none;}
#login_form ul li,#nou_usuari_form ul li,#dades_entrega ul li,#dades_fact ul li,#dades_acces ul li{padding-top:3px;clear:both;width:350px;}
#login_form label,#nou_usuari_form label,#dades_entrega label,#dades_fact label,#dades_acces label{font-size:11px;color:#000;width:120px;float:left;}

input.input,select.input{font-size:11px;color:#000;background:#ddd3dd;border:1px solid #ddd3dd;width:175px;padding:1px;float:left;}
#login_form input.error,#nou_usuari_form input.error,#dades_entrega input.error,#dades_fact input.error,#dades_acces input.error{background:#FFDFDF;color:#000;border:1px solid #CC0000;}
#login_form label.error,#nou_usuari_form label.error,#dades_entrega label.error,#dades_fact label.error,#dades_acces label.error{display:none;height:0px;font-size:0px;}

#col-aF{float:left;width:300px;}
#col-bF{float:left;width:350px;margin-left:50px;}
#col-cF{float:left;width:350px;margin-left:50px;position:relative;top:-30px;}

#dades_entrega{margin-top:00px;}

#generic .inline-r,#col-bF .inline-r,#col-aF .inline-r {list-style:none;padding-top:10px;clear:both;}
#generic .inline-r li,#col-bF .inline-r li,#col-aF .inline-r li {display:inline-block;clear:none;}

/* Procés de compra */
#col-aF #proces,{list-style:none;background-repeat:no-repeat;height:70px;margin:20px 0px 20px 0px;width:350px;}
#col-aF #proces li {display:inline-block;float:left;clear:none;text-align:center;margin:0px 20px 0px 0px;width:55px;}
#col-aF #proces h3{border:0px solid #CC0000;margin-left:12px;padding:8px 0px 0px 0px;font-family: "lucida sans","trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;background:url(../img/passos.jpg) no-repeat 0px 0px;height:25px;width:33px;}
#col-aF #proces p {color:#944586;background-color:inherit;text-align:center;margin-top:5px;}
#col-aF #proces .actiu h3{background:url(../img/passos.jpg) no-repeat -33px 0px;}
#col-aF #proces .actiu p {font-weight:bold;color:#5e1d57;}

/* -- Caixa de Dialeg -- */
#pantalla{width:100%;height:100%;background:#000;display:none;position:absolute;top:0px;left:0px;opacity:0.4;filter:alpha(opacity=40)}
#dialog{border:1px solid #e0d2e1;background:#FFF;width:260px;position:absolute;display:none;padding:20px;top:200px;left:200px;height:50px;}
	#dialog img{position:absolute;top:10px;left:10px;border:1px solid #e0d2e1;}
	#dialog p{font-size:10px;position:absolute;top:10px;left:90px;}
	#dialog span{font-size:11px;position:absolute;top:25px;left:90px;color:#4c2748;font-weight:bold;}
	#dialog a{width:85px;display:block;color:#FFF;font-size:10px;background:url(../img/boto.png) repeat-x ;border:1px solid #5a2050;padding:1px 3px 0px 3px;margin-top:3px;}
	#dialog a.tancar{position:absolute;top:60px;left:90px;}
	#dialog a.ves{position:absolute;top:60px;left:185px;width:100px;}


.oferta{text-decoration:line-through;}

#fitxaProd{width:735px;}
#fitxaProd p.tancar{width:735px;height:15px;background:#CCC;}
	#fitxa-a{margin:40px 40px 20px 40px;height:460px;float:left;width:310px;background:url(../img/inifug.png) no-repeat bottom left;}
	#fitxa-a h2,#fitxa-b h2{color:#944586;font-size:18px;width:310px;margin-bottom:15px;}
	#fitxa-a p.resum{margin:20px 0px 15px 0px;}
	#fitxa-a strong{font-size:12px;}
	#fitxa-a ul{margin-top:20px;}
	#fitxa-a #passiProd{width:308px;height:175px;border:1px solid #e7dbe7;overflow:hidden;}
	#fitxa-a #passiProd div{width:308px;height:175px;border:1px solid #e7dbe7;position:relative;left:0px;}
	#fitxa-a #passiProd img{float:left;}
	#fitxa-a #fletxes {width:308px;height:20px;}
	#fitxa-a .fletxa{font-size:20px;text-decoration:none;}
	#fitxa-a .fletxa span{color:#9b3288;font-size:11px;}
	#fitxa-a #seguent{float:right;}
	#fitxa-a #anterior{display:none;float:left;}
	
#fitxa-b{float:left;width:310px;height:460px;margin:40px 10px 0px 0px;background:url(../img/recomanacions.png) no-repeat bottom right;}
#fitxa-b ul{padding-top:10px;font-size:10px;list-style:none; }
#fitxa-b div.txt{height:350px;width:310px;overflow-x:hidden; overflow-y:auto;text-align:justify;padding-right:10px;}
#fitxa-b div.txte{height:230px;width:310px;overflow-x:hidden; overflow-y:auto;text-align:justify;padding-right:10px;padding-bottom:30px;}
#fitxa-b ul li{margin-bottom:15px;clear:both;}
#fitxa-b ul li strong{font-size:11px;}
#fitxa-b ul li div.foto{float:left;width:160px;margin-left:15px;padding-top:5px;}
#fitxa-b ul li div.tot{width:310px;}
#fitxa-b ul li img{float:left;}
	/* Contacte */

#form{font-size:10px;color:#000;margin-top:20px;text-align:left;}
#form label,form label{font-size:10px;color:#000;width:310px;padding-bottom:2px;text-align:left;}
#form input.input,#form textarea{font-size:11px;width:310px;color:#6f6f6f;border:1px solid #000;padding:2px 5px 1px 5px;margin:2px 0px 10px 0px;}
#form input.error,#form textarea.error{font-size:11px;color:#000;width:310px;background:#ffd9d9;border:1px solid #CC0000;padding:2px 5px 1px 5px;margin:2px 0px 10px 0px;}
#form textarea{height:70px;}
#formulari .lopd{width:340px;margin-left:5px;font-size:9px;padding-top:15px;}
#formulari .lopd div{color:#000;width:280px;float:left;margin-left:5px;}
#formulari .lopd div p,#formulari .lopd div a{float:left;}
#formulari .lopd p.error{position:relative;top:0px;left:5px;color:#CC0000;}
#formulari .lopd a:link,#formulari .lopd a:visited{color:#944586;text-decoration:none;float:left;clear:none;}
#form p.error{font-size:10px;color:#CC0000;float:left;display:block;position:relative;top:-10px;}
#form input.boto{margin-right:10px;margin-top:5px;text-transform:capitalize;}
.lopdu{width:300px;padding-top:5px;}
.lopdu input{float:left;pading-bottom:20px;}
.lopdu p.cond,.lopdu div{float:left;width:280px;margin-left:5px;height:50px;}
.lopdu a{display:inline;float:left;}


.b_generic{width:90px;clear:both;color:#FFF;font-size:10px;background:url(../img/degradat.png) repeat-x top left;border:1px solid #5a2050;padding:0px 3px 2px 3px;height:18px;}


/* Recuadres laterals */
.quadre_info{
	background-image:url(../img/lat_bkg.png);
	background-repeat:repeat-x;
	background-position:top left;
	width:188px;
	color:#FFF;
	text-align:justify;
}
.tit_info{
	background-image:url(../img/lat_tit_bkg.png);
	background-repeat:repeat-x;
	background-position:top left;
	widh:188px;
	margin-bottom:8px;
	height:17px;
	font-size:11px;
	letter-spacing:0px;
	text-transform:uppercase;
	padding:3px 0px 0px 0px;
	text-align:center;
	color:#FFF;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
}
.pas2form{margin-top:5px;height:290px;overflow-x:none;overflow-y:auto;}
#q1{height:135px;margin-bottom:8px;}
	#q1 h3{text-transform:uppercase;color:#FFF;padding:7px 0px 0px 7px;font-size:12px;}
	#q1 a{float:left; margin:7px;}
	#q1 div{float:left; margin:7px 7px 7px 0px;font-size:12px;width:80px;}
#q2{height:95px;margin-bottom:8px;}
#q3{height:155px;margin-bottom:8px;}
#q4{height:95px;}

.quadre_info .bola {float:left;text-align:center;font-size:18px;font-weight:bold;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif;color:#FFF;height:25px;width:33px;}
.quadre_info .text {float:left;color:#FFF;width:145px;padding:10px 0px 0px 0px;}
.quadre_info h5 {text-transform:uppercase;color:#FFF;padding-bottom:4px;}
.quadre_info p {font-size:9px;color:#FFF;}

	#tarjes {margin-top:10px;}
	#tarjes li {margin-left:7px;display:inline;}


/* Comandes */
#comandes{margin-top:10px;}
#comandes th{text-align:left;color:#777;padding:0px 5px 5px 5px;border-left:1px solid #CCC;border-bottom:1px solid #CCC;}

/* Recurs */
.cb {clear:both;}
.fl{float:left;}
.cb0{clear:both;height:0px;}
.missForm{position:absolute;top:50px;left:60px;color:#FF0000;font-weight:bold;}
.missError{color:#FF0000;font-weight:bold;}
.ferPagament{font-size:16px;font-weight:bold;clear:both;margin-top:30px;}
.msg_ok{color:#137F00;font-size:13px;font-weight:bold;padding-bottom:5px;}
.msg_ko{color:#CC0000;font-size:13px;font-weight:bold;padding-bottom:5px;}
.errorLogin{font-size:12px;color:#CC0000;font-weight:bold;}
.iva{font-size:10px;}


/* Menú */
.menu {position:relative;}
.menu ul{list-style-type:none;}
.menu span{position:relative;top:1px;padding:0px 5px;float:left;}
.menu li ul span{position:relative;top:2px;padding:0px 5px;float:left;}
.menu ul li{float:left;position:relative;}
.menu table{position:absolute;border-collapse:collapse;left:0;top:0;}
.menu a, .menu :visited {color:#000;text-decoration:none;padding:3px;float:left;display:block;}
.menu a em.lft, .menu :visited em.lft {display:block;float:left;}
.menu a b, .menu :visited b {display:block;float:left;cursor:pointer;}
.menu a em.rgt, .menu :visited em.rgt {display:block;float:left;}
.menu ul li{ text-transform:uppercase; font-size:12px; font-weight:bold;}
.menu ul ul li{ font-size:11px; font-weight:normal;float:left;text-transform:none;height:20px;}
.menu *{padding:0px;margin:0px;}
.menu ul ul {display:inline;visibility:hidden;position:absolute;top:20px;left:0px;width:530px;}
.menu :hover {white-space:normal;color:#944586; text-decoration:none}
.menu ul li:hover ul,.menu ul a:hover ul{display:block;visibility:visible;z-index:205;}
.menu ul :hover ul li {display:block;float:left;}
.menu ul :hover ul li a {display:block; width:auto;float:left; padding:3px;}
.menu ul :hover ul li a:hover {color:#944586; text-decoration:none}

.menu ul li ul.visible{visibility:visible;}

/* Area de Clients */
#areaClients{width:310px;margin-top:10px;position:relative;}
#areaClients p{width:290px;background: url(../img/degradat.png) repeat-x;color:#FFF;padding:3px 10px 3px 10px;height:14px;font-size:11px;font-family:Verdana;font-weight:bold;}
#areaClients ul.tot{display:block;width:300px;padding:8px 8px 8px 0px;border:1px solid #dbd5d9;margin-top:5px;list-style:none;height:58px;}
#areaClients ul.tot li{float:left;padding-left:10px;}
#areaClients label{color:#000;font-size:9px;width:40px;float:left;clear:both;margin:0px 0px 5px 0px;padding-top:3px;}
#areaClients input.input{font-size:10px;color:#6f6f6f;border:1px solid #6f6f6f;width:185px;float:left;margin:0px 0px 5px 5px;}
#areaClients input.boto,#form input.boto{font-size:10px;color:#6f6f6f;border:1px solid #6f6f6f;width:40px;float:left;background:#ced0cb;text-transform:capitalize;}
#areaClients a:link,#areaClients a:visited{font-size:9px;color:#000;text-decoration:underline;float:left;font-family:Helvetica;margin-right:10px;}
#areaClients #boto{position:absolute;bottom:5px;right:5px;}

#dades{width:760px;}
#dades ul{float:left;width:140px;list-style:none;margin-right:20px;margin-top:10px;}
#dades ul li{margin:0;padding:0;}
#dades input.input{font-size:10px;width:130px;color:#6f6f6f;border:1px solid #000;padding:1px 5px 1px 5px;margin:2px 0px 2px 0px;}
#dades select{font-size:10px;width:140px;background:#CCC;color:#6f6f6f;border:1px solid #000;padding:1px 5px 1px 5px;margin:2px 0px 2px 0px;}
#dades label{font-size:10px;color:#000;width:190px;padding-bottom:2px;}


#transfer{text-align:center;width:500px;margin:20px auto;}
	#transfer p.destacat{font-weight:bold;font-size:12px;}

/*SCROLLS*/
#scroll{
	padding-bottom:30px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ebd9e7;
	border:2px solid #ebd9e7
}
.jScrollPaneDrag {
	position: absolute;
	background: #5c1f5b;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
	background-repeat:repeat-y;
	background-position:top center;

	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
	background-repeat:repeat-y;
	background-position:top center;

	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}