/* a { color: #EE0000; text-decoration: none }
a:hover,a:active { color: #FF6600; text-decoration: none } */

a { color: #004BAF; text-decoration: none }
a:hover, a:active { color: #E13603; text-decoration: none }

a.neg{ color:#FFFFFF; text-decoration:none }
a.neg:hover,a.neg:active { color:#FFCC33; text-decoration:underline }

div.avis { font: 0.75em Helvetica, Arial, Sans-serif; border: 1px solid #E32322; margin: 25px 30px 20px 30px; padding: 10px 15px 0 15px; background: #FCE8E9; text-align: justify }
div.avis p { margin: 0 0 10px 0 }


div.agendaAltres { clear: both; padding-top: 2px; padding-bottom: 7px; margin: 0 30px 0 30px; border-bottom: 1px dotted #918C86 }
div.agendaAltres p.data { font: 0.70em Helvetica, Arial, Sans-serif; color: #726E68; text-transform: uppercase; margin: 5px 0 3px 0px }
div.agendaAltres p.titol { font: bold 0.80em Helvetica, Arial, Sans-serif; text-transform: none; margin: 0 0 10px 0px }
div.agendaAltres p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: #333; margin: 0 0 0 0px; }

div.agenda { clear: both; padding-top: 2px; margin: 0 30px 0 30px; border-bottom: 1px solid #918C86 }
div.agenda p.data { font: 0.70em Helvetica, Arial, Sans-serif; color: #726E68; text-transform: uppercase; margin: 5px 0 3px 90px }
div.agenda p.titol { font: bold 0.80em Helvetica, Arial, Sans-serif; text-transform: none; margin: 0 0 10px 90px }
div.agenda p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: #333; margin: 0 0 0 90px; }
div.llistatFoto { float: left; width: 80px; height: 80px; overflow: hidden; margin-bottom: 2px }
div.llistatFoto img { width: 145px; height: 80px; margin-left: -32px }

div#agendaAH { clear: both; background: url(img/bg_ah_tallers.jpg) no-repeat #EAEAEB; border: 1px solid #918C86; margin: 25px 30px 0 30px; padding-bottom: 20px }
div#agendaAH h2 { clear: both; font: bold 0.85em Helvetica, Arial, Sans-serif; color: white; background: #918C86; text-transform: none; margin: 0 250px 15px 0; padding: 3px 10px 5px 10px }
div#agendaAH div.agenda { margin: 0 0 0 30px; padding-right: 30px }
div#agendaAH .intro { font: bold 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 16px 30px; }
div#agendaAH p.data { color: #302E2C; margin: 3px 0 2px 70px }
div#agendaAH p.titol { color: #000; margin: 0 0 10px 70px }
div#agendaAH p.txt { color: #000; margin: 0 0 0 70px }
div#agendaAH div.llistatFoto { float: left; width: 60px; height: 70px; overflow: hidden; margin-bottom: 2px }
div#agendaAH div.llistatFoto img { width: 127px; height: 70px; margin-left: -32px }
div#agendaAH p.buit { font: 0.75em Helvetica, Arial, Sans-serif; text-align: left; color: #C30; margin: 0 0 0 30px; border-top: 1px solid #918C86; border-bottom: 1px solid #918C86; padding: 15px 30px 15px 0 }





/* PREMSA */
table.llistapremsa { width: 561px; margin-top: 20px; margin-left: 30px; margin-bottom: 5px; font-family: Arial Narrow, Helvetica Condensed, Sans-serif; border-top: 1px solid #E32322 }
table.llistapremsa td { border-bottom: 1px solid #E32322; background: url(img/bg_form.png) repeat-x top left; padding: 6px 0 3px 10px; vertical-align: top }
table.llistapremsa p.titol { margin: 0 0 0 0; font-size: 0.80em }
table.llistapremsa p.txt { margin: 5px 0 5px 0; font-size: 0.75em }
table.llistapremsa img { width: 24px; height: 29px; border: none }


div.inscAH { font-size: 0.7em; text-align: left; margin-left: 30px; margin-top: 20px }
div.inscAH a { font-weight: bold; border-top: 1px solid #D07979; border-bottom: 1px solid #D07979; padding: 3px 5px 3px 5px; margin-right: 15px }
div.inscAH a:hover { font-weight: bold; border-top: 1px solid #E13603; border-bottom: 1px solid #E13603; padding: 3px 5px 3px 5px; margin-right: 15px }


div.cursFitxa { margin: 0 30px 20px 30px; border: 1px solid #E32322; padding-bottom: 10px; background: url(img/bg_form.png) repeat-x top left }

div.cursFitxa h2 { font-size: 0.95em; color: black; text-align: center; margin-top: 20px }
div.cursFitxa p.obert { text-align: center; font: bold 0.75em Arial, Helvetica, Sans-serif; margin: 10px 15px 15px 15px; background: #009933; color: white; padding: 5px 0 5px 0 }

div.cursFitxa p.tancat { text-align: center; font: bold 0.75em Arial, Helvetica, Sans-serif; margin: 10px 15px 15px 15px; color: #FF0000; border-top: 2px dotted #FF0000; border-bottom: 2px dotted #FF0000; padding: 3px 0 3px 0 }
div.descripcio { margin: 0 30px 20px 30px; font: 0.75em Helvetica, Arial, Sans-serif }
div.descripcio h2 { font-size: 1.15em; margin: 0 0 10px 0 }
div.descripcio p { margin: 0 0 10px 0; text-align: justify }

h2.categoriaCurs { margin-bottom: 8px; margin-top: 5px; color: #976E6E; font-size: 0.8em }
table.cursFitxa { font: 0.75em Helvetica, Arial, Sans-serif; margin-left: 10px }
table.cursFitxa p { margin: 0 0 5px 0; text-align: justify }


div.agendaInici { margin-top: 0; margin-left: 21px; margin-bottom: -8px }
div.agendaInici div.box { float: left; width: 181px }
div.agendaInici div.box a:hover p.titol { color: #FFCC33 }
div.agendaInici div.box img { border: none }
div.agendaInici p.titol { background: #BA7712; margin: 0px; padding: 10px 10px 10px 10px; text-transform: normal; color: white; font: bold 0.8em Helvetica, Arial, Sans-serif }
div.agendaInici p.data { background: #CFA05A; margin: 0px; padding: 3px 10px 3px 10px; text-transform: uppercase; color: black; font: 0.7em Helvetica, Arial, Sans-serif }
div.agendaInici p.intro { margin: 0px; padding: 8px 10px 10px 10px; text-transform: normal; color: white; font: 0.8em Helvetica, Arial, Sans-serif }

div.agendaInici table td { background: #B2530D }



div.noticiesInici { margin: 0 30px 0 30px; border: 1px solid #E32322; background: url(img/noticies_div.gif) repeat-y }
div.noticiesInici div.box { float: left; width: 186px; padding: 7px 0 7px 0 }
div.noticiesInici p.titol { font: bold 0.80em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 10px 5px 10px }
div.noticiesInici p.titol span { color: #C25C00 }
div.noticiesInici p.data { font: 0.7em Helvetica, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #46433C; margin: 0px 10px 5px 10px }
div.noticiesInici p.intro { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 10px 5px 10px }

div.mesInfo { font: 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 5px 30px 0 30px; background: url(img/mesinfo_quadrets.png) no-repeat 0 2px; padding-left: 27px }



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 }
div.noticia p.data { margin: 0 0 0 10px; padding-left: 0; text-transform: uppercase; color: #555; font-size: 0.7em }
div.noticia h2 { margin: 5px 25px 7px 10px; padding: 0; text-transform: none; font-size: 1.1em; color: black }
.titolFitxa { font: bold 1em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 30px 5px 30px }
.introFitxa { font: 0.9em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 5px 30px 10px 30px; padding-bottom: 10px; border-bottom: 1px dashed #666 }




/***** 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: 205px; margin-top: 10px; padding-top: 15px }
div.banerbox h2 { font: bold 1.2em Helvetica Condensed, Arial Narrow, Sans-serif; color: #E32322; margin: 0 29px 0 30px; text-transform: none; background: #F2E9E8; 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: #F2E9E8*/ }
.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 }





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 }

div.xarxes { margin: 15px 0 15px 13px; font: 0.70em Helvetica, Arial, Sans-serif }
div.xarxes p { margin: 0 0 5px 0; color: #666 }

h1 { font: bold 1.2em Helvetica, Arial, Sans-serif; color: #000000; margin: 20px 0 15px 30px; }
h2 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #E31818; text-transform: normal; margin: 20px 30px 8px 30px; }
div.contL { float: left; width: 411px }
div.contR { float: left; width: 180px }

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 }

.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 30px; }


table.taula { margin-left: 30px; width: 531px; border-top: 1px solid #CCC9CF }
table.taula td { font: 0.75em Helvetica, Arial, Sans-serif; padding: 4px 0 4px 15px; border-bottom: 1px solid #CCC9CF }
table.taula td.col1 { font: bold 0.75em Helvetica, Arial, Sans-serif; padding: 4px 0 4px 0; text-align: right }








h2#fitxaH2 { font: bold 1.5em Helvetica, Arial, Sans-serif; text-align: left; color: #ED1824; margin: 0px 30px 0 30px; text-transform: none; padding: 0 }
h3#fitxaH3 { font: bold 1em Helvetica, Arial, Sans-serif; color: #8E7A7B; margin: 5px 30px 0px 30px; padding: 0 }

.peuFotoEquip { font: 0.70em Helvetica, Arial, Sans-serif; color: #433; margin: 5px 15px 10px 0px }

table.fitxa { width: 591px; margin-bottom: 0px; margin-top: 15px; margin-left: 30px; border-top: 1px solid #A99; border-bottom: 1px solid #A99; }
table.fitxa td { padding: 5px 0 5px 0 }
table.fitxa td.fitxaData { font: 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 0 0 0 0; color: #555 }
table.fitxa td.fitxaLloc { font: bold 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; text-align: right; color: #322; padding-right: 30px; }
div#icones { margin: 5px 0 0 30px; text-align: right }
div#icones img { width: 27px; height: 27px; margin-left: 5px }

div.fitxaBoxFoto { float: right; margin-bottom: 20px }
div.fitxaFoto { width: 250px; height: 200px; overflow: hidden; margin: 0 0 7px 20px }
div.fitxaBoxFoto p { font: 0.65em Helvetica, Arial, Sans-serif; width: 235px; text-transform: uppercase; color: #5D5454; margin: 0 0 0 20px; border-bottom: 1px solid #A99; padding: 0 15px 5px 0 }

.fitxaIntro { font: 0.95em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 30px }
.fitxaResum { font: 0.8em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 15px 30px 10px 30px }

h2.ageH2 { background: none; margin: 5px 0 7px 30px; padding: 0; text-transform: none; font-size: 1.1em }

div#fitxa {  }
div#fitxa img { margin: 0 0 0 30px }
div#fitxa p.data { margin: 5px 0 0px 0; font: 0.85em Arial Narrow, Helvetica Condensed, sans-serif; text-transform: uppercase; margin: 0 25px 0 30px; color: black }
div#fitxa p.titol { font: 1.5em Arial Black, Helvetica Black, sans-serif; margin: 10px 25px 20px 30px; line-height: 1em; color: #9A0B11 }
div#fitxa p.subtit1 { font: bold 0.9em Arial, Helvetica, sans-serif; margin: 10px 25px 0px 30px; color: black }
div#fitxa p.subtit2 { font: 0.9em Arial, Helvetica, sans-serif; margin: -3px 25px 20px 30px; color: #444 }
div#fitxa p.credits { font: 0.7em Arial, Helvetica, sans-serif; margin: 0px; padding: 10px 15px 10px 15px; text-align: justify; color: #333; line-height: 1.4em; }
div#fitxa p.txt { font: 0.75em Arial, Helvetica, sans-serif; margin: 13px 25px 3px 30px; text-align: justify; color: black }
div#fitxa p.observ { font: 0.80em Arial, Helvetica, sans-serif; margin: 16px 25px 8px 30px; border-top: 1px dotted #9B9692; padding-top: 8px; color: black }
div#fitxa p.preu { padding: 0; margin: 15px 25px 15px 30px; color: black; font: bold 0.8em Arial, Helvetica, Sans-serif; color: black }

.botoEntrades { font: bold 0.7em Arial, Helvetica, sans-serif; color: gray; padding: 5px 7px 5px 7px; background-color: #FDBE01; border-top: 1px solid black; border-bottom: 1px solid black }
.botoFitxa { font: bold 0.7em Arial, Helvetica, sans-serif; color: #999999; padding: 5px 7px 5px 7px; background-color: #FFFFFF; border-top: 1px solid #D44A2A; border-bottom: 1px solid #D44A2A }


div.mesEnlla { clear: both; margin: 0 30px 10px 30px; padding: 8px 0 8px 15px }
div.mesEnlla p.titol { font: bold 1em Helvetica Condensed, Arial narrow, Sans-serif; margin: 0 15px 5px 0 }
div.mesEnlla p.txt { margin: 0 15px 5px 0 }
div.mesEnlla p.data { font: 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 0 15px 0 0 }
div.mesEnlla p.relacio { border-top: 2px solid white; text-align: left; font: 0.75em Helvetica, Arial, Sans-serif; margin: 15px 0 0 0; padding-top: 7px }
div.mesEnlla p.relacio a { font-weight: bold }
div.mesEnlla p.relacio img { width: 63px; height: 24px; float: right; margin-right: 10px; margin-top: -4px }
div.mesEnlla p.capcalera { font: bold 0.75em Helvetica, Arial, Sans-serif; color: white; text-transform: uppercase; margin: -17px 0 15px -15px; padding: 4px 15px 4px 15px; }






div.espai { background: url(img/espai_generica.jpg) no-repeat right top; border: 1px solid #908C86; margin: 0 30px 10px 30px; padding: 0 0 5px 0 }
div.espai h2 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: white; background: #908C86; text-transform: none; margin: 0 250px 15px 0; padding: 3px 10px 3px 10px }
div.espai p.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 143px 10px 15px; }

div.patrocinadors { margin-bottom: 25px }

div.patrocinadors h1 { font: bold 0.95em Helvetica, Arial, Sans-serif; color: #908C86; border-bottom: 1px solid #908C86; background: #FFF; text-transform: none; margin: 45px 140px 10px 30px; padding: 0 }






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 Arial, Helvetica, Sans-serif; margin: 0 30px 0 60px; padding: 0 }
ul.accUL li { margin: 0 0 5px 0; padding: 0 }



body#marc { text-align: center; margin: 0; background-color: #948D81; background-image: url(img/bg_pag.gif); background-attachment: fixed }
div#barraAj { background: #D44A2A; 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 Arial, Helvetica, Sans-serif; color: #941615; text-transform: none; background: url(img/bg_ariadna.gif) repeat-x bottom; margin: 0 0 0 30px; padding: 5px 20px 5px 0; text-align: left }

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.png) 0 0 no-repeat; padding-bottom: 20px }

div#peupagina { float: none; width: 758px; background: #D44A2A; text-align: left; font: 0.70em Verdana, Arial, Helvetica, sans-serif; color: #F6DBD4; border-top: 1px solid white; margin: 0 auto; padding: 10px 10px 10px 10px; }


h2.plan { font: bold 0.85em Arial, Helvetica, 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 Arial, Helvetica, Sans-serif; color: #E63245; margin: 20px 30px 10px 30px; }
h3.plan { font: bold 0.75em Arial, Helvetica, Sans-serif; text-transform: uppercase; color: #E17300; margin: 10px 30px 20px 30px; }



table.tableMalalties { margin-top: 20px }

table.tableMalalties h2 { font: bold 0.85em Arial, Helvetica, 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 Arial, Helvetica, Sans-serif; text-align: left; color: #E13603; margin: 8px 5px 5px 0; text-transform: uppercase }
div#iniAvis p.txt { font: 0.75em Arial, Helvetica, Sans-serif; text-align: justify; color: black; margin: 0px 30px 3px 0 }



.titol { font: bold 0.8em Arial, Helvetica, Sans-serif; text-align: left; color: black; margin: 0px 30px 5px 30px }
.nota { font: 0.75em Arial, Helvetica, Sans-serif; text-align: justify; color: black; margin: 0px 30px 3px 30px; }
/*.botonet { font: 0.7em Arial, Helvetica, Sans-serif; text-transform: uppercase; color: #333; margin: -2px 30px 10px 30px; }*/
.cita { font: bold 0.8em Arial, Helvetica, Sans-serif; color: #E13603; margin: 10px 30px 10px 30px; }
.destacat { font: bold 0.85em Arial, Helvetica, Sans-serif; color: black; margin: 10px 30px 10px 30px; }



div#faqMenu { margin: 0 0 20px 0 }
div#faqMenu p { background: url(img/bullet_faq.png) 0 2px no-repeat; font: bold 0.8em Arial, Helvetica, Sans-serif; margin: 0 30px 5px 45px; padding: 0 0 0 18px }

div.llista { margin: 0 0 15px 0 }
div.llista p { background: url(img/bullet_fletxa.png) 0 2px no-repeat; font: 0.75em Arial, Helvetica, Sans-serif; margin: 0 30px 7px 45px; padding: 0 0 0 18px }


/***** FORMULARI *****************************************************/
div.divContacte { background: url(img/bg_form.jpg) no-repeat #FCEDE5; margin: 10px 0 0 0; padding: 15px 0 15px 20px }
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; }
form.contacte table {  }
form.contacte table tr 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, Arial, Helvetica, Sans-serif; margin: 0 0 0 5px; }
form.contacte .camp { border: 1px solid #E13603; font: 0.75em Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin-top: 5px }
form.contacte .camp1 { width: 95px; border: 1px solid #E13603; font: 0.75em Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin-top: 5px }
form.contacte .camp2 { width: 200px; border: 1px solid #E13603; font: 0.75em Helvetica, Arial, Sans-serif; padding: 3px 5px 3px 5px; margin-top: 5px }
form.contacte .camp3 { width: 320px; border: 1px solid #E13603; font: 0.75em Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin-top: 5px }
form.contacte .camp5 { width: 500px; border: 1px solid #E13603; font: 0.75em Helvetica, Arial, Sans-serif; padding: 4px 5px 3px 5px; margin-top: 5px }
.fbotox {	font: bold 0.9em Helvetica Condensed, Arial Narrow, 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 Helvetica Condensed, Arial Narrow, Sans-serif; margin: 0 5px 0 5px; }

.lopd { font: 0.7em 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, Arial, Helvetica, 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 Arial, Helvetica, 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 }



dl.noticies { margin: 0 30px 0 40px }
dl.noticies dt { font: bold 0.8em Helvetica, Arial, Sans-serif; margin: 10px 0 3px 0; text-align: left; background: url(img/bullet3.gif) no-repeat; padding: 0 0 0 15px }
dl.noticies dd { font: 0.75em Helvetica, Arial, Sans-serif; color: #494337; margin: 0 0 10px 15px; text-align: justify }
dl.noticies dd span.data { font: 0.8em Helvetica, Arial, Sans-serif; color: #494337; margin: 0 0 15px 0; text-align: left; text-transform: uppercase }


ol.llista { font: 0.75em Helvetica, Arial, Sans-serif; list-style: decimal; margin: 5px 30px 10px 30px; padding-left: 30px }

ol.llista li { padding-bottom: 5px }


ul.llista { font: 0.75em Helvetica, Arial, Sans-serif; list-style: none url(img/bullet3.gif); margin: 5px 30px 10px 30px; padding-left: 30px }

ul.llista li { padding-bottom: 5px }
ul.llista li a { font-weight: bold }

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 }

/*
ul.llista ul { font: 1em Arial, Helvetica, Sans-serif; list-style: circle; margin-top: 4px; margin-left: 0px; padding-left: 30px }
ul.llista ul li { margin-bottom: 3px }
*/

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 Arial, Helvetica, Sans-serif; }
div.boxFormacio p.nom { font: bold 1em Arial, Helvetica, Sans-serif; color: #E13603; margin: 0px 0px 4px 0px; }
div.boxFormacio p.txt { font: 1em Arial, Helvetica, Sans-serif; text-align: justify; color: black; margin: 0px 0px 4px 0px; }
div.boxFormacio p.indent { font: 1em Arial, Helvetica, Sans-serif; color: black; margin: 0px 0px 2px 20px; text-indent: -10px }

.reset { clear: both; margin: 0; height: 0px }

p.docs { background: url(http://www.ajuntament.gi/shared/img/icn_fitxer.png) no-repeat; font: 0.75em Arial, Helvetica, sans-serif; margin: 5px 30px 5px 40px; padding: 0 0 1px 22px; color: #666 }
p.docs a { font-weight: bold }
p.docsTxt { font: 0.75em Arial, Helvetica, Sans-serif; color: black; margin: 0px 30px 10px 62px; }





/***** MENU *******************************************************************************************/
div#menu ul { width: 157px; font: bold 0.75em Arial, Helvetica, Sans-serif; margin: 1px 0 20px 0; padding: 0; list-style-type: none }

div#menu ul li { display: inline }

div#menu ul li a:link, div#menu ul li a:visited {	display: block; padding: 5px 0 5px 13px; text-decoration: none; color: black; margin: 0 }

/* Menu items sense desplegable */
div#menu ul li.menuitem a:link, div#menu ul li.menuitem a:visited { color: #000; background: url(img/bg_menu.png) no-repeat bottom right }
div#menu ul li.menuitem a:hover, div#menu ul li.menuitem a:active { color: #E32322; background: url(img/bg_menux.png) no-repeat bottom right }

/* Menu items amb desplegable expandible */
div#menu li.menuitempull a:link, div#menu li.menuitempull a:visited {	color: black; background: url(img/bg_menudown.png) no-repeat bottom right; padding-right: 22px }
div#menu li.menuitempull a:hover, div#menu li.menuitempull a:active { color: #E32322; background: url(img/bg_menudownx.png) no-repeat bottom right; padding-right: 22px }

/* Menu items amb desplegable contraïble */
div#menu li.menuitempullup a:link, div#menu li.menuitempullup a:visited { color: #black; background: url(img/bg_menuup.png) no-repeat bottom right; padding-right: 22px }
div#menu li.menuitempullup a:hover, div#menu li.menuitempullup a:active { color: #E32322; background: url(img/bg_menuupx.png) no-repeat bottom right; padding-right: 22px }

/* Submenu */
div#menu ul li ul { width: 157px; font: 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: 4px 3px 5px 23px; text-decoration: none; color: #000; background: url(img/bg_menusub.png) no-repeat bottom right }
div#menu li.submenuitem a:hover, div#menu li.submenuitem a:active { padding: 4px 3px 5px 23px; text-decoration: none; color: #E32322; background: url(img/bg_menusubx.png) no-repeat bottom right }

#submenu1, #submenu2, #submenu3, #submenu4  { display: none }



/***** SUBMENU *******************************************************************************************/

div#submenu ul { width: 130px; font: bold 0.75em Arial, Helvetica, Sans-serif; margin: 0 0 0 13px; padding: 0; list-style-type: none; text-transform: uppercase }

div#submenu ul li { display: inline }

div#submenu ul li a:link, div#submenu ul li a:visited {	display: block; padding: 5px 0 5px 10px; text-decoration: none; color: white }

div#submenu li.menuitem1 a:link, div#submenu li.menuitem1 a:visited { background: url(img/bg_submenu1.jpg) no-repeat bottom }
div#submenu li.menuitem1 a:hover, div#submenu li.menuitem1 a:active { background: url(img/bg_submenu1x.jpg) no-repeat bottom }

div#submenu li.menuitem2 a:link, div#submenu li.menuitem2 a:visited { background: url(img/bg_submenu2.jpg) no-repeat bottom }
div#submenu li.menuitem2 a:hover, div#submenu li.menuitem2 a:active { background: url(img/bg_submenu2x.jpg) no-repeat bottom }

div#submenu li.menuitem3 a:link, div#submenu li.menuitem3 a:visited { background: url(img/bg_submenu3.jpg) no-repeat bottom }
div#submenu li.menuitem3 a:hover, div#submenu li.menuitem3 a:active { background: url(img/bg_submenu3x.jpg) no-repeat bottom }

div#submenu li.menuitem4 a:link, div#submenu li.menuitem4 a:visited { background: url(img/bg_submenu4.jpg) no-repeat bottom }
div#submenu li.menuitem4 a:hover, div#submenu li.menuitem4 a:active { background: url(img/bg_submenu4x.jpg) no-repeat bottom }

div#submenu li.menuitem5 a:link, div#submenu li.menuitem5 a:visited { background: url(img/bg_submenu5.jpg) no-repeat bottom }
div#submenu li.menuitem5 a:hover, div#submenu li.menuitem5 a:active { background: url(img/bg_submenu5x.jpg) no-repeat bottom }

div#submenu li.menuitem a:link, div#submenu li.menuitem a:visited { background: url(img/bg_submenu.jpg) no-repeat bottom }
div#submenu li.menuitem a:hover, div#submenu li.menuitem a:active { background: url(img/bg_submenux.jpg) no-repeat }




/***** MENU CONTINGUT *******************************************************************************************/
div#menucont { border: 1px solid #E4B802; margin: 24px 143px 0 30px; padding: 0 }

div#menucont ul { width: 142px; font: bold 0.75em Arial, Helvetica, Sans-serif; margin: 0 0 0 0; padding: 0; list-style-type: none; background: #FAF1CC; border-right: 1px solid #E4B802 }

div#menucont ul li { border-bottom: 1px solid #E4B802 }

div#menucont ul li a:link, div#menucont ul li a:visited {	display: block; padding: 3px 5px 3px 7px; text-decoration: none; color: black }

div#menucont li.ccm a:hover, div#menucont li.ccm a:active { background: #000; color: white }
div#menucont li.ema a:hover, div#menucont li.ema a:active { background: #E4B802; color: black }
div#menucont li.ah a:hover, div#menucont li.ah a:active { background: #1657B9; color: white }
div#menucont li.ep a:hover, div#menucont li.ep a:active { background: #00AB39; color: black }
div#menucont li.exp a:hover, div#menucont li.exp a:active { background: #FF6600; color: black }