@font-face {
    font-family: 'avgardd';
    src: url('../font-face/avgardd-webfont.eot');
    src: url('../font-face/avgardd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font-face/avgardd-webfont.woff') format('woff'),
         url('../font-face/avgardd-webfont.ttf') format('truetype'),
         url('../font-face/avgardd-webfont.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avgardn';
    src: url('../font-face/avgardn-webfont.eot');
    src: url('../font-face/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font-face/avgardn-webfont.woff') format('woff'),
         url('../font-face/avgardn-webfont.ttf') format('truetype'),
         url('../font-face/avgardn-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
height:100%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFF;
	/* background-image:url(../media/bgs-web/bgw3.jpg);
	background-repeat:no-repeat;
	background-position: center 73px; */
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
}
td,th{
	font-family: Arial, Helvetica, sans-serif;
}
a{
color:#0b457c;
text-decoration:underline;
}

h1{
	float: left;
	padding-right: 5px;
	font-family: 'avgardn';
	font-size: 49px;
	color: #FFFFFF;
	background: #343434;
	line-height: 43px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.titolseccio h2{
	float: left;
	padding-right: 5px;
	font-family: 'avgardn';
	font-size: 49px;
	color: #FFFFFF;
	background: #343434;
	line-height: 35px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 8px;
}

.clear-both{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

h3{
color:#555;
}
a:hover{
color:#333;
text-decoration:underline;
}
form{
margin:0px;
padding:0px;
}
select,textarea,input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border:none;
	color:#000;
	background-color:#dedede;
	margin:0px;
	padding:0px;
}
input,textarea{
	background-image:url(../img/bg_input.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#dedede;
	padding:4px;
	border:solid 1px #0b457c;
}
input.boto{
background-image:none;
background-color:#0b457c;
color:#FFF;
padding:4px 4px 3px 4px;
}
checkbox{
margin:0px;
padding:0px;
}
p{
margin:0px 0px 3px 0px;
}

ul{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
ul li{
margin:0px 0px 0px 0px;
list-style-type: none;
}


#contenidor{
	min-height:100%;
	position:relative;

}

#contenidor #cabecera{
	height:72px;
	background-image:url(../img/bg_cabecera.png);
	background-repeat:repeat-x;
	border-bottom:solid 1px #cbcbcb;
}
#contenidor #cabecera .int{
	width:955px;
	margin:auto;
}
#contenidor #cabecera #logoweb{
margin-left:20px;
}
#contenidor #cabecera #menu{
	width:725px;
	float:right;
	text-align:right;
}
#contenidor #cabecera #menu a{
	float: left;
	padding: 22px 10px 0px 10px;
	margin-left: 4px;
	margin-right: 5px;
	color: #A0A0A0;
	font-size: 17px;
	font-family: 'avgardn';
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}
#contenidor #cabecera #menu a:hover{
	color:#FAFAFA;
}
#contenidor #cabecera #menu .active{
	font-weight: bold;
	margin-right:2px;
}
#contenidor #cabecera #menu img{
	float:left;
}
#contenidor #central{
	background-image:url(../img/bg_shadow1.png);
	background-repeat:repeat-x;
	height:100%;
	padding-bottom:74px;   /* Height of the footer */
}
#contenidor #central #menuidioma{
	width:955px;
	margin:auto;
	text-align:right;
	padding:9px 0px 9px 0px;
}
#contenidor #central #menuidioma a{
background-color:#535353;
padding:2px 2px 2px 2px;
color:#c5c5c5;
font-size:10px;
margin-left:1px;
text-decoration:none;
}
#contenidor #central #menuidioma a:hover{
background-color:#282828;
color:#c5c5c5;
}
#contenidor #central #menuidioma .selected{
background-color:#282828;
color:#c5c5c5;
}

