/* CSS Document Plantilla Base */
/* inicialitzacions */
h1,h2,h3,h4,h5{margin:0px; padding:0px;}
a{text-decoration:none;color:#333333; }
a:hover{text-decoration:underline}
ul, ol{list-style:none}
.separador {clear:both}
.amagat {display: none}

/* posicionament de l'esquelet */
html, body{margin:0px;padding:0px;font-family:Arial, Tahoma, Verdana, Helvetica, Trebuchet MS; color:#070707; background-color:#dcdbdb}
#web {width:1003px;background-color:#dcdbdb;margin:0 auto;}

/*CAPCALERA*/
#logo{position:relative;top:0px;background:url(img/logo.jpg) no-repeat;height:119px;float:left;width:561px}
#idiomes {background:url(img/idiomes.jpg);font-size:12px;font-weight:normal;width:442px;height:119px;float:right}
#idiomes ul{float:right;margin-top:66px;padding:0;background:url(img/fonsidiomes.jpg);height:39px;}
#idiomes ul li {float:left;height:39px;width:91px;margin-left:8px;}
#idiomes ul li a{color:#B2B3B5;float:left;width:54px;height:16px;margin-top:20px}
#idiomes ul li a span.actiu{text-decoration:none;font-weight:bolder;color:#fff;}
#idiomes ul li a:hover{text-decoration:none;font-weight:bolder;color:#fff;}
#idiomes #cat{width:75px;}
#capsal {width:1003px;clear:both;height:183px}
#capsal img{width:1003px;height:183px;margin:0px;padding:0px}

/*Menu Portada - Mapa web - Contacta + Molletes */
#links {background:url(img/link.jpg);width:1003px;height:11px;font-size:.65em;font-weight:normal;
padding-top:7px;padding-bottom:5px;}
*:first-child+html #links {margin-top:-5px;}
* html #links{margin-top:-5px;}
#links ul{margin:0; padding:0}
#links ul li {float:left;}
#links ul li a{color:#7099BF;}
#links #contacta a {padding-right:14px;border-right:1px solid #7099BF;padding-left:14px;}
#links #mapaweb a {padding-right:14px;border-right:1px solid #7099BF;padding-left:14px;}
#links #portada a {margin-left:4px;padding-right:14px;border-right:1px solid #7099BF;padding-left:14px;}
#links ul li a:hover {color:#FFFFFF; text-decoration:underline;}
#links #molleta {background:url(img/molletes.jpg) no-repeat left;color:#04B6FE;float:left;margin-left:5px;padding-left:15px}
#links #molleta a {background:url(img/linkmolletes.jpg) no-repeat bottom left;color:#FFFFFF;text-decoration:underline;padding-left:15px}
#links #molleta a:hover{color:#04B6FE; text-decoration:none;}

#accessos{padding:8px;float:left;width:141px;height:auto;background:url(img/zonaBanners.jpg) no-repeat top #32363a;}
#accessos .VerticalDesplegat  a .imatge img{border:none;margin-top:20px}

/*COS --> Vegeu plantilles general i interiors*/
#cont{width:1003px;background:url(img/contFons.jpg) #dcdbdb repeat-x;font-size:12px;padding-top:6px;clear:both}


/*PEU*/
#peu {clear:left;background-color:#32353A;width:1003px;height:13px;margin-top:6px;font-size:.65em;font-weight:normal;padding-top:5px;padding-bottom:5px}
#peu ul{list-style-image:none; list-style-type:none; margin:0; padding:0;}
#peu ul li {float:left}
#peu ul li a{padding-right:14px;border-right:1px solid #7099BF; color:#7099BF;margin-left:15px;display:block}
#peu ul li a:hover {color:#FFFFFF;text-decoration:underline;}
#peu #portada a {padding-left:14px;margin-left:4px}
#peu .avis {margin-right:15px;float:right;}
#peu .avis a {color:#7099BF;padding-left:14px;padding-right:14px;border-left:1px solid #7099BF;border-right:1px solid #7099BF;}
#peu .avis a:hover{color:#FFFFFF;text-decoration:underline;}


/*Noticies*/

/*llistat de noticies Portada*/
#cos #noticies .componentnoticies {width:340px}
#cos #noticies .componentnoticies div.lloc,
#cos #noticies .componentnoticies div.autor{float:left;margin:0px 5px 0px 0px; color:#3CB301;}
#cos #noticies .componentnoticies hr.net{display:none}
#cos #noticies .componentnoticies div.descripcio, #cos #noticies .componentnoticies div.lloc, #cos #noticies .componentnoticies div.autor, #cos #noticies .componentnoticies div.font, #cos #noticies .componentnoticies div.data, #cos #noticies .componentnoticies div.subtitol, #cos #noticies .componentnoticies div.filtres, #cos #noticies .componentnoticies div.cos, #cos #noticies .componentnoticies div.paginacio, #cos #noticies .componentnoticies div.url {font-size:11px}
#cos #noticies div.data{margin-bottom:5px;float:none;color:#3CB301}
#cos #noticies div.subtitol{clear:none}
#cos #noticies div.item, #cos #noticies div itemimatge{margin:0px 0px 8px 0px}
#cos #noticies div.item a.titol span.titol, #cos #noticies div.itemimatge a.titol span.titol{color:#000000;}
#cos #noticies div.itemimatge div.subtitol{width:200px;margin:0px;padding:0px}
#cos #noticies div.informaciopaginacio{display:none}
#cos #noticies div.itemimatge {position:relative}
#cos #noticies div.item a.titol{font-size:13px;font-weight:bold}
#cos #noticies div.itemimatge a.titol{width:200px;font-size:13px;font-weight:bold}
#cos #noticies div.imatge{position:absolute; top:10px; right:4px}
#cos #noticies div.imatge img{border:none}

/*Llistat de noticies Interior*/

#cos #Text div.componentnoticies{margin:0;padding:0; width:840px}
#cos #Text .componentnoticies .titol, #cos #Text .componentnoticies div.nom {font-size:14px}
#cos #Text div.componentnoticies div.llistatnoticies div.item{border:1px solid #cccccc;margin:3px 0;padding:6px 18px}
#cos #Text div.componentnoticies div.llistatnoticies div.itemimatge{border:1px solid #cccccc;margin:3px 0;padding:6px 18px}
#cos #Text div.componentnoticies div.llistatnoticies div.itemimatge div.imatge img{border:none}
#cos #Text div.componentnoticies div.llistatnoticies div.itemimatge div.subtitol{font-size:12px;}
#cos #Text div.componentnoticies div.llistatnoticies div.item a.titol{width:auto}
#cos #Text div.componentnoticies div.llistatnoticies div.item div.subtitol{font-size:12px}
#cos #Text div.componentnoticies div.lloc,
#cos #Text div.componentnoticies div.autor{margin:0 5px 0 0;color:#3CB301;float:left;font-size:12px}
#cos #Text div.componentnoticies div.data{font-size:12px;color:#3CB301;}
#cos #Text span.paginacio{color:#F5F5F5;text-align:center;font-size:12px;clear:left;border:none}
#cos #Text span.paginacio div.informaciopaginacio{color:#999999}
#cos #Text span.paginacio ul{margin:0; padding:0}
#cos #Text span.paginacio ul li{display:inline}
#cos #Text span.paginacio ul li a{display:inline; text-decoration:none; color:#999999;margin:0 10px}
#cos #Text span.paginacio ul li a.botoAnterior{background-image:url(img/enrera.gif); background-repeat:no-repeat; background-position:left; padding-left:15px; border:none}
#cos #Text span.paginacio ul li a.botoSeguent{background-image:url(img/endavant.gif); background-repeat:no-repeat; background-position:right; padding-right:15px; border:none}
#cos #Text span.paginacio ul li a.botoAnterior:hover{background-image:url(img/enrera_h.gif); color:#666666}
#cos #Text span.paginacio ul li a.botoSeguent:hover{background-image:url(img/endavant_h.gif); color:#666666}

/*Detall de la noticia*/
.ComponentPublicacioAmpliat{margin:0;padding:0; }
.ComponentPublicacioAmpliat div.DetallImatge {margin:0 auto;padding:0; text-align:left	}
.ComponentPublicacioAmpliat div.DetallImatge div.Font{font-style:normal}
div.DetallImatge .Imatge{text-align:center}
div.DetallImatge .Imatge img{float:none; display:inline;max-width:830px}
div.noticia div.titol{font-weight:bolder;margin:5px 0;font-size:14px}
div.subtitol{clear:left;}
div.noticia div.subtitol{margin:15px 0; font-weight:bolder}
div.noticia div.font{text-align:right;font-style:normal}
div.elementsrelacionats h4, div.categoriesrelacionades h4, div.documentsrelacionats h4, div.temesrelacionats h4, div.enllacosrelacionats h4, div.imatgesrelacionades h4{margin:25px 0 10px 0; border-bottom:1px solid #EE750C;font-size:12px}
div.imatgesrelacionades{float:none;clear:right;margin-bottom:105px}
div.imatgesrelacionades dl dt a span{display:none}
div.imatgesrelacionades dl dt a img{float:left;margin-right:15px;border:2px solid #cccccc;padding:2px}
div.documentsrelacionats{clear:left}
div.documentsrelacionats dl dt a{background-image:url(img/document.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}
div.elementsrelacionats dl dt a,
div.temesrelacionats dl dt a{background-image:url(img/list.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}
div.enllacosrelacionats dl dt a{background-image:url(img/extern.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}
div.categoriesrelacionades{padding:3px 5px 3px 5px;display:block;clear:both;float:none}
div.categoriesrelacionades dl dt a{background-image:url(img/list.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}
div.ImatgesRelacionades{margin:20px 0}
div.ImatgesRelacionades div.TitolItem{display:none}
div.DetallImatge .Imatge{margin:10px 0 0 0}
.ComponentPublicacioAmpliat div.ImatgesRelacionades div.Imatge{height:auto;}
.detallcategoria .itemimatge a img{border:none}


/*Agenda*/
.componentagenda a, 
.componentagenda a:hover,
.componentagenda li a,
.componentagenda li a:hover,
.componentagenda  .cxcalendar a.messeg:hover,
.componentagenda  .cxcalendar a.mesant:hover,
.relacionats a span.titol,
.relacionats a:hover span.titol,
.componentagenda .calendariextes .calendar a.numdia,
.componentagenda .calendariextes .calendar a.numdia:hover {color:#ED750B;}
.componentagenda  .llistatevents .event{font-size:small}
.componentagenda  .llistatevents .event a span.titol {color:#ED750B;}
.componentagenda  .llistatevents .event a:hover span.titol {color:#ED750B;}
.componentagenda  .DetallEsdeveniment {font-size:small}


.componentnoticies .paginacio {text-align:center; width:100%}
.componentnoticies .paginacio .informaciopaginacio{text-align:center; width:100%}