#main {
  width: 37%;
  height: 45%;
  margin-left:23%;
  margin-top: 3%;
}

#audio1 {
  width:25%
}
#controles {
  background-color: #C0C0C0;
}

#fichero {
  width: 45%;
  margin-left:23%;
  margin-top: 3%;
}

#playbutton{
  background:url("http://mannyzone.com/images/play.png" ) no-repeat;
	border:none;
	width:4%;
	height:18px;
	cursor:pointer;
	margin-top:1%;
  margin-left:1%;
  margin-right:1%;
}

#playbutton:hover{ opacity:0.8; }

#mute{
  background:url("http://help.motorola.com/hc/apps/connect/10/en-us/images/global/mdpi/mc_sound_on.png" );
	border:none;
	width:4%;
	height:18px;
	cursor:pointer;
	margin-top:1%;
  margin-left:1%;
  margin-right:1%;
}

#mute:hover{ opacity:0.8; }

#masvel{
  background:url("../fotos/fast_forward.png" );
	border:none;
	width:4%;
	height:18px;
	cursor:pointer;
	margin-top:1%;
  margin-left:1%;
  margin-right:1%;
}

#masvel:hover{ opacity:0.8; }

#menosvel{
  background:url("../fotos/rewind.png" );
	border:none;
	width:4%;
	height:18px;
	cursor:pointer;
	margin-top:1%;
  margin-left:1%;
  margin-right:1%;
}

#menosvel:hover{ opacity:0.8; }

#tiempoActual{
  margin-left:1%;
}

#duracion{
  margin-right:1%;
}

input[type='range'] {
    -webkit-appearance: none !important;
    background: #F0BE61;
	  border:#666 1px solid;
    height:4px;
    margin-top:2%;
    margin-bottom:2%;
    margin-left:1%;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: #F2F2F2;
    border:#666 1px solid;
    height:13px;
    width:10%;
	  border-radius:100%;
	  cursor:pointer;
}