/*-------------------------------- RESET GENERAL --------------------------------*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input{margin:0; padding:0;}
li{list-style:none;}
a img, img, :link img,:visited img {border:none;}


/*----------------------------------- GENERAL -----------------------------------*/
body{font:0.75em Arial, Verdana, sans-serif; margin:0 auto; background-color:#c0c0c0; text-align:left; color:#000000;}
a{color:#000000}
h1, h2, h3{font-size:1.1em;}
h4, h5, h6{font-size:1em;}


/*-------------------------------- LAYOUT GENERAL -------------------------------*/
div#contenidor{width:980px; margin:0 auto; background:url(../images/backgrounds/fons_contenidor.png) repeat-y;}
div#capsalera{width:790px; height:46px; border-bottom:1px solid #acacac; text-align:left; background-color:#e5e5e5;}
div#columna_esquerra{float:left; width:189px; background-color:#f8f8f8;}
div#columna_dreta{float:right; width:790px; background-color:#ffffff;}
div#contingut{width:710px; padding:10px 40px 0 40px; min-height:395px; height:auto !important; height:395px;}
div.contingut_inici{width:790px !important; min-height:405px !important; height:auto !important; height:405px !important; padding:0 !important;}
div#peu{width:980px; height:26px; margin:0 auto; text-align:left; line-height:26px; font-size:0.95em; background-color:#e5e5e5; border-top:1px solid #acacac;}


/*----------------------------------- HEADER ------------------------------------*/
div#capsalera div{position:absolute;}
div#capsalera div#temps{width:84px; height:38px; margin:2px 0 0 10px; border:1px solid #bdbdbd; background-color:#FFFFFF}
div#capsalera div#mapa_web{width:67px; height:38px; margin:2px 0 0 110px; padding:0 0 0 15px; line-height:39px; background:url(../images/mapa_web.jpg) no-repeat left}
div#capsalera div#home{width:67px; height:38px; margin:2px 0 0 193px; padding:0 0 0 15px; line-height:39px; background:url(../images/home.jpg) no-repeat left}
div#capsalera div#lletra{width:290px; height:38px; margin:2px 0 0 290px; line-height:39px}
div#capsalera div#catala{width:36px; height:38px; margin:2px 0 0 580px; padding:0 0 0 19px; line-height:39px; background:url(../images/catala.jpg) no-repeat left;}
div#capsalera div#espanyol{width:48px; height:38px; margin:2px 0 0 643px; padding:0 0 0 19px; line-height:39px; background:url(../images/espanyol.jpg) no-repeat left;}
div#capsalera div#english{width:41px; height:38px; margin:2px 0 0 715px; padding:0 0 0 19px; line-height:39px; background:url(../images/english.jpg) no-repeat left;}


/*----------------------------------- FOOTER -----------------------------------*/
div#peu p{position:absolute; width:640px; height:26px; text-align:left; line-height:26px; margin:0 0 0 20px;}
div#peu a.wai{position:absolute; margin:7px 0 0 680px}
div#peu a.html{position:absolute; margin:7px 0 0 778px}
div#peu a.css{position:absolute; margin:7px 0 0 875px}


/*---------------------------------- CLASSES -----------------------------------*/
/*posicionament*/
.clear{clear:both;}
.flota_esquerra{float:left;}
.flota_dreta{float:right;}
.separador{margin:0 15px;}

/*text*/
.esquerra{text-align:left;}
.dreta{text-align:right;}
.centrat{text-align:center;}
.justificat{text-align:justify;}
.no-margin{margin:0;}
.no-negreta{font-weight:normal;}
.no-subratllat{text-decoration:none;}
.farciment_esquerre{padding-left:20px;}

/*backgrounds*/
.borde_esquerra_gris{border-left:33px solid #e6e6e6; padding:0 0 0 20px;}
.primer{padding:5px 0 5px 20px; background:url(../images/punters/item1.png) no-repeat left;}
.segon{padding:5px 0 5px 20px; background:url(../images/punters/item2.png) no-repeat left;}
.tercer{padding:5px 0 5px 20px; background:url(../images/punters/item3.png) no-repeat left;}
.quart{padding:5px 0 5px 20px; background:url(../images/punters/item4.png) no-repeat left;}
.cinque{padding:5px 0 5px 20px; background:url(../images/punters/item5.png) no-repeat left;}

/*divs*/
.capa_esquerra{float:left; width:365px; min-height:340px; height:auto !important; height:385px; padding:10px 15px;}
.capa_dreta{float:right; width:364px; min-height:340px; height:auto !important; height:385px; padding:10px 15px; border-left:1px solid #e2e2e2;}
.document{min-height:60px; height:auto !important; height:60px; margin:0 0 10px 0; padding:10px 0; border-bottom:1px solid #cccccc;}
.document div.imatge{float:left; width:15%; text-align:center}
.document div.imatge img {display:block; margin:0 auto 5px auto;}
.document div.imatge a{text-decoration:none;}
.document div.dades{float:left; width:84%; text-align:left;}
.document div.dades p{margin:5px 0;}

/*formularis*/
input, textarea{font:1em arial, verdana;}
input.text{width:300px; margin-bottom:5px; border:1px solid #4f7510}
input.captcha{width:100px; margin-top:2px; border:1px solid #4f7510}
textarea{width:300px; margin-bottom:5px; border:1px solid #4f7510}
p.error{margin:0; color:#ff0000;}

/*botons*/
.boto1{display:block; width:146px; height:21px; line-height:21px; text-decoration:none; padding:0 25px 0 0; background:url(../images/botons/boto1.jpg) no-repeat}
.boto2{display:block; width:66px; height:29px; line-height:29px; margin-top:20px; border:none; background:url(../images/botons/boto2.png) no-repeat}

/*titols*/
.cometes{line-height:20px; padding:10px 35px 10px 35px; margin:15px; font-size:1.25em; font-weight:normal;}
.subratllat_verd{display:block; width:100%; border-bottom:2px solid #4f7510;}
.bordes_gris{display:block; width:100%; padding:3px 0; margin:8px auto; font-size:1em; font-weight:normal; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.bordes_gris_inferior{display:block; width:99%; padding:3px 0; margin:8px auto; font-size:1em; font-weight:normal; border-bottom:1px solid #e6e6e6;}
.titol_important{display:block; padding:5px 0 5px 15px; font-size:1.2em;}
.titol{font-weight:bold; font-size:1.1em;}
.titol_relacionats{margin:40px 0 15px 0; padding:3px 0; font-size:1em; font-weight:normal; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.titol_avis{height:61px; font-size:1.4em; padding-top:5px; padding-left:30px; background:url(../images/punters/foc.gif) no-repeat left top; filter:alpha(opacity:100);}
html>body.titol_avis{height:90px; font-size:1.4em; padding-top:5px; padding-left:30px; background:url(../images/punters/foc.gif) no-repeat left top; opacity:1; filter:alpha(opacity:100);}

/*llistes*/
ul.fletxa_verda {padding:0 0 0 40px;}
ul.fletxa_verda li{padding:5px 0 5px 20px; background:url(../images/punters/fletxa_verda.png) no-repeat left top;}
ul.horitzontal {padding:5px;}
ul.horitzontal li{display:inline; padding:0 5px; border-right:1px solid #000000;}
ul.llistat_dades li {padding:10px 0; border-bottom:1px solid #e6e6e6;}
ul.llistat_dades li.last{border-bottom:none;} 
ul.llistat_dades li p{margin:5px auto;}
ul.mapa li{margin:20px 0;}
ul.mapa li ul {margin-left:30px;}
.borde_esquerra_gris ul li { list-style:disc; margin-left:20px;}

/*paragrafs*/
p.pagination{padding:7px; background-color:#e2e2e2; margin:0}

/*imatges*/
img.thumb{margin-right:8px; padding:2px; border:1px solid #cccccc;}

/*----------------------------------- COLORS -----------------------------------*/
/*fondos*/
.bg_gris{background-color:#f3f3f3;}

/*color*/
.gris{color:#b9b9b9;}
.gris2{color:#666666;}
.verd{color:#4f7510;}
.vermell{color:#ff0000;}
.negre{color:#000000;}

/*----------------------------- ELEMENTS ESPECIFICS ----------------------------*/
/*av’s*/
div#avis{position:absolute; width:240px; height:80px; padding:38px; background-color:#ffffff; right:0; border-left:1px solid #cccccc; filter:alpha(opacity:70);}
html>body div#avis{position:absolute; width:240px; height:116px; padding:30px; background-color:#ffffff; right:0; border-left:1px solid #cccccc; opacity:0.7; filter:alpha(opacity:70);}
div#avis_descripcio{height:360px; padding:20px;}
div#avis_descripcio h2{height:68px; background:#f8f8f8 url(../images/adf_generic.jpg) no-repeat left; padding-left:150px; padding-top:60px; font-size:3em; font-style:italic; text-align:left;}
div#avis_descripcio div{height:250px; overflow:auto;}
div#avis_descripcio div p{text-align:left; line-height:18px;}
/*inici*/
div.container_noticies{min-height:66px; height:auto !important; height:66px; padding:0 0 5px 0; text-align:left;}
div.container_event{min-height:62px; height:auto !important; height:62px; padding:0 0 9px 0; text-align:left;}
/*publicitat*/
div#publicitat{width:960px; background:#b2dd66 url(../images/backgrounds/fons_publicitat.png) repeat-x; margin:0 auto; text-align:center; padding:15px 10px 10px 10px; border-top:1px solid #e6e6e6;}
div#publicitat a img{margin:0 0 0 20px; border:1px solid #e2e2e2;}
/*fitxa adf*/
div#mapa_adf{float:left; width:21%;}
div#dades_adf{float:right; width:78%;}
/*llistat noticies*/
div#noticia{padding-bottom:10px; min-height:385px; height:auto !important; height:385px;}
div.intro_noticia{margin:20px 0;}
div.intro_noticia div.any{float:left; width:10%;}
div.intro_noticia div.dades{float:right; width:89%;}
div.intro_noticia div.any2{float:left; width:20%;}
div.intro_noticia div.dades2{float:right; width:79%;}
div.intro_noticia a{text-decoration:none;}
div.intro_noticia a:hover{color:#4f7510;}
/*llistat projectes*/
div#projectes{position:relative; min-height:350px; height:auto !important; height:350px; padding-right:300px; background:url(../images/backgrounds/fons_projectes.png) no-repeat right top;}
div#projectes ol{margin:15px 0 0 20px;}
div#projectes ol li{margin-bottom:10px; list-style:decimal;}
div#projectes div#paginador{position:absolute; width:100%; bottom:0}
/*galeria*/
div#galeria ul li{display:block; float:left;}
div#galeria ul.llistat li{ width:140px; height:250px; padding:0 35px 0 0;}
div#galeria ul.llistat li div {padding:5px; border:1px solid #e2e2e2; width: 128px; height: 128px;}
div#galeria ul.llistat li p{height:15px; margin:0; padding:3px 0; text-align:center;}
div#galeria ul.llistat li h3{margin:0; text-align:center;}
div#galeria ul.items li{ height:165px; padding:0 14px 0  0;}
/*links*/
div#links{min-height:383px; height:auto !important; height:383px; padding-right:230px; background:url(../images/backgrounds/fons_links.png) no-repeat right bottom;}
/*telefons*/
div#telefons{min-height:383px; height:auto !important; height:383px; padding-right:230px; background:url(../images/backgrounds/fons_telefons.png) no-repeat right bottom;}
/*pˆgina de no resultats*/
div#no_results{min-height:303px; height:auto !important; height:303px; padding-top:80px; background:url(../images/backgrounds/fons_noregistres.png) no-repeat right bottom;}
div#no_results p em{font-size:1.5em}
/*ajuda*/
div#ajudes{position:relative; min-height:383px; height:auto !important; height:383px; }
div#ajudes div#paginador{margin:10px 0;}
/*downloads*/
div#documents{position:relative; min-height:383px; height:auto !important; height:383px; padding-bottom:150px; background:url(../images/backgrounds/fons_documents.png) no-repeat right bottom;}
div#documents ul li{display:block; padding-bottom:10px; margin-top:10px; border-bottom:1px solid #cccccc;}
div#documents ul li.pdf{background:url(../images/pdf.gif) no-repeat left top;}
div#documents ul li.doc{background:url(../images/doc.gif) no-repeat left top;}
div#documents ul li.xls{background:url(../images/xls.gif) no-repeat left top;}
div#documents ul li.jpg{background:url(../images/jpg.gif) no-repeat left top;}
div#documents ul li.gif{background:url(../images/gif.gif) no-repeat left top;}
div#documents ul li.png{background:url(../images/png.gif) no-repeat left top;}
div#documents div#paginador{position:absolute; width:60%; bottom:10px}
/*llibre*/
div#llibre{min-height:395px; height:auto !important; height:395px; padding-right:225px; padding-bottom:10px; background:url(../images/backgrounds/fons_llibre.png) no-repeat right bottom;}
div.missatge{margin-bottom:10px; padding:5px 0 10px 0; border-bottom:1px solid #e2e2e2;}
div.missatge p, div.missatge h3{margin:5px 0;}
/*contacta*/
#contacta {background:url(../images/backgrounds/fons_contacta.png) no-repeat right bottom;}

/*---------------------------------- NAVEGACIO ---------------------------------*/
/*-------------------------------- menu principal ------------------------------*/
ul#menu{width:188px; margin:0; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0}
ul#menu li{width:188px; height:33px; margin:0; border-bottom:1px solid #e5e5e5; list-style:none}
ul#menu li.inici{background:url(../images/menu/inici.jpg) no-repeat left}
ul#menu li.presentacio{background:url(../images/menu/presentacio.jpg) no-repeat left}
ul#menu li.adf{background:url(../images/menu/adf.jpg) no-repeat left}
ul#menu li.projectes{background:url(../images/menu/projectes.jpg) no-repeat left}
ul#menu li.noticies{background:url(../images/menu/noticies.jpg) no-repeat left}
ul#menu li.agenda{background:url(../images/menu/agenda.jpg) no-repeat left}
ul#menu li.ajudes{background:url(../images/menu/ajudes.jpg) no-repeat left}
ul#menu li.descarregues{background:url(../images/menu/descarregues.jpg) no-repeat left}
ul#menu li.galeria{background:url(../images/menu/galeria.jpg) no-repeat left}
ul#menu li.telefons{background:url(../images/menu/telefons.jpg) no-repeat left}
ul#menu li.links{background:url(../images/menu/links.jpg) no-repeat left}
ul#menu li.llibre{background:url(../images/menu/llibre.jpg) no-repeat left}
ul#menu li.contacta{background:url(../images/menu/contacta.jpg) no-repeat left}
ul#menu li a{display:block; width:139px; height:33px; margin:0; padding:0 0 0 50px; text-align:left; text-decoration:none; line-height:33px;  color:#000000;}
a.menu_inici{background:url(../images/menu/inici.jpg) no-repeat left;}
a.menu_inici:hover{background:url(../images/menu/inici_sel.jpg) no-repeat left}
a.menu_inici_sel{background:url(../images/menu/inici_sel.jpg) no-repeat left;}
a.menu_presentacio{background:url(../images/menu/presentacio.jpg) no-repeat left;}
a.menu_presentacio:hover{background:url(../images/menu/presentacio_sel.jpg) no-repeat left}
a.menu_presentacio_sel{background:url(../images/menu/presentacio_sel.jpg) no-repeat left;}
a.menu_adf{background:url(../images/menu/adf.jpg) no-repeat left;}
a.menu_adf:hover{background:url(../images/menu/adf_sel.jpg) no-repeat left}
a.menu_adf_sel{background:url(../images/menu/adf_sel.jpg) no-repeat left;}
a.menu_projectes{background:url(../images/menu/projectes.jpg) no-repeat left;}
a.menu_projectes:hover{background:url(../images/menu/projectes_sel.jpg) no-repeat left}
a.menu_projectes_sel{background:url(../images/menu/projectes_sel.jpg) no-repeat left;}
a.menu_noticies{background:url(../images/menu/noticies.jpg) no-repeat left;}
a.menu_noticies:hover{background:url(../images/menu/noticies_sel.jpg) no-repeat left}
a.menu_noticies_sel{background:url(../images/menu/noticies_sel.jpg) no-repeat left;}
a.menu_agenda{background:url(../images/menu/agenda.jpg) no-repeat left;}
a.menu_agenda:hover{background:url(../images/menu/agenda_sel.jpg) no-repeat left}
a.menu_agenda_sel{background:url(../images/menu/agenda_sel.jpg) no-repeat left;}
a.menu_ajudes{background:url(../images/menu/ajudes.jpg) no-repeat left;}
a.menu_ajudes:hover{background:url(../images/menu/ajudes_sel.jpg) no-repeat left}
a.menu_ajudes_sel{background:url(../images/menu/ajudes_sel.jpg) no-repeat left;}
a.menu_descarregues{background:url(../images/menu/descarregues.jpg) no-repeat left;}
a.menu_descarregues:hover{background:url(../images/menu/descarregues_sel.jpg) no-repeat left}
a.menu_descarregues_sel{background:url(../images/menu/descarregues_sel.jpg) no-repeat left;}
a.menu_galeria{background:url(../images/menu/galeria.jpg) no-repeat left;}
a.menu_galeria:hover{background:url(../images/menu/galeria_sel.jpg) no-repeat left}
a.menu_galeria_sel{background:url(../images/menu/galeria_sel.jpg) no-repeat left;}
a.menu_telefons{background:url(../images/menu/telefons.jpg) no-repeat left;}
a.menu_telefons:hover{background:url(../images/menu/telefons_sel.jpg) no-repeat left}
a.menu_telefons_sel{background:url(../images/menu/telefons_sel.jpg) no-repeat left;}
a.menu_links{background:url(../images/menu/links.jpg) no-repeat left;}
a.menu_links:hover{background:url(../images/menu/links_sel.jpg) no-repeat left}
a.menu_links_sel{background:url(../images/menu/links_sel.jpg) no-repeat left;}
a.menu_llibre{background:url(../images/menu/llibre.jpg) no-repeat left;}
a.menu_llibre:hover{background:url(../images/menu/llibre_sel.jpg) no-repeat left}
a.menu_llibre_sel{background:url(../images/menu/llibre_sel.jpg) no-repeat left;}
a.menu_contacta{background:url(../images/menu/contacta.jpg) no-repeat left;}
a.menu_contacta:hover{background:url(../images/menu/contacta_sel.jpg) no-repeat left}
a.menu_contacta_sel{background:url(../images/menu/contacta_sel.jpg) no-repeat left;}