/* estils comuns */
body, html {margin:0px;padding:0px;font:normal 100% Tahoma,Arial,Helvetica,sans-serif;color:#333333}
b, strong {font-weight:bold}
i, em {font-style:italic}
a {text-decoration:underline;color:#000080}
a:hover {color:#0000C0}
abbr,acronym {border-bottom:1px dashed #0000C0}

/* titols i paragrafs */
h1, h2, h3, h4, h5, h6 {color:#FB8527}
/* altres elements */
.separadorBoth, .separadorLeft, .separadorRight {margin:0;padding:0;font:0;line-height:0}
div.separadorBoth, span.separadorBoth, br.separadorBoth {clear:both}
div.separadorLeft, span.separadorLeft, br.separadorLeft {clear:left}
div.separadorRight, span.separadorRight, br.separadorRight {clear:right}

/* pagina */
html,body {background:#F4F5F5 url('/img/fons.gif')}
#Pagina {background:url('/img/fonsPagina.gif') center repeat-y;margin:20px 0}
#Pagina .tapaSup,#Pagina .tapaInf {height:4px;font-size:0;padding:0;margin:0;line-height:0}
#Pagina .tapaSup {background:url('/img/fonsPagina_tapaSup.gif') center top no-repeat}
#Pagina .tapaInf {background:url('/img/fonsPagina_tapaInf.gif') center bottom no-repeat}
#Pagina .pagina {background:#FFFFFF url('/img/fonsCapcalera.jpg') top no-repeat;width:775px;margin-left:auto;margin-right:auto}
/* capçalera */
#Capcalera {height:250px}
/* capçalera idiomes */
#Capcalera #Idiomes {height:47px;padding-right:10px}
#Capcalera #Idiomes ul,#Capcalera #Idiomes li {margin:0;padding:0;list-style:none;display:inline}
#Capcalera #Idiomes a {display:block;width:20px;height:20px;margin-top:10px;margin-right:10px;float:right}
#Capcalera #Idiomes a span {display:none}
#Capcalera #Idiomes a.actiu {cursor:default}
#Capcalera #Idiomes a#btn_ca {background-image:url('/img/btn_ca_f1.gif')}
#Capcalera #Idiomes a#btn_ca:hover {background-image:url('/img/btn_ca_f2.gif')}
.lang_ca #Capcalera #Idiomes a#btn_ca,.lang_ca #Capcalera #Idiomes a#btn_ca:hover {background-image:url('/img/btn_ca_actiu.gif');cursor:default}
#Capcalera #Idiomes a#btn_es {background-image:url('/img/btn_es_f1.gif')}
#Capcalera #Idiomes a#btn_es:hover {background-image:url('/img/btn_es_f2.gif')}
.lang_es #Capcalera #Idiomes a#btn_es,.lang_es #Capcalera #Idiomes a#btn_es:hover {background-image:url('/img/btn_es_actiu.gif');cursor:default}
/* capçalera logotip */
#Capcalera #Logotip {position:relative;height:76px;width:98px;top:0px;left:71px}
#Capcalera #Logotip a img {border:none}
/* capçalera menu */
#Capcalera #Menu {height:113px;position:relative}
#Capcalera #Menu ul,#Capcalera #Menu li {margin:0;padding:0;list-style:none;display:inline}
#Capcalera #Menu a {display:block;position:absolute}
#Capcalera #Menu a span {display:none}
/* capçalera menu CA */
.lang_ca #Capcalera #Menu a#btn_Inici {background-image:url('/ca/img/btn_Inici_f1.gif');width:58px;height:58px;left:114px;top:62px}
.lang_ca #Capcalera #Menu a#btn_Inici:hover {background-image:url('/ca/img/btn_Inici_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Cor {background-image:url('/ca/img/btn_Cor_f1.gif');width:82px;height:82px;left:209px;top:10px}
.lang_ca #Capcalera #Menu a#btn_Cor:hover {background-image:url('/ca/img/btn_Cor_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Direccio {background-image:url('/ca/img/btn_Direccio_f1.gif');width:94px;height:47px;left:312px;top:33px}
.lang_ca #Capcalera #Menu a#btn_Direccio:hover {background-image:url('/ca/img/btn_Direccio_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Membres {background-image:url('/ca/img/btn_Membres_f1.gif');width:94px;height:47px;left:312px;top:80px}
.lang_ca #Capcalera #Menu a#btn_Membres:hover {background-image:url('/ca/img/btn_Membres_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Publicacions {background-image:url('/ca/img/btn_Publicacions_f1.gif');width:82px;height:82px;left:432px;top:39px}
.lang_ca #Capcalera #Menu a#btn_Publicacions:hover {background-image:url('/ca/img/btn_Publicacions_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Agenda {background-image:url('/ca/img/btn_Agenda_f1.gif');width:52px;height:52px;left:542px;top:22px}
.lang_ca #Capcalera #Menu a#btn_Agenda:hover {background-image:url('/ca/img/btn_Agenda_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Contactar {background-image:url('/ca/img/btn_Contacta_f1.gif');width:68px;height:68px;left:629px;top:15px}
.lang_ca #Capcalera #Menu a#btn_Contactar:hover {background-image:url('/ca/img/btn_Contacta_f2.gif')}
.lang_ca #Capcalera #Menu a#btn_Mapaweb {background-image:url('/ca/img/btn_Mapaweb_f1.gif');width:51px;height:52px;left:717px;top:40px}
.lang_ca #Capcalera #Menu a#btn_Mapaweb:hover {background-image:url('/ca/img/btn_Mapaweb_f2.gif')}
/* capçalera menu ES */
.lang_es #Capcalera #Menu a#btn_Inici {background-image:url('/es/img/btn_Inici_f1.gif');width:58px;height:58px;left:114px;top:62px}
.lang_es #Capcalera #Menu a#btn_Inici:hover {background-image:url('/es/img/btn_Inici_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Cor {background-image:url('/es/img/btn_Cor_f1.gif');width:82px;height:82px;left:209px;top:10px}
.lang_es #Capcalera #Menu a#btn_Cor:hover {background-image:url('/es/img/btn_Cor_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Direccio {background-image:url('/es/img/btn_Direccio_f1.gif');width:94px;height:47px;left:312px;top:33px}
.lang_es #Capcalera #Menu a#btn_Direccio:hover {background-image:url('/es/img/btn_Direccio_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Membres {background-image:url('/es/img/btn_Membres_f1.gif');width:94px;height:47px;left:312px;top:80px}
.lang_es #Capcalera #Menu a#btn_Membres:hover {background-image:url('/es/img/btn_Membres_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Publicacions {background-image:url('/es/img/btn_Publicacions_f1.gif');width:82px;height:82px;left:432px;top:39px}
.lang_es #Capcalera #Menu a#btn_Publicacions:hover {background-image:url('/es/img/btn_Publicacions_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Agenda {background-image:url('/es/img/btn_Agenda_f1.gif');width:52px;height:52px;left:542px;top:22px}
.lang_es #Capcalera #Menu a#btn_Agenda:hover {background-image:url('/es/img/btn_Agenda_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Contactar {background-image:url('/es/img/btn_Contacta_f1.gif');width:68px;height:68px;left:629px;top:15px}
.lang_es #Capcalera #Menu a#btn_Contactar:hover {background-image:url('/es/img/btn_Contacta_f2.gif')}
.lang_es #Capcalera #Menu a#btn_Mapaweb {background-image:url('/es/img/btn_Mapaweb_f1.gif');width:51px;height:52px;left:717px;top:40px}
.lang_es #Capcalera #Menu a#btn_Mapaweb:hover {background-image:url('/es/img/btn_Mapaweb_f2.gif')}

/* contingut */
#Contingut {background:url('/img/fonsContingut.gif') repeat-y;margin-top:5px}
#FlashInici {text-align:right;margin-top:30px}

/* columna esquerra */
#ColEsq {width:200px;margin-left:5px;float:left}
#SubMenu,#Calendari {width:190px;margin-left:auto;margin-right:auto;margin-bottom:20px}
#SubMenu ul,#SubMenu li {margin:0;padding:0;list-style:none}
#SubMenu ul {padding:5px 10px}
#SubMenu li {padding-bottom:5px;margin-bottom:7px;border-bottom:1px solid #E5E5E5}
#SubMenu li.darrer {padding-bottom:0;margin-bottom:0;border-bottom:none}
#SubMenu li a {display:block;width:160px;padding:2px 2px 2px 10px;text-decoration:none;font:bold 0.7em Tahoma, Arial, Helvetica, sans-serif;color:#FB8527;background:url('/img/LI_subMenu_f1.gif') left center no-repeat}
#SubMenu li a:hover {color:#FFFFFF;background:#FB8527 url('/img/LI_subMenu_f2.gif') left center no-repeat}
#SubMenu .tapaSup,#SubMenu .tapaInf,#Calendari .tapaSup,#Calendari .tapaInf {height:8px;font-size:0;padding:0;margin:0;line-height:0}
#SubMenu .tapaSup,#Calendari .tapaSup {background:url('/img/fonsSubMenu_tapaSup.gif') center top no-repeat}
#SubMenu .tapaInf,#Calendari .tapaInf {background:url('/img/fonsSubMenu_tapaInf.gif') center bottom no-repeat}

/* columna dreta */
#ColDrta {padding-left:235px;margin-right:10px;font-family:Tahoma, Arial, Helvetica, sans-serif}
#ColDrta p,#ColDrta li {font-size:0.8em;text-align:justify}
#ColDrta #Text {margin:0 20px}
#ColDrta #Text p {margin-top:0px}
blockquote.foto {background-color:#FB8527;height:140px;color:#FFFFFF;padding:0;margin:0;overflow:hidden}
blockquote.foto img {float:left;margin-right:10px}
#ColDrta blockquote.foto div.text {margin:0;padding:5px;text-align:left;font-size:0.7em}
/* grups de membres */
#Text .grupMembres {float:left;width:200px;height:100px;margin:10px}
#Text .grupMembres h2 {margin:0}
#Text .grupMembres a img {border:1px solid black}
#Text .grupMembres a:hover img {border:1px solid #0000C0}
#Text .imgDrta {float:right;margin-left:10px;margin-bottom:5px;border:1px solid #808080}
/* llistes */
#Text ul li {list-style-type:disc;margin:5px 0}
#Text ul ul li {font-size:100%;list-style-type:circle}
#Text ul ul ul li {font-size:100%;list-style-type:square}
/* formularis */
#frmAudicio,#frmContactar,#frmPublicacions {margin:0;padding:0;text-align:center;width:500px}
form .boto, .boto {font-weight:normal;font-size:0.8em}
form .botoEncomanar, .botoEncomanar {font-weight:bold;font-size:0.7em}
form .botoEnviar, .botoEnviar {font-weight:bold;font-size:0.8em}
form .boto:hover, .boto:hover,
form .botoEnviar:hover, .botoEnviar:hover {color:#FB8527}
input.input,textarea.textarea,select.select {width:200px;padding:2px;color:#000;background-color:#E5E5E5;border:1px solid #808080;vertical-align:text-top;font-family:Tahoma, Arial, Helvetica, sans-serif}
select.select {width:206px}
input.num2xifres {width:25px}
select.num2xifres {width:75px}
form label {font-size:0.8em;display:block;text-align:right;margin-bottom:5px;width:400px;margin-left:auto;margin-right:auto}
form fieldset input.input,form fieldset select.select,form fieldset legend {font-size:0.8em}
form fieldset legend {font-weight:bold;color:#000000}
form fieldset label {margin-bottom:0;width:auto}
input.input:hover,select.select:hover,textarea.textarea:hover,
input.input:focus,select.select:focus,textarea.textarea:focus {background-color:#fff;border:1px solid #000}
textarea.textarea {font-size:100%}
/* productes publicacions */
.producte {margin-bottom:10px;padding-bottom:10px}
.producte h3.cd,.producte h3.llibre {height:35px;background-position:right;background-repeat:no-repeat;vertical-align:bottom;margin-bottom:5px}
.producte h3.cd {background-image:url('/img/publicacions/CD-DVD.gif')}
.producte h3.llibre {background-image:url('/img/publicacions/llibre.gif')}
.producte .foto {float:right;margin-left:10px;margin-bottom:5px}
.producte .botons {clear:right;text-align:center}
.producte .botons form {display:inline}
.producte .audio {width:100%}
.producte .audio caption,.producte .audio caption h4 {margin-top:15px;margin-bottom:0}
.producte .audio th,.producte .audio caption {text-align:left}
.producte .audio td,.producte .audio th {font-size:0.8em;height:20px}
.producte .audio .temps,.producte .audio .pista {text-align:right}
.producte .audio .pista {font-size:0.7em;font-weight:bold}
.producte .audio a img {border:none}
.producte .audio td.icones {width:25px;text-align:center}

/* agenda */
.componentagenda a span.titol {font-weight:normal;color:#000066;font-size:0.8em;text-decoration:underline;padding-left:10px;background:url('/img/CA_item.gif') no-repeat}
.componentagenda a:hover span.titol {color:#0000CC}
.componentagenda div.titol {font-family:Arial, Helvetica, sans-serif;color:#FB8527;border-bottom:1px solid #000}
.componentagenda div.item,.componentagenda div.itemimatge {padding:0;margin:10px auto}
.componentagenda div.lloc,.componentagenda div.data {margin:0;font-size:0.6em;font-weight:bold;color:#FB8527}
.componentagenda div.lloc {margin-left:5px}
.componentagenda div.data {padding-left:10px}
.componentagenda div.imatge {float:left}
.componentagenda div.paginacio {font-size:0.7em;margin-top:30px}
.componentagenda .fitxa a {display:inline}
.componentagenda .fitxa .titolfitxa {font-family:Arial,Helvetica,sans-serif}
.componentagenda .fitxa .descripcio {font-size:0.8em;margin:10px 0}
.componentagenda .fitxa .data,.componentagenda .fitxa .dades {width:45%;float:left;background:#fff;padding:0;margin:0}
.componentagenda .fitxa .dades {font-size:0.8em;border:none}
.componentagenda .fitxa .inscripcio,.componentagenda .fitxa .organitzador,.componentagenda .fitxa .colaboradors,.componentagenda .fitxa .altres {clear:both}
.componentagenda .fitxa .altres {border:1px solid #FB8527}
.componentagenda div.font {font-size:0.7em}
/* agenda - columna pagina inici*/
.CA_columnaInici {width:400px;margin-left:20px;margin-top:40px;border-bottom:1px solid #666666;float:left;font-family:Tahoma,Arial,Helvetica,sans-serif}
.CA_columnaInici .componentagenda {margin:0;padding:0}
.CA_columnaInici .componentagenda .imatge,.CA_columnaInici .componentagenda .paginacio {display:none}
/* agenda - columna esquerra */
#ColEsq .componentagenda {margin:0;padding:0;margin-bottom:20px;border-bottom:1px solid #666666;font-family:Tahoma,Arial,Helvetica,sans-serif}
#ColEsq .componentagenda .imatge,#ColEsq .componentagenda .paginacio {display:none}
#ColEsq .componentagenda span.titol {font-size:0.7em}
#Calendari .componentagenda {border-bottom:none}
#Calendari .componentagenda .cxcalendar {width:175px;background:#fff;border-bottom:none}
#Calendari .componentagenda .cxcalendar .navmes {font-size:0.8em;background:#fff;margin-bottom:5px}
#Calendari .componentagenda .cxcalendar .navmes .mes {background:#eee;margin-bottom:5px}
#Calendari .componentagenda .cxcalendar .navmes a.mesant {border-right:2px solid #fff}
#Calendari .componentagenda .cxcalendar .navmes a.messeg {border-left:2px solid #fff}
#Calendari .componentagenda .cxcalendar .navmes a {background:#ccc;color:#000}
#Calendari .componentagenda .cxcalendar .navmes a:hover {background:#FB8527;color:#fff}
#Calendari .componentagenda .cxcalendar li,#Calendari .componentagenda .cxcalendar acronym {width:23px;font-weight:normal;border-left:2px solid #fff;;border-top:2px solid #fff}
#Calendari .componentagenda .cxcalendar li,#Calendari .componentagenda .cxcalendar dia {font-size:0.7em}
#Calendari .componentagenda .cxcalendar acronym {background:#333;color:#fff}
#Calendari .componentagenda .cxcalendar li {background:#eee}
#Calendari .componentagenda .cxcalendar li.festiu {background:#ccc}
#Calendari .componentagenda .cxcalendar li a {background:#666;color:#fff;text-decoration:none}
#Calendari .componentagenda .cxcalendar li a:hover,#Calendari .componentagenda .cxcalendar li.avui a:hover {background:#fb8527;color:#fff}
#Calendari .componentagenda .cxcalendar li.avui {background:#C33;color:#fff;font-weight:bold}
#Calendari .componentagenda .cxcalendar li.avui a {background:#C33;color:#fff}
/* agenda - columna dreta (llistat) */
#Text.llistatAgenda .componentagenda .imatge {display:none}
#Text.llistatAgenda .componentagenda .data,#Text.llistatAgenda .componentagenda .lloc {font-size:0.7em}

/* titols */
#Contingut h1,#Contingut h2 {margin:20px 0 5px 0;padding:0}
#Contingut h1 span,#Contingut h2 span {display:none}
/* titols CA-ES */
h1.titol_Agenda {height:25px;background:url('/ca/img/titol_Agenda.gif') no-repeat}
h2.titol_Agenda {height:16px;background:url('/ca/img/titol-petit_Agenda.gif') no-repeat}
h1.titol_Contactar {height:25px;background:url('/ca/img/titol_Contactar.gif') no-repeat}
h1.titol_Mapaweb {height:25px;background:url('/ca/img/titol_Mapaweb.gif') no-repeat}
h1.titol_XavierPuigOrtiz {height:25px;background:url('/ca/img/titol_XavierPuigOrtiz.gif') no-repeat}
/* titols CA */
.lang_ca h1.titol_Audicio {height:25px;background:url('/ca/img/titol_Audicio.gif') no-repeat}
.lang_ca h1.titol_AvisLegal {height:25px;background:url('/ca/img/titol_AvisLegal.gif') no-repeat}
.lang_ca h1.titol_Baixos {height:25px;background:url('/ca/img/titol_Baixos.gif') no-repeat}
.lang_ca h2.titol_Baixos {height:16px;background:url('/ca/img/titol-petit_Baixos.gif') no-repeat}
.lang_ca h1.titol_Contralts {height:25px;background:url('/ca/img/titol_Contralts.gif') no-repeat}
.lang_ca h2.titol_Contralts {height:16px;background:url('/ca/img/titol-petit_Contralts.gif') no-repeat}
.lang_ca h1.titol_Direccio {height:25px;background:url('/ca/img/titol_Direccio.gif') no-repeat}
.lang_ca h1.titol_Encomanar {height:25px;background:url('/ca/img/titol_Encomanar.gif') no-repeat}
.lang_ca h1.titol_Fotofrafies {height:25px;background:url('/ca/img/titol_Fotofrafies.gif') no-repeat}
.lang_ca h1.titol_Membres {height:25px;background:url('/ca/img/titol_Membres.gif') no-repeat}
.lang_ca h1.titol_Presentacio {height:25px;background:url('/ca/img/titol_Presentacio.gif') no-repeat}
.lang_ca h1.titol_Publicacions {height:25px;background:url('/ca/img/titol_Publicacions.gif') no-repeat}
.lang_ca h1.titol_Sopranos {height:25px;background:url('/ca/img/titol_Sopranos.gif') no-repeat}
.lang_ca h2.titol_Sopranos {height:16px;background:url('/ca/img/titol-petit_Sopranos.gif') no-repeat}
.lang_ca h1.titol_Tenors {height:25px;background:url('/ca/img/titol_Tenors.gif') no-repeat}
.lang_ca h2.titol_Tenors {height:16px;background:url('/ca/img/titol-petit_Tenors.gif') no-repeat}
.lang_ca h1.titol_Trajectoria {height:25px;background:url('/ca/img/titol_Trajectoria.gif') no-repeat}
/* titols ES */
.lang_es h1.titol_Audicio {height:25px;background:url('/es/img/titol_Audicio.gif') no-repeat}
.lang_es h1.titol_AvisLegal {height:25px;background:url('/es/img/titol_AvisLegal.gif') no-repeat}
.lang_es h1.titol_Baixos {height:25px;background:url('/es/img/titol_Baixos.gif') no-repeat}
.lang_es h2.titol_Baixos {height:16px;background:url('/es/img/titol-petit_Baixos.gif') no-repeat}
.lang_es h1.titol_Contralts {height:25px;background:url('/es/img/titol_Contralts.gif') no-repeat}
.lang_es h2.titol_Contralts {height:16px;background:url('/es/img/titol-petit_Contralts.gif') no-repeat}
.lang_es h1.titol_Direccio {height:25px;background:url('/es/img/titol_Direccio.gif') no-repeat}
.lang_es h1.titol_Encomanar {height:25px;background:url('/es/img/titol_Encomanar.gif') no-repeat}
.lang_es h1.titol_Fotofrafies {height:25px;background:url('/es/img/titol_Fotofrafies.gif') no-repeat}
.lang_es h1.titol_Membres {height:25px;background:url('/es/img/titol_Membres.gif') no-repeat}
.lang_es h1.titol_Presentacio {height:25px;background:url('/es/img/titol_Presentacio.gif') no-repeat}
.lang_es h1.titol_Publicacions {height:25px;background:url('/es/img/titol_Publicacions.gif') no-repeat}
.lang_es h1.titol_Sopranos {height:25px;background:url('/es/img/titol_Sopranos.gif') no-repeat}
.lang_es h2.titol_Sopranos {height:16px;background:url('/es/img/titol-petit_Sopranos.gif') no-repeat}
.lang_es h1.titol_Tenors {height:25px;background:url('/es/img/titol_Tenors.gif') no-repeat}
.lang_es h2.titol_Tenors {height:16px;background:url('/es/img/titol-petit_Tenors.gif') no-repeat}
.lang_es h1.titol_Trajectoria {height:25px;background:url('/es/img/titol_Trajectoria.gif') no-repeat}

/* avis legal */
#Contingut #Avis {clear:left;width:200px;text-align:right;margin:0 0 10px 5px}
#Contingut #Avis a {text-transform:lowercase;padding:2px;font:0.7em Tahoma, Arial, Helvetica, sans-serif;background-color:#CCC;color:#FFFFFF;text-decoration:none}
#Contingut #Avis a:hover {background-color:#FB8527}

/* administracio */
#MenuAdmin {padding:15px}
#MenuAdmin form {padding:0;margin:0;display:inline}
#MenuAdmin input {font-weight:bold}