#barcontrols{
text-align:right;
padding:5px 0px 5px 0px;
}
#barcontrols a{
background-color:#8c8c8c;
padding:5px 10px 5px 10px;
color:#CCC;
font-size:10px;
border-left:solid 1px #FFF;
text-decoration:none;
}
#barcontrols a:hover{
background-color:#333333;
color:#FFF;
}
#barcontrols .activeLI{
background-color:#5d5d5d;
color:#FFF;
}
#barcontrols a:focus {
outline: none;
}
#barmenuchanels{
height:1px;
}
.bgchanel1{
background-image:url(../img/colbar_crister.png);
background-repeat:repeat-y;
}
.bgchanel3{
background-image:url(../img/colbar_dance.png);
background-repeat:repeat-y;
}
.bgchanel5{
background-image:url(../img/colbar_pop.png);
background-repeat:repeat-y;
}
.bgchanel4{
background-image:url(../img/colbar_latin.png);
background-repeat:repeat-y;
}
.bgchanel2{
background-image:url(../img/colbar_media.png);
background-repeat:repeat-y;
}
.bgchanel6{
background-image:url(../img/colbar_studio.png);
background-repeat:repeat-y;
}
.bgchanel7{
background-image:url(../img/colbar_chill.png);
background-repeat:repeat-y;
}

.color1{
color:#999999;
}
.color2{
color:#009ee0;
}
.color3{
color:#e2007a;
}
.color4{
color:#e74a20;
}
.color5{
color:#e2001a;
}
.color6{
color:#0929b7;
}
.color7{
color:#0dbf55;
}


#contenidor #pie{
	position:absolute;
	bottom:0;
	width:100%;
	height:74px;
	background-image:url(../img/bg_pie.png);
	background-repeat:repeat-x;
	color:#999898;
	font-size:10px;
}
#contenidor #pie a{
	color:#000000;
	text-decoration:none;
}
#contenidor #pie .int{
	width:955px;
	margin:auto;
	padding-top:15px;
}
#contenidor #pie #peu1de2{
width:380px;
border-left:dotted 1px #e4e4e4;
height:57px;
}
#contenidor #pie #peu2de2{
float:right;
width:554px;
text-align:right;
border-right:dotted 1px #e4e4e4;
height:57px;
padding-right:10px;
}
#contenidor #pie #textcredits{
padding-top:10px;
padding-right:10px;
width:310px;
text-align:left;
}
#contenidor #pie #socialtips{
padding-top:10px;
padding-left:10px;
width:220px;
float:right;
text-align:right;
border-left:dotted 1px #e4e4e4;
}
#contenidor #pie #socialtips a{
margin-left:5px;
float:left;
}

#contenidor #pie #colaboradores{

}
#contenidor #pie #colaboradores a{
padding:10px 10px 0px 10px;
float:left;
border-right:dotted 1px #e4e4e4;
}

#contingut{
	width:955px;
	margin:auto;
	height:100%;
	/* background-image:url(../img/bg_ffffff_80.png); */
	background-repeat:repeat;
}
#contingut p{
line-height:20px;
margin-bottom:5px;
}
.bgtransparent{
/*
background-image:url(../img/bg_ffffff_80.png);
background-repeat:repeat;
*/
clear:both;
background: rgba(250,250,250,.8);
}

.bgtransparentPad{
/*
background-image:url(../img/bg_ffffff_80.png);
background-repeat:repeat;
*/
background: rgba(250,250,250,.8);
padding:20px;
}
.col1de1{
	padding:20px 0px 20px 20px;
	clear:both;
}
.col1de2{
	padding:20px;
	width:425px;
}
.col2de2{
	padding:20px;
	width:425px;
	float:right;
}

.col1de2v2{
	width:550px;
}
.col2de2v2{

	width:404px;
	float:right;
}
.col1de2v3{
	padding:20px;
	width:290px;
}
.col2de2v3{
	padding:20px;
	width:570px;
	float:right;
}

.col1de2v4{
	padding:20px;
	width:600px;
}
.col2de2v4{
	padding:20px;
	width:170px;
	float:right;
}
.col1de2v5{
	width:500px;
}
.col2de2v5{

	width:454px;
	float:right;
}
.col1de2v6{
	width:400px;
}
.col2de2v6{

	width:554px;
	float:right;
}
.moduleNews{
}
.titolseccio{
margin-bottom:10px;
}
.titolseccio img{
background-color:#343434;
}
.subtitol{
font-size:16px;
margin-bottom:15px;
font-weight:bold;
}
.subtitol span{
color:#FFF;
background-color:#666;
padding:3px 3px 3px 3px;
}

