body {
margin:0px;
padding:0px;
position: relative;
}

ul {
margin: 0px;
padding:0px;
list-style-type: none;
}

#destacado_archi {
width: 640px;
height: 158px;
background-image: url(../img/fondo_archi_600.jpg);
border-bottom: 1px solid #676767;
}

div.jp-interface {
width: 640px;
height: 41px;
background-image: url(../img/fondo.png);
background-repeat: no-repeat;
background-color: #c8c8c8;
}

li a.jp-play {
width: 61px;
height: 37px;
background-image: url(../img/play.png);
position: absolute;
top: 162px;
left:2px;
}

li a.jp-play:hover {
background-image: url(../img/play_on.png);
}

li a.jp-pause {
width: 61px;
height: 37px;
background-image: url(../img/pause.png);
position: absolute;
top: 162px;
left:2px;
}

li a.jp-pause:hover {
background-image: url(../img/pause_on.png);
}

li a.jp-mute {
position: absolute;
width: 8px;
height: 11px;
left:78px;
top:169px;
background-image: url(../img/mute.png);
}

li a.jp-mute:hover {
background-image: url(../img/mute_on.png);
}

li a.jp-unmute {
position: absolute;
width: 14px;
height: 11px;
left:78px;
top:169px;
background-image: url(../img/silent_on.png);
}

li a.jp-volume-max {
position: absolute;
width: 15px;
height: 11px;
left:200px;
top:170px;
background-image: url(../img/max-vol.png);
}

li a.jp-volume-max:hover {
background-image: url(../img/max-vol_on.png);
}

div.jp-volume-bar {
position: absolute;
width: 139px;
height: 7px;
background-image: url(../img/vol_bar.png);
background-repeat: no-repeat;
left:77px;
top:185px;
cursor: pointer;
}

div.jp-volume-bar-value {
position: absolute;
width: 139px;
height: 7px;
background-image: url(../img/vol_bar_max.png);
background-repeat: no-repeat;
left:0px;
top:0px;
}

#ecualizador {
position: absolute;
top:100px;
left:8px;
background-image: url(../img/eq.png);
background-repeat: no-repeat;
background-position: bottom;
width: 95px;
height: 48px;
}

#ecualizador.encendido {
background-image: url(../img/ecualizador.gif);
}