/* Estils generals web*/
html, body, form, div, a, span, img {margin:0;padding:0;border:none}
html,body {font-family:Verdana, Helvetica, Arial, sans-serif;background-color:#F7F7F7; font-size:1em}
#web {position:relative;width:760px;text-align:center;margin:0 auto; background-color:#ffffff; background-image:url(img/fonsWeb.gif); background-repeat:repeat-y; background-position:left}

div.separador {clear:both;font-size:0;line-height:0px}
a {color:#5EAFF0;text-decoration:none}
a:hover {color:#1378CA;text-decoration:underline}
p {padding:0;margin:12px 0}
.amagat{display:none}

/* RECTIFICAMENT DE TAMANY DE TITOLS AMB FF (hereda el 'font-size' del contingut 
i redueix les fonts provocant diferencies IE - Firefox */
h1 {font-size:xx-large; }
h2 {font-size:x-large; } 
h3 {font-size:large; }
h4 {font-size:medium; }
h5 {font-size:small}
h6 {font-size:x-small; }

/* CAP?ALERA DE LA PORTADA */
#web #cap{position:relative;margin:0; height:172px; background-image:url(img/fonsCap.jpg); background-repeat:no-repeat; background-position:center}
#web #cap div.logo{padding:13px 0 0 18px}
#web #fotoSotaCap{padding:13px 0 0 0px}
#web #fotoSotaCap img{ border-bottom:10px solid #FFFFFF}

/*MENU*/
#menuV{position:absolute; left:32px; top:85px; width:188px; height:254px;background-image:url(img/fonsMenu.jpg); background-repeat:no-repeat; display:block; border:10px solid #FFFFFF; text-align:left; }
#menuV div.VerticalDesplegat{}
#menuV div.VerticalDesplegat div.menu{margin-top:2px;border:none;}
#menuV div.VerticalDesplegat div.menu div.eminterntext{ margin-bottom:7px;height:21px; background-image:url(img/separaItemsMenu.jpg); background-repeat:no-repeat; background-position:bottom center }
#menuV div.VerticalDesplegat div.menu div.eminterntext a span.text{color:#ffffff; font-weight:bolder; font-size:.7em; padding-left:18px;background:none; }
#menuV div.VerticalDesplegat div.menu div.eminterntext a:hover span.text{text-decoration:none; color:#B7F50A}
#menuV div.VerticalDesplegat div.menu div.eminterntext a span.textmarcat{text-decoration:none; color:#B7F50A; padding-left:18px;}


/*FI MENU*/


#web #contingutsCentre{margin:0 13px ; background-image:url(img/fonsContinguts.jpg); background-repeat:repeat-x; background-position:top; background-color:#F1F1F1; padding-bottom:20px; text-align:left}
#web #contingutsCentre #linksDre{ text-align:right; margin-right:5px}
#web #contingutsCentre #linksDre ul{list-style:none; margin:6px 0; padding:0}
#web #contingutsCentre #linksDre ul li{display:inline; color:#45A7EE}
#web #contingutsCentre #linksDre ul li.separa{font-size:50%}
#web #contingutsCentre #linksDre ul li a{font-size:.7em; margin-right:5px;color:#45A7EE; text-decoration:none}
#web #contingutsCentre #linksDre ul li a:hover{text-decoration:underline}

#web #contingutsCentre h3.titolPag{color:#45A7EE;margin:0; margin-left:245px; background-color:#F5FDFF; width:468px; padding-left:10px; font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:1.05em;}

#web #contingutsCentre #llistatsPortada{float:left; width:365px; margin-top:30px}
#web #contingutsCentre #llistatsPortada div.llista{}
#web #contingutsCentre #llistatsPortada div.llista div.titoliMas{padding-top:10px}
#web #contingutsCentre #llistatsPortada div.llista h4{color:#45A7EE;margin:0; padding-left:5px; font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:1em;float:left}
#web #contingutsCentre #llistatsPortada div.llista span.separaTitol{margin:0 7px;color:#45A7EE;font-size:.85em;}
#web #contingutsCentre #llistatsPortada div.llista span.mas{color:#45A7EE; font-size:.7em}
#web #contingutsCentre #llistatsPortada div.llista p{font-size:.8em; margin-left:10px}
#web #contingutsCentre #fotosPortada{float:left;width:330px; margin-top:30px; }
html>body #web #contingutsCentre #fotosPortada{}
#web #contingutsCentre #fotosPortada div.fotoPortada{margin-left:30px; margin-top:25px}
#web #contingutsCentre #fotosPortada div.fotoPortada img{}
#web #contingutsCentre #fotosPortada div.fotoPortada h4{color:#45A7EE;margin:0;padding-left:3px; background-color:#F5FDFF; font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:1.05em;}

/*LLISTAT DE NOTICIES APROFITANT LA ZONA INICIALMENT DESTINADA PER FOTOS DE LA PORTADA*/
#web #contingutsCentre #fotosPortada div.fotoPortada div.componentnoticies div.llistatnoticies div.item{border-left:6px solid #91C3E8; padding-left:10px; margin-bottom:10px}
#web #contingutsCentre #fotosPortada div.fotoPortada div.componentnoticies div.llistatnoticies div.item div.lloc{color:#B5B5B5}
#web #contingutsCentre #fotosPortada div.fotoPortada div.componentnoticies div.llistatnoticies div.item div.autor{display:none}
#web #contingutsCentre #fotosPortada div.fotoPortada div.componentnoticies div.llistatnoticies div.item div.data{color:#B5B5B5}

/* FI DEL LLISTAT DE NOTICIES ESTRANYOT*/

#peuPag{margin:0 auto; width:760px; height:47px; display:block; text-align:right; background-image:url(img/fonsPeu.jpg); background-repeat:no-repeat; background-position:top left; }
#peuPag div{padding:15px 20px 0 0;}
#peuPag span a{font-size:.7em;color:#929292; text-decoration:none; }
#peuPag span a:hover{color:#000000}


/* LLISTAT DE NOTICIES DE LA PORTADA*/
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item{padding-left:10px; border-left:6px solid #91C3E8; padding-top:0; margin:0 0 10px 0}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item a.titol{font-size:.8em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item a.titol span.titol{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item a.titol:hover span.titol{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item div.lloc{color:#B5B5B5;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item div.autor{display:none;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item div.data{color:#B5B5B5;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.item div.subtitol{font-size:.7em}

#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge{padding-left:10px; border-left:6px solid #91C3E8; padding-top:0; margin:0px 0 15px 0}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge a.titol{font-size:.8em; width:70%}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge a.titol span.titol{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge a.titol:hover span.titol{}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge div.lloc{color:#B5B5B5;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge div.autor{display:none;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge div.data{color:#B5B5B5;font-size:.65em}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge div.subtitol{font-size:.7em; text-align:left}
#web #contingutsCentre #llistatsPortada div.llista div.componentnoticies div.llistatnoticies div.itemimatge div.imatge{float:right;margin-top:-40px}




#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon{width:650px; padding-left:20px}
#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td{padding-bottom:3px}
#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td label{font-size:.9em; border-bottom:1px dashed #CFCFCF; display:block}
html>body #web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td label{font-size:.75em}
#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td input,
#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td textarea{width:300px}
#web #contingutsCentre #llistatsPortada div.llista form table.formulariBuzon tr td input.botoEnviar{width:auto}


/* LLISTAT DE NOTICIES DELS LLISTATS DE NOTICIES I ACTIVITATS */
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies{float:none}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies{font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item{padding-left:10px; border-left:6px solid #91C3E8; padding-top:0; margin:0 0 10px 0}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item a.titol{font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item a.titol span.titol{font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item a.titol:hover span.titol{}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item div.imatge{}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item div.lloc{color:#B5B5B5;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item div.autor{display:none;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item div.data{color:#B5B5B5;float:none; clear:none;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.item div.subtitol{float:none; clear:none;font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies span.paginacio div.informaciopaginacio{color:#B5B5B5;font-size:80%}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies span.paginacio div.informaciopaginacio a{font-weight:bolder; text-decoration:none}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies span.paginacio div.informaciopaginacio a{font-weight:bolder; text-decoration:none; color:#000000}



#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge{padding-left:10px; border-left:6px solid #91C3E8; padding-top:0; margin:0 0 10px 0}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge a.titol{font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge a.titol span.titol{font-size:1em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge a.titol:hover span.titol{}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.imatge{margin-top:5px;}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.imatge img{padding-top:7px; border:none}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.lloc{color:#B5B5B5;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.autor{display:none;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.data{color:#B5B5B5;float:none; clear:none;font-size:.8em}
#web #contingutsCentre #contingutsCentrals .cosDetall div.componentnoticies div.llistatnoticies div.itemimatge div.subtitol{float:none; clear:none;font-size:1em}


/*ALTRES*/
table.tableOrganizacion tr td.bordejada{border:4px solid #ffffff}