/* Uba Player CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– 
button background position positioniert die button grafik
*/



#ubaplayer-fallback {
	display: none;
}

.ubaplayer-button {
	background: url("../img/btn_puente.png") no-repeat 0 6px; 
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 1px 10px 1px 25px;
	position: relative;
	width: 300px;
}

.ubaplayer-button:hover {
	background-position: 0 -34px; 
}

.ubaplayer-button.ubaplayer-playing {
	background-position: 0 -74px;
}

.ubaplayer-button.ubaplayer-playing:hover {
	background-position: 0 -114px;
}

.ubaplayer-button.ubaplayer-loading:after,
.ubaplayer-button.ubaplayer-loading:hover:after {
	background: url("../img/loading.gif") no-repeat 0 6px;
	content: " ";
	height: 28px;
	left: 0;
	position: absolute;
	text-indent: 0!important;
	top: 0;
	width: 20px;
}

#ubaplayer {
	display: none;
}





@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    .ubaplayer-button {
		background-position: 0px -72px;
		background-size: 20px 250px;
	}

	.ubaplayer-button:hover {
		background-position: 0 -108px;
	}

	.ubaplayer-button.ubaplayer-playing {
		background-position: 0 -145px;
	}

	.ubaplayer-button.ubaplayer-playing:hover {
		background-position: 0 -181px;
	}
}