.play{
	background: none;
	color: white;
}
.pause{
	background: none;
	color: white;
}
.stop{
	background: none;
	color: white;
}
.down{
	background: none;
	color: white;
}
.up{
	background: none;
	color: white;
}
a.play i.img/play.png {
	
    background-image: url("btns.png");
    background-position: 0px 0;
}
a.play i.img/playrosa.png:hover {
    background-image: url("btns.png");
    background-position: 0px 40px;
}
a.pause i.fa icons fa-pause {
    background-image: url("btns.png");
    background-position: 160px 0;
}
a.pause i.fa icons fa-pause:hover {
    background-position: 160px 40px;
}
a.stop i.fa icons fa-stop {
    background-image: url("btns.png");
    background-position: 120px 0;
}
a.stop i.fa icons fa-stop:hover {
    background-position: 120px 40px;
}
a.down i.fa icons fa-volume-down {
    background-image: url("btns.png");
    background-position: 40px 0;
}
a.down i.fa icons fa-volume-down:hover {
    background-position: 40px 40px;
}
a.up i.fa icons fa-volume-up {
    background-image: url("btns.png");
    background-position: 80px 0;
}
a.up i.fa icons fa-volume-up:hover {
    background-position: 80px 40px;
}
div.reproduccion {
    margin: 0 38px;
	margin-bottom: -0.5em;
}

	audio{display:none}
	
.audiocontrols > .volume {
    height: 14px;
    position: relative;
}
.audiocontrols > .volume > .slider {
    background: none repeat scroll 0 0  #CCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 3px #333333 inset;
    display: inline-block;
    height: 10px;
    margin: -4px 10;
    position: relative;
    width: 140px;
}
	.audiocontrols > .volume > .slider > .knob{
		position:absolute;
		background: #666;
		border-radius:10px;
		width:10px;
		height:10px;
		cursor:pointer;
}