article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

svg:not(:root) {
	overflow: hidden
}
.cajaSUENA {
	transition-delay: 0.2s;
	/* animation: 3s linear 0s infinite preloaderfront; */
	background: #e0040b;
}

.cajaSUENAMobil {
	background: #333;
	border-top: #F00 1px solid;
	width: 100%;
	color: #fff;
	right: 0px;
	left: 0px;
	bottom: 0px;
	position: fixed;
}

.player {width: 100%;}

.player .playback img{
	height: 100%;
	width: 100%
}

.player .playback .play {
	background: rgba(0, 0, 0, 0) url("../img/PlayBlanco.png") no-repeat scroll -1px -210px;
	cursor: pointer;
	height: 72px;
	width: 72px;
}

.player .playback .play:hover {
	background-position: -83px -210px
}

.player .playback .stop {
	background: rgba(0, 0, 0, 0) url("../img/PlayBlanco.png") no-repeat scroll -165px -210px;
	cursor: pointer;
	height: 72px;
	width: 72px;
}

.player .playback .stop::before {
	animation: 3s linear 0s normal none infinite running playspin;
	background: transparent url("../img/PlayBlanco.png") no-repeat scroll -330px -210px;
	content: " ";
	display: block;
	height: 72px;
	width: 72px
}

.player .volume-control {
	width: 100%;
}

.player .volume-control .volume-icon {
	cursor: pointer;
	height: 28px;
	vertical-align: middle;
}

.player .volume-control .volume-icon svg {
	fill: #fff;
}

.player .volume-control .volume-slider {
	vertical-align: middle;
	width: 150px;
}

.player .volume-control .volume-slider .vol-progress {
	background: #9E9E9E none repeat scroll 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
	cursor: pointer;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 1px;
	width: 100%;
}

.player .volume-control .volume-slider .vol-progress .vol-bar {
	background-color: #ffffff;
	border-radius: 3px;
	display: block;
	height: 100%;
	position: relative;
	width: 0;
}

.player .volume-control .volume-slider .vol-progress .circle-control {
	background: transparent url("../img/PlayBlanco.png") no-repeat scroll -160px 0;
	display: block;
	height: 23px;
	position: absolute;
	right: -6px;
	top: -4px;
	transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	width: 23px;
}

.player .volume-control .volume-slider .vol-progress:hover .circle-control {
	cursor: pointer;
	opacity: 0.95
}

.player .volume-control .volume-slider .player-status {
	font-size: 10pt;
	margin-left: 0;
	margin-top: 10px;
	width: 100%
}

.player .playlists {
	background: rgba(0, 0, 0, 0) url("../img/PlayBlanco.png") no-repeat scroll 0 -340px;
	display: inline-block;
	float: right;
	height: 55px;
	margin: 6px 5px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 220px
}

.player .playlists span {
	display: block;
	font-size: 10pt;
	margin: 0 0 8px
}

.player .playlists a {
	display: inline-block;
	margin: 0 6px;
	opacity: 0.75;
	position: relative;
	top: 0;
	transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1) 0s
}

.player .playlists a:hover {
	opacity: 1;
	top: -4px;
	transform: scale(1.05)
}

@keyframes preloaderfront {
	0% {
		background-color: #da4733;
	}
	24.9% {
		background-color: #da4733;
	}
	25% {
		background-color: #3b78e7;
	}
	49.9% {
		background-color: #3b78e7;
	}
	50% {
		background-color: #fdba2c;
	}
	74.9% {
		background-color: #fdba2c;
	}
	75% {
		background-color: #159756;
	}
	100% {
		background-color: #159756;
	}
}

@keyframes playspin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes playspin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}