/**********************/
/* Stylesheet de JJMM */
/**********************/
/* Obliga a mostrar la barra de scroll vertical al Firefox */
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }

body { color: #000; text-align: center; background: #665 url(images/strip6.gif); margin: 0; padding: 0; }

table.MAIN { margin-left: auto; margin-right: auto; }

/* Sembla una tonteria pero es important per ajustar les imatges */
img { vertical-align: top; }

/* Propietat general de les cel·les de les taules */
td { vertical-align: top; }

a:link,a:visited { text-decoration: none; font-weight: bold; color: #3060C0; }
a:hover { text-decoration: underline; }

ul { margin: 0; padding: 0; list-style: none; }
ul li { padding: 0 0 5px 13px; background: url(images/sq2.gif) no-repeat 1px 6px; }
ul.LC { margin: 0; padding: 0; list-style: none; }
ul.LC li { padding: 0 0 5px 13px; background: none; }

/* menu */
#MENU { border-style: solid; border-width: 0 2px 2px 1px; border-color: #BBC46C #98A45C #98A45C #BBC46C; }
#MENU td { background-color: #DBF488; padding: 0; }
#MENU a { display: block; width: 146px; font: bold 12px 'Arial'; color: #000; text-decoration: none; padding: 5px 0 4px 7px; margin: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #BBC46C #98A45C #BBC46C #BBC46C; }
#MENU a:hover { color: #FFF; background-color: #F04040; }


/* Requadre sponsors */
.CS { font: bold 11px 'Verdana'; text-align: center; }

/* Separacio entre seccions */
.CP { height: 12px; }

/* Titol de seccio */
.CT { font: bold 14px 'Trebuchet MS'; padding: 3px 10px 3px 10px; background-color: #DBE488; border-width: 1px 2px 0 1px; border-style: solid; border-color: #BBC46C #98A45C #98A45C #BBC46C; }

/* Text seccio */
.CN { font: 11px 'Verdana'; text-align: justify; padding: 10px; background-color: #EBF49C; border-width: 0 2px 2px 1px; border-style: solid; border-color: #BBC46C #98A45C #98A45C #BBC46C; }

/* Hack per solventar el problema de les cursives amb justificat i el borde */
/* El width nomes el veu IE */
/* \*/
* html .CN {
  overflow: hidden;
  w\idth: 566px;
}
/* */

.CN p { margin: 0 0 7px 0; }

.CN h5 { font: normal 14px 'Arial'; margin: 0; }
.CN hr { border-width: 1px 0 0 0; border-style: solid; border-color: #BBC46C; height: 1px; }

/* Data i hora del concert (llistats) */
.DH { font-size: 9pt; color: #C22; padding: 3px 0 5px 0; }

/* Separador de blocs */
div.SEP { display: table; width: 100%; }

.EN { text-align: center; padding: 6px; vertical-align: middle; }
.EH { text-align: center; padding: 6px; vertical-align: middle; background-color: #EDB; }
.ED { text-align: center; padding: 6px; vertical-align: middle; background-color: #FEC; }
.ER { text-align: center; padding: 6px; vertical-align: middle; background-color: #AD8; }
.ET { text-align: right;  padding: 6px; vertical-align: middle; background-color: #FDB; }
.EP { height: 5px; }

/* Imatges inline */
img.IL,
img.IR,
img.IC { margin: 0 0 10px 0; border: 1px solid #CCC; background-color: #FFF; padding: 4px; }

img.IL { float: left; margin-right: 10px; }
img.IR { float: right; margin-left: 10px; }
img.IC { margin: 0; }

/* CineClub */
.CCP { width: 124px; }
.CCT { font: bold 13px 'Verdana'; text-align: left; padding: 0 0 6px 0; }
.CCE { width: 19%; font: 11px 'Verdana'; padding: 0 0 2px 0; }
.CCD { width: 81%; font: 11px 'Verdana'; padding: 0 0 2px 0; }
.CCH { color: #C22; font: 11px 'Verdana'; padding: 0 0 2px 0; }

.REC { font-weight: bold; color: #FFF; background-color: #8C6; padding: 1px 5px; }
.HOR { color: #C22; }

/* Programa concert*/
.PRP { font-weight: bold; text-align: center; text-transform: uppercase; color: #BBA; border-bottom: 1px solid #CCC; padding: 5px 0 1px 0; }
.PRT { padding: 4px 0 8px 13px; background: url(images/sq2.gif) no-repeat 1px 10px; }
.PRC { padding: 4px 0 8px 0; text-align: right; }
p.M { font-style: italic; padding-left: 13px; }

/* Formularis */
.TF, .TE { font-family: 'Courier New'; border: 1px solid #BBC; }
.TF { background-color: #EAF2F9; }
.TE { background-color: #FCC; }


/***** UPD *****/

a img { border-width: 0; }

#DG { width: 850px; overflow: hidden; text-align: left; margin: 0 auto; padding: 10px 0; background: #F8F8F8; border-top: 10px solid #CCB; border-bottom: 10px solid #CCB; }
#DL { width: 165px; float: left; margin: 0; padding: 0;}
#LG { margin: 0; text-align: right; padding: 0 5px 10px 0; }
#LM { text-align: center; padding: 0 0 25px 0; }
#DL .CS { color: #BBA; font: 10px 'Arial'; }
#DL .CS img { margin: 10px 0; }
#DR { width: 682px; float: right; margin: 0; padding: 0; font: 12px 'Verdana'; }

/* menu */
#MENU2 { width: 160px; font: normal 10px 'Arial'; margin: 0 0 20px 0; padding: 6px 0; border-top: 10px solid #CCB; border-bottom: 10px solid #CCB; }
#MENU2 ul { list-style: none; border: 0; margin: 0; padding: 0; }
#MENU2 li { margin: 0; padding: 0; background: url(images/ar.gif) no-repeat 100% 7px; }
#MENU2 li a { display: block; width: 150px; text-align: right; text-transform: uppercase; font-weight: normal; text-decoration: none; margin: 0; padding: 3px 10px 3px 0; }
html>body #MENU2 li a { width: auto; }
#MENU2 li a:hover { color: #C38739; }

/* Capsa que envolta una seccio. */
.XB { margin: 0; padding: 0; background: #FFF url(images/bg.gif) repeat-y 100% 0; overflow: hidden; width: 682px; }  /* Aquestes dues darreres permeten l'encapsat dels floats! */
h3 { font: bold 17px 'Arial'; color: #000; background-color: #DDC; margin: 0; padding: 4px 6px 3px; }

/* CEL.LES NORMALS */
.DN { font: 13px 'Trebuchet MS'; line-height: 16px; color: #222; text-align: justify; padding: 0; margin: 10px 12px 25px 12px; }
.DN p { margin: 10px 0; }
.DN p.C { text-align: center; }
.DN hr { clear: both; border-width: 1px 0 0 0; border-style: solid; border-color: #CCC; height: 1px; }
.DN h4 { font: normal 12pt 'Trebuchet MS'; color: #000; font-weight: normal; margin: 10px 0; }
.DN h5 { font: bold 15px 'Trebuchet MS'; color: #000; margin: 10px 0 5px; border-bottom: 1px solid #BBC; }
.DN h6 { font: bold 14px 'Arial'; color: #000; margin: 10px 0 5px; }

fieldset { border: none; margin: 0; padding: 0; }
.CL { clear: both; }  /* Divisor delimitador de float's */