a { color: #770000; text-decoration: none }
a:hover,a:active { color: #000000; text-decoration: none }

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




html, body { width: 100%; margin: 0 auto; height: 100% }
body { text-align: center; margin: 0; background: url(img/bg_pag.gif) repeat-x #7E0B07  }

div#barraAj { background: #D44A2A; text-align: center; border-bottom: 2px solid white; width: 778px; margin: 0 auto }

div#pagina { float: none; width: 778px; background: url(img/bg_left.gif) repeat-x #520705 0 181px; text-align: left; margin: auto; padding: 0; }
div.contL { float: left; width: 285px }
div.contR { float: left; width: 493px; padding-bottom: 25px }


div#idiomes { width: 778px; margin: 0 auto; text-align: right; padding: 5px 0 5px 0; font: 0.7em Helvetica, Arial, Sans-serif; color: #FFFFFF; text-transform: uppercase }
div#idiomes a { color: #7E0B07; text-decoration: none }
div#idiomes a:hover, div#idiomes a:active { color: #FFFFFF; text-decoration: none }



div#titol img { width: 285px; height: 182px; border: none }
div#fotoLeft { margin-bottom: 20px }

div#fotoLeft img { width: 283px; height: 315px; border-bottom: 2px solid white }
div#fotoLeft p { font: 0.85em Arial Narrow, Helvetica Condensed, sans-serif; text-transform: uppercase; text-align: right; margin: 18px 28px 0 20px; color: #FFFFFF; line-height: 1.5em }


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

div.boto { margin: 20px 20px 20px 30px }
div.boto span { border: 1px solid #D07979; font: bold 0.75em Arial, Helvetica, Sans-serif; padding: 4px 10px 4px 10px; text-transform: uppercase }




/***** TEXTOS **********************************************/
div#header1 { background: url(img/bg_h1.jpg); position: relative; height: 40px }
div#header1 h1 { margin: 0 0 -3px 28px; padding: 0; color: #FFFFFF; text-transform: uppercase; font: 1.6em Helvetica Condensed, Arial Narrow, Sans-serif; line-height: 1em; position: absolute; bottom: 0 }
div#header2 { background: url(img/bg_h1.jpg); position: relative; height: 40px; margin-top: -3px; margin-bottom: 15px }
div#header2 h1 { margin: 0 0 -3px 28px; padding: 0; color: #FFFFFF; text-transform: uppercase; font: 1.6em Helvetica Condensed, Arial Narrow, Sans-serif; line-height: 1em; position: absolute; bottom: 0 }

h2 { font: bold 1.4em Helvetica Condensed, Arial Narrow, Sans-serif; color: #5C4149; text-transform: normal; margin: 20px 28px 10px 28px; }

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

div#patrons { margin: 0 28px 0 28px; text-align: center }
div#patrons p { background: #EDEBE1; text-transform: uppercase; font: bold 0.7em Arial, Helvetica, Sans-serif; color: #664244; padding: 3px 10px 3px 0; margin: 40px 0 20px 0; }
div#patrons img { width: 439px; border: none }

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 30px; 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 56px; }



/***** FORMULARI *****************************************************/
div.divContacte { background: #F5E6E7; margin: 10px 0 0 0; padding: 10px 0 15px 0 }
form.contacte {	clear: both; margin-top: 0; margin-bottom: 0; margin-left: 28px; width: 439px }
form.contacte label {	font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif; color: #664244; }
form.contacte table { width: 420px; margin-left: 20px }
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 .camp1 { width: 80px; border: 1px solid #976E69; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; padding: 4px 5px 3px 5px }
form.contacte .camp2 { width: 185px; border: 1px solid #976E69; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; padding: 3px 5px 3px 5px }
form.contacte .camp3 { width: 290px; border: 1px solid #976E69; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; padding: 4px 5px 3px 5px }
form.contacte	.camp5 { width: 400px; border: 1px solid #976E69; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; padding: 4px 5px 3px 5px }
.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.7em Helvetica, Arial, sans-serif; margin: 10px 30px 0px 30px; text-align: justify; color: #666; line-height: 0.95em; }



/* PROGRAMACIÓ */
table.llistaprog { margin-top: 2px; margin-bottom: 5px; font-family: Arial Narrow, Helvetica Condensed, Sans-serif }
table.llistaprog td { background: #EDEBE1; padding: 0; vertical-align: top; border-bottom: 2px solid #FFFFFF }
table.llistaprog p.data { margin: 5px 10px 0px 28px; font-size: 0.80em; text-transform: uppercase; color: black }
table.llistaprog p.titol { margin: 0 10px 5px 28px; font-weight: bold; font-size: 1.25em }
table.llistaprog p.txt { margin: 0 10px 5px 28px; font-size: 0.75em; color: black }
table.llistaprog img { width: 74px; height: 102px; border: none }
table.llistaprog td.mercat { border: none; background: #E32A46; padding: 3px 0 3px 0; vertical-align: top }
table.llistaprog td.agenda { background: none; border-bottom: 1px solid #664244; padding: 5px 18px 5px 0; vertical-align: top }

table.taulaPreus { width: 439px; margin-top: 7px; margin-left: 28px; margin-bottom: 5px; font: 0.8em Arial, Helvetica, Sans-serif }
table.taulaPreus th { color: #9A0B11 }
table.taulaPreus td { padding: 3px 5px 3px 15px; text-align: center; color: black }
table.taulaPreus td.col1 { text-align: left; font-weight: bold; padding: 2px 5px 2px 5px }
table.taulaPreus tr { background: #F5E6E7 }
table.taulaPreus tr.tr1 { background: #E6C2C3 }


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


/* PREMSA */
table.llistapremsa { width: 439px; margin-top: 7px; margin-left: 28px; margin-bottom: 5px; font-family: Arial Narrow, Helvetica Condensed, Sans-serif }
table.llistapremsa td { border-top: 1px solid #A09E93; padding: 6px 0 3px 0; vertical-align: top }
table.llistapremsa p.titol { margin: 0 0 0px 0; font-size: 0.95em }
table.llistapremsa p.txt { margin: 0 0 5px 0; font-size: 0.75em }
table.llistapremsa img { width: 24px; height: 29px; border: none }




/***** MENUS **********************************************/
div#menu { width: 493px; height: 182px; background: url(img/bg_menu.jpg) no-repeat }
div#menu ul { width: 165px; font: bold 1.1em Helvetica Condensed, Arial Narrow, Sans-serif; letter-spacing: 0.05em; margin: 0 0 0 328px; padding: 2px 0 0 0; list-style-type: none; text-align: left }

div#menu ul li a:link, div#menu ul li a:visited {	display: block; padding: 2px 5px 5px 5px; text-decoration: none; color: #FFFFFF }

/* Menu items sense desplegable */
div#menu ul li.menuitem1 a:link, div#menu ul li.menuitem1 a:visited { color: #E32A46 }
div#menu ul li.menuitem1 a:hover, div#menu ul li.menuitem1 a:active { color: #000000 }

div#menu ul li.menuitem a:link, div#menu ul li.menuitem a:visited { color: #E32A46; background: url(img/bg_menuitem.png) no-repeat top }
div#menu ul li.menuitem a:hover, div#menu ul li.menuitem a:active { color: #000000; background: url(img/bg_menuitem.png) no-repeat top }