/* 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 }

#menu { height:60px; 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 }

#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(../imagenes/cos.jpg) no-repeat; position:relative }
#cos .imatge {
	top:38px;
	left:38px;
	background:#fff;
	width:252px;
	height:125px;
}
#cos .text {
	top:-1px;
	right:-2px;
	background:#fff;
	width:382px;
	height:339px;
}
#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 .actespags { top:254px; left:254px; background:#fff; width:82px; height:41px; line-height:41px; text-align:center; letter-spacing:1px; 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 }

#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; }
#cos .equip strong { display:block }
#cos .equipfoto { width:295px; height:210px; top:43px; left:340px; padding:0  }
#cos .equip li { color:#999 }
#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 }
.fondo_index {
	background-image: url(../imagenes/cuerpo.jpg);
}