@charset "utf-8";
/*****************************/
/* Style Sheet de SCOREFILIA */
/*****************************/

/* ESTILS GENERALS */
body { text-align: center; background: #446 url(img/bg.gif); color: #000; margin: 6px; }
img { vertical-align: top; }
td { vertical-align: top; padding: 0; }
form { margin: 0; }
a,
a:visited { color: #337; text-decoration: none; }
a:hover { color: #D70; text-decoration: underline; }
a img { border-width: 0; }
hr { border-width: 1px 0 0 0; border-style: solid; border-color: #CCD; height: 1px; }
h1 { background: #444159 url(img/bar3.gif); margin: 0; padding: 0; }
h2 { font: normal 14pt 'Arial Black'; color: #EEF; background: #558 url(img/bar2.gif); margin: 0; padding: 2px 6px 3px; }
h3 { font: italic bold 11pt 'Georgia'; color: #558; background: #F6F6FF; border-bottom: 2px solid #EEF; margin: 0; padding: 1px 6px 2px; }

/* CONTENIDOR PRINCIPAL */
#DG { width: 750px; font: 9pt 'Georgia'; line-height: 16px; text-align: left; background-color: #E0E0EC; margin: 0 auto; padding: 6px; }

/* Taula d'expansió màxima */
table.TI { width: 100%; }

/* Capsa que envolta una seccio. */
.XA,
.XB,
.XC,
.XD { background-color: #FFF; margin: 0; padding: 0; }

.XA,
.XB,
.XC,
.XD,
#TB td.s,
#DG { border-color: #CCD #AAB #99A #CCD; border-width: 1px; border-style: solid; }

/* Capsa que envolta una foto inline */
.II, /* Nomes emprat a portada */
.FL img, /* Link flags */
.DW img.IL,
.DW img.IR { border: 1px solid #CCD; }

.DW img.IL,
.DW img.IR,
.CV { padding: 4px; }

.XA { margin-top: 6px; }  /* Aquesta es separa per dalt */
.XB { margin-bottom: 6px; }  /* Aquesta es separa per baix */
.XD { border-top: 0; padding-top: 4px; }  /* Aquesta no té borde superior, pels tabs alfabetics */
.CL { clear: both; }  /* Divisor delimitador de float's */


/* Columna dreta de la part dividida. Especifica la separacio i */
/* una amplada maxima per "empenyer" sempre cap a l'esquerra */
.RC { width: 500px; padding-left: 6px; }
.CS { width: 1%; padding-right: 6px; }
.CC { padding-left: 6px; }


/* MENU PRINCIPAL */
#DM { padding: 15px 20px 20px; }
#DM ul { list-style-type: square; margin: 0; padding: 0 0 0 15px; }
#DM li { font-size: 12pt; font-weight: bold; margin: 0; padding: 0; }


/* MENU SUPERIOR */
#DF { font: 11px 'Verdana'; color: #558; background: #F4F8FF URL(img/bar1.gif); padding: 2px 4px 3px; }
#DF a { font-weight: bold; text-decoration: none; }
#DB { font: 11px 'Verdana'; color: #99B; padding: 4px 0 0 0; }


/* PUNTS DE VENDA */
#DS { text-align: center; padding: 10px; }
#DS img { border-width: 0; vertical-align: middle; }


/* LLISTA DE PUNTUACIONS */
#SA { width: 100%;  font: 7.5pt 'Tahoma'; color: #555; }
#SA a { color: #555; }
#SA a:hover { color: #D70; }
#SA td.RS,
#SA td.RN { text-align: right; width: 55%; padding-right: 5px; }
#SA td.RS { font-weight: bold; color: #090; }
#SA td.RR { text-align: left; width: 45%; }
#SA td.RR img { vertical-align: 0; }


/* TAULA D'INFORMACIO */
#SI { width: 100%; }
#SI td { padding: 0 0 4px 0; }
#SI td.IL { width: 130px; }


/* TRACKLIST */
#TK { width: 100%; }
#TK td { padding: 2px; }
#TK td.CD { font: bold 14px 'Arial'; color: #558; border-bottom: 2px solid #CCD; padding: 0; }  /* Separador de CDs */
#TK td.SS { font-size: 8pt; padding-top: 10px; border-bottom: 1px solid #CCD; }  /* Inici de suite */
#TK td.SE { font-size: 7pt; padding: 0; }  /* Final de suite */
#TK tr.N0 { background: #F8F8F8; }  /* Linia gris alternant */
#TK tr.N1 { background: #F0F0F0; }  /* Idem */
#TK tr.S td { font-size: 10px; padding: 0px 2px 4px 10px; }  /* Subtema */
#TK tr.N { color: #909090; }  /* Tema no-original */
#TK tr.O { color: #0000B0; }  /* Cantat */
#TK tr.D { color: #C02080; }  /* Data */
#TK td.TI { width: 5%; font-family: 'Arial'; text-align: right; min-width: 20px; color: #000; background: #FFF; }  /* Index de track */
#TK td.TM { width: 14%; font-family: 'Arial'; text-align: right; }  /* Durada */
#TK td.DM { font-family: 'Arial'; font-weight: bold; text-align: right; border-top: 1px dashed #CCD; }  /* Durada total */


/* CEL.LES NORMALS */
.DN { padding: 10px; }
.DT { padding: 16px 20px 20px; }
.DT p { margin: 0; padding: 0; }


/* CREDITS */
.DE { text-align: justify; padding: 16px 20px 10px 20px; overflow: hidden; }

/* \*/
* html .DE { w\idth: 708px; }
/* */

.DE p { margin: 0 0 10px; padding: 0; }
.DE hr { margin: 0 0 10px; padding: 0; clear: both; }
.DE blockquote { font-style: italic; margin: 10px 0 0 20px; }


/* COMENTARIS / BIOS */
.DW { font-size: 10pt; line-height: 17px; text-align: justify; padding: 16px 20px 4px 20px; overflow: hidden; /* necessari per confinar els floats */ }

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

.DW p { margin: 0 0 16px 0; padding: 0; }
.DW hr { margin: 0 0 16px 0; clear: both; }
.DW ul,
.DW ol { list-style-type: square; margin: 0 0 16px 16px; padding: 0; }
.DW li { margin: 0 0 10px 0; }
.DW li li { margin: 10px 0 10px 16px; padding: 0; }
.DW blockquote { font-style: italic; background-color: #FFFFE0; margin: 0 0 15px 0; padding: 17px 19px 0; border: 1px solid #EED; }
.DW p.s { text-align: right; }
.DW p.s a { font-weight: bold; }
.DW img.p { vertical-align: 1px; }

.DW .ICR,
.DW .ICL,
.DW .ICC { font: 11px 'Arial'; text-align: left; border: 1px solid #CCD; padding: 4px; }

.DW .ICR img,
.DW .ICL img,
.DW .ICC img { margin-bottom: 3px; }

.DW .ICR { float: right; clear: right; margin: 4px 0 8px 16px; }
.DW .ICL { float: left; clear: left; margin: 4px 16px 8px 0; }
.DW .ICC { margin: 4px auto 16px auto; }

.DW .ICL,
.DW .ICR,
.DW .ICC,
.DW img.IL,
.DW img.IR { background-color: #FBFBFF; }

.DW img.IL { float: left; clear: left; margin: 4px 16px 8px 0; }
.DW img.IR { float: right; clear: right; margin: 4px 0 8px 16px; }
.DW img.IC { margin: 4px auto 16px auto; }

/* Uns hacks per IE per compensar els 3px extra de marge que s’inventa */
* html .DW .ICL { margin-right: 13px; }
* html .DW .ICR { margin-left: 13px; }


/* REFERENCIES */
#DR { padding: 0; }
#DR dl { margin: 17px 20px 20px; padding: 0; }
#DR dd { text-align: justify; margin: 2px 0 12px 10px; padding: 0; }


/* PESTANYES INDEX ALFABETIC */
#TB { width: 100%; border-left: 1px solid #CCD; }
#TB td { font: 9pt 'Arial'; text-align: center; border: 1px solid #CCD; border-left: 0; padding: 0; }
#TB a { display: block; width: 26px; margin: 0; padding: 7px 0 4px; color: #558; background: #F6F6FF; }
#TB a:hover { color: #333; background: #DDE; text-decoration: none; }
#TB td.s { width: 46px; font: 14pt 'Arial Black'; color: #484; border-bottom: 0; border-left: 0; background: #FFF; }
#TB td.d { width: 26px; padding: 7px 0 4px; color: #AAC; background: #F6F6FF; }


/* LLISTATS */
.DL { color: #666;  margin: 0;  padding: 0; width: 100%; overflow: hidden; }
.DL b { color: #333; }
.DL a { font-weight: bold; }
.DL a.d,
.DL a.d:visited { color: #C44; }
.DL a.d:hover { color: #D70; text-decoration: underline; }
.DL ul { list-style-type: none; margin: 16px 20px 20px; padding: 0; }
.DL li { margin: 1px 0; padding: 0; }
.DL ul ul { margin: 1px 0 15px; padding: 0; }
.DL li li { margin: 1px 0 0 15px; padding: 0; }
.DL img { vertical-align: 1px; }
.DL p { margin: 16px 20px 20px; }
.DL .C2 { float: left; width: 50%; }
.DL dl { margin: 16px 20px 20px; }
.DL dd { margin: 2px 0 12px 10px; color: #000; text-align: justify; }


/* Text de la pagina de links */
.CT { font-size: 10pt; line-height: 17px; text-align: justify; padding: 0 0 10px 8px; }