@font-face {
 font-family: FranklinGothicM;
 src: url("includes/framd.eot") /* EOT file for IE */
}
@font-face {
 font-family: FranklinGothicM;
 src: url("includes/framd.ttf") /* TTF file for CSS3 browsers */
}

a:link, a:visited { color: #C30; text-decoration: none }
a:hover, a:active { color: #630; text-decoration: underline }

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

/* TEXT **************************************************/
h1 { font: 1.5em FranklinGothicM, Sans-Serif; margin: 0 0 20px 0; border-bottom: 3px solid #E7E4E2; padding-bottom: 4px; padding-right: 20px; clear: both }
h2 { font: 1.2em FranklinGothicM, Sans-Serif; margin: 20px 0 5px 0; color: #575452; padding: 0 }
h3 { font: 1em FranklinGothicM, Sans-Serif; margin: 15px 0 5px 0; color: #D1844A; padding: 0 }

p.txt { font: 0.8em Tahoma, Arial, Sans-serif; color: #333; margin: 0 25px 10px 0; text-align: justify }
p.prez { font: 0.85em Tahoma, Arial, Sans-serif; text-align: justify; margin: 0 25px 10px 25px; color: black; line-height: 1.2em }

ol { list-style: lower-alpha; font: 0.8em Tahoma, Arial, Sans-serif; color: #333 }
ol li { margin-bottom: 5px; margin-right: 25px }
.justify { text-align: justify }

ul { list-style: none; font: 0.8em Tahoma, Arial, Sans-serif; color: #333; padding: 0 }
ul li { margin-bottom: 5px; margin-right: 25px; padding: 0 }
ul.curta li { margin: 0; padding: 0 }

div.inbox { background: url(img/bg_inbox.gif) repeat-y #FCFCFC; float: right; margin: 5px 25px 25px 25px; width: 193px; border: 4px solid #DCDCDC }


p.mesInfo { font: 0.7em Tahoma, Arial, Sans-serif; text-transform: uppercase; margin: 3px 0 0 0; background: url(img/mesinfo_quadrets.png) no-repeat 10px 7px; padding: 4px 10px 7px 37px }

div.requadre { border: 1px solid #B7B4B2; margin: 0 25px 20px 0; padding: 15px 0 15px 25px; background: #FDFBFB }
div.requadre h2 { margin-top: 0 }


/***** MENUS **********************************************/
div#menu { background: url(img/bg_menu_taronja.jpg) no-repeat; text-align: center; width: 940px; height: 30px; border-top: 2px solid white; border-bottom: 2px solid white }
div#menu table { width: 940px; font: 0.95em FranklinGothicM, Sans-Serif; height: 30px; }
div#menu table td { padding: 4px 10px 5px 10px; color: #3E3C3B; background: url(img/bg_menudiv.gif) no-repeat }
div#menu table td.primer { background: none }
div#menu table td.selected { padding: 4px 10px 5px 10px; color: #000; background: url(img/bg_menu_blanc.png) no-repeat } /* #CFC9C5 */
div#menu table td a:link, div#menu table td a:visited { display: block; color: #FFF }
div#menu table td a:hover, div#menu table td a:active { display: block; color: #E0FF66 }
div#menu table td.selected a:link, div#menu table td.selected a:visited { display: block; color: #000 }

div#ariadna { background: url(img/bg_ariadna.png) no-repeat #FFF; font: 0.7em Arial, Helvetica, Sans-serif; color: #444; text-align: left; padding: 4px 20px 4px 235px }


/**** AQUÍ S'UTILITZA PER LINKS ****************************/
div#submenu { margin: 0 20px 0 20px }
div#submenu p.gris { text-align: right; font: 1.5em FranklinGothicM, Sans-Serif; margin: 0 0 4px 0; color: #C5BFBA }
div#submenu p { text-align: left; font: 1.2em FranklinGothicM, Sans-Serif; margin: 4px 0 5px 0; color: #C5BFBA }
div#submenu ul { list-style: none; margin: 0 0 20px 0; padding: 0; font: 0.9em/1em FranklinGothicM, Sans-Serif }
div#submenu ul li { border-bottom: 1px solid #FFF; margin: 0 }
div#submenu ul li a:link, div#submenu ul li a:visited { display: block; color: #5C6635; padding: 10px 10px 12px 10px; margin-bottom: 5px; text-decoration: none; text-align: center; background: #FFEB99 }
div#submenu ul li a:hover, div#submenu ul li a:active { display: block; color: #000; text-decoration: none; background: #FC0 }
div#submenu ul li.disabled { color: #9A9591 }

div#submenu ul ul { list-style: none; margin: 2px 0 0 0; padding: 0; font-size: 1em; background: none }
div#submenu ul ul li { border: none; padding: 3px 2px 3px 20px; margin: 0 }


table.menupag { font: 0.85em News Gothic MT, Serif; font-variant: small-caps; margin-left: 25px; border-top: 1px solid #C95235; border-bottom: 1px solid #C95235; width: 413px }


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

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

/* fadein capçalera */
#thephoto { width: 705px; height: 123px; float: left }

div#pagina { float: none; width: 940px; background: url(img/bg_contingut.png) repeat-y; text-align: left; margin: auto; padding: 0 10px 0 10px; }
div.contL { background: url(img/bg_contL.png) no-repeat; float: left; width: 225px; padding-top: 20px }
div.contR { background: url(img/bg_contR.png) no-repeat; float: left; width: 695px; padding: 20px 0 25px 20px }

div#header { background: url(img/bg_header.gif) no-repeat 0 32px; text-align: center; width: 940px; margin: 0 auto; padding: 10px 10px 0 10px }

div#idiomes { height: 32px; margin: 0 auto; text-align: right; font: 0.7em Helvetica, Arial, Sans-serif; color: #FFFFFF; text-transform: uppercase; position: relative;  }
div#idiomes p { margin: 0; padding: 0 0 5px 0; position: absolute; bottom: 0; right: 0 }
div#idiomes a { color: #FFF; text-decoration: none }
div#idiomes a:hover, div#idiomes a:active { color: #FFFFFF; text-decoration: none }

div#logo { height: 123px; background: #000; width: 940px; height: 111px; }
div#logo img { width: 940px; height: 111px; border: none }



div#peupagina { clear: both; background: url(img/bg_peu2.png) no-repeat; text-align: center; width: 960px; height: 86px; margin: 0 auto; padding: 0; position: relative }
div#peupagina p { margin: 0; font: 0.7em Tahoma, Arial, Sans-serif; color: #666; text-align: left; }
div#peupagina span { color: #AAA; margin: 0 5px 0 5px }

div#peupagina a:link, div#peupagina a:visited { color: #666 }
div#peupagina a:hover, div#peupagina a:active { color: #630 }

div#peugpagina div.col { display: inline; float: left; }
div#peupagina table { width: 940px; height: 87px; margin-left: 10px; }
div#peupagina table td { vertical-align: top; }
div#peupagina table p { margin-top: 5px; padding-left: 10px; margin-bottom: 0; }
div#peupagina table img { margin-right: 15px; }


div.acord { background: white; border: 1px solid #C7C4C2; width: 323px; margin-right: 20px; margin-bottom: 20px; float: left; text-align: center; height: 150px }
div.acord h2 { background: #C7C4C2; color: black; padding: 5px 10px; width: 40%; font-size: 90%; margin: 0 0 10px 0 }
div.acord a:hover img { opacity:0.5; filter:alpha(opacity=50) }

a.enquesta { display: block; background: url(img/baner_enquesta_animat.gif) no-repeat; width: 185px; height: 185px; margin-left: 20px; margin-top: 5px }
a.enquesta div { width: 185px; height: 185px; background: none }
a.enquesta p.titol { font: 1.05em FranklinGothicM, Sans-Serif; padding: 15px 0 7px 0; margin: 0; text-align: center; color: black }
a.enquesta p.titol span { font-size: 70%; vertical-align: top }
a.enquesta p.txt { font: 0.9em FranklinGothicM, Sans-Serif; margin: 0; text-align: center; padding: 0 8px; color: black }
a:hover.enquesta { text-decoration: none }
a:hover.enquesta p.titol, a:hover.enquesta p.txt { color: #630 }
a:hover.enquesta div { background: rgba(255,204,0,0.5) }



div.foto { float: right; margin-right: 25px }
div.foto img { width: 235px; border: 8px solid #E7E4E2; margin-bottom: 20px }
div.estreta img { width: 150px; border: 8px solid #E7E4E2; margin-bottom: 20px }


div.baners { margin-bottom: 20px }




ul.requadres { list-style: none; margin: 10px 0 0 0; padding: 0 }
ul.requadres li { background: none; float: left; width: 206px; border: 1px solid #CFC9C5; margin-right: 25px; margin-bottom: 15px; padding-bottom: 5px }
ul.requadres p { font-size: 0.9em; color: #333; margin: 0; padding: 0 10px 10px 15px }
ul.requadres p.titol { font-size: 0.9em; color: #000; font-weight: bold; padding-top: 10px }






ul.cols5 li a { display: block; width: 129px; overflow: hidden; padding: 5px 0 5px 0; border: 1px solid #CFC9C5; background: #E7E4E2 }
ul.cols5 li a:hover { display: block; width: 129px; overflow: hidden; padding: 5px 0 5px 0; border: 1px solid #CFC9C5; background: #CFC9C5 }
ul.cols4 li a { display: block; width: 220px; overflow: hidden; padding: 5px 0 5px 0; border: 1px solid #CFC9C5; background: #E7E4E2 }
ul.cols3 li a { display: block; width: 220px; overflow: hidden; padding: 5px 0 5px 0; border: 1px solid #CFC9C5; background: #E7E4E2 }




ul.submenuInterior { float: left; width: 250px; font: 0.80em FranklinGothicM, Sans-Serif; margin: 0; padding: 8px 0 0 0; list-style: none; border: 1px solid #CFC9C5; background: #E7E4E2; text-align: left }
ul.submenuInterior li { margin: 0 0 8px 6px }
ul.submenuInterior li a { background: url(img/bg_li.png) no-repeat 0 4px; padding-left: 15px;  }
ul.submenuInterior li a:hover { background: url(img/bg_li2.png) no-repeat 0 4px; padding-left: 15px;  }
ul.submenuInterior a.seleccionat { color: black; text-decoration: underline }







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.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 }
*/

div.boto { float: left; margin-top: 15px; font: 0.85em FranklinGothicM, Sans-Serif }
div.boto a { display: block;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto.png) repeat-x;padding: 4px 15px 5px 15px; color: white; text-decoration: none }
div.boto a:hover { display: block;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto2.png) repeat-x; padding: 4px 15px 5px 15px; color: white; text-decoration: underline }
div.tornar a { background: url(img/bg_boto_tornar.png) repeat-x; padding: 4px 15px 5px 28px }
div.tornar a:hover { background: url(img/bg_boto_tornar2.png) repeat-x; padding: 4px 15px 5px 28px }

div.pdf { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin-bottom: 10px }
div.pdf span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.pdf a { font-size: 120%; color: #900; background: url(img/bg_pdf.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.pdf a:hover { color: #300; background: url(img/bg_pdf2.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }

div.linkVideo { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin-bottom: 10px }
div.linkVideo span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.linkVideo a { font-size: 120%; color: #900; background: url(img/bg_video.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.linkVideo a:hover { color: #300; background: url(img/bg_video2.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }


.mleft10 { margin-left: 10px }
.mleft20 { margin-left: 20px }

form.formulari { margin: 0; width: 479px; background: #E7E4E2; padding: 0 0 0 15px; border: none }
form.formulari fieldset { border: none; margin: 0; padding: 0 }
form.formulari h2 { margin-top: 15px }
form.formulari div.fila { clear: both; margin: 0 }
form.formulari div.columna { float: left; margin-top: 5px; margin-right: 10px; display: inline; padding: 0 }
form.formulari label { font: 0.75em FranklinGothicM, Sans-Serif; color: #555; margin:  }
form.formulari .camp { font: 0.8em Tahoma, Arial, Sans-serif; color: #333 }
form.formulari .curt { width: 142px }
form.formulari .mig { width: 300px }
form.formulari .llarg { width: 456px }
form.formulari p { font: 0.8em Tahoma, Arial, Sans-serif; margin: 0 0 10px 0 }
form.formulari input:focus { border-color: red }
form.formulari input[type="checkbox"] { margin-right: 5px }
form.formulari table.tarifes { font: 0.8em Tahoma, Arial, Sans-serif; width: 456px; border-bottom: 2px dotted #A7A4A2 }
form.formulari table.tarifes th { background: #A7A4A2; color: white; padding: 3px 5px 4px 5px }
form.formulari table.tarifes td { padding: 2px 5px 2px 5px; border-top: 2px dotted #A7A4A2 }
form.formulari .botonera { background: #C7C4C2; margin: 25px 0 0 -15px; padding-top: 5px; padding-bottom: 5px; text-align: center }
form.formulari .botonera input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto.png) repeat-x; padding: 4px 15px 5px 15px; color: white; text-decoration: none; border: none; cursor: pointer }
form.formulari .botonera input:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto2.png) repeat-x; padding: 4px 15px 5px 15px; color: white; text-decoration: underline; border: none; cursor: pointer  }



/* exposicions */
p.subtitol { font: bold 0.95em Tahoma, Arial, Sans-serif; color: #575452; margin: -10px 20px 15px 0 }
p.data { background: #F6F5F4; border: 1px solid #E7E4E2; font: 0.7em Tahoma, Arial, Sans-serif; margin: 0 25px 15px 0; padding: 10px; text-transform: uppercase; color: #444 }
p.properament { background: #690; color: white; border: 1px dashed #690; width: 140px; padding: 3px 0 3px 0; text-align: center; font: 0.95em FranklinGothicM, Sans-Serif; text-transform: uppercase }



table.agenda { font: 0.8em Tahoma, Arial, Sans-serif margin-top: 0; width: 675px; border-bottom: 1px solid #A99 }
table.agenda td { border-top: 1px solid #A99; color: #544 }
table.agenda td.tdTit { font-size: 0.9em; 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 }

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 }

/* box desplegable amb activitats */
.boxAgeWeb { margin: -10px 0 0 40px; border: 2px solid #000; background: url(img/bg_calbox.jpg) #F7F1F1; width: 300px; 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 #900; font: bold 0.80em Helvetica, Arial, Sans-serif; }


table.calendari { width: 185px; border: none; margin-bottom: 3px; }
table.calendari td { font: 0.70em Tahoma, Arial, Sans-serif; color: black; text-align: center; background: #E7E4E2; border-right: 1px solid white; border-bottom: 1px solid white; padding: 5px 0 }
table.calendari th { font: 0.70em Tahoma, Arial, Sans-serif; color: black; text-align: center; 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: #900; color: white }
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 }

div.agenda { clear: both; padding-top: 2px; margin: 0 30px 0 0; border-bottom: 1px solid #D7D4D2 }
div.agenda p.data { background: none; border: none; padding: 0; font: 0.7em Tahoma, Arial, Sans-serif; color: #726E68; text-transform: uppercase; margin: 5px 0 3px 90px }
div.agenda p.data span { padding: 0 5px 0 5px }
div.agenda p.titol { font: 1em FranklinGothicM, Sans-Serif; text-transform: none; margin: 0 0 10px 90px }
div.agenda p.txt { font: 0.8em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 0 0 90px; }
div.llistatFoto { float: left; width: 80px; height: 80px; overflow: hidden; margin-bottom: 2px }
div.llistatFoto img { width: 80px; height: 80px }


/* ACTIVITATS ***************/
ul.activitats { list-style: none; margin: 0; padding: 0; width: 705px }
ul.activitats li { float: left; display: block; width: 216px; height: 276px; margin: 0 12px 16px 0; padding: 0; border: 1px solid #999; overflow: hidden; background: white }
ul.activitats li div.imatge { width: 216px; height: 113px; overflow: hidden; margin-bottom: 5px }
ul.activitats li img { width: 216px; height: auto; border: none }
ul.activitats li .data { font: 0.85em Tahoma, Arial, Sans-serif; margin: 0 10px 3px 10px; text-transform: uppercase; color: #666; background: none; padding: 0; border: 0; }
ul.activitats li .titol { font: 1.2em FranklinGothicM, Sans-Serif; margin: 0 10px 3px 10px; color: black; line-height: 1.1em }
ul.activitats li .txt { font: 0.9em Tahoma, Arial, Sans-serif; color: #333; margin: 0 10px 0 10px; text-align: left }
ul.activitats li a { display: block; height: 286px; background: white; text-decoration: none; padding-bottom: 10px }
ul.activitats li a:hover { background: #EFEFEF; text-decoration: none }
ul.activitats li a .titol { color: #C30 }
ul.activitats li a:hover .titol { color: #630 }
ul.activitats li a:hover img { opacity:0.5; filter:alpha(opacity=50) }




div.expoInici { padding-bottom: 5px }
div.expoInici div { width: 314px; height: 164px; background: white; overflow: hidden }
div.expoInici div img { width: 314px; margin-top: -20px; border: 0 }
div.expoInici p.titol { font: 1em FranklinGothicM, Sans-Serif; text-transform: none; margin: 0px 10px 5px 10px; line-height: 1em }
div.expoInici p.subtitol { font: bold 0.75em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 10px 5px 10px }
div.expoInici p.data { background: none; border: none; padding: 0; font: 0.70em Tahoma, Arial, Sans-serif; color: #726E68; margin: 5px 10px 5px 10px; text-transform: uppercase }
div.expoInici p.txt { font: 0.8em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 10px 0 10px; }

/*div.noticia .subtitol { font: bold 0.85em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 10px 15px 0 }*/


div.banersInici { padding: 34px 0 0 25px }
div.banersInici img { width: 185px; height: 75px; border: none; margin-bottom: 15px }

div.noticiesInici { padding-bottom: 5px }
div.noticiesInici p.titol { font: 1em FranklinGothicM, Sans-Serif; text-transform: none; margin: 0 10px 5px 10px; line-height: 1em }
div.noticiesInici p.intro { font: 0.8em Tahoma, Arial, Sans-serif; text-align: left; color: #444; margin: 0 10px 5px 10px }
div.noticiesInici p.data { background: none; border: none; padding: 0; font: 0.70em Tahoma, Arial, Sans-serif; color: #726E68; margin: 10px 0 5px 0; text-transform: uppercase; border-top: 1px solid #D7D4D2; padding: 10px 10px 0 10px  }

/* NOTICIES ***********************************************************************/
div.noticia { margin: 0 25px 0px 0; /*border-bottom: 1px solid #D7D4D2*/;  padding-bottom: 10px }
div.noticia p.data { background: none; border: none; padding: 0; font: 0.7em Tahoma, Arial, Sans-serif; color: #726E68; text-transform: uppercase; margin: 0 0 3px 0 }
div.noticia p.titol { font: 1em FranklinGothicM, Sans-Serif; margin: 0 0 5px 0; color: #000 }
div.noticia p.intro { font: 0.8em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 0 0 0 }
div.noticia p.subtitol { margin-right: 0 }
div.noticia p.txt { margin-right: 0 }


div.noticies { margin: 0 20px 15px 0px; padding: 0 0 15px 0; border-bottom: 1px solid #D7D4D2; clear: both }
div.noticies div.imatge { width: 130px; height: 87px; overflow: hidden; float: left; border: 1px solid #D7D4D2 }
div.noticies div.imatge img { width: 130px; height: 87px; border: none }
div.noticies p.data { background: none; border: none; padding: 0; font: 0.7em Tahoma, Arial, Helvetica, Sans-serif; color: #726E68; text-transform: uppercase; margin: 0 0 3px 145px }
div.noticies p.titol { font: 1em FranklinGothicM, Sans-Serif; text-transform: none; margin: 0 0 5px 145px }
div.noticies p.intro { font: 0.8em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 0 0 145px }


/*
div.agenda p.data { background: none; border: none; padding: 0; font: 0.7em Tahoma, Arial, Sans-serif; color: #726E68; text-transform: uppercase; margin: 5px 0 3px 90px }
div.agenda p.data span { padding: 0 5px 0 5px }
div.agenda p.titol { font: 1em FranklinGothicM, Sans-Serif; text-transform: none; margin: 0 0 10px 90px }
div.agenda p.txt { font: 0.8em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 0 0 90px; }
*/

div#utils { background: url(img/bg_utils.png) no-repeat; float: none; text-align: center; width: 940px; margin: 0 auto; border-top: 1px solid #7F7F7F; padding-top: 8px; padding-bottom: 5px }
div#utils div { float: left; width: 195px; text-align: left; margin-left: 20px }
div#utils p.titol { font: 0.8em FranklinGothicM, Sans-Serif; color: #333; margin: 0 0 6px 0 }
div#utils p { font: 0.75em Arial, Helvetica, Sans-serif; color: #FFF; margin: 0 0 6px 0 }

div#utils a { color: #FFF; text-decoration: none }
div#utils a:hover { color: #000; text-decoration: underline }
div#utils .twitter a { background: url(img/icn_twitter.gif) no-repeat; padding-left: 24px; padding-top: 2px; padding-bottom: 1px }
div#utils .twitter a:hover { background: url(img/icn_twitter2.gif) no-repeat; padding-left: 24px }
div#utils .facebook a { background: url(img/icn_facebook.gif) no-repeat; padding-left: 24px; padding-top: 2px; padding-bottom: 1px }
div#utils .facebook a:hover { background: url(img/icn_facebook2.gif) no-repeat; padding-left: 24px }
div#utils .youtube a { background: url(img/icn_youtube.gif) no-repeat; padding-left: 24px; padding-top: 2px; padding-bottom: 1px }
div#utils .youtube a:hover { background: url(img/icn_youtube2.gif) no-repeat; padding-left: 24px }
div#utils .flickr a { background: url(img/icn_flickr.gif) no-repeat; padding-left: 24px }
div#utils .flickr a:hover { background: url(img/icn_flickr2.gif) no-repeat; padding-left: 24px }



.twitter-timeline { margin-left: 20px !important; width: 335px !important; overflow: scroll; }


.reset { display: block; clear: both; margin: 0; padding: 0; font-size: 0; height: 0; line-height: 0 }

ul.llistaActiva { list-style: none; margin: 0; padding: 0 }
ul.llistaActiva li a { background: url(img/bg_li.png) no-repeat 0 4px; padding-left: 15px }
ul.llistaActiva li a:hover { background: url(img/bg_li2.png) no-repeat 0 4px; padding-left: 15px }

ul.llista { list-style: none; margin: 0; padding: 0; margin-left: 15px; margin-right: 10px; margin-bottom: 20px }
ul.llista li { background: url(img/bg_li.png) no-repeat 0 4px; padding-left: 15px }

ul.llista ul { list-style: none; margin: 0; padding: 0; margin-left: 10px; margin-right: 0; margin-top: 10px; margin-bottom: 20px; font-size: 1em }
ul.llista ul li { background: url(img/bullet_circle.png) no-repeat 0 7px; padding-left: 15px; margin: 0 0 5px 0 }

ol.llista { list-style: decimal; }
ol.llista { background: none }


div.expoPermanent { width: 680px; height: 440px; background: url(img/foto_expo7.jpg) no-repeat bottom }
div.info1 { float: left; width: 480px }
div.info1 h2 { background: url(img/b_50n.png); color: white; margin: 8px 8px 0 8px; padding: 4px 10px }
div.info1 h3 { background: url(img/b_80b.png); color: black; margin: 0 8px 0 8px; font: 1em FranklinGothicM, Sans-Serif; padding: 3px 10px 0 10px }
div.info1 p { background: url(img/b_80b.png); color: black; margin: 0 8px 0 8px; font: 0.75em Tahoma, Arial, Sans-serif; text-align: justify; padding: 3px 10px 7px 10px }

div.info2 { float: left; width: 192px; height: 424px; margin-top: 8px }
div.info2 table { color: white; width: 190px; height: 424px;  border: 1px solid #989695; border-bottom: none }
div.info2 table th { border-bottom: 1px solid #989695; text-align: left; text-transform: uppercase; padding: 4px 5px 5px 15px; font: 0.95em FranklinGothicM, Sans-Serif; background: url(img/b_70b.png); color: black; letter-spacing: 0.1em }
div.info2 table td { border-bottom: 1px solid #989695; font: 0.75em Tahoma, Arial, Sans-serif; background: url(img/b_70n.png); color: white }
div.info2 a { display: block; color: white; width: 170px; padding: 2px 5px 4px 15px }
div.info2 a:hover { color: #FC0 }
div.info2 td.seleccionat { background: url(img/b_70b.png) repeat }
div.info2 td.seleccionat a { color: black }
div.expoPeu { clear: both; background: #E7E4E2; padding: 7px 10px 7px 10px; margin-right: 25px; margin-bottom: 10px; font: 0.70em Tahoma, Arial, Sans-serif; text-transform: uppercase }

/*Castellà*/
div.infoEsp { float: left; width: 192px; height: 424px; margin-top: 8px }
div.infoEsp table { color: white; width: 190px; height: 424px;  border: 1px solid #989695; border-bottom: none }
div.infoEsp table th { border-bottom: 1px solid #989695; text-align: left; text-transform: uppercase; padding: 4px 5px 5px 15px; font: 0.95em FranklinGothicM, Sans-Serif; background: url(img/b_70b.png); color: black; letter-spacing: 0.1em }
div.infoEsp table td { border-bottom: 1px solid #989695; font: 0.71em Tahoma, Arial, Sans-serif; background: url(img/b_70n.png); color: white }
div.infoEsp a { display: block; color: white; width: 170px; padding: 2px 5px 4px 15px }
div.infoEsp a:hover { color: #FC0 }
div.infoEsp td.seleccionat { background: url(img/b_70b.png) repeat }
div.infoEsp td.seleccionat a { color: black }
div.expoPeu { clear: both; background: #E7E4E2; padding: 7px 10px 7px 10px; margin-right: 25px; margin-bottom: 10px; font: 0.70em Tahoma, Arial, Sans-serif; text-transform: uppercase }

.translate {
    	padding-top: 40px; /* height of the replacement image */
    	float:left;
	width:80px;
	height: 0px;
    	overflow: hidden;
    	background-image: url(img/translate.gif) ;
    	background-repeat: no-repeat;
	margin-top:-5px;
	margin-left:-5px;
}
#translate form label { display: none;}
#translate { margin-top: 6px; margin-left:5px;}
#translate select.dropdown { font-size: 0.7em; border: 1px solid #ccc; padding:3px 0; width: 125px; }
#translate .btn{ display: none; }


#google_translate_element { margin-bottom: 5px; text-align: right; height: 24px }



/**** LOGO  ***********************************************/
table.logos { margin-left: 0; margin-top: 15px; width: 675px; }
table.logos img { border: none; width: 33px; height: 42px; }
table.logos div { padding: 10px 0 10px 0 }
table.logos th { background: #A19F9E; font: bold 0.70em Arial, Helvetica, Sans-serif; text-align: center; width: 33%; text-transform: uppercase; color: #FFF; padding: 5px 0 5px 0; border-left: 1px solid white }
table.logos td { background: #E7E4E2; font: bold 0.75em Arial, Helvetica, Sans-serif; text-align: center; border-left: 1px solid #FFF; width: 25% }


.control { margin-left: 10px; margin-right: 3px }

div.biblio_res { border-bottom: 1px solid #E7E4E2; padding: 5px 0 5px 0; margin-right: 25px }
div.biblio_res:hover { background: #F7F4F2 }
div.biblio_res p.titol { font: 0.80em Tahoma, Arial, Sans-Serif; text-transform: none; margin: 0 0 2px 0 }
div.biblio_res p.txt { font: 0.75em Tahoma, Arial, Sans-serif; text-align: justify; color: #444; margin: 0 0 3px 0; }
div.biblio_res span { background: yellow }

table.biblioFitxa { border: 1px solid #C7C4C2; width: 494px }
table.biblioFitxa td { border-top: 1px dashed #C7C4C2; vertical-align: top }
table.biblioFitxa p { font: 0.8em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; margin: 0 10px 5px 10px; text-align: left; color: #444 }
table.biblioFitxa p.titol { font: bold 0.9em Tahoma, Arial, Sans-Serif; margin: 0 10px 5px 10px; color: black }
table.biblioFitxa p.label { margin: 3px 0 1px 10px; font: 0.7em  Tahoma, Arial, Sans-Serif; text-transform: uppercase; color: #979492 }