/*Plantilla Base */

/*Inicialitzacions */
h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{font-size:20px;font-weight:bold}
h2{font-size:14px}
h3{font-size:medium}
h4{font-size:small}
h5{font-size:x-small}
a{text-decoration:none;color:#DE6E02 }
a:hover{text-decoration:underline;color:#0593F7;}
.separador{clear:both}
.amagat{display: none}

/*Posicionament de l'esquelet */
html, body{margin:0px;padding:0px;font-family:Arial, Tahoma, Verdana, Trebuchet, MSHelvetica; color:#313131; background:url(img/fons.jpg) no-repeat top center #FFF;}
#web{width:1001px;margin:0 auto;}
#cap{clear:both;height:270px;width:1001px;position:relative}
#cos{clear:both;width:1001px;position:relative;margin-bottom:25px}
#peu{clear:both;background:url(img/peu.jpg) no-repeat;width:1001px;height:42px;font-size:11px;position:relative}


/*CAP*/

/*Idiomes*/
#cap #idiomes {position:absolute;top:8px;left:0px;font-size:11px;font-weight:normal;}
html>/**/body #cap #idiomes {top:0px}
#cap #idiomes ul{padding:0;list-style:none;text-align:center}
#cap #idiomes ul li {float:left;width:40px;margin-right:8px;}
#cap #idiomes ul li#cat{border-right:1px solid #5582aa;padding-right:4px}
#cap #idiomes ul li a span{color:#5582aa;text-decoration:underline}
#cap #idiomes ul li a span.actiu{text-decoration:none;color:#FFFFFF}
#cap #idiomes ul li a:hover span{text-decoration:none;color:#FFFFFF}

/*Capsalera i menu*/
#cap #capsal a{position:absolute;left:0px;top:57px;height:122px;width:370px;display:block}
#cap #menu {position:relative;left:103px;top:170px;height:42px;width:825px;}

/*Menu principal*/
#cap #menu .HoritzontalAdaltAbaix .menu{border:none;background:none;text-align:center}
#cap #menu .HoritzontalAdaltAbaix span{display:inline;width:auto;}
#cap #menu .HoritzontalAdaltAbaix .text{background:none;color:#FFFFFF;clear:none;float:left;font-size:12px;font-weight:bold;padding:0px;}
#cap #menu .HoritzontalAdaltAbaix .textmarcat {background:none;color:#FFFFFF;clear:none;float:left;font-size:12px;font-weight:bold;padding:0px;}
#cap #menu .HoritzontalAdaltAbaix a .text {text-decoration:none;height:27px;padding-top:12px;}
#cap #menu .HoritzontalAdaltAbaix a .textmarcat{text-decoration:none;height:27px;padding-top:12px;}
#cap #menu .HoritzontalAdaltAbaix a:hover,
#cap #menu .HoritzontalAdaltAbaix a:hover .text, .HoritzontalAdaltAbaix a:hover .textmarcat {color:#FFF;cursor:pointer;text-decoration:none;}
#cap #menu .HoritzontalAdaltAbaix #Menuinici a .text{width:57px;margin-right:9px}
#cap #menu .HoritzontalAdaltAbaix #Menucolegi a .text{width:96px;margin-right:8px}
#cap #menu .HoritzontalAdaltAbaix #Menuatencio a .text{width:146px;margin-right:8px}
#cap #menu .HoritzontalAdaltAbaix #Menuciutada a .text{width:137px;margin-right:8px}
#cap #menu .HoritzontalAdaltAbaix #Menuformacio a .text{width:85px;margin-right:10px}
#cap #menu .HoritzontalAdaltAbaix #Menujoves a .text{width:124px;margin-right:11px}
#cap #menu .HoritzontalAdaltAbaix #Menutribunal a .text{width:123px}
#cap #menu .HoritzontalAdaltAbaix #Menuinici a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menuinici a:hover .text{width:57px;margin-right:9px;background:url(img/inici.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menucolegi a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menucolegi a:hover .text{width:96px;margin-right:8px;background:url(img/colegi.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menuatencio a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menuatencio a:hover .text{width:146px;margin-right:8px;background:url(img/atencio.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menuciutada a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menuciutada a:hover .text{width:137px;margin-right:8px;background:url(img/ciutada.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menuformacio a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menuformacio a:hover .text{width:85px;margin-right:10px;background:url(img/formacio.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menujoves a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menujoves a:hover .text{width:124px;margin-right:11px;background:url(img/joves.jpg) no-repeat}
#cap #menu .HoritzontalAdaltAbaix #Menutribunal a .textmarcat,
#cap #menu .HoritzontalAdaltAbaix #Menutribunal a:hover .text{width:123px;background:url(img/tribunal.jpg) no-repeat}

/*COS --> Vegeu plantilles general i interiors*/
#cos #colEsq{width:817px;float:left}
#cos #colEsq #titol{text-transform:uppercase;padding-left:24px;padding-top:10px;width:786px;height:23px;background:url(img/llapis.gif) no-repeat;font-family:Bookman Old Style, Arial;font-size:20px;color:#5483aa;}
#cos #colEsq #menu{width:213px;float:left;}
#cos #colEsq #centre{width:518px;padding:43px;float:left;text-align:justify;line-height:110%}
#cos #colEsq #centre h1.titol{font-weight:normal;font-family:Bookman Old Style, Arial;font-size:20px;color:#2c4c6a;margin-bottom:20px}
#cos #colEsq #centre h3.subtitol{font-size:14px;color:#507fa7}
#cos #colEsq #centre #text{font-size:12px;border-bottom:1px solid #adaea0;width:518px;padding-bottom:20px}
#cos #colEsq #centre #text img{margin:10px}
#cos #colEsq #centre #imatge{font-family:Bookman Old Style, Arial;font-weight:normal;line-height:120%;font-size:24px;width:543px;height:120px;background:url(img/portada.gif) no-repeat;margin-bottom:30px;text-align:right;padding-right:30px;padding-top:53px}
#cos #colEsq #centre #noticies h1{padding-left:24px;padding-top:13px;display:block;height:20px;text-transform:uppercase;background:url(img/llapis.gif) no-repeat;font-family:Bookman Old Style, Arial;font-size:20px;font-weight:normal;color:#5483aa;margin-bottom:20px}
#cos #colEsq #centre #noticies{font-size:12px;width:573px;border-bottom:1px solid #adaea0;padding-bottom:20px;}
#cos #colEsq #centre #noticies .componentnoticies{padding-left:20px;padding-right:20px}
#cos #colDre{width:184px;float:left}

/*Menu Cibertires*/
#cos #colDre .VerticalDesplegat .menu {border:none;background:none;width:184px;height:100%;}
#cos #colDre .VerticalDesplegat .emseparador {background:none}
#cos #colDre .VerticalDesplegat .text{display:none}
#cos #colDre .VerticalDesplegat .textmarcat {display:none}
#cos #colDre .VerticalDesplegat .imatge{position:relative;padding:0px;width:auto;padding:0px;margin-bottom:8px}
#cos #colDre .VerticalDesplegat .imatge img{border:none;}

/*Menu esquerra interiors*/
#cos #colEsq #menu .VerticalDesplegat .eminternimatgetext .text{display:none}
#cos #colEsq #menu .VerticalDesplegat .menu {margin-top:20px;margin-bottom:20px;border:none;background:none;width:213px;height:100%;}
#cos #colEsq #menu .VerticalDesplegat .emseparador {background:none}
#cos #colEsq #menu .VerticalDesplegat .text{height:17px;background:url(img/gris.gif) no-repeat;color:#5380AA;clear:none;float:none;font-size:11px;font-weight:bold;padding:0px;margin-bottom:10px}
#cos #colEsq #menu .VerticalDesplegat .textmarcat {height:17px;background:url(img/blau.gif) no-repeat;color:#FFFFFF;clear:none;float:none;font-size:11px;font-weight:bold;padding:0px;margin-bottom:10px}
#cos #colEsq #menu .VerticalDesplegat a .text, 
#cos #colEsq #menu .VerticalDesplegat a .textmarcat{padding:3px 0px 0px 25px;width:188px;text-decoration:none;}
#cos #colEsq #menu .VerticalDesplegat a:hover .text,
#cos #colEsq #menu .VerticalDesplegat a:hover .textmarcat {background:url(img/blau.gif) no-repeat;text-decoration:none;color:#FFFFFF;cursor:pointer;font-size:11px;}
#cos #colEsq #menu .VerticalDesplegat .contingut {background:none;}
#cos #colEsq #menu .VerticalDesplegat .emcontenidortext .text{font-size:11px;color:#5380AA;margin:0px 0px 5px 0px;padding:3px 0px 0px 25px;}
#cos #colEsq #menu .VerticalDesplegat .emcontenidortext .textmarcat{font-size:11px;color:#FFF;margin:0px 0px 5px 0px;padding:3px 0px 0px 25px;}
#cos #colEsq #menu .VerticalDesplegat .contingut .text {background:url(img/fletxa.gif) no-repeat 20px center;font-size:11px;color:#5380AA;font-weight:normal;margin:0px 0px 5px 7px;padding:3px 0px 0px 32px;width:166px;}
#cos #colEsq #menu .VerticalDesplegat .contingut .textmarcat{font-size:11px;color:#5380AA;background:#E4E4E4;font-weight:normal;margin:0px 0px 5px 7px;padding:3px 0px 0px 32px;width:166px;}
#cos #colEsq #menu .VerticalDesplegat .contingut a:hover .text {background:#E4E4E4;color:#5380AA}
#cos #colEsq #menu .VerticalDesplegat .contingut a:hover .textmarcat {background:#E4E4E4}


/*Menu esquerra portada*/
#cos #colEsq #menu .VerticalDesplegat .emexternimatgetext .text,
#cos #colEsq #menu .VerticalDesplegat .emexternimatgetext .textmarcat{display:none}
#cos #colEsq #menu .VerticalDesplegat .imatge{position:relative;padding:0px;width:auto;padding:0px;margin-bottom:16px}
#cos #colEsq #menu .VerticalDesplegat .imatge img{border:none;}

/*Noticies portada*/
#noticies .componentnoticies .llistatnoticies {}
#noticies .componentnoticies .llistatnoticies .lloc,
#noticies .componentnoticies .llistatnoticies .autor,
#noticies .componentnoticies .llistatnoticies .imatge{display:none}
#noticies .componentnoticies .llistatnoticies .data{font-weight:bold;color:#203f66;font-size:11px;float:left;}
#noticies .componentnoticies .llistatnoticies .subtitol{font-size:11px;}
#noticies .componentnoticies .llistatnoticies .titol{font-size:11px;float:left;cursor:pointer;margin-right:5px}

/*Paginacio*/
.componentcatalegelements div.paginacio,
.componentnoticies .paginacio{text-align:center;clear:left}
.componentcatalegelements .paginacio ul,
.componentnoticies .paginacio ul{margin:0; padding:0}
.componentcatalegelements .paginacio ul li,
.componentnoticies .paginacio ul li{display:inline;}
.componentcatalegelements .paginacio ul li a,
.componentnoticies .paginacio ul li a{display:inline; text-decoration:none;margin:0 10px}
.componentcatalegelements .paginacio ul li a.botoAnterior,
.componentnoticies .paginacio ul li a.botoAnterior{background-image:url(img/enrera.gif); background-repeat:no-repeat; background-position:left; padding-left:15px;border:none }
.componentcatalegelements .paginacio ul li a.botoSeguent,
.componentnoticies .paginacio ul li a.botoSeguent{background-image:url(img/endavant.gif); background-repeat:no-repeat; background-position:right; padding-right:15px;float:right;border:none }
.componentcatalegelements .paginacio ul li a.botoAnterior:hover,
.componentnoticies .paginacio ul li a.botoAnterior:hover{background-image:url(img/enrera_h.gif);}
.componentcatalegelements .paginacio ul li a.botoSeguent:hover,
.componentnoticies .paginacio ul li a.botoSeguent:hover{background-image:url(img/endavant_h.gif);}
.componentcatalegelements span.paginacio,
.componentnoticies span.paginacio{border:none}
.componentcatalegelements span.paginacio div.informaciopaginacio{text-align:center;clear:both;}
.componentnoticies span.paginacio div.informaciopaginacio{text-align:center;clear:both;margin-top:10px;}


/*Noticies interiors*/
.componentnoticies div.descripcio, 
.componentnoticies div.lloc, 
.componentnoticies div.autor, 
.componentnoticies div.font, 
.componentnoticies div.data, 
.componentnoticies div.url {padding-right:0px;}
#text .componentnoticies .llistatnoticies .lloc,
#text .componentnoticies .llistatnoticies .autor,
#text .componentnoticies .llistatnoticies .imatge{display:none}
#text .componentnoticies .llistatnoticies .data{font-weight:bold;color:#203f66;font-size:12px;display:inline}
#text .componentnoticies .llistatnoticies .subtitol{font-size:12px;}
#text .componentnoticies .llistatnoticies .titol{font-size:12px;margin-right:5px}
.componentnoticies div.llistatnoticies, 
.componentnoticies div.noticia, 
.componentnoticies div.imatgesrelacionades, 
.componentnoticies div.documentsrelacionats, 
.componentnoticies div.enllacosrelacionats, 
.componentnoticies div.detallimatge, 
.componentnoticies div.enllacos, 
.componentnoticies div.cercador, 
.componentnoticies div.paginacio {padding:0px;}
.componentnoticies .noticia .lloc,
.componentnoticies .noticia .autor, 
.componentnoticies .noticia .data{color:#203f66;font-weight:bold;font-size:12px;margin-right:10px}
.componentnoticies .noticia .titol {color:#DE6E02;font-size:14px}
.ComponentPublicacioAmpliat{margin:0;padding:0; }
.ComponentPublicacioAmpliat div.DetallImatge {margin:0 auto;padding:0; text-align:left	}
.ComponentPublicacioAmpliat div.DetallImatge .Imatge{text-align:center;margin:10px 0 0 0}
.ComponentPublicacioAmpliat div.DetallImatge .Imatge img{float:none; display:inline;max-width:500px;border:none}
div.elementsrelacionats h4, 
div.categoriesrelacionades h4, 
div.documentsrelacionats h4, 
div.temesrelacionats h4, 
div.enllacosrelacionats h4, 
div.imatgesrelacionades h4{margin:10px 0 10px 0;color:#DE6E02; border-bottom:1px solid #DE6E02}
.componentnoticies div.imatgesrelacionades,
.ComponentPublicacioAmpliat div.imatgesrelacionades{float:none;clear:right;}
.componentnoticies div.imatgesrelacionades dl dt a span,
.ComponentPublicacioAmpliat div.imatgesrelacionades dl dt a span{display:none}
.componentnoticies div.imatgesrelacionades dl dt a img,
.ComponentPublicacioAmpliat div.imatgesrelacionades dl dt a img{float:left;border:none;}
.ComponentPublicacioAmpliat div.ImatgesRelacionades{margin:20px 0}
.ComponentPublicacioAmpliat div.ImatgesRelacionades div.TitolItem{display:none}
.ComponentPublicacioAmpliat div.ImatgesRelacionades div.Imatge{height:auto}
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{display:none;}
div.categoriesrelacionades dl dt a{background-image:url(img/list.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}


/*Cataleg elements*/
.componentcatalegelements .llistatelements .element{border:1px solid gray;padding:5px}
.componentcatalegelements .llistatelements dl {margin-bottom:10px;margin-top:10px;clear:both}
.componentcatalegelements .llistatelements .element dt{display:none}
.componentcatalegelements .llistatelements .element dd{width:98%;float:none;display:inline}
.componentcatalegelements .llistatelements .element dd.data{color:#2C4C6A;width:auto;display:inline}
.componentcatalegelements .llistatelements .element dd.categoria{display:none}
.componentcatalegelements .llistatelements .element dd.descripcio{float:none;width:auto;display:block;clear:both}
/*.componentcatalegelements .llistatelements .element dd.document a{overflow: hidden; font-size:0; width: 150px; display: block; clear: left; color: white; height: 20px; margin-top: 0px;background:url(img/endavant.gif)}*/
.componentcatalegelements .llistatelements .element dd.document{width:auto;display:block;}
.componentcatalegelements .llistatelements .element dd.carrec{}
.componentcatalegelements .llistatelements .element dd.nom{color:#2C4C6A;font-weight:bold;clear:both}
.componentcatalegelements .llistatelements .element dt, 
.componentcatalegelements .llistatelements .element dd {border:none}
.componentcatalegelements .llistatelements .element dd.any{width:auto;float:left}
.componentcatalegelements .llistatelements .element dd.periode{width:auto;float:left}
.componentcatalegelements .llistatelements .element dd.numero{width:auto;float:left}
/*.componentcatalegelements .llistatelements .element dt.calendari,
.componentcatalegelements .llistatelements .element dt.ponents,
.componentcatalegelements .llistatelements .element dt.horari{display:inline;float:left;width:18%}*/
.componentcatalegelements .llistatelements .element dd.calendari,
.componentcatalegelements .llistatelements .element dd.ponents,
.componentcatalegelements .llistatelements .element dd.horari{width:auto;display:block}
.componentcatalegelements .llistatelements .element dd.any,
.componentcatalegelements .llistatelements .element dd.periode,
.componentcatalegelements .llistatelements .element dd.numero{}

/*PEU*/
#peu span{position:absolute;left:24px;top:15px;font-size:11px}
#peu span.desenvolupat{left:795px;color:#FFF;top:15px;font-size:9px}
#peu span a {color:#34323e;text-decoration:underline}
#peu span a:hover{color:#FFFFFF;text-decoration:none;}

a .imatgemarcat img,
a .imatgemarcat,
.eminternimatgetext a img{border:none}