#jp_container_1 {
width: 637px;
height: 73px;
position: relative;
border: 1px solid #d8be6a;
font-family: Arial, Helvetica, sans-serif;
}

ul.jp-controls {
list-style-type: none;
}

ul.jp-controls li a.jp-previous {
left: 14px;
background-image: url(../imagenes/reproductor/back-on.jpg);
}

ul.jp-controls li a.jp-previous, ul.jp-controls li a.jp-play, ul.jp-controls li a.jp-pause, ul.jp-controls li a.jp-stop, ul.jp-controls li a.jp-next {
top: 20px;
width: 32px;
height: 32px;
position: absolute;
text-indent: -1000px;
}

ul.jp-controls li a.jp-previous:hover {
background-image: url(../imagenes/reproductor/back-off.jpg);
}

ul.jp-controls li a.jp-play {
left: 48px;
background-image: url(../imagenes/reproductor/play-on.jpg);
}

ul.jp-controls li a.jp-play:hover {
background-image: url(../imagenes/reproductor/play-off.jpg);
}

ul.jp-controls li a.jp-pause {
left: 48px;
background-image: url(../imagenes/reproductor/pause-on.jpg);
}

ul.jp-controls li a.jp-pause:hover {
background-image: url(../imagenes/reproductor/pause-off.jpg);
}

ul.jp-controls li a.jp-next {
left: 82px;
background-image: url(../imagenes/reproductor/next-on.jpg);
}

ul.jp-controls li a.jp-next:hover {
background-image: url(../imagenes/reproductor/next-off.jpg);
}

ul.jp-controls li a.jp-stop {
left: 116px;
background-image: url(../imagenes/reproductor/stop-on.jpg);
}

ul.jp-controls li a.jp-stop:hover {
background-image: url(../imagenes/reproductor/stop-off.jpg);
}

ul.jp-controls li a.jp-mute {
position: absolute;
text-indent: -1000px;
left: 508px;
top:20px;
width: 17px;
height: 12px;
background-image: url(../imagenes/reproductor/audio-on.png);
}

ul.jp-controls li a.jp-mute:hover {
background-image: url(../imagenes/reproductor/sin-audio.png);
}

ul.jp-controls li a.jp-unmute {
position: absolute;
text-indent: -1000px;
left: 508px;
top:20px;
width: 17px;
height: 12px;
background-image: url(../imagenes/reproductor/sin-audio.png);
}

ul.jp-controls li a.jp-unmute:hover {
background-image: url(../imagenes/reproductor/unmute.png);
}

div.jp-progress {
width: 320px;
height: 5px;
background-color: #d9d9d9;
position: absolute;
top:32px;
left: 168px;
}

div.jp-seek-bar {
width: 320px;
height: 5px;
cursor: pointer;
}

div.jp-play-bar {
width: auto;
height: 5px;
background-color: #e4bb69;
position: absolute;
top:0px;
left:0px;
}

div.jp-volume-bar {
width: 120px;
height: 5px;
background-color: #dbdbdb;
position: absolute;
top:40px;
left: 505px;
cursor: pointer;
}

div.jp-volume-bar-value {
width: auto;
height: 5px;
background-color: #d7b02f;
position: absolute;
top:0px;
left:0px;
}

div.jp-current-time {
position: absolute;
left:168px;
top: 40px;
font-size: 11px;
color: #9d9ca4;
}

div.jp-duration {
position: absolute;
left:459px;
top: 40px;
font-size: 11px;
color: #9d9ca4;
}

ul.mejormusica {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

ul.mejormusica li {
	width: 127px;
	min-height: 235px;
	background-color: #e8e8e8;
	float:left;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

ul.mejormusica li:last-child {
border-right: none;
}

ul.mejormusica li img {
	margin: 5px;
}

ul.mejormusica li h6 {
padding: 12px 15px;
margin:0px;
font-size: 12px;
}

ul.mejormusica li span {
font-size: 12px;
color: #666;
font-style: italic;
padding:0px 15px;
display: block;
}

ul.mejormusica li div.mejormusicaplay {
	position: absolute;
	right:12px;
	top:87px;
	width: 32px;
	height: 32px;
	background-image: url(../imagenes/reproductor/play-foto.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.mejormusica li.activo div.mejormusicaplay {
background-image: url(../imagenes/reproductor/stop-foto.png);
}

ul.mejormusica li:hover {
background-color: #d7bd69;
cursor: pointer;
}

ul.mejormusica li.activo {
background-color: #d7bd69;
}

ul.mejormusica li.topefinal:hover {
cursor: default;
background-color: #e8e8e8;
}

div.cancionactual {
font-size: 10px;
width: 320px;
overflow: hidden;
color: #666666;
font-weight: bold;
position: absolute;
left: 170px;
top:18px;
}

div.cancionactual span {
font-weight: normal;
}
