@font-face { font-family:"AkkuratRegular"; src: url(fonts/AkkuratRegular/AR.eot);src: url(fonts/AkkuratRegular/AR.woff) format('woff'), url(fonts/AkkuratRegular/AR.tff) format('truetype'), url(fonts/AkkuratRegular/AR.svg) format('svg');}
@font-face { font-family:"AkkuratLight"; src: url(fonts/AkkuratLight/AL.eot);src: url(fonts/AkkuratLight/AL.woff) format('woff'), url(fonts/AkkuratLight/AL.tff) format('truetype'), url(fonts/AkkuratLight/AL.svg) format('svg');}
#bodyplayer{ background-color:#f75b4c}
.player {padding: 5px 50px 5px 50px;float: left;text-align: left;width: 400px; margin-bottom: 70px; opacity:0.5; transition:all ease .5s}
.player:hover{ opacity:1 !important}
.button {display: block;width: 36px;height: 36px;float: left;margin-right: 5px; cursor:pointer; transition:all ease 0.3s}
#play{background:url(../img/play.png);} 
#pause{background:url(../img/pause.png);}
input{display:none\9!important;}
input[type="range"] {
    -webkit-appearance: none;
    display: block;
    height: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: white;
	outline: 0;
	margin-top: 14px;
	width: 150px;
	float:left;
	cursor: pointer;
}
input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 5px;
    height: 14px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #202020; /* Old browsers */
	cursor: pointer
}
.player p{font-family:"AkkuratLight"; margin: 0px; color:white; font-size: 14px; width:250px}
#Released{color: #202020}
#Title{ font-family:"AkkuratRegular"; font-size:24px}
.Tiempo{ float:left; margin: 7px 0px 0px 3px; font-family:"AkkuratLight"; color:white; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none; cursor: default; font-size: 16px; width:auto}
#Cover{border-radius: 62px; transition: all ease 0.7s; float:right; cursor:pointer}
#Cover:hover{ border-radius:0px}