* 				{ margin:0; padding:0 }
body 			{ background:#e5e4e2 url(../imatges/bg_body.gif) top repeat-x; font-family:tahoma, sans-serif; font-size:.95em; color:#444 }
#web			{ width:880px; margin:0 auto;  }


/* ESTRUCTURA PRINCIPAL / CONTINGUTS 
   ------------------------------------------------------------------------------------------------------------------------------------------- */
#menu			{ height:50px; background:url(../imatges/bg_menu.jpg) repeat-y right }
#cap			{ height:151px; background:url(../imatges/bg_cap.jpg) no-repeat; }
#tancapeu		{ height:50px; background:url(../imatges/bg_tanca_peu.jpg) no-repeat; clear:both }

#contingut		{ background: url(../imatges/bg_web_tienda.png) repeat-y; padding:10px 435px 0 38px; font-size:.80em }
#peu			{ clear:both; padding:6px 160px 0 30px; height:85px; line-height:1.6em; background:url(../imatges/bg_peu.gif) no-repeat right top; font-size:.75em  }

img.foto		{ float:right; margin:0px 0px 30px 20px;  border:3px solid #d50269 } 
img.privacitat	{ float:right; margin:6px 0px 6px 20px; } 
img.filigrana	{ float:right; margin:10px 0px 0px 0px; }
img.foto_nomarc	{ float:right; padding:35px 25px 10px 10px; } 
 


#productes table		{ margin:8px 8px 0 0; border:0; padding:4px; text-align:left;display:block; clear:both; width:800px }
#productes td				{ background-color:#FFF; text-align:left; }
#productes p 				{ width:760px }

#peu ul			{ padding:0; margin:0; list-style:none }
#peu ul li		{ display:block; float:left; padding:0 10px 0 0 }

p.legal			{ padding:0 0 15px 0; line-height:1.2em; font-size:0.95em}


/*  BOTIGA
   ------------------------------------------------------------------------------------------------------------------------------------------- */
   
.menu_marques ul 		{ }   
.menu_marques li 		{ clear:both; color:#e43b7d; font-size:1.1em; font-weight:bold; list-style:none; margin-left:5px; margin-bottom:10px;}
.menu_marques a 		{ clear:both; color:#e43b7d;  list-style:none; margin-left:5px; margin-bottom:10px; text-decoration:none;}     
.menu_marques a:hover 	{ clear:both; color:#fa5900; list-style:none; margin-left:5px; margin-bottom:10px; text-decoration:underline;}     
.menu_marques h1 		{ clear:both; color:#FFFFFF; font-size:1.2em; font-weight:bold; background:#92dc25; padding:4px 0 4px 4px}     
   
   
/*  GENÈRIQUES
   ------------------------------------------------------------------------------------------------------------------------------------------- */
   
img     		{ border:0;  }   
h1				{ font-size:1.80em; color:#ff5602; margin:65px 31px 10px 10px; background-color:#FFCC66; padding:6px 0 6px 10px}
h2				{ font-size:1.40em; color:#0091c8; margin:5px 0px 15px 0; border-bottom:1px dotted #ccc;}
h3				{ font-size:1.20em; color:#93da27; margin:5px 31px 15px 20px; border-top:1px dotted #ccc; padding-bottom:25px; padding-top:25px }
h4				{ font-size:1.20em; color:#FFF; background-color:#990000; margin:35px 31px 5px 10px; padding:6px 0 6px 10px }
h5				{ font-size:1.00em; color:#555; margin:5px 0 5px 20px; font-weight:normal }
b				{ color:#CC0000; font-size:1.0em}
p				{ padding:0 0 15px 20px; line-height:1.6em}
a				{ cursor:pointer; text-decoration:none }  
strong			{ color:#5c30fe }
.clear			{clear:both;}
table			{ margin:8px 8px 8px 0; width:800px }
th				{ padding:2px 5px; font-size:12px; font-weight:bold; width:25%; color:#FFF; background-color:#d50269; vertical-align:top; line-height:25px; }
td				{ padding:2px 5px; width:800px }
/*  CLASES DEL PEU 
   ------------------------------------------------------------------------------------------------------------------------------------------- */

/* MENUS */
#menu			{ padding:0 0 0 27px; background:url(../imatges/bg_menu.gif) right top repeat-y; }
#menu li		{ display:block; float:left; background:url(../imatges/menu_separador.gif) top right no-repeat; height:50px; line-height:46px }
#menu li a		{ color:#fff; font-family:Trebuchet MS, sans-serif; display:block; line-height:48px; padding:0 14px 0 12px }
#menu li a:hover{ color:#f1fe00; background:url(../imatges/bg_hover_menu.gif) top center no-repeat }
#menu li.ult	{ background:none }


/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */

#formulari 					{ margin:10px 0 10px 0; background-color:#FFFFFF }
#formulari th				{ text-align:left; font-size:0.90em; font-weight:bold; color:#FFF; vertical-align:middle; }
#formulari td				{ text-align:left; }
#formulari td input			{ font-size:0.95em; width:570px; background:#F1F4F1; padding:5px; border:1px solid #C3D1C3; }
#formulari td .mal			{ border:1px solid #CC0000; color:#AA0000; }
#formulari td textarea		{ font-size:0.85em; font-family:tahoma, sans-serif; vertical-align:top; width:570px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; height:100px; }
#formulari th.boto			{ text-align:right; padding:10px 250px 10px 0; }
#formulari th.boto input.boto	{ color:#444; padding:2px 8px 3px 8px; }

#baner { position:absolute; margin-left:330px }

