@import url("voila-extra.css");

/* 
	Full d'estils bàsic per a la web voilà.cat
	Autor: Francesc Espona, 2009
*/

/* ******************  body  *************** */

html, body {
	background:#FFFFFF;
	background-image:url(../img/fons_superior.gif);
	background-repeat:repeat-x;
	color:#000000;
	border:0px;
	margin:0px;
	text-align:center;
}

table {
	background:#FFFFFF;
}

html, body, h1, h2, h3, h4, div, ul {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px; /* Mida base a partir de la qual es calculen les altres */
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

span, input {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
}

li {
	font-size:1.2em;
}

div {
	text-align:left;
}

img {
	border:0px;
}


/* Genèrics */
.ajustat {
	margin:0px;
	padding:0px;
}

/* Títols */
h2.menu_seccio {
	color:#FFFFFF;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}

h2.menu_seccio_actual {
	color:#000000;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}


h3#peu_contacte {
	text-align:center;
	font-size:1.1em;
}

/* Notícies */
h3.noticia_titol {
	display:inline;
	font-size:1.1em;
	text-transform:uppercase;
}
p.noticia_text {
	display:inline;
	font-size:1.1em;
}

/* Programacio */
p.programacio_destacat {
	font-size:1.1em;
}


p.en_negatiu {
	font-size:1.1em;
	font-weight:bold;
	padding-left:10px;
}

/* programacio */

h3.programacio_music {
	color:#FFFFFF;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}






/* aksajdkaskj */
h2.seccio {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:2em;
	letter-spacing:-1px;
	margin-top:0px;
	margin-bottom:16px;
	padding-left:3px;
	color:#FFFFFF;
	background:#DA0808;
}

h2.subseccio {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.8em;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:4px;
}

h2.apartat, h3.apartat {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#000000;
	font-weight:bold;
	margin-top:18px;
	margin-bottom:4px;
	text-decoration:none;
	letter-spacing:-1px;
	line-height:18px;
}

h2.subapartat, h3.subapartat, h4.subapartat {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.4em;
	letter-spacing:-1px;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:4px;
}

h2.pregunta {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:2px;
	padding-left:8px;
/*	text-indent:-8px; */
}

h2.peu_final_seccio {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	margin-top:0px;
	margin-bottom:16px;
}

h3.peu_final_acces {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:1.2em;
	margin-top:0px;
	margin-bottom:6px;
}

h3.programa_presentador {
	font-size:1.5em;
	font-weight:bold;
	color:#000000;
	text-align:right;
}
h3.programa_horari {
	font-size:1.5em;
	font-weight:bold;
	color:#DC0805;
	text-align:right;
	margin-bottom:20px;
}



/* Paràgrafs */
p {
	font-size:1.4em;
	margin:0px 0px 4px 0px;
	padding-left:4px;
}
p.ajustat {
	margin:0px;
	padding:0px;
}
p.senzill {
	margin:4px 0px 4px 0px;
}

p.doble {
	margin:8px 0px 8px 0px;
}

p.j {
	text-align:justify;
}

p.c {
	text-align:center;
}

p.l {
	text-align:left;
}

p.r {
	text-align:right;
}

p.resposta {
	margin-left:10px;
}

p.resum {
	font-size:1.2em;
	margin:4px 0px 4px 0px;
	padding-left:0px;
}
p.petit {
	font-size:1.1em;
	margin:4px 0px 4px 0px;
}

p.missatge_info {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:4px;
}
p.mini {
	font-size:1em;
	margin:4px 0px 4px 0px;
}

/* Taules */
table {
	font-family:inherit;
	font-size:8pt; /* IExplorer no l'hereta, per tant cal configurar aquesta propietat manualment */
}

td {
	padding:3px;
}

td.r {
	text-align:right;
}

table.fina,td.fina{
	border:1px solid #000000;
}



/* Menús de seccions */
.vincle_menu {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
a.vincle_menu:visited {
	color:#FFFFFF;
}

.vincle_menu_seccio_actual {
	color:#900;
	font-weight:bold;
	text-decoration:none;
}

.menu_seccio_actual {
	font-weight:bold;
	color:#900;
}

form_caixa {
	font-size:0.8em;
height:12px;
}

/* Peu */
.enllas_acces {
	color:#FFFFFF;
	text-decoration:none;
}

a.enllas_acces:hover {
	text-decoration: none;
}


/* Vincles */
.enllas_intern {
	font-size:1.1em;
	color:#969495;
	font-weight:bold;
}
#enllas_temporada {
	padding-left:20px;
}
a {
	color:inherit;
}
a.no_subrat {
	text-decoration:none;
}
a:link {
	color: #555566;
}

a:visited {
	color:#969495;
}

a:active {
   color: #900;
   text-decoration: none;
}

a img { color: #fff; }         /* hide the border in Netscape 4 */



/* Formularis */
.form_caixa {
	font-size: 1em;
	font-family: Tahoma, sans-serif;
	color:#333366;
}
.form_cerca {
	font-size: 1em;
	font-family: Tahoma, sans-serif;
	color:#333333;
	margin:0px;
}


/*spacebits*/
.programacio .up{ width:371px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:0px; border-left:solid 1px #fff; border-right: solid 1px #fff; }
.programacio .down{ width:371px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:310px; border-left:solid 1px #fff; border-right: solid 1px #fff; }
.up IMG, .down IMG{ padding-top:5px; }





.programacio{ position:relative; float:left; width:373px; margin:0px; }
.programacio .info_concert A{ color:#fff; text-decoration:none; font-size:14px; }
.programacio .ultim{ border-bottom:0px !important; }

.programacio UL{ list-style:none; width:373px; position:relative; float:left; padding:0px; margin:0px; }
.programacio UL LI{ list-style:none; width:371px; position:relative; float:left; border:solid 1px #fff; border-top:0px; height:62px; }
.programacio UL LI A{ width:371px; height:62px; cursor:pointer; display:block !important;  text-indent:-9000px !important; }

.programacio .foto_concert{ width:189px; height:62px; border:solid 1px #fff; border-top:0px; position:relative; float:left; }
.programacio .foto_concert IMG{ width:189px; height:62px; }
.programacio .info_concert{ padding:7px 7px 0px 7px; width:167px; height:55px; border:solid 1px #fff; border-left:0px; border-top:0px; position:relative; color:#fff; float:left; background-color:#000; }
.programacio #container{ position:relative; top:-22px; }

.programacio_info{ width:563px; position:relative; float:left; }
.programacio_info .data{ width:187px; height:84px; padding:0px 0px 0px 0px; border:solid 1px #fff; border-top:0px; font-family:helvetica !important; font-size:12px; color:#fff }
.programacio_info .data p{ text-indent:-9000px !important; }
.programacio_info .data h1{ font-size:14px; margin-top:4px; text-indent:-9000px; }
.programacio_info .mes{ width:363px; height:64px; padding:20px 0px 0px 10px; border-right:solid 1px #fff; border-bottom: solid 1px #fff; background-color:#9a141b; position:absolute; top:0px; left:189px; }
.programacio_info .mes h2{ font-family:helvetica; color:#fff; font-size:2.4em; margin:0px; padding:0px; text-indent:-9000px; }
.programacio_info .actuacio{ width:167px; height:248px; padding:10px 10px 10px 10px; background-color:#000; border:solid 1px #fff; border-top:0px; border-bottom:0px; font-family:helvetica !important; font-size:12px; color:#fff }
.programacio_info .foto{ width:373px; height:268px; padding:0px; background-color:#000; border-right:solid 1px #fff;  position:absolute; top:85px; left:189px; }
.programacio_info .foto IMG{ width:373px; height:268px;}
.programacio_info .actuacio .vincle{ position:absolute; bottom:0px; left:10px; padding:0px 0px 10px 0px; }
.programacio_info A { color:#fff; text-decoration:none; }


.programacio #divControl {position:absolute; left:0px; top:21px; width:373px; visibility:hidden;}
.programacio #divCont    {position:absolute; left:0px; top:21px; width:373px; height:310px; clip:rect(0px 373px 310px 0px);}
.programacio .clScroll   {position:relative; float:left;}

.galeries_nova{ position:relative; float:left; width:371px; margin:0px; }
.galeries_nova #divCont{ background-color:#000;  border-left:solid 1px #fff; border-right: solid 1px #fff; width:371px !important; }
.galeries_nova UL{ list-style:none; width:371px; position:relative; float:left; padding:0px; margin:0px; }
.galeries_nova UL LI{ list-style:none; width:371px; position:relative; float:left; border:0px; border-bottom:solid 1px #fff; height:62px; }


.galeries{ position:relative; float:left; width:181px; margin:0px; }

.galeries #divControl {position:absolute; left:0px; top:21px; width:183px; visibility:hidden;}
.galeries #divCont    {position:absolute; left:0px; top:21px; width:183px; height:310px; clip:rect(0px 183px 310px 0px);}
.galeries .clScroll   {position:relative; float:left;}


.galeries .up{ width:181px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:0px; border-left:solid 1px #fff; border-right: solid 1px #fff; }
.galeries .down{ width:181px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:310px; border-left:solid 1px #fff; border-right: solid 1px #fff; }

.galeries UL{ list-style:none; width:181px; float:left; position:relative; padding:0px; margin:0px; }
.galeries UL LI{ list-style:none; width:161px; padding:10px; float:left; position:relative; background-color:#000; margin:0px; border:solid 1px #fff; border-top:0px; }
.galeries .ultim{ border-bottom:0px !important; }
.galeries UL LI A:link{ color:#fff; text-decoration:none; }

.info_galeria { position:relative; float:left; margin-left:190px; width:190px; height:353px; }
.info_galeria .nom_galeria{ background-color:#9a141b; width:170px; height:69px; padding:15px 10px 0px 10px; border-left:solid 1px #fff; text-align:right; font-family:arial; font-size:12px; color:#fff; border-right:solid 1px #fff; }
.info_galeria .nom_galeria p{ font-size:15px; color:#fff; margin-top:5px; }
.info_galeria .desc_galeria{ width:169px; height:247px; color:#fff; padding:10px; text-align:left; background-color:#000; border:solid 1px #fff; border-bottom:0px; position:relative; float:left; }
.info_galeria .desc_galeria p { font-size:13px; color:#fff;  text-align:left; margin:0px; padding:0px; position:relative; float:left; }
.info_galeria .desc_galeria #desc_foto{ padding-top:20px; font-size:13px !important; position:relative; float:left; }
.info_galeria .desc_galeria .last{ position:absolute; left:10px; bottom:0px; font-size:11px; color:#fff; padding-bottom:10px; }


.titol_galeria{  width:370px; height:84px; padding:0px; border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom: solid 1px #fff; background-color:#9a141b; position:relative; float:left; }
.titol_galeria h1{ font-size:22px; color:#fff; text-indent:-9000px !important;}


	
.llista_fotos { width:370px; height:267px; position:relative; float:left; margin:0px; background-color:#000; border-left:solid 1px #fff; border-right:solid 1px #fff;  }
.llista_fotos UL { padding:0px; list-style:none; margin:0px; position:relative; float:left; margin-top:11px !important; }
.llista_fotos UL LI { margin:0px 0px 11px 11px; padding:0px; list-style:none; width:79px; height:79px; position:relative; float:left; }
.llista_fotos UL LI IMG{ border:solid 2px #fff; width:75px; height:75px; }

.llista_fotos .up{ width:370px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:0px;  }
.llista_fotos .down{ width:370px; height:21px; background-color:#30302f; text-align:center; position:relative; z-index:3; left:0px; top:225px; }

.llista_fotos #divControl1 {position:absolute; left:0px; top:21px; width:370px; visibility:hidden;}
.llista_fotos #divControl2 {position:absolute; left:0px; top:21px; width:370px; visibility:hidden;}
.llista_fotos #divCont    {position:absolute; left:0px; top:21px; width:370px; height:216px; clip:rect(0px 370px 216px 0px);}
.llista_fotos .clScroll   {position:relative; float:left;}