.noticia{
padding-bottom:10px;
border-bottom:dotted 1px #999;
margin-bottom:10px;
}
.noticia .data{
width:100px;
float:right;
color:#666;
text-align:right;
font-size:11px;
}
.noticia .tipus img{
border:none;
}
.noticia .cos{
padding-top:5px;
font-size:14px;
}
.noticia .titular{
padding-top:5px;
font-size:16px;
}
.noticia .opcions{
text-align:right;
}
.moduleNews .opcions{
text-align:right;
}
.noticia .imatge{
float:left;
margin-right:10px;
}
.noticia .bird{
	background-image:url(../img/bird.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:25px;
}
#twitter_div {

}
#twitter_div li{
	background-image:url(../img/bird2.png);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding: 2px 2px 2px 28px;
list-style-type: none;
	background-color:#d6f3ff;
	margin-bottom:1px;
}

.boto{
background-color:#0b457c;
color:#FFF;
font-size:11px;
padding:1px 5px 2px 5px;
text-decoration:none;
border:none !important;
}
.boto:hover{
background-color:#777777;
color:#FFF;
text-decoration:none;
}


.textPetit{
font-size:11px;
}


#CabeceraApartado{
padding:20px  20px 0px 20px;
margin-bottom:20px;
}
#CabeceraApartado img{
background-color:#323232;
}


.inline{
margin: 0;
padding: 0;
list-style-type: none;
}
.inline li{
display: inline;
padding-right:1px;
}
.inline img{
background-color:#FFF;
padding:0px 15px 2px 15px;
}
.inline .selected{
background-color:#323232;
}

