a { color: #883405; text-decoration: none }
a:hover,a:active { color: #FF0000; text-decoration: none }
a.neg{ color:#FFFFFF; text-decoration:none }
a.neg:hover,a.neg:active { color:#FFCC33; text-decoration:underline }
div.btnShare { clear: both; font: bold 0.75em Helvetica, Arial, Sans-serif; margin: 15px 246px 15px 30px; border-top: 1px solid #a3c6cd; padding-top: 10px }
div.botonet { margin: 20px 20px 20px 30px }
div.botonet span { border: 1px solid #D07979; background: url(http://www.girona.cat/web/shared/img/bg_boto2.png) no-repeat; font: bold 0.75em Arial, Helvetica, Sans-serif; padding: 4px 10px 4px 10px }
/* zona de botons dels formularis */
div.botonera { background: #D7CEC6; text-align: center; padding: 5px 0 5px 0 }
div.botonera input { padding: 2px 5px 2px 5px }
/**** LOGO AJUNTAMENT ***********************************************/
table.logos { margin-left: 30px; margin-top: 35px; width: 564px; border: 1px solid #D7CEC6; border-left: none }
table.logos img { border: none; width: 33px; height: 42px; }
table.logos div { padding: 10px 0 10px 0 }
table.logos th { background: #D7CEC6; font: bold 0.80em Arial, Helvetica, Sans-serif; text-align: center; border-left: 1px solid #D7CEC6; width: 33%; text-transform: uppercase; color: #594D39; padding: 5px 0 5px 0 }
table.logos td { font: bold 0.75em Arial, Helvetica, Sans-serif; text-align: center; border-left: 1px solid #D7CEC6; width: 33% }
/***** CERCADOR *****************************************************/
div.cercador { background: url(img/bg_cerca1.png) no-repeat; margin: 0 0 0 30px; padding: 5px 15px 7px 15px }
div.cercador h2 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 0; text-transform: none }
div.cercador div { margin-top: 10px }
div.cercador form { margin-top: 0; margin-bottom: 0; margin-left: 0; width: 561px }
div.cercador form label { font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif; color: #5C5B54; margin: 0 }
div.cercador form table td { text-align: left; padding: 5px 0 0 0; vertical-align: top }
div.cercador form .checkbox { margin: 0 0 0 15px }
div.cercador form span { font: 0.70em Verdana, Helvetica, Arial, Sans-serif; margin: 0 0 0 5px }
div.cercador form .camp0 { width: 30px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
div.cercador form .camp1 { width: 60px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
div.cercador form .camp2 { width: 150px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 3px 5px 3px 5px; margin: 0 }
.fbotox { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif }
.fboto { font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px }
.fbotov { color: #C00; font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
div.cercadorPeu { clear: both; background: url(img/bg_cerca2.png) no-repeat; height: 8px; margin: 0 0 0 30px }
/* NOTICIES ***********************************************************************/
div.notpremsa { clear: both; background: none; margin-left: 20px; margin: 0 30px 15px 20px }
div.notpremsa p.titol { font: bold 0.8em Arial, Helvetica, Sans-serif; text-align: left; color: black; margin: 0 0 3px 85px; padding: 0 }
div.notpremsa p.intro { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0 0 0 85px; padding: 0 }
div.notpremsa p.data { font: 0.7em Helvetica, Arial, Sans-serif; color: #26231D; margin: 0 0 3px 85px; text-align: left; text-transform: uppercase }
/*
div.notaFitxers { background: url(img/bg_notafitxers.png) no-repeat; margin-left: 30px; padding-top: 15px; font: 0.75em Helvetica, Arial, Sans-serif }
div.notaFitxers div.fila { clear: both; border-top: 1px dashed #D9847E; width: 561px; padding: 15px 0 0 0 }
div.notaFitxers a { #FF0000; font-weight: bold }
div.notaFitxers p { margin: 3px 0 10px 0; color: #666 }
div.notaFitxers img { width: 110px; height: 67px; margin-bottom: 7px; border: none }
div.notaFitxers div.pdf { float: left; width: 157px; background: url(img/thumb_pdf.png) no-repeat; margin: 0 15px 0 15px }
div.notaFitxers div.foto { float: left; width: 157px; background: url(img/thumb_foto.png) no-repeat; margin: 0 15px 0 15px }
div.notaFitxers div.peu { background: url(img/bg_notafitxers2.png) no-repeat; clear: both; margin: -10px 0 0 0; width: 560px; height: 15px; border-bottom: 1px solid #BB1E12 }
*/
div.notaFitxers { background: url(img/bg_notafitxers.png) no-repeat 0 25px; margin: 0 30px 0 30px }
div.notaFitxers h2 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 0 0 0 0; text-transform: none; border-bottom: 1px solid #5C8C96; padding-bottom: 3px; background: white }
div.notaFitxers table { margin-left: 15px; font: 0.75em Helvetica, Arial, Sans-serif; width: 531px; margin-top: 15px }
div.notaFitxers table p { margin: 3px 0 0 0; color: #666 }
div.notaFitxers img { width: 110px; height: 67px; margin-bottom: 7px; border: none }
div.notaFitxers table td { border-left: 1px dashed #7FC0CD; border-right: 0; border-bottom: 0; padding: 15px; vertical-align: top; width: 157px }
div.notaFitxers table td.pdf { background: url(img/thumb_pdf.png) no-repeat 15px 0 }
div.notaFitxers table td.mp3 { background: url(img/thumb_mp3.png) no-repeat 15px 0 }
div.notaFitxers table td.foto { background: url(img/thumb_foto.png) no-repeat 15px 0 }
div.notaFitxers div.peu { background: url(img/bg_notafitxers2.png) no-repeat; clear: both; margin: -10px 0 0 0; width: 560px; height: 15px; border-bottom: 1px solid #5C8C96 }
/***** CAROUSSEL ***************************************************************************************/
/* body { font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; }
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; }
*/
div.baner { background: url(img/bg_baner.png) no-repeat; padding: 12px 17px 0 13px }
div.banerPeu { background: url(img/bg_baner.png) bottom no-repeat; height: 20px }
div.banerbox { clear: both; background: url(img/bg_banerbox.gif) repeat-y; height: 230px; margin-top: 25px }
div.banerbox h2 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 0 29px 0 30px; text-transform: none; background: #F2F1E8; padding: 5px 15px 0 24px }
.infiniteCarousel { width: 620px; position: relative }
.infiniteCarousel .wrapper { width: 525px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 194px; margin: 0 45px 0 50px; position: absolute; top: 0; /*background: #F2F1E8*/ }
.infiniteCarousel ul a img { border: none }
.infiniteCarousel .wrapper ul { width: 9999px; height: 194px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 0 0px ; padding: 0; position: absolute; top: 0}
.infiniteCarousel ul li { background: url(img/bg_baner_li.png) no-repeat; display: block; float: left; margin-left: 0; padding: 12px 17px 0 12px; width: 148px; height: 224px }
.infiniteCarousel ul li a img { display: block; border: 1px solid white }
.infiniteCarousel ul li a:hover img, .infiniteCarousel ul li a:active img { display: block; border: 1px solid red }
.infiniteCarousel p.titol { font: bold 0.75em Helvetica, Arial, Sans-serif; text-align: left; margin: 0; padding: 5px 0 3px 1px }
.infiniteCarousel p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; margin: 0; padding: 0 0 0 1px }
.infiniteCarousel .arrow { display: block; width: 34px; height: 48px; background: url(img/baner_nav.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 68px; cursor: pointer }
.infiniteCarousel .forward { background-position: 0 0; right: 9px }
.infiniteCarousel .back { background-position: 0 -96px; left: 15px }
.infiniteCarousel .forward:hover { background-position: 0 -48px }
.infiniteCarousel .back:hover { background-position: 0 -144px }
/***** TEXTOS *******************************************************************************************/
h1 { float: none; font: bold 1.2em Helvetica, Arial, Sans-serif; color: #000; margin: 0; padding: 25px 0 15px 30px; }
h2 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #594d39; text-transform: uppercase; margin: 20px 30px 10px 30px; }
h3 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #594d39; margin: 20px 30px 10px 30px; }
.listTitol { font: bold 0.80em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 30px 5px 80px }
.listTitol span { color: #C25C00 }
.listSubtitol { font: 0.7em Helvetica, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #5D0000; margin: 0px 0 5px 30px }
.listData { font: 0.7em Helvetica, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #46433C; margin: 0px 30px 2px 80px }
.listTxt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 80px }
div.programes .listTitol { border-bottom: 1px solid #A43C00; padding-bottom: 5px }
div.programes .listTxt { margin-bottom: 30px }
.intro { font: 0.85em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 20px 30px; line-height: 1.5em }
.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 30px }
.txt2 { font: 0.95em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 0px }
p.data { font: 0.7em Helvetica, Arial, Sans-serif; color: #494337; margin: 0 35px 3px 40px; text-align: left; text-transform: uppercase }
div.galeria { clear: both; background: url(img/bg_galeria.png); margin: 5px 35px 0 30px; height: 60px; cursor: pointer }
div.galeria img { width: 60px; height: 60px; float: left; border: none }
div.galeria p.titol { margin: 0 10px 3px 70px; padding-top: 8px; font: bold 0.80em Helvetica, Arial, Sans-serif; line-height: 1.05em}
div.galeria p.txt { margin: 0 10px 3px 70px; font: 0.75em Helvetica, Arial, Sans-serif; }
div.galeria p.data { font: 0.65em Helvetica, Arial, Sans-serif; color: #494337; margin: 0 10px 0px 70px; text-align: left; text-transform: uppercase }
div.galeriaMenu { width: 468px; margin: 0 35px 0 40px; background: url(img/bg_galeriamenu.gif) bottom #D84519; font: 0.80em Georgia, Times New-Roman, serif; }
div.galeriaMenu ul { list-style: none; margin: 0; padding: 0 }
div.galeriaMenu ul li { display: inline; background: #D84519; border-right: 1px solid white; border-bottom: 1px solid white; float: left }
div.galeriaMenu ul li a:link, div.galeriaMenu ul li a:visited { color: white; display: block; padding: 5px 10px 6px 10px; background: #D84519; text-decoration: none; }
div.galeriaMenu ul li a:hover, div.galeriaMenu ul li a:active { color: white; display: block; padding: 5px 10px 6px 10px; background: #000000; text-decoration: underline }
div.videoTitol { background: url(img/galeria_bgtitol_color.gif); font: bold 0.80em Georgia, Times New-Roman, serif; margin: 20px 0 0 40px; padding: 3px 10px 3px 10px; color: white }
div.video { z-index: -1; background: url(img/galeria_bgvideo2.gif) bottom; padding-bottom: 20px; text-align: center; margin: 0 0 0 40px }
div.fotos { z-index: 0; background: url(img/bg_fotos1.png) no-repeat; margin: 0 0 0 30px; padding: 10px 0 15px 0; text-align: left }
div.fotosPeu { clear: both; background: url(img/bg_cerca2.png) no-repeat; height: 8px; margin: 0 0 0 30px }
div.fotos h2 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 0 0 10px 30px; text-transform: none; }
div.fotos img { width: 100px; height: 100px; border: none; margin-left: 32px; margin-top: 18px }
div.botoTornar { margin: 30px 20px 20px 40px }
div.botoTornar span { border-top: 1px solid #D54419; border-bottom: 1px solid #BA3C16; border-right: 1px solid #D54419; border-left: 1px solid #D54419; background: url(img/bg_tornar.gif) no-repeat; font: bold 0.75em Arial, Helvetica, Sans-serif; padding: 4px 10px 4px 33px }
div.avisos { margin: 30px 29px 20px 30px; background: url(img/bg_avisos.png) no-repeat; padding-top: 5px }
div.avisos h1 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 0; padding: 0 15px 7px 15px }
div.avisos p.titol { font: bold 0.8em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0 0 0 0; padding: 10px 15px 5px 15px }
div.avisos p.data { font: 0.7em Helvetica, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #000; margin: 0px 10px 2px 15px }
div.avisos p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 15px 10px 15px }
div.avisos div.peu { margin-top: 10px; background: url(img/bg_avisos2.png) no-repeat; height: 3px }
div.avisosNo { margin: 24px 29px 20px 30px; background: url(img/bg_avisos_no.gif) no-repeat; padding-top: 10px }
div.avisosNo p { background: url(img/bg_avisos2_no.gif) no-repeat bottom #5C8C96; font: bold 0.75em Helvetica, Arial, Sans-serif; text-align: center; color: #FFF; margin: 0; padding: 0 0 10px 0 }
/* ABANS DE POSAR CONVOCATÒRIES A DALT
div.avisos { float: right; width: 200px; margin: 30px 30px 20px 0; background: url(img/bg_avisos.png) no-repeat }
div.avisos h1 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #91170E; margin: 10px 15px 7px 15px }
div.avisos p.titol { font: bold 0.8em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0 0 0 0; background: url(img/avisos_line.png) no-repeat 4px 0; padding: 10px 15px 5px 15px }
div.avisos p.data { font: 0.7em Helvetica, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #000; margin: 0px 10px 2px 15px }
div.avisos p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 15px 10px 15px }
div.avisos div.peu { margin-top: 20px; background: url(img/bg_avisos2.png) no-repeat; height: 3px }
*/
div.baners { background: url(img/tmp_baners.jpg) no-repeat 0 -10px; width: 591px; height: 224px; margin-left: 15px }
h2.baners { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #594d39; margin: 30px 29px 0 30px; text-transform: none; background: #F2F1E8; padding: 5px 15px 0 25px }
div.mesInfo { font: 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 15px 30px 0 80px; background: url(img/mesinfo_quadrets.png) no-repeat 0 2px; padding-left: 27px }
ul.llista { font: 0.75em Helvetica, Arial, Sans-serif; list-style: none url(img/bullet3.gif); margin: 5px 0 10px 30px; padding-left: 30px }
ul.llista li { padding-bottom: 5px }
ul.llista ul { font: 1em Helvetica, Arial, Sans-serif; list-style: circle; margin-top: 4px; margin-left: 0px; padding-left: 30px }
ul.llista ul li { margin-bottom: 3px }
/***** ESTRUCTURA *************************************************************************************/
html, body#marc { text-align: center; margin: 0; }
div#barraAj { background: url(img/franja_ajgirona.png) no-repeat; text-align: center; border-bottom: 1px solid white; width: 778px; margin: 0 auto }
div#header { background: white; text-align: center; width: 778px; margin: 0 auto }
div#ariadna { font: 0.75em Helvetica, Arial, Sans-serif; color: #DDD; text-transform: none; background: url(img/bg_ariadna.jpg) no-repeat #3A3A3A; padding: 3px 9px 4px 12px; border-top: 1px solid white; border-bottom: 1px solid white; text-align: left }
div#ariadna a { color: #FFFFFF }
div#ariadna a:hover, div#ariadna a:active { color:#FFCC33; text-decoration:underline }
div#ariadna div#timeStamp { float: right; background: black }
div#pagina { float: none; width: 778px; background: url(img/bg_contingut.png) no-repeat white; text-align: left; margin: auto; padding: 0; }
div#paginaIntranet { float: none; width: 100%; background: white; text-align: left; margin: 0; padding: 0; }
div.contL { float: left; width: 158px }
div.contR { float: left; width: 620px; padding-bottom: 25px }
div#peupagina { float: none; width: 758px; background: #3A3A3A; text-align: left; font: 0.70em Verdana, Helvetica, Arial, sans-serif; color: #CCC; border-top: 1px solid white; margin: 0 auto; padding: 10px 10px 10px 10px; }
/* menu idiomes */
div#idiomes { width: 778px; background: url(img/bg_idiomes.png) repeat-y; margin: 0 auto; text-align: right; padding: 0; font: 0.65em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #3E3932 }
div#idiomes p { padding: 3px 10px 3px 0; margin: 0 }
/* menu eines */
div#eines { width: auto; background: url(img/bg_i56iomes.png) repeat-y; margin: 0; text-align: right; padding: 0; font: 0.65em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #3E3932 }
div#eines p { float: right; padding: 3px 10px 3px 0; margin: 0; border-bottom: 1px solid #807A70 }
/***** MENUS *******************************************************************************************/
div#menu ul { width: 158px; background: url(img/bg_menu.gif) #BB1E12; font: bold 0.70em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 0 0 0 0; padding: 0; list-style-type: none }
div#menu ul li a:link, div#menu ul li a:visited { display: block; padding: 5px 0 5px 10px; text-decoration: none; color: #6970B8; border-bottom: 1px solid white }
/* Menu items sense desplegable */
div#menu ul li.menuitem a:link, div#menu ul li.menuitem a:visited { color: #151515; background: none }
div#menu ul li.menuitem a:hover, div#menu ul li.menuitem a:active { color: black; background: #F2CF35; text-decoration: underline }
div#menu ul li.intern a:link, div#menu ul li.intern a:visited { color: #FFF; background: #C30 }
div#menu ul li.intern a:hover, div#menu ul li.intern a:active { color: #FFF; background: #C30 }
/* Menu items amb desplegable expandible */
div#menu li.menuitempull a:link, div#menu li.menuitempull a:visited { color: #770000; background: url(img/bg_menupull.gif) 0 -1px; padding-right: 22px }
div#menu li.menuitempull a:hover, div#menu li.menuitempull a:active { color: #FDE359; background: url(img/bg_menupullx.gif) black 0 -1px; padding-right: 22px }
/* Menu items amb desplegable contraïble */
div#menu li.menuitempullup a:link, div#menu li.menuitempullup a:visited { color: #770000; background: url(img/bg_menupullup.gif); padding-right: 22px }
div#menu li.menuitempullup a:hover, div#menu li.menuitempullup a:active { color: #FDE359; background: url(img/bg_menupullupx.gif); padding-right: 22px }
/* Submenu */
div#menu ul li ul { width: 158px; background: #F9F0C8; font: bold 1.05em Helvetica, Arial, Sans-serif; text-transform: none; margin: 0; padding: 0; list-style: none }
div#menu li.submenuitem a:link, div#menu li.submenuitem a:visited { padding: 5px 3px 5px 10px; text-decoration: none; color: #770000; background: none; border-bottom: 1px solid #E3B292 }
div#menu li.submenuitem a:hover, div#menu li.submenuitem a:active { padding: 5px 3px 5px 10px; text-decoration: none; color: white; background: #C0550E; border-bottom: 1px solid #E3B292 }
#submenu1, #submenu2, #submenu3, #submenu4 { display: none }
div#contMenu { border: 1px solid #4F4F4F; border-top: 3px solid #4F4F4F; font: bold 0.75em Helvetica, Arial, Sans-serif; background: url(cat/img/bg_aigua_submenu.jpg) no-repeat 1px 3px; margin-bottom: 25px }
div#contMenu p { margin: 0; padding: 3px 10px 3px 30px; border-bottom: 1px solid #4F4F4F; background: url(img/bg_contmenu.gif) no-repeat }
div#contMenu p.select { background: url(img/bg_contmenux.gif) no-repeat; color: white }
div.llista { margin: 0 0 15px 0 }
div.llista p { background: url(img/bullet_fletxa2.png) 0 2px no-repeat; font: 0.75em Helvetica, Arial, Sans-serif; margin: 0 30px 7px 45px; padding: 0 0 0 18px }
div.llista p.llistaTxt { background: none; font: 0.75em Helvetica, Arial, Sans-serif; margin: 0 30px 20px 45px; padding: 0 0 0 18px; text-align: justify }
.article { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 30px }
.article2 { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 50px 5px 50px }
p.docs { background: url(http://www.ajuntament.gi/shared/img/icn_fitxer.png) no-repeat; font: 0.85em Helvetica, Arial, sans-serif; margin: 5px 10px 3px 32px; padding: 1px 0 2px 25px; color: #666 }
p.docs a { font-weight: bold }
p.docsTxt { font: 0.75em Helvetica, Arial, Sans-serif; color: black; margin: 0px 30px 10px 58px; }
table.mesInfo { border: 1px solid #E30000; width: 561px; margin: 20px auto 20px 30px }
table.mesInfo p.tit { font: bold 0.95em Helvetica, Arial, Sans-serif; color: #E30000; text-transform: none; margin: 10px 0 10px 15px; }
table.mesInfo p.docs { font: 0.8em Helvetica, Arial, sans-serif; margin: 5px 10px 3px 22px; padding: 1px 0 2px 25px }
table.programa { margin-left: 30px; width: 560px; font: 0.75em Helvetica, Arial, Sans-serif }
table.programa td { padding-bottom: 5px }
table.programa p { margin: 0 0 5px 0; text-align: justify }
div.boxR { float: right; width: 170px; background: url(img/bg_boxdret.png) no-repeat; padding-left: 10px; height: 332px }
div.boxR p { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; margin: 0 15px 5px 0 }
div.boxR h2 { margin: 3px 0 10px 0; color: white }
div.boxL { margin-right: 200px }
div.boxL p.txt { margin-right: 0px }
/***** ACCESSIBILITAT *****************************************************/
ul.accUL { list-style: square; font: 0.75em Helvetica, Arial, Sans-serif; margin: 0 30px 0 60px; padding: 0 }
ul.accUL li { margin: 0 0 5px 0; padding: 0 }
table.layout { width: 778px; background: white; margin: auto }
table.layout td { vertical-align: top; text-align: left }
table.layout td.colL { width: 157px }
table.layout td.colR { width: 621px; background: url(img/bg_contingut.jpg) 0 0 no-repeat; padding-bottom: 20px }
h2.plan { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #E17300; text-transform: uppercase; margin: -10px 0px 10px 30px; border-top: 1px solid #E17300; padding: 5px 30px 0 0 }
h3 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #594d39; margin: 20px 30px 15px 30px; }
h3.plan { font: bold 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #E17300; margin: 10px 30px 20px 30px; }
table.tableMalalties { margin-top: 20px }
table.tableMalalties h2 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #E13603; text-transform: uppercase; margin: 0px 0px 10px 20px; border-bottom: 1px solid #E13603 }
div#iniAvis { background: url(img/bg_avis_matricula.jpg) no-repeat #FFF3CC; height: 290px; float: left; position: relative; margin: 28px 0 0 0; padding: 0 8px 0 8px; width: 156px }
div#iniAvis p.titol { font: bold 0.75em Helvetica, Arial, Sans-serif; text-align: left; color: #E13603; margin: 8px 5px 5px 0; text-transform: uppercase }
div#iniAvis p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 3px 0 }
.nota { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 3px 30px; }
.cita { font: bold 0.8em Helvetica, Arial, Sans-serif; color: #E13603; margin: 10px 30px 10px 30px; }
/***** FORMULARI *****************************************************/
div.divContacte { background: url(img/bg_form.jpg) no-repeat #F2F1E8; margin: 10px 0 0 0; padding: 15px 0 15px 30px }
form.contacte { margin-top: 0; margin-bottom: 0; margin-left: 30px; width: 560px }
form.contacte label { font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif; color: #5C5B54; margin: 0 }
form.contacte table td { text-align: left; padding: 5px 0 0 0; vertical-align: top }
form.contacte .checkbox { margin: 0 0 0 15px }
form.contacte span { font: 0.70em Verdana, Helvetica, Arial, Sans-serif; margin: 0 0 0 5px }
form.contacte .camp1 { width: 95px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
form.contacte .camp2 { width: 200px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 3px 5px 3px 5px; margin: 0 }
form.contacte .camp3 { width: 320px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
form.contacte .camp5 { width: 500px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
.fbotox { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
.fboto { font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px }
.fbotov { color: #C00; font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
.lopd { font: 0.65em Helvetica, Arial, sans-serif; margin: 10px 30px 0px 30px; text-align: justify; color: #5C5B54; line-height: 0.95em; }
/**** CERCADOR ********************************************************/
form.cercador { margin: 0 0 20px 0px }
form.cercador p { color: #5C5B54; }
form.cercador label { font: bold 0.75em Helvetica, Arial, Sans-serif; color: #322; }
form.cercador .camp1 { width: 120px; border: 1px solid #E17300; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin-top: 3px }
form.cercador .fbotox { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 5px 5px 0 0px; }
table.calendari { margin-left: 30px; margin-bottom: 15px; font: 0.75em Helvetica, Arial, Sans-serif; width: 560px; border-bottom: 1px solid #E13603; border-right: 1px solid #E13603 }
table.calendari th { padding: 3px 7px 4px 10px; border-left: 1px solid #E13603; border-top: 1px solid #E13603; border-bottom: none; color: #E13603 }
table.calendari td { padding: 3px 7px 4px 10px; border-left: 1px solid #E13603; border-top: 1px solid #E13603; border-bottom: none }
table.calendari td.col1 { background: #F2ECEC }
table.calendari td.col1b { border-top: none; background: #F2ECEC; padding-top: 0 }
table.calendari td.col2b { border-top: none; padding-top: 0; text-align: right }
div.boxFormacio { display: block; float: left; margin: 6px 0 0 30px; text-align: left; border: 1px solid #E13603; background: #F2ECEC; width: 280px; padding: 9px 12px 5px 12px; position: relative; font: 0.75em Helvetica, Arial, Sans-serif; }
div.boxFormacio p.nom { font: bold 1em Helvetica, Arial, Sans-serif; color: #E13603; margin: 0px 0px 4px 0px; }
div.boxFormacio p.txt { font: 1em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 0px 4px 0px; }
div.boxFormacio p.indent { font: 1em Helvetica, Arial, Sans-serif; color: black; margin: 0px 0px 2px 20px; text-indent: -10px }
.reset { clear: both; margin: 0 }
div#iniNoticies { float: left; width: 470px }
div.ajNoticia { background-image: url(img/bullet_not.png) }
div#iniBaners { float: left; width: 140px; padding: 38px 0 20px 11px }
div#iniBaners img { width: 140px; height: 70px; border: none; margin-bottom: 3px }
div.noticia { background: url(img/bullet_not.png) no-repeat 0 4px; margin-left: 30px; margin-bottom: 15px }
div.noticia p { margin-left: 10px; padding-left: 0; margin-bottom: 0 }
div.noticia p.data { font-family: Helvetica, Arial, Sans-serif; margin-left: 10px; padding-left: 0; text-transform: uppercase; color: #555; font-size: 0.7em }
div.noticia h2 { margin: 5px 25px 7px 10px; text-transform: none; font-size: 1.1em }
div.noticia p.introFitxa { font: 0.9em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 5px 30px 10px 10px; padding-bottom: 10px; border-bottom: 1px dashed #666 }
div.noticia p.titol { font: bold 0.85em Helvetica, Arial, Sans-serif; margin-right: 20px }
ol.list { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; margin: 0 44px 0 60px; text-align: justify }
ol.list li { margin: 0 0 5px 0 }
ul.list { font: 0.7em Verdana, Helvetica, Arial, Sans-serif; text-align: left; margin: 0 44px 0 60px; text-align: justify; list-style-type: square }
ul.list li { margin: 0 0 5px 0 }
div#xarxes { background: #F2EEE8; padding: 4px; width: 150px }
div#xarxes div { background: #C3C3C3; padding: 2px 2px 2px 2px }
div#xarxes ul { list-style: none; margin: 0; padding: 0; text-align: center }
div#xarxes ul li { float: left; width: 32px; height: 32px; margin: 0; padding: 2px 2px 2px 2px }
div#xarxes ul img { width: 32px; height: 32px; border: none }
div#xarxes ul li.facebook a { display: block; background: url(img/icn_facebook.png) no-repeat }
div#xarxes ul li.facebook a:hover { display: block; background: url(img/icn_facebook2.png) no-repeat }
div#xarxes ul li.twitter a { display: block; background: url(img/icn_twitter.png) no-repeat }
div#xarxes ul li.twitter a:hover { display: block; background: url(img/icn_twitter2.png) no-repeat }
div#xarxes ul li.youtube a { display: block; background: url(img/icn_youtube.png) no-repeat }
div#xarxes ul li.youtube a:hover { display: block; background: url(img/icn_youtube2.png) no-repeat }
div#xarxes ul li.google a { display: block; background: url(img/icn_google.png) no-repeat }
div#xarxes ul li.google a:hover { display: block; background: url(img/icn_google2.png) no-repeat }
div#xarxes ul li.flickr a { display: block; background: url(img/icn_flickr.png) no-repeat }
div#xarxes ul li.flickr a:hover { display: block; background: url(img/icn_flickr2.png) no-repeat }
div#xarxes ul li.issuu a { display: block; background: url(img/icn_issuu.png) no-repeat }
div#xarxes ul li.issuu a:hover { display: block; background: url(img/icn_issuu2.png) no-repeat }
/*
*/
/* IMENTE ***********************************************************************/
div.imente { clear: both; background: none; margin-left: 20px; margin: 0 30px 15px 30px }
div.imente p.titol { font: bold 0.8em Arial, Helvetica, Sans-serif; text-align: left; color: black; margin: 0 0 3px 0; padding: 0 }
div.imente p.intro { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0 0 0 0; padding: 0 }
div.imente p.data { font: 0.7em Helvetica, Arial, Sans-serif; color: #26231D; margin: 0 0 3px 0; text-align: left; text-transform: uppercase }
div.imente2 { clear: both; background: none; margin-left: 0px; margin: 0 10px 15px 5px }
div.imente2 p.titol { font: bold 0.8em Arial, Helvetica, Sans-serif; text-align: left; color: black; margin: 0 0 3px 0; padding: 0 }
div.imente2 p.intro { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0 0 0 0; padding: 0 }
div.imente2 p.data { font: 0.7em Helvetica, Arial, Sans-serif; color: #26231D; margin: 0 0 3px 0; text-align: left; text-transform: uppercase }
div.carpeta { margin-top: 35px }
div.carpeta h3 { border-bottom: 1px solid gray; padding-bottom: 2px; color: white }
div.carpeta h3 span { background: gray; padding: 5px 10px 2px 10px }
/* CERCADOR PREMSA PORTAL ***********************************************************************/
div#paginaIntranet h1 { font: bold 1.3em Helvetica, Arial, Sans-serif; color: #00829B; border-bottom: 2px solid #00829B; margin: 1px 30px 25px 0; padding: 0 0 2px 0; }
div#paginaIntranet h2 { margin-left: 0 }
div#paginaIntranet h3 { margin-left: 0 }
div#paginaIntranet h3 span { padding: 4px 10px 3px 10px }
div#paginaIntranet div.imente { clear: both; background: none; margin-left: 20px; margin: 0 30px 15px 0 }
div#paginaIntranet .txt { margin-left: 0 }
div#paginaIntranet .cercador { margin-left: 0 }
div#paginaIntranet .cercadorPeu { margin: 0 0 15px 0 }
div#subscripcions { width: 440px }
div#subscripcions h1 { font: bold 1.05em Helvetica, Arial, Sans-serif; color: #000; margin: 0 0 10px 0; padding: 0; text-align: left }
div#subscripcions .txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; margin: 0; padding: 0; line-height: 1.45em }
div#subscripcions div.divContacte { background: url(img/bg_form.jpg) no-repeat #F2F1E8; margin: 30px 0 0 0; padding: 15px 0 15px 20px }
div#subscripcions div.divContacte form.contacte { margin: 0 }
div#subscripcions div.divContacte form.contacte label { font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif; color: #5C5B54; margin: 0 }
div#subscripcions div.divContacte form.contacte table td { text-align: left; padding: 5px 0 0 0; vertical-align: top }
div#subscripcions div.divContacte form.contacte .checkbox { margin: 0 0 0 15px }
div#subscripcions div.divContacte form.contacte span { font: 0.70em Verdana, Helvetica, Arial, Sans-serif; margin: 0 0 0 5px }
div#subscripcions div.divContacte form.contacte .camp1 { width: 95px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
div#subscripcions div.divContacte form.contacte .camp2 { width: 200px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 3px 5px 3px 5px; margin: 0 }
div#subscripcions div.divContacte form.contacte .camp3 { width: 320px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
div#subscripcions div.divContacte form.contacte .camp5 { width: 500px; border: 1px solid #9C7164; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin: 0 }
div#subscripcions div.divContacte .fbotox { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
div#subscripcions div.divContacte .fboto { font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px }
div#subscripcions div.divContacte .fbotov { color: #C00; font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
div#subscripcions .lopd { font: 0.7em Helvetica, Arial, sans-serif; margin: 10px 0 0px 0; text-align: justify; color: #5C5B54; line-height: 0.95em; }
form.form_subscripcions { width: 440px; margin: 0; padding: 0; background: #F1F1F1 }