* 				{ 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.gif) repeat-y right }
#contingut		{ height:500px; background:url(../imatges/bg_web.jpg) no-repeat; padding:150px 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:left; margin:6px 20px 6px 0;  border:3px double #d50269 } 
img.privacitat	{ float:right; margin:6px 0px 6px 20px; } 
img.filigrana	{ float:right; margin:10px 0px 0px 0px; } 

#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 }

#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}

/*  GENÈRIQUES
   ------------------------------------------------------------------------------------------------------------------------------------------- */
   
img     		{ border:0;  }   
h1				{ font-size:1.40em; color:#0091c8; margin:5px 31px 10px 0;}
h2				{ font-size:1.20em; color:#0091c8; margin:5px 31px 5px 0; border-bottom:1px dotted #ccc;}
h3				{ font-size:.90em; color:#0091c8; margin:5px 31px 5px 10px; }
p				{ padding:0 0 15px 0; line-height:1.6em}
a				{ cursor:pointer; text-decoration:none }  
ul				{ list-style:none; margin:0; padding:0; line-height:1.5em }
li				{ padding:0; margin:0; }
strong			{ color:#5c30fe }
table			{ margin:8px 8px 8px 0; border:#d50269 double 3px; }
th				{ text-align:center; padding:2px 5px; font-size:12px; font-weight:bold; width:25%; color:#FFF; background-color:#d50269; vertical-align:top; line-height:25px; }
td				{ text-align:center; padding:2px 5px; }
/*  CLASES DEL PEU 
   ------------------------------------------------------------------------------------------------------------------------------------------- */

/* MENUS */


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

#formulari 					{ width:100%; margin:10px 0 10px 0; background-color:#FFFFFF }
#formulari th				{ text-align:left; font-size:0.90em; font-weight:bold; width:200px; color:#FFF; vertical-align:middle; line-height:15px; }
#formulari td				{ text-align:left; padding:2px 5px; }
#formulari td input			{ font-size:0.95em; width:250px; background:#F1F4F1; padding:3px; 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; width:250px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; height:100px; }
#formulari th.boto			{ text-align:right; padding:10px 93px 0 0; }
#formulari th.boto input.boto	{ color:#444; padding:2px 8px 3px 8px; }

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