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

a { color: #D40; text-decoration: none }
a:hover,a:active { color: #600; text-decoration: none }

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


div.divL { width: 351px; float: left }
div.divR { width: 270px; float: left }

div.agendaInici { padding: 7px 10px 10px 10px; margin: 0 0 10px 30px }
div.agendaInici p.aginTitol { font: bold 1.2em Helvetica, Arial, Sans-serif; color: white; margin: 0 0 5px 0 }
div.agendaInici p.aginTitol a { color: white }
div.agendaInici p.aginTitol a:hover { color: black }
div.agendaInici p.aginData { font: 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: black; margin: 0 0 5px 0 }
div.agendaInici p.aginLloc { font: bold 0.8em Helvetica, Arial, Sans-serif; color: black; margin: 0 }



table.agenda { font: 0.75em Helvetica, Arial, Sans-serif; margin-left: 30px; margin-top: 0; width: 400px; border-bottom: 1px solid #A99 }
table.agenda td { border-top: 1px solid #A99; color: #544 }
table.agenda td.tdTit { font-size: 1.1em; padding: 6px 0 2px 0; font-weight: bold }
table.agenda td.tdData { width: 55%; padding-bottom: 6px; border-top: none }
table.agenda td.tdLloc { padding-bottom: 5px; font-weight: normal; color: #322; text-align: right; border-top: none }

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-left: 30px; margin-bottom: 0px; margin-top: 15px; 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; color: #544 }
table.fitxa td.fitxaLloc { font: bold 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; text-align: right; color: #322; padding-right: 15px }
div#icones { margin: 5px 0 0 30px }
div#icones img { width: 27px; height: 27px; margin-right: 5px }

.fitxaIntro { font: 0.9em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 8px 30px 10px 30px; padding-bottom: 0; color: #ED1824; }
.fitxaResum { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 15px 30px 10px 30px }




h2.h2Equipaments { font: bold 1em Helvetica, Arial, Sans-serif; background: url(img/bg_h2equipaments.png) no-repeat bottom; color: #ED1B24; margin: 20px 30px 10px 30px; padding-bottom: 4px; border-bottom: 2px solid #ED1B24; text-transform: none }
.llistatEquip { font: bold 0.8em Helvetica, Arial, Sans-serif; background: url(img/bg_equiplin1.png) no-repeat bottom; color: black; margin: 0 30px 2px 40px; padding-left: 18px; padding-bottom: 4px }


form.ageCercador { margin: 0 }
form.ageCercador .select { font: 0.75em Helvetica, Arial, Sans-serif; color: #544; margin-bottom: 10px }
form.ageCercador label { font: 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase }
form.ageCercador p.boto { /* background: #E6E5E2;*/ text-align: center; margin: 0 6px 10px 0; font: 0.6em Helvetica, Arial, Sans-serif; text-transform: uppercase; padding: 2px 0 2px 0; border-top: 1px solid gray }

div.boxR { float: right; width: 160px; 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: 165px }
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 }



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 Helvetica, Arial, Sans-serif; color: #DDD; text-transform: none; background: url(img/bg_ariadna.png) no-repeat #3A3A3A; padding: 3px 9px 4px 12px; border-top: 1px solid white; border-bottom: 1px solid white; 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.jpg) 0 0px no-repeat; padding-bottom: 20px }

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

h1 { font: bold 1.2em Helvetica, Arial, Sans-serif; color: #000; margin: 20px 0 15px 30px; }
h2 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #ED1C24; text-transform: uppercase; margin: 20px 30px 10px 30px; }
h2.h2Box { font: bold 0.85em Helvetica, Arial, Sans-serif; background: url(img/bg_h2box.jpg) no-repeat; color: white; text-transform: uppercase; margin: 16px 26px 0px 30px; padding: 3px 0 0 10px; height: 22px }
h3 { font: bold 0.85em Helvetica, Arial, Sans-serif; color: #ED1C24; margin: 20px 30px 10px 30px }


.stat { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 0 3px 0; }
table.taulaStats { margin-left: 30px; width: 565px; border-top: 1px solid gray; border-right: 1px solid gray; }
table.taulaStats td { border-left: 1px solid gray; border-bottom: 1px solid gray; padding: 5px 10px 5px 10px; }

table.statsExportar { font: 0.75em Helvetica, Arial, Sans-serif; margin-left: 30px; width: 565px; border-top: 1px solid gray; border-right: 1px solid gray; }
table.statsExportar td { border-left: 1px solid gray; border-bottom: 1px solid gray; padding: 2px 5px 2px 5px; }
table.statsExportar th { background: #E13603; color: white; border-left: 1px solid gray; border-bottom: 1px solid gray; padding: 2px 5px 2px 5px; }



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 }

.linkTit { clear: both; background: url(img/pic_link.png) no-repeat 0 2px; font-size: 0.75em; font-weight: bold; margin: 10px 25px 0px 45px; padding: 0 0 0 17px }

.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: 0px 30px 10px 30px; padding-bottom: 10px; border-bottom: 1px dashed #666 }

.titol { font: bold 0.8em Helvetica, Arial, Sans-serif; text-align: left; color: black; margin: 0px 30px 5px 30px }
.txt { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 10px 30px; }
.data { font: 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: black; margin: 0px 30px 3px 30px; }
.nota { font: 0.75em Helvetica, Arial, Sans-serif; text-align: justify; color: black; margin: 0px 30px 3px 30px; }
.botonetMes { background: url(img/boto_mes2.png) no-repeat 0 3px; font: bold 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #333; margin: -2px 30px 10px 45px; padding-left: 12px }
.botonet { font: 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #333; margin: -2px 30px 10px 30px; }
.cita { font: bold 0.8em Helvetica, Arial, Sans-serif; color: #E13603; margin: 10px 30px 10px 30px; }
.destacat { font: bold 0.85em Helvetica, Arial, Sans-serif; color: black; margin: 10px 30px 10px 30px; }

div.noticia { background: url(img/bullet_not.png) no-repeat 0 4px; margin-left: 30px; margin-bottom: 15px }
div.noticia p { margin-left: 13px; padding-left: 0 }

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


/***** FORMULARI *****************************************************/
div.divContacte { background: url(img/bg_form.jpg) no-repeat #FAECEC; 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; }
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, Helvetica, Arial, Sans-serif; margin: 0 0 0 5px; }
form.contacte .camp1 { width: 95px; border: 1px solid #ED1C24; font: 0.7em Verdana, Helvetica, Arial, Sans-serif;
	padding: 4px 5px 3px 5px }
form.contacte .camp2 { width: 225px; border: 1px solid #ED1C24; font: 0.7em Verdana, Helvetica, Arial, Sans-serif;
	padding: 3px 5px 3px 5px }
form.contacte .camp3 { width: 355px; border: 1px solid #ED1C24; font: 0.7em Verdana, Helvetica, Arial, Sans-serif;
	padding: 4px 5px 3px 5px }
form.contacte .camp5 { width: 500px; border: 1px solid #ED1C24; font: 0.7em Verdana, Helvetica, Arial, Sans-serif;
	padding: 4px 5px 3px 5px }
.fbotox {	font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif;	margin: 0 5px 0 5px; color: #D40  }
.fbotox:hover {	text-decoration: underline; cursor: pointer }
.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; }

.input { text-align: left; color: black; margin: 0; }


/*
table.calendari { margin-left: 30px; margin-bottom: 5px; font: 0.75em Helvetica, Arial, Sans-serif; width: 160px; border-bottom: 1px solid #E13603; border-right: 1px solid #E13603 }
table.calendari th { padding: 1px 4px 2px 4px; border-left: 1px solid #E13603; border-top: 1px solid #E13603; border-bottom: none; color: #E13603; font-size: 0.9em }
table.calendari td { padding: 1px 4px 2px 4px; border-left: 1px solid #E13603; border-top: 1px solid #E13603; border-bottom: none; text-align: center }
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 }
table.calendari td.diaX { background: red }
table.calendari td.diaX a { color: white }
table.calendari td.diaX a:hover { color: black }
*/
table.calendari { width: 154px; border: none; margin-bottom: 3px; }
table.calendari td { font: 0.7em Helvetica, Arial, sans-serif; color: black; text-align: center; width: 21px; height: 16px; background: #EEEBEB; border-right: 1px solid white; border-bottom: 1px solid white; padding-top: 1px }
table.calendari th { font: 0.7em Helvetica, Arial, sans-serif; color: black; text-align: center; width: 21px; height: 16px; border-top: 1px solid #A99; padding-top: 3px }

table.calendari td.mesos { padding: 0 0 3px 0;  text-align: center; background: none; border: none }
table.calendari td.mesos p { font: bold 0.95em Helvetica, Arial, sans-serif; text-align: center; margin: 0; padding: 2px 0 1px 0; text-transform: uppercase }

/* estats dia amb espectacle*/
table.calendari td.diaX { font-weight: bold; background: #F40; color: white; width: 21px }
table.calendari td.diaX a { color: white }
table.calendari td.diaX a:hover, table.calendari td.diaX:active { color: black }

table.calendari td.diaX:link, table.calendari td.diaX:visited { background: #F40; color: #F40 }
table.calendari td.diaX:hover, table.calendari td.diaX:active { background: #600; color: white; cursor: hand }
table.calendari td.diaX:hover a, table.calendari td.diaX:active { color: white }

/* estats dia sense espectacle*/
table.calendari td.dia { color: black; }
table.calendari td.dia:link, table.calendari .dia:hover {  }

/* nom mes i abreviacions dies setmana */
table.calendari tr.setmanals td { font: 0.65em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; color: #7A7464 }
div.calMes { width: auto; font: 1.3em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; color: #7A7464; padding: 0 0 3px 0; border-bottom: 1px solid #545045; }
div.calMes p { text-align: center; margin: 0 }

h3.h3Cercador { font: bold 0.75em Helvetica, Arial, Sans-serif; color: black; margin: 0px 6px 5px 0px; border-top: 1px solid #A99; padding-top: 10px }






/*  Estils per al calendari gros que es veu des de l'administració per comprovar dates */
table.calendariGros { border: 2px solid #A99; border-right: none; border-left: none; margin-bottom: 205px; margin-left: 30px }
table.calendariGros td { font: bold 0.9em Helvetica, Arial, sans-serif; color: black; text-align: right; width: 96px; height: 60px; background: #EEEBEB; border-right: 1px solid white; border-bottom: 1px solid white; padding-top: 4px; padding-right: 6px }
table.calendariGros th { font: 0.9em Helvetica, Arial, sans-serif; color: white; text-align: center; width: 102px; height: 20px; border-top: 1px solid #A99; border-bottom: 1px solid white; padding: 2px 0 2px 0; background: #A99; border-right: 1px solid white }

table.calendariGros td.mesos { padding: 0; text-align: center; background: #D9D2D2; height: 40px; vertical-align: middle }
table.calendariGros td.mesos p { font: bold 1.3em Helvetica, Arial, sans-serif; text-align: center; margin: 0; text-transform: uppercase }

/* estats dia amb espectacle*/
table.calendariGros td.diaX { font-weight: bold; background: #F70; color: white; width: auto }
table.calendariGros td.diaX a { color: black }
table.calendariGros td.diaX a:hover, table.calendariGros td.diaX:active { color: black }

table.calendariGros td.diaX:link, table.calendariGros td.diaX:visited { background: #F70; color: #F40 }
table.calendariGros td.diaX:hover, table.calendariGros td.diaX:active { background: #07F; color: white; cursor: hand }
table.calendariGros td.diaX:hover a, table.calendariGros td.diaX:active { color: white }

/* estats dia sense espectacle*/
table.calendariGros td.dia { color: black; text-align: right }
table.calendariGros td.dia:link, table.calendariGros .dia:hover {  }

/* nom mes i abreviacions dies setmana */
table.calendariGros tr.setmanals td { font: 0.65em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; color: #7A7464 }
table.calendariGros p.totalActivitats { font: 0.9em Helvetica, Arial, sans-serif; color: white; text-align: left; padding-left: 7px }


/* box desplegable amb activitats */
.boxAgeWeb { margin: -1px 0 0 -235px; border: 2px solid #F40; background: url(img/bg_calbox.jpg) #F7F1F1; width: 200px; position: absolute; padding: 0px 10px 3px 10px; text-align: left; font-size: 1.3em }
.boxAgeWeb p { margin: 0 0 6px 0; font: 0.75em Helvetica, Arial, sans-serif; text-decoration: none; color: black }
.boxAgeWeb p.boxTitol{ margin: 5px 0 3px 0; padding-top: 6px; border-top: 1px solid #F40; font: bold 0.80em Helvetica, Arial, Sans-serif; }

/* box desplegable amb activitats dins admin cultura */
.boxAge { margin: -4px 0 0 -321px; border: 2px solid #07F; background: url(img/bg_calbox.jpg) #F7F1F1; width: 200px; position: absolute; padding: 6px 10px 5px 10px; text-align: left }
.boxAge p { margin: 0 0 3px 0; font: 0.75em Helvetica, Arial, sans-serif; text-decoration: none; color: black }
.boxAge p.boxTitol{ margin: 5px 0 3px 0; font: bold 0.85em Helvetica, Arial, Sans-serif; border: none }
.boxAge p.boxResum { margin-top: 8px; padding: 5px 0 0 0; border-top: 1px solid #544; text-align: justify }







ul.llista { font: 0.75em Helvetica, Arial, Sans-serif; list-style: square; margin-left: 30px; padding-left: 30px }
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 }

.reset { clear: both; margin: 0 }

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





/***** MENUS *******************************************************************************************/
ul#menuContingut { list-style: url(img/bullet_faq.png); font: bold 0.8em Helvetica, Arial, Sans-serif; margin: 0 0 20px 0; padding: 0 0 0 45px; z-index: 1000; background: blue }
ul#menuContingut li { margin: 0 30px 5px 20px; /* #margin: 0 30px 5px 15px; #padding: 0 0 0 5px */ }


div#menu ul { display: none; width: 157px; background: #ED1C24; 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: #FF33CC; border-bottom: 1px solid black;
}

/* Menu items sense desplegable */
div#menu li.menuitem a:link, div#menu li.menuitem a:visited {
	color: white; background: none;
}
div#menu li.menuitem a:hover, div#menu li.menuitem a:active {
	color: white; background: #9D9FA2;
}

/* Menu items amb desplegable expandible */
div#menu li.menuitempull a:link, div#menu li.menuitempull a:visited {
	color: white; background: url(img/bg_menupull.gif) 0 -1px;
}
div#menu li.menuitempull a:hover, div#menu li.menuitempull a:active {
	color: white; background: url(img/bg_menupullx.gif) black 0 -1px;
}

/* Menu items amb desplegable contraïble */
div#menu li.menuitempullup a:link, div#menu li.menuitempullup a:visited {
	color: white; background: url(img/bg_menupullup.gif);
}
div#menu li.menuitempullup a:hover, div#menu li.menuitempullup a:active {
	color: white; background: url(img/bg_menupullupx.gif);
}

/* Submenu */
div#menu ul li ul { width: 157px; background: #E0B3B8; font: bold 1em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 0; padding: 0; list-style: none }

div#menu ul li ul li a:link, div#menu ul li ul li a:visited {
	display: block; padding: 5px 0 5px 10px; text-decoration: none; color: black
}
div#menu li.submenuitem a:link, div#menu li.submenuitem a:visited {
	color: black; background: none;
}
div#menu li.submenuitem a:hover, div#menu li.submenuitem a:active {
	color: white; background: url(img/bg_menux.png);
}

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7  { display: none }




div#iniImg { float: left; width: 370px; margin-bottom: -4px }
div#iniImg h1 { margin-left: 20px; margin-top: 0 }

div#iniNoticies div.noticia { margin-left: 20px }
div#iniNoticies { float: left; width: 250px  }
div#iniNoticies h1 { margin-right: 20px; margin-top: 20px; margin-left: 19px }
div#iniNoticies p.titol { margin-right: 20px }
div#iniNoticies p.txt { margin-right: 20px }




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-left: 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 }
.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 }

















ol.list { font: 0.7em Verdana, 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 }









/****** ESTRUCTURA ***************************************************************************************/