@charset "UTF-8";




/*  */
.h1 {
	font: normal 32px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	letter-spacing: -1pt;
}
.tituloficha {
	font: normal 32px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	letter-spacing: -1pt;
}

/*  */
.h2 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	letter-spacing: 0pt;
	white-space: normal;
	text-indent: 0pt;
	text-align: left;
	padding:5px 0 5px 0;
	
}

.titulo {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	letter-spacing: 0pt;
	white-space: normal;
	text-indent: 0pt;
	text-align: left;
	padding:5px 0 5px 0;
	
}

.subs {
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
/*txto intro  */
.h3 {
	color: #666666;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/*  */
.h4 {
	color: #666666;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.rollo {
	color: #666666;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/*  */

.h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

.rollonegreta {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

/*  */

.h6 {
	padding-top:10px;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
.notisportada {
	padding-top:10px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #000000;
}


.datahora {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
/*  */
.blanca{
	color:#fff;
	background-image:#fff;
	background:#fff;

}

.marcgris {
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
}

.Estilolink {
	font-size: 12px;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #009933;
}
a:active {
	text-decoration: none;
}
.liniapunts {
	border: 1px solid #999999;
}
.puntejat {
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px none #999999;
	font-size: 12px;
}
.fonspag {
	background: #333333;
}
.botons {
	font: bold normal 12px Arial, Helvetica, sans-serif;
	color: #006633;
}
.barraverda {
	color: #006600;
	background-image:url(../images/interficie/fonsbarra.jpg);
	text-indent: 3pt;
	vertical-align: middle;
	white-space: nowrap;
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.form {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select.form {
	width:205px;
	margin-bottom:5px;
}
.rollogris {
	color: #666666;
	background: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.taulagral {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #006633;
	height: 15px;
	width: 920px;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;

}
.menung {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-indent: 3px;
	white-space: pre;
}


.titol neg {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-indent: 0px;
	
}

.listNews{
	margin:0px;
	padding:0px;
}

.listNews a{
	display:block;

}

.listNews li { 

	list-style: none;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
/*
Capçalera
*/
#capcalera{
	width:895px;
	height:104px;
	padding:20px 25px 0 0;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
}
#capcalera a{
	color:#99ff00;
}
#capcalera a:hover{
	color:#FFFFFF;
}
#capcalera #botlogo{
	width:570px;
	height:80px;
	float:left;
	
}

/*menu principal*/


ul#menu {  
	list-style:none;
	margin:0;
	padding:0;
	
}
	
ul#menu li {
	float:left;
	height: auto;
	background-position: bottom;
	color:#ffffff;
}
	
ul#menu li a {
	display:block;
	margin:0px;
	padding-left:10px;
	padding-top:9px;
	width:121px;
	height:55px;
	background:url(../images/interficie/fonsmenu1.jpg) no-repeat 4px 5px;
	color:#ffffff;
}
	
ul#menu li a:hover, ul#menu li a.active {
	color:#000000;
	background-image:url(../images/interficie/fonsmenu2.jpg);
	color:#CCFF00;
}





/*mes info*/

ul#mesinfo {  
	list-style:none;
	margin:0;
	padding:0;
	
}
	
ul#mesinfo li {
	float:left;
	height: auto;
	background-position: bottom;
	color:#ffffff;


}
	
ul#mesinfo li a {
	display:block;
	padding-left:10px;
	padding-top:17px;
	width:140px;
	height:32px;
	background-image:url(../images/interficie/mesinfo1.jpg);
	color:#ffffff;
	
	
}
	
ul#mesinfo li a:hover{
	color:#000000;
	background-color:#CCCCCC;	
	background-image:url(../images/interficie/mesinfo2.jpg);
	color:#CCFF00;
}

.mesinfo {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;	
	
}


/*mes info*/

/*menu artistes*/
ul#artistes {  
	list-style:none;
	margin:0;
	padding:0;
	
}
	
ul#artistes li {
	float:left;
	height: auto;
	background-position: bottom;
	color:#ffffff;


}
	
ul#artistes li a {
	display:block;
	margin:3px;
	padding-left:10px;
	padding-top:5px;
	width:90px;
	height:39px;
	background-image:url(../images/interficie/fonsmenuartistes01.jpg);
	color:#ffffff;
	
	
}
	
ul#artistes li a:hover,ul#artistes li.active a{
	color:#000000;
	background-color:#CCCCCC;	
	background-image:url(../images/interficie/fonsmenuartistes02.jpg);
	color:#CCFF00;
}


/*botó alta*/

ul#alta {  
	list-style:none;
	margin:0;
	padding:0;
	
}
	
ul#alta li {
	float:left;
	height: auto;
	background-position: bottom;
	color:#ffffff;


}
	
ul#alta li a {
	display:block;
	padding-top:13px;
	width:200px;
	height:38px;
	background-image:url(../images/interficie/fonsalta1.jpg);
	color:#ffffff;
	
	
}
	
ul#alta li a:hover {
	color:#000000;
	background-color:#CCCCCC;	
	background-image:url(../images/interficie/fonsalta1.jpg);
	color:#CCFF00;
}

.alta {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
}
ul.fitxa{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.fitxa li{
	margin:0px;
	padding:2px 0 0 0;
}
ul.fitxa li a.barraverda{
	color: #006600;
	background-image:url(../images/interficie/fonsbarra.jpg);
	padding:5px 0 5px 0;
	vertical-align: middle;
	white-space: nowrap;
	list-style: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display:block;
	width:490px;
}
ul.fitxa li a.barraverda:hover{
	color: #000000;
}
ul.fitxa li .sub{
	width:490px;
	display:none;
	padding:18px 0 16px 0;
}
ul.fitxa li .sub.active{
	display:block;
}
ul.fitxa li div.sub.gal{
	 
	text-align:center;
}
#externo{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#ext2{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	margin:-220px 0 0 -250px;
	text-align:left;
}

/*
RATINGS*/
/* TAGS */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/interficie/rating.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:65px;
height:13px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
	display: inline;
}

.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:13px;
line-height:13px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
.espacio{
	height:13px;
}


/*
CAROUSEL D'IMATGES!
*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
     width: 110px;
    height: 92px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 426px;
    padding: 00px 34px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  426px;
    height: 92px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
    height: 92px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    padding-right: 3px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}




a img{
	border:none;
}

ul.discografia,ul.audios{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.discografia li{
	float:left;
	padding:0 2px 5px 0;
	margin:0px;
}
ul.discografia li p{
	width:120px;
	font-size:12px;
	font-family:arial, verdana;
	padding:0px;
	margin:0px;
}
ul.audios li{
	padding:0 0px 0px 0;
	margin:0px;
}
ul.audios li p{
	font-size:12px;
	font-family:arial, verdana;
	padding:10px 0 5px 0;
	margin:0px;
}