@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
/*------------------------IMATGES-------------------------*/
img.dreta	 		{ margin:20px 0px 20px 20px; border:#FFFFFF solid 4px; float: right }
img.esquerra		{ margin:20px 20px 10px 0; border:#FFFFFF solid 4px; float: left }  
img.centre			{ margin:20px 10px 10px 10px; border:#FFFFFF solid 4px; float:none }
img.marc			{ border:#FFFFFF solid 4px; border:#FFFFFF solid 4px; margin:0 10px 20px 11px;}
img.lateral   		{ margin-bottom:10px }
img.thumb			{ width:58px; margin-top:5px; margin-right:6px; height:58px; border:1px solid #999999; padding:1px;}
img.dreta_baner	 		{ margin:0 0 0px 10px; float:right; border:#FFFFFF solid 4px; }
/* ---------------------- BIG BOYS ---------------------- */
body { font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-size:70%; padding:0; margin:0; background:#3c2635 url(../img/bg_cap.jpg) top center no-repeat; }

h1 { font-size:1.5em; color:#000b5f; padding:0 0 8px 0; margin-bottom:30px  }
h2 { font-size:1.3em; color:#000b5f; padding:0 0 15px 0; }
h3 { font-size:.95em;  padding:0 0 35px 0;  }
p { line-height:1.65em; color:#333; margin:0 0 25px 0 }
strong { font-weight:bold; color:#450505 }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#000b5f }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web { width:980px; margin:170px auto 0; background:#FFFFFF url(../img/bg_web.png) no-repeat }
#cap { height:96px; padding:0 16px; }
#cos {  }
#col { width:180px; float:left; padding-left:6px; }
#peu { clear:both; color:#450505; background:#FFF; padding-top:10px;}

#contingut 			{ font-family:tahoma, sans-serif; width:578px; float:left; padding:0 15px }
#contingut_total 	{ font-family:tahoma, sans-serif; width:950px; float:left; padding:0 15px }
#col_cos 			{ width:170px; float:left;  }

#busqueda			{ background-color:#eaca02; padding:5px; vertical-align:baseline; }
#busqueda .text		{ background-color:#FFF; border:#A7A7A7 solid 1px; width:138px;  }
#busqueda .submit	{ }

#menu_productes     { border:#ff84c0 solid 1px; margin-left:10px; }

#mensaje { padding:10px; text-align:center; font-weight:bold; color:#CC0000; background:#FFFF88; font-size:1.4em; padding-left:26px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:20px }

/* Idiomes */
.idioma { color:#004191 }

/* ---------------------- CAP ---------------------- */
#logo { display:block; width:232px; height:100px; padding-top:10px }
#cap ul li { display:inline; padding:0; margin:0; }

.cap_menu_primari			{ width:330px; float:left;}
.menus_superiors			{ text-align:left; padding-top:20px; width:100%;}
.info						{ border:#CCC solid 1px; padding:10px; width:300px;}

.menus_superiors li a		{ background:url(../imatges/menu_superior_separador.gif) right center no-repeat; padding:0 6px 0 5px; }
#cap li.ultim a 			{ background:none; padding-right:0 }
#cap li.volver a 			{ background:none; padding-right:0; font-size:1.1em; font-weight:bold; padding-top:10px; line-height:26px; margin-top:20px }
.cap_menu_secundari 		{ font-size:1em; float:right;}
.cap_menu_secundari a 		{ color:#777 }
.telefon 					{ font-size:1.4em; text-align:right; float:right; line-height:1.6em;  }
.telefon strong				{ color:#e2006e; font-weight:bold; font-size:1.2em }
div.secundari				{ float:right;  width:470px}

/* ---------------------- COS ---------------------- */
h1.portada	 { font-size:1.7em; color:#000b5f; text-align:center; margin-bottom:10px; margin-top:20px }
.baner_portada		{ background:url(../imatges/bg_prod_baner.png) bottom center repeat-x; margin-left:10px; border:#CCCCCC solid 1px; padding:8px; margin-bottom:40px}
.baner_portada p		{ margin:0 0 0 0 }
#contingut h1 		{ border-bottom:1px solid #d9dcea; }
.menu_cap	{ background:url(../imatges/bg_carrito.png) top left repeat-y; line-height:26px; text-align:center; font-size:.90em; font-weight:bold; color:#FFF; }
#col ul 			{ font-size:1.1em; color:#450505; background-color:#ffdded;}
#col ul li 			{ line-height:26px; border-bottom:1px solid #FFFFFF; padding:0 0px; font-size:.95em;}
#col ul li a		{ color:#5a5a5a; }
#col ul li ul 		{  }
#col ul ul li 		{ border:0; font-size:.80em; background-color:#fff3f8;  }
#col ul ul li a 	{ color:#8f8f8f; font-weight:normal; }
#col ul a.actiu 	{ font-weight:bold }

#col ul a 			{ display:block; padding:0 10px; text-decoration:none }
#col ul a:hover 	{ background-color:#ffdded; text-decoration:underline; color:#ff007c }
#col ul ul li a:hover 	{ background-color:#fff3f8; color:#ff007c }
#col_cos a 			{ margin-bottom:15px; display:block }
#col #baner_oferta img { margin:15px 0 }


table.pasos_compra tr th	{ width:50px; line-height:45px }




/* LLISTAT DE PRODUCTES */
#contingut.llista_productes table				{ width:196px }
#contingut.llista_productes .producte *			{ padding:0; margin:0; border:0 }
#contingut.llista_productes .producte			{ vertical-align:top; padding:15px 8px 15px 8px; width:196px; }
#contingut.llista_productes .producte 			{ width:180px; }

/*#contingut.llista_productes .prod				{  min-height:265px; background:url(../imatges/bg_comprar_cataleg.png) bottom center no-repeat;}*/
#contingut.llista_productes .prod				{  min-height:265px; border:#ff84c0 solid 1px; background:url(../imatges/bg_prod.png) bottom center no-repeat;}
#contingut.llista_productes .producte h1		{ font-size:1em; line-height:1.2em; font-weight:bold; padding:0 9px 5px; height:40px;}
#contingut.llista_productes .producte h1 a		{ color:#00065B }
#contingut.llista_productes .sumaisigue			{ float:right; margin-right:15px; margin-top:4px;}
#contingut.llista_productes .producte .foto		{ max-width:174px; max-height:170px;}
#contingut.llista_productes .producte .img		{ width:174px; height:170px; border-bottom:#ff84c0 solid 1px; margin-bottom:6px; padding:2px; }
#contingut.llista_productes .producte p			{  }
#contingut.llista_productes .producte .preu		{ font-size:1.6em; border:#D2D2D2 solid 1px; font-weight:bold; float:right; line-height:1em; padding:3px 3px 3px 8px; text-align:center; font-family:"Trebuchet MS"; margin:6px 8px 0 4px; text-align:right; background-color:#FFF }
#contingut.llista_productes .producte .preu strong	{ font-size:0.6em; font-weight:normal; color:#999 }
#contingut.llista_productes .producte .oferta	{ color:#D50005; font-weight:bold  }
#contingut.llista_productes .producte .preu .abans { text-decoration:line-through; font-size:.60em; color:#777; font-weight:normal; padding:0; margin:0 }
#contingut.llista_productes .littledescription    { padding-left:10px; height:70px }
#contingut.llista_productes .producte  .link_comprar { height:24px; line-height:23px; font-weight:bold; background:url(../imatges/ico_comprar.png) 40px center no-repeat; }
#contingut.llista_productes .producte  .link_comprar a{ color:#FFF; }
#contingut.llista_productes .producte  .link_comprar a:hover{ color:#000; }

#contingut.llista_productes .producte  .carrito {  text-align:center; border-left:#ff84c0 solid 1px; border-right:#ff84c0 solid 1px; border-bottom:#ff84c0 solid 1px; background:url(../imatges/bg_carrito.png) bottom center no-repeat; }
#contingut.llista_productes .portada div		{ background:url(../imatges/bg_comprar_cataleg.png) bottom center no-repeat; width:180px }
#contingut li { font-weight:normal; padding-left:15px; padding-bottom:10px}

#contingut a { color:#2387b9; text-decoration:underline }
#contingut a:hover { color:#000b5f }


/* Paginador de llista */
#contingut.llista_productes .paginador						{ height:40px; padding:10px 0; }
#contingut.llista_productes .paginador ul					{ display:block; float:left; line-height:24px; height:24px; border:1px solid #ffc1df }
#contingut.llista_productes .paginador ul li				{ border-left:1px solid #ffc1df; float:left; padding:0; margin:0 }
#contingut.llista_productes .paginador ul a					{ padding:0 13px 0 13px;line-height:24px; display:block; margin:0	 }
#contingut.llista_productes .paginador ul a:hover			{ background-color:#efe2ec; color:#000 }

#contingut.llista_productes .paginador .pag_anterior		{ border:0 }
#contingut.llista_productes .paginador .pag_anterior a	 	{ background:url(../admin/img/icones/pag_anterior.gif) no-repeat left center; padding-left:20px }
#contingut.llista_productes .paginador .pag_seguent a		{ background:url(../admin/img/icones/pag_seguent.gif) no-repeat right center; padding-right:20px }
#contingut.llista_productes .paginador .pag_anterior span 	{ background:url(../admin/img/icones/pag_anterior.gif) no-repeat left center; padding-left:20px; padding-right:12px; color:#ccc }
#contingut.llista_productes .paginador .pag_seguent span	{ background:url(../admin/img/icones/pag_seguent.gif) no-repeat right center; padding-right:20px; padding-left:12px; color:#ccc }
#contingut.llista_productes .paginador li.activa			{ padding:0 10px 0 10px; line-height:24px; background:#ffc4f0; font-weight:bold; color:#fff }

.relacionats	{ clear:both }
.relacionats h1 { color:#41920f; font-weight:bold; font-family:'Trebuchet MS', sans-serif; font-size:1.3em; margin:0 7px }
.relacionats h2 { color:#7a7a7a; font-size:1em; margin:0 7px }
.relacionats h2 a { text-decoration:underline; color:#474747 }
.relacionats .producte { border:1px solid #DDDDDD; margin-bottom:10px; min-height:76px; background:#fbe9f2 url(../imatges/fonsrelacionats.gif) top repeat-x; width:194px; padding:5px; }
.relacionats .producte p { padding-left:90px; margin:0 7px; line-height:13px; text-align:left; }
.relacionats .producte p a{ font-weight:bold; color:#000b5f; }
.relacionats .producte img { padding:1px; border:#FFFFFF solid 1px; width:82px; }
.relacionats .producte p.img img { margin-bottom:10px }
.blociva { background:url(../imatges/iva.gif) no-repeat top left ; margin-bottom:15px; text-align:center; font-weight:bold; width:170px; height:53px; }
.busqueda { background:url(../imatges/buscador.gif) no-repeat top left; padding-top:10px; padding-left:10px; margin-top:2px; font-weight:bold; margin-left:10px; width:160px; height:53px; }
.busqueda_camp  { background-color:#FFF; border:#666666 solid 1px; padding:1px; }
.piva { padding-top:7px; }
h2.relacionats { padding-top: 15px; border-bottom:1px solid #ccc; margin-bottom:15px; font-weight:bold; clear:both }

#preparacions div{ text-align:center; min-height:60px; margin-top:5px; display:block; float:left; width:50px; margin-right:10px; font-size:.80em; }
.temps { margin:0; padding:0; margin-top:2px; color:#666666 }

#breadcrumb, #baner { margin-bottom:15px }

#breadcrumb { background:#fff url(../imatges/bg_breadcrumb.gif) repeat-x; height:35px  }
#breadcrumb .esquina { float:right }
#breadcrumb .casa { float:left; padding:0; background:none }
#breadcrumb a { line-height:35px; height:35px; padding:0 5px 0 25px; display:block; float:left; background:url(../imatges/breadcrumb_separador_2.gif) left center no-repeat }

#baner { display:block; }

/* ---------------------- PEU ---------------------- */
#peu ul { font-size:1em; line-height:1.5em; padding:15px; padding-top:15px; border-top:#999999 dotted 1px; padding-top:20px; display:block; height:80px; font-family:Tahoma, sans-serif }
#peu li { float:left; padding-left:22px }
#peu li.adresa { margin-right:40px; background:url(../imatges/ico_mapa.gif) left top no-repeat }
#peu li.telefons { background:url(../imatges/ico_telefon.gif) left top no-repeat }
#peu li.credits { float:right; text-align:right; font-size:1em }
#peu a { color:#2387b9; text-decoration:underline }
#peu a:hover { color:#000b5f }
#sotapeu	{ background:url(../img/bg_peu.png) top center no-repeat; height:99px; width:980px; margin:0 auto}
.quad			{ bottom:6px}

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */
#contacte				{ margin:20px auto }
#contacte label { display:block; float:left; width:140px; font-weight:bold; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4px 6px 5px; background-color:#f1f1f1 }
#contacte input.text { width:400px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#contacte .submit { display:block; text-align:right }
#contacte input.boto { font-family:sans-serif; padding:4px 5px  }
#contacte textarea { width:395px; height:150px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#contacte input.validation-failed, #contacte textarea.validation-failed { border:1px solid #C82633 }

/* REGISTRE */

#registro				{ margin:20px auto }
#registro label.aviso { text-align:right; display:block; text-align:center; width:548px; font-weight:bold; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4px 6px 5px; background-color:#f1f1f1 }
#registro label { text-align:right; display:block; float:left; width:140px; font-weight:bold; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4px 6px 5px; background-color:#f1f1f1 }
#registro input.text { width:400px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#registro .submit { font-family:sans-serif; float:right; padding:4px 5px; margin-top:10px; margin-right:10px; }
#registro input.boto { font-family:sans-serif; padding:4px 5px  }
#registro textarea { width:395px; height:150px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#registro input.validation-failed, #contacte textarea.validation-failed { border:1px solid #C82633 }
.smallcaps { font-size:1.2em; font-weight:bold; margin-bottom:8px; }
.smallcaps2 { font-size:1em; font-weight:bold; margin-bottom:8px; text-align:center; }
.butoo 		{font-size:1.2em; font-weight:bold; padding:5px; border:#cccccc solid 1px; background:#e9e9e9; clear:both; margin-right:5px; }
.butoocontender { margin-top:5px; margin-bottom:5px; float:right; }

#login_registro				{ margin:20px auto }
#login_registro label.aviso { text-align:right; display:block; text-align:center; width:548px; font-weight:bold; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4px 6px 5px; background-color:#f1f1f1 }
#login_registro label { text-align:right; display:block; float:left; width:140px; font-weight:bold; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:4px 6px 5px; background-color:#f1f1f1 }
#login_registro input.text { width:400px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#login_registro .submit { font-family:sans-serif; float:right; padding:4px 5px; margin-top:10px; margin-right:10px; }
#login_registro input.boto { font-family:sans-serif; padding:4px 5px  }
#login_registro textarea { width:395px; height:150px; border:1px solid #ccc; padding:3px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em }
#login_registro input.validation-failed, #contacte textarea.validation-failed { border:1px solid #C82633 }


/* PRODUCTE
---------------------------------------------------------------- */

#contingut.fitxa_producte .dades 		{ margin-right:220px;  font-family:'Trebuchet MS', sans-serif; padding-right:10px; }
#contingut.fitxa_producte .dades p 		{ font-size:1.2em; margin:0; padding:0; line-height:1.3em;}
#contingut.fitxa_producte img.foto 		{ border:#999999 solid 1px; width:200px; padding:1px; }
#contingut.fitxa_producte h1 			{ font-size:2em; margin-bottom:15px }
#contingut.fitxa_producte .imgipreu 	{ width:206px; float:right; border-left:#CCCCCC dotted 1px; padding-left:10px; }
#contingut.fitxa_producte .imgipreu2	{ width:120px; float:left; margin-top:5px;}
#contingut.fitxa_producte .carrito2		{ margin-right:8px; margin-top:5px; float:right;}

#compra					{ background-color:#FFF; border:#DDD solid 1px; padding:10px; width:330px; }
#compra .select			{ margin-bottom:5px; }

#comprar 				{ background:#ddedf3; margin-top:15px; padding:0 10px 10px 10px; text-align:center; border:#a6d0e7 solid 1px; }
#comprar2 				{ background:#FFFFFF; width:120px;}
#comprar2 .sumaisigue2	{ margin-left:10px; float:left; margin-top:3px;}
#comprar2 #unitats		{ border:1px solid #000; font-size:18px; width:3em; font-size:2.2em; }
#comprar2 input			{ font-family:sans-serif }
#comprar2 .boto			{ padding:3px 6px; font-size:1.2em; cursor:pointer }
#comprar2 .preu			{ margin-left:10px; font-size:1.6em; font-weight:bold; line-height:1em; font-family:"Trebuchet MS"; background-color:#FFF }
#comprar2 .preu strong	{ font-size:0.6em; font-weight:normal; color:#999 }
#comprar2 .oferta		{ color:#D50005; width:100px; font-weight:bold  }
#comprar2 .preu .abans 	{ text-decoration:line-through; font-size:.60em; color:#777; font-weight:normal; padding:0; margin:0 }

#comprar #unitats		{ border:1px solid #000; font-size:18px; width:3em; font-size:2.2em; text-align:center; padding:2px; margin-top:15px }
#comprar input			{ font-family:sans-serif }
#comprar .boto			{ padding:3px 6px; margin-top:5px; font-size:1.2em; cursor:pointer }
form.comprar 			{ margin-left:70px; height:65px; text-align:center; padding:15px 0 }
#mes, #menys 			{ cursor:pointer; vertical-align:text-top }
#comprar .preu		{ font-size:1.6em; border:#D2D2D2 solid 1px; font-weight:bold; float:right; line-height:1em; padding:3px 3px 3px 8px; text-align:center; font-family:"Trebuchet MS"; margin:6px 8px 0 4px; text-align:right; background-color:#FFF }
#comprar .preu strong	{ font-size:0.6em; font-weight:normal; color:#999 }
#comprar .oferta	{ color:#D50005; font-weight:bold; width:100px;  }
#comprar .preu .abans { text-decoration:line-through; font-size:.60em; color:#777; font-weight:normal; padding:0; margin:0 }

.botones		{ text-align:left; height:40px; margin-top:30px; padding-top:20px; padding-right:20px; padding-left:20px; width:540px; }

/* CARRITO


---------------------------------------------------------------- */

#carrito_mini 				{ margin-bottom:15px; border:1px solid #cfcfcf  }
#carrito_mini h1 			{ font-size:1em; font-weight:bold; text-align:right; background:url(../imatges/bt_tit_carrito_mini.gif) left top no-repeat; height:14px; padding:4px 8px 7px 0; margin-bottom:6px }
#carrito_mini h1 a 			{ color:#666 }
#carrito_mini a.ver_carrito { background:#AAAAAA; height:26px; display:block; line-height:26px; text-align:center; color:#FFFFFF; font-weight:bold }
#carrito_mini p.aviso 		{ border:1px solid #dbdbdb; margin:8px; padding:6px 8px; color:#444; font-size:1.1em }

#compra_productos li { border-bottom:1px solid #cfcfcf; padding:6px 2px 6px 8px }
#compra_productos p, #compra_productos h2, #compra_productos a { margin:0; padding:0 }
#compra_productos h2			{ font-size:.95em }
#compra_productos a.esborrar	{ float:right }
.enviaproducto					{ border:5px solid #000 }
#compra_productos li.total { font-size:1.2em; text-align:right; padding-right:8px; border:0; background-color:#e9e9e9 }

/* Blocs laterals */
.bloc { background:#EFEFEF; border:1px solid #cfcfcf; text-align:center; min-height:120px;}
.bloc li { line-height:1.4em; margin-bottom:5px;  text-align:center; }

.imglogin 			 { margin-bottom:15px; }
.toplogin 			 { background:url(../imatges/bt_tit_usuaris_mini.gif) top left no-repeat; width:170px; height:25px; }
.toplogin h1		 { text-align:right; font-size:1.1em; font-weight:bold; padding:4px 8px 7px 0;  }
#login label		 { display:block; padding:5px 0 1px; font-size:.92em; color:#000000; }
#login .submit		 { background-color:#FFF; border:#999999 solid 1px; font-size:.95em; cursor:pointer; margin-top:20px; color:#333333; padding:4px; font-weight:bold; width:140px; margin-bottom:20px; }
#login a			 { background-color:#FFF; border:#999999 solid 1px; font-size:.95em; cursor:pointer; color:#333333; margin-left:16px; padding: 4px 2px 4px 2px; width:128px; text-align:center  }
#login a:hover 		 { background-color:#FFF; color:#000b5f; }
#login .input 		 { background:#FFF;  border:#999999 solid 1px; padding:5px 5px 0px 5px; background:#FFFFFF font-size:.95em; color:#000000; font-weight:bold; height:20px; width:128px; }
.peu_login a		 { background:#AAAAAA; height:26px; display:block; line-height:26px; text-align:center; color:#FFFFFF; font-weight:bold; }
.msn				 { width:170px; height:94px; background:url(../img/banners/msn.gif) no-repeat; margin-top:15px; margin-bottom:10px; font-weight:bold;}
.msn p				 { font-weight:bold; color:#3399FF; padding:66px 0 0 6px;}
#perfil h3 { display:block; clear:both }
#perfil label { display:block; width:200px; float:left; }
.descuento				 { width:170px; height:200px; margin-bottom:15px;}

#resumen { font-size:1.1em; letter-spacing:0.8px; line-height:1.4em; border:1px solid #ccc }
#resumen th, #resumen td { vertical-align:top; padding:8px 10px; border-bottom:1px solid #ccc }
#resumen th		{  }
#resumen .total { font-size:.8em; background-color:#e9e9e9; text-align:right }
#resumen .totaltit { background-color:#e9e9e9; border-right:1px solid #ccc }
#resumen .llista_productes th { background-color:#e9e9e9 }
#resumen .quantitat { text-align:center; border-left:1px solid #ccc }
#resumen .subtotal { text-align:right; border-left:1px solid #ccc }
#resumen .total strong { font-size:1.2em }
#ClientValidationSummary { width:370px; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0; padding:3px 5px; font-weight:bold }