.submenu{
margin: 0;
padding: 0;
list-style-type: none;
margin-left:20px;
margin-bottom:50px;
}
.submenu li {
float:left;
margin: 0;
padding: 0;
display: inline;
padding-right:1px;
font-weight:bold;
font-size:14px;


}
.submenu li a{
background-color:#dddddd;
padding:7px 20px 12px 20px;
color:#000;
text-decoration:none;
}
.submenu li a:hover{
background-color:#323232;
color:#FFF;
text-decoration:none;
	background-image:url(../img/bullet_down.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.submenu li .selected{
background-color:#323232;
color:#FFF;
text-decoration:none;
	background-image:url(../img/bullet_down.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.aliform{
margin-bottom:5px;
}
.aliform label {
float: left;
padding-top:4px;
width:150px;
}
.obligatori{
color:#FF0000;
}
.listamenulat{
font-size:16px;
}
.listamenulat li{
margin-bottom:11px;
}
.listamenulat a{
padding:5px 15px 5px 10px;
background-color:#DDD;
text-decoration:none;
color:#666;
}
.listamenulat a:hover{
background-color:#999;
color:#FFF;
	background-image:url(../img/bullet_down.png);
	background-repeat:no-repeat;
	background-position:right;
}
.listamenulat .selected{
background-color:#999;
color:#FFF;
	background-image:url(../img/bullet_down.png);
	background-repeat:no-repeat;
	background-position:right;
}

.listalinks{
font-size:14px;
}
.listalinks li{
	margin-bottom:5px;
}
.listalinks a{
padding:2px 5px 2px 5px;
background-color:#426e81;
text-decoration:none;
color:#FFF;
	padding-left:20px;
	background-image:url(../img/bullet1.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
}
.listalinks a:hover{
background-color:#333;
}



.fitxaArtista{
	background-image:url(../img/bg_fitxa.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:20px 20px 20px 70px;
}
.fitxaArtista .nom{
font-size:36px;
}
.fitxaArtista .categoria{
font-size:11px;
}
.fitxaArtista .text{
margin-top:10px;
}
.fitxaArtista .laurl{
font-size:12px;
margin-top:5px;
}
.fitxaArtista .fotofitxa{
width:140px;
float:right;
padding:0px 0px 20px 20px;
}
.fitxaArtista .fotofitxa2{

}
.fitxaArtista .song{
margin-bottom:10px;
font-size:14px;
}
.fitxaArtista a{
text-decoration:none;
}
.creditos ul{
list-style:circle;
}
.creditos li{
margin-left:20px;
list-style:circle;
margin-bottom:10px;
}

.titol_categoria{
background-color:#EEE; text-align:center; padding:10px 20px 10px 20px; font-size:14px; clear:left; margin-bottom:10px; color:#888;"
}

.graella_marcas div{
width:60px;
height:60px;
display: inline;
margin:0px 10px 10px 0px;
vertical-align: middle;
}
.graella_marcas img{
vertical-align: middle;
padding:7px;
}

.portprod{
float:left; margin-right:1px;
height:228px;
width:184px;
}
.portprodtext{
padding:0px 15px 0px 15px;
}

.llistaElements li{
margin-bottom:15px;
}
.awards li{
	background-image:url(../img/icon_award.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:30px;
}
.creditos{
font-size:10px;
}
.creditos .elemento{
border-bottom:solid 1px #DDD;
padding-bottom:5px;
margin-bottom:5px;
}

.recomendaciones{
float:right;
background-color:#aee3f0;
width:200px;
padding:20px;
margin:0px 0px 20px 20px;
font-size:11px;
}
.recomanacio{
border-bottom:dotted 1px #FFF;
padding:5px 0px 5px 0px;
}
.slideshow a{
text-decoration:none;
}
.recomanacio .fuente{
margin-top:10px;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
}
.recomanacio .destacados{
margin-top:3px;
font-weight:bold;
}
.recomanacio .titol{
font-size:16px;
}
.recomanacio .cos{
font-size:18px;
color:#666;
font-weight:bold;
}
.recomanacio .data{
margin-top:3px;
font-style: italic;
color:#666;
}
.recomanacio .comillas1{
padding-right:10px;
border:none;
}
.recomanacio .comillas2{
float:right;
border:none;
}

.fitxaProjecte{
border-bottom:solid 1px #EEE;
padding-bottom:10px;
margin-bottom:10px;
}
.fitxaProjecte .titol{
font-size:16px;
font-weight:bold;
}
.fitxaProjecte .autor{
font-size:11px;
margin-bottom:10px;
}
.fitxaProjecte .imatge{
float:left;
width:100px;
height:100px;
margin-right:30px;
}
.fitxaProjecte .taula{
font-size:11px;
}
.fitxaProjecte .taula td{
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;
font-size:11px;
}
.fitxaProjecte .taula{
color:#333;
background-color:#EEE;
}
.fitxaProjecte .taula .dest{
background-color:#DDD;
color:#666;
text-align:left;
}
.fitxaProjecte .demo{
margin-bottom:5px;
}
.fitxaProjecte .demo a{
background-color:#0b457c;
color:#FFF;
font-size:11px;
padding:1px 5px 2px 5px;
text-decoration:none;
border:none !important;
}
.fitxaProjecte .demo a:hover{
background-color:#777777;
color:#FFF;
text-decoration:none;
}
.elementgraellaartista{
float:left; width:140px; color:#666; margin-right:13px; font-size:12px;
}
.artistaselected{
width:110px;
color:#FFF;
background-color:#333;
}
.titolgraellaartista{
padding:0px 0px 2px 4px;
}
.textDestacat1{
font-size:20px;
color:#9e1cb3;
}
.botoDestacat1{
background-color:#9e1cb3;
color:#FFF;
font-size:16px;
padding:5px 5px 5px 5px;
text-decoration:none;
border:none !important;
}
.botoDestacat1:hover{
color:#FFF;
background-color:#777777;
text-decoration:none;
}

.textDestacat2{
font-size:20px;
color:#154eac;
}
.botoDestacat2{
background-color:#154eac;
color:#FFF;
font-size:16px;
padding:5px 5px 5px 5px;
text-decoration:none;
border:none !important;
}
.botoDestacat2:hover{
color:#FFF;
background-color:#777777;
text-decoration:none;
}


table{

}
table td{
border-right:solid 1px #FFF;
border-bottom:solid 1px #FFF;

}
table{
color:#333;
background-color:#EEE;
}
table .dest{
background-color:#DDD;
color:#666;
text-align:left;
}

.llistaNormal{
margin-left:10px;
}
.llistaNormal li{
	margin:0px 0px 0px 0px;
	padding-left:20px;
	list-style-type: none;
	background-image:url(../img/bullet2.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
}


.prod_menu_normal{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.prod_menu_over{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}