@charset "utf-8";
/* CSS Document */

div.contenedor {

    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    width: 290px;
}
 
a.play i.icon-play {
    background-image: url("images/btns.png");
    background-position: 0px 0;
}
a.play i.icon-play:hover {
    background-image: url("images/btns.png");
    background-position: 0px 20px;
}
a.pause i.icon-pause {
    background-image: url("images/btns.png");
    background-position: 8px 0;
}
a.pause i.icon-pause:hover {
    background-position: 80px 20px;
}
a.stop i.icon-stop {
    background-image: url("images/btns.png");
    background-position: 60px 0;
}
a.stop i.icon-stop:hover {
    background-position: 60px 20px;
}
div.reproduccion {
    margin: 0 30px;
}
 

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    height: 30px;
    line-height: 14px;
    margin-top: 1px;
    width: 40px;
}
    audio{display:none}
 


    .audiocontrols > .volume > .slider > .knob{
        position:absolute;
        top:0;left:0;
        background:#999;
        width:7px;
        height:7px;
        cursor:pointer;
	}