/* classifica */
.rbcl-classifica li {
	display : block;
	overflow: hidden;
}

.rbcl-classifica strong {display : block;}

.rbcl-classifica li div{
	display: block;
	float: left;
	margin-right: 1%;	
}

.rbcl-immagine{
	/* width: 9%; */
	width: 15%;
	border: 1px solid #ddd;
}

.rbcl-immagine img{
	max-width: 100% !important;
	width : 100%;
	display: block;
	height: auto;	
	}


.rbcl-posizione{
	width: 9%;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	background: #efefef;
	/* padding: 10px 0; */ 
	padding: 31px 0;
	color: #353c3f;
	height: auto;
	line-height: normal;
}

.rbcl-artista-titolo {
	/* width : 57%; */
	width: 51%;
	font-size: 16px;
	padding-top: 1%;
}

.rbcl-audio{
	width : 9%;
	margin-top: 5%;
}
.rbcl-audioButton ,.rbcl-audioPausa {
	display : block;
	height : 30px;
	width : 30px;
	background : url(images/pause_play_stop_black.png) no-repeat transparent;
}

.rbcl-audioButton {background-position : center center;}
.rbcl-audioPausa {background-position : right center;}

.rbcl-audioPausa {display : none ;}

.rbcl-classifica li div.rbcl-variazione{
	float: right ;
	text-align: center;	
	width: 9%;
	margin-top: 5%;
}

.rbcl-variazione{width : 9%;}

.rbcl-variazione span{ 
	width : 30px;
	height : 30px;
	background : url(images/variazione.png) no-repeat center center transparent;	
	display : block;
	}
	
.rbcl-variazione.sale  span {background-position : left center !important;}	
.rbcl-variazione.scende  span {background-position : right center !important;}

/* =============================== RESPONSIVE CLASSIFICA =================================== */

/***** Phone (landscape 420px) *****/
@media only screen and (min-width:480px) and (max-width:767px) {

.rbcl-immagine{
	width: 20%;
}

.rbcl-posizione{
	width: 11%;
	padding: 21px 0;
}

.rbcl-artista-titolo {
	width: 40%;
	font-size: 14px;
}

.rbcl-audio{
	margin-left: 1%;
}
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width:767px) {

.rbcl-posizione{
	width: 10%;
	font-size: 16px;
	padding: 9px 0;
}

.rbcl-immagine{
	width: 14%;
}

.rbcl-artista-titolo {
	width: 57%;
	font-size: 9px;
}

.rbcl-audio{
	margin-top: 0;
	margin-left: 2%;
}

.rbcl-classifica li div.rbcl-variazione{
	width: 0;
}

}