/* ETIQUETES HTML */


a { text-decoration:none }
a:hover { color:#146FFB }
a img { border:0 }
ul, form, p, h1, h2, h3, h4, h5 { margin:0 }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:.9em }
ul, ol { list-style:none; padding:0 }

/* PRINCIPALS */
#web { width:720px; margin:auto; background:#FFFFFF url(../imatges/bg_huella.png) no-repeat center 150px; font-family:Arial, Helvetica, sans-serif; font-size:70% }

/* CAP */
#marquesina { height:20px; line-height:20px; margin:10px 0; padding:0 20px; background:#cfcfcf url(../imatges/bg_marquesina.gif) no-repeat; font-size:.9em }

#noticia 				{ color:#fff; width:680px; }
#noticia strong 		{ color:#000 }
#noticia .equip li 		{ display:block; padding-bottom:8px; }
#noticia .equipfoto		{ background:#fff url(../imatges/equip/logo.jpg) }

.blanc					{ color:#0066ff}
.negre					{ color:#000 }

#menu { height:60px; }  
#menu a.first { padding-left:50px; }
#menu a { color:#999; font-weight:bold }
#menu a:hover { color:#146FFB }
#menu a.activa, #idiomes a.activa, #serveis a.activa { color:#146FFB } { color:#146FFB }

.form_news	{ margin-top:8px; padding-bottom:5px; width:380px; height:50px; background:url(../imatges/fons_form.gif) top left no-repeat; }


#breadcrumb { color:#ccc; height:26px; line-height:26px; padding-left:50px; font-weight:bold }
#breadcrumb strong { color:#666 }

#idiomes { float:right; color:#cccccc; height:26px; }
#idiomes a { margin-right:5px; color:#cccccc }

#logo { float:right}
/* COS */
#cos div	{ position:absolute; background:#fff; padding:2px; } 
#cos h1 { font-size:1em; padding:6px }
#cos p { padding:6px; color:#999; line-height:1.2em }

#cos { height:340px; background:url(../imatges/cos.jpg) no-repeat; position:relative }
#cos .imatge { top:41px; left:82px; background:#fff; width:252px; height:125px; }
#cos .text { top:125px; right:0; background:#fff; width:378px; height:168px; }
#cos .textlegal { top:40px; right:41px; background:#fff; width:632px; height:254px; overflow:scroll }
#cos .imatge2 { top:126px; right:40px; background:#fff; width:295px; height:168px;  }
#cos .text2 { top:42px; left:41px; background:#fff; width:336px; height:166px }

#cos .actes { top:41px; right:41px; background:#fff; width:336px; height:212px;  }
#cos .actes h1 { padding-bottom:0  }
#cos .actes p { padding-top:0  }
#cos .actesimg1 { top:41px; left:41px; background:#fff; width:80px; height:80px; }
#cos .actesimg2 { top:127px; left:125px; background:#fff; width:80px; height:80px; }
#cos .actesimg3 { top:84px; left:211px; background:#fff; width:80px; height:83px; }
#cos .video { top:211px; left:83px; background:#fff; width:41px; height:41px; }
#cos .actespags { top:254px; left:254px; background:#fff; width:82px; height:41px; line-height:41px; text-align:center; font-weight:bold }
#cos .actespags a { color:#000 }
#cos .actespags a.actiu { text-decoration:underline; color:#146FFB }

#cos .noticies { top:41px; left:41px; background:#fff; width:250px; height:300px;  }
#cos .noticiesimg1 { top:41px; left:338px; background:#fff; width:166px; height:80px; }
#cos .noticiesimg2 { top:127px; left:508px; background:#fff; width:166px; height:80px; }
#cos .noticiespags { top:0; left:41px; background:#fff; width:250px; height:41px; line-height:41px; text-align:right; letter-spacing:1px; font-weight:bold }
#cos .noticiespags a { color:#000 }
#cos .noticiespags a.actiu { text-decoration:underline; color:#146FFB }
#cos .noticies h1 { padding-bottom:0 }
#cos .noticies p { padding-top:0 }

#cos .serveis li a	{ padding:5px 7px; color:#999; font-weight:bold; line-height:42px }
#cos .serveis li a:hover	{ padding:5px 7px; color:#146FFB; font-weight:bold }
#cos .serveis li a:active	{ padding:5px 7px; color:#146FFB; font-weight:bold }

#cos .serveis { top:41px; left:41px; background:#fff; width:208px; height:252px;   }
#cos .servei { top:213px; left:295px; background:#fff; width:336px; height:82px;  }
#cos .serveimatge { top:41px; left:423px; background:#fff; width:166px; height:80px; }

#cos .contacte { top:0; left:41px; background:#fff; width:214px; height:310px; padding:20px  }
#cos .contacte label { color:#9bcbfe; display:block }
#cos .contacte input.ftext { border:1px solid #bbbaba; margin-bottom:10px; width:210px }
#cos .contacte textarea.ftext { border:1px solid #bbbaba; margin-bottom:10px; width:210px; height:100px }
#cos .contactedades { top:41px; left:338px; background:#fff; width:255px; height:125px; line-height:1em }
#cos .contactedades p { color:#000 }
#cos .contactedades strong { color:#999 }
#cos .contactedades h1 { color:#0066fe }

#contacte { @padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; }
#contacte label	{ color:#fff; position:absolute; }
#contacte input	{ position:absolute; border:#b7d8fd solid 1px; width:77px; height:15px; background-color:#fff; }

#cos .equip 			{ top:0; left:41px; background:#fff; width:225px;  padding:15px  }
#cos .equip ul 			{ list-style:none; padding:0; margin:0; }
#cos .equip li 			{ display:block; padding-bottom:8px; color:#999}
#cos .equip strong 		{ display:block }
#cos .equipfoto 		{ width:295px; height:210px; top:43px; left:340px; padding:0  }
#cos .equip li strong 	{ color:#000 }
#cos .equip li:hover 	{ color:#146FFB; cursor:pointer }
#cos .equipfoto			{ background:#fff url(../imatges/equip/logo.jpg) }

/* PEU */
#peu { text-align:right; margin:10px; color:#ccc; font-size:.9em; font-weight:bold }
#peu a { color:#ccc }

/* IMAGEBOX */
#ImageBoxOverlay 			{ background-color: #000 }
#ImageBoxCaption 			{ background-color: #F4F4EC }
#ImageBoxContainer 			{ width:250px; height:250px; background-color:#F4F4EC }
#ImageBoxCaptionText 		{ font-weight:bold; padding-bottom:5px; font-size:13px; color:#000 }
#ImageBoxCaptionImages 		{ margin:0 }
#ImageBoxNextImage 			{ background-image:url(../imatges/imagebox/spacer.gif); background-color:transparent }
#ImageBoxPrevImage 			{ background-image: url(../imatges/imagebox/spacer.gif); background-color: transparent }
#ImageBoxNextImage:hover 	{ background-image:url(../imatges/imagebox/next_image.jpg); background-repeat:no-repeat; background-position:right top }
#ImageBoxPrevImage:hover 	{ background-image:url(../imatges/imagebox/prev_image.jpg); background-repeat:no-repeat; background-position:left bottom }