.audioplayer {
    width: 100%;
	max-width: 480px;
    height: 50px;
    margin: 2% auto 2% auto;
    background: url(../img/CMS/BarraReproductor.png);
    background-size: contain 100%;
    background-repeat: round;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.playbutton {
    height: 50px;
    width: 50px;
    border: none;
    float: left;
    outline: none;
}

.downloadbutton {
    height: 40px;
    width: 50px;
    margin-top: 1%
    border: none;
    float: right;
    outline: none;
}

.play {
    background: url('../img/CMS/Play.png');
	cursor: pointer;
}

.pause {
    background: url('../img/CMS/Pause.png');
	cursor: pointer;
}

.download{
    background: url('../img/CMS/Btn_Descarga_vp.png');
    cursor: pointer;
    border: none;
}

.play,
.download,
.pause {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.timeline {
    width: 80%;
    height: 20px;
    margin-top: 20px;
    float: left;
    border-radius: 15px;
	background: url('../img/CMS/BarraProceso.png');
}

.timelinePodcast{
    width: 62%;
    height: 20px;
    margin-top: 15px;
    float: left;
    border-radius: 15px;
	background: url('../img/CMS/BarraProceso.png');
}

.playhead {
    width: 18px;
    height: 18px;    
    margin-top: 1px;
	background: url('../img/CMS/Indicador_BarraReproduccion.png');
	background-size: cover;
    cursor: pointer;
}

@media only screen
	and (max-width: 1768px){

.timelinePodcast{
    width: 58%;
}

}

@media only screen
	and (max-width: 1600px){

.timelinePodcast{
    width: 53%;
}

}

@media only screen
	and (max-width: 1450px){

.timelinePodcast{
    width: 48%;
}

}

@media only screen
	and (max-width: 1300px){

.timelinePodcast{
    width: 42%;
}

}

@media only screen
	and (max-width: 1200px){

.timelinePodcast{
    width: 38%;
}

}

@media only screen
	and (max-width: 1100px){

.timelinePodcast{
    width: 35%;
}

}

@media only screen
	and (max-width: 1024px){

.timelinePodcast{
    width: 52%;
}

}

@media only screen
	and (max-width: 980px){


.timelinePodcast{
    width: 49%;
}

}

@media only screen
	and (max-width: 720px){

.timeline {
    width: 70%;
}

.timelinePodcast{
    width: 70%;
}

.audioplayer{
	display:none;
}

}

@media only screen
	and (max-width: 600px){


	.timelinePodcast{
    		width: 35%;
	}

}