#tocador {
    margin: 0;
    height: 440px;
/*    font: bold 14pt verdana,sans-serif;*/
    text-align: center;
}
#lstplayer {
    position: absolute;
    width: 360px;
    height: 435px;
    margin-left: 0;
    margin-top: 0;
}
#Locplayer {
    position: absolute;
    margin-top: 16px;
    margin-left: -149px;
    height: auto;
    width: 300px;
    z-index: 11;
}
.progresso {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 10px;
    width: 290px;
}

.bar-progress{
    position:absolute;margin-top:201px;height:8px;margin-left:86px;overflow:hidden;background-color:#FFF;width:177px;font-size:9px;color:#FFF;z-index:5;border:1px solid #000;
}
#lstvolled {
    position: absolute;
    vertical-align: bottom;
    width: 9px;
    height: 36px;
    margin-top: 202px;
    margin-left: 303px;
}

.jp-seek-bar {
    background-color: #787b78;
    width: 0;
    height: 5px;
    opacity: .95;
    cursor: pointer;
}

.jp-play-bar {
    background-color: red;
    width: 0;
    height: 8px;
}

#jp_container {
    height: 20px;
}
.jp-audio {
    position: absolute;
    margin-top: -18px;
    width: 100%;
    height: 10px;
}
.jp-progress {
    position: absolute;
    margin-top: 206px;
    height: 5px;
    margin-left: 11px;
    overflow: hidden;
    background-color: #CCC;
    width: 338px;
    font-size: 9px;
    color: #FFF;
    z-index: 2;
}



#outer {
    width: 3px;
    height: 35px;
    border: 1px solid #FFF;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

#inner {
    border: 1px solid #999;
    border-top-width: 0;
    background-color: #FF0;
    bottom: 0;
    height: 80%;
}
#inner, #inner div {
    width: 100%;
    overflow: hidden;
    left: -2px;
    position: absolute;
}
#inner div {
    border: 1px solid orange;
    border-bottom-width: 0;
    background-color: orange;
    top: 0;
    width: 100%;
    height: 1px;
}


.tempo {
    margin-top: 225px;
    margin-left: 124px;
    color: #CCC;
    z-index: 2;
    position: absolute;
}

.jp-current-time {
    margin-top: 5px;
    margin-left: 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    padding-right: 0px;
    height: 11px;
    float: left;
    color: #CCC;
    z-index: 2;
    position: absolute;
}
.jp-duration {
    margin-top: -16px;
    margin-left: 45px;
    color: #CCC;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    padding-left: 5px;
    height: 11px;
    position: relative;
    z-index: 2;
}

#btn-controles {
    position: relative;
    width: 340px;
    height: 46px;
    margin-top: 194px;
    margin-left: 12px;
    background-color: #000;
}
ul.player-controls {
    list-style-type: none;
    margin-left: -38px;
}
.player-controls {
    position: absolute;
    width: 331px;
    height: 35px;
    margin-top: 0;
}
.player-controls li {
    overflow: hidden;
    float: left;
    padding: 0;
    margin-left: 0;
}
.player-controls a {
    display: block;
    text-decoration: none;
    margin-left: 0;
    outline: none;
}
.play {
    background: url(/imgplayer/btn-players.png) no-repeat -47px -16px;
    width: 23px;
    height: 27px;
    margin-right: 15px;
    margin-top: 9px;
    display: block;
}
.play-on {
    background: url(/imgplayer/btn-players.png) no-repeat -1px -9px;
    margin-right: 18px;
    margin-top: 3px;
    width: 20px;
    height: 32px;
}
.ff {
    background: url(/imgplayer/btn-players.png) -75px -21px no-repeat;
    margin-top: 15px;
    display: block;
    margin-right: 15px;
    width: 20px;
    height: 20px;
}
.volume {
    background: url(/imgplayer/btn-players.png) no-repeat -102px -18px;
    width: 24px;
    height: 23px;
    margin-top: 12px;
    margin-right: 149px;
}
#lstlista {
    width: 348px;
    margin-top: -5px;
    margin-left: 0px;
    height: auto;
    text-align: left;
    background-color: #a9a4a4;
    /* padding-left: 8px; */
    padding: 6px;
    /*box-sizing: border-box;*/
    background-color: rgb(49, 49, 49);
    /*
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    */
}
#jplayer_playlist {
    height: 205px;
    margin-left: 2px;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
.lstjp-playlist {
/*  margin-left: 2px; */
    width: 341px;
/*    height: 171px;*/
    background-color: rgba(0,0,0,0.3);
    border-top: 1px solid #666;
    border: 1px solid #000;
}



/* playlist */

.art-music {
    height: 36px;
    overflow: hidden;
    background-color: #e4e5e5;
    position: relative;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #d0d0d0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 13px;
}

.art-music a{
    text-decoration: none;
    color: #383466;

}
.art-music a:hover{
    color:#fcfcfc;
}
.mouseover{
    background: none rgb(224, 206, 37);
    text-shadow: 1px 1px 1px #666!important;
    display: block;
}
.tocando{
    background: none #0C0;
    text-shadow: 1px 1px 1px #666!important;
    display: block
}
.tocando a{
    color:#fcfcfc;
}
.lstjplayer_playlist_current a {
    color: #0C0!important;
    background-image: linear-gradient(to bottom,#9A9A9A,#E8E8E8 130%)!important;
    text-shadow: 1px 1px 1px #000!important;
}
.mustoc {
    display: block;
    margin-left: 17px;
    line-height: 13px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 241px;
    margin-top: 4px;
    font-size: 12px;
    height: 11px;
}
.arttoc{
    display: block;
    position: relative;
    margin-top: 6px;
    line-height: 13px;
    margin-left: 17px;
    width: 241px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    overflow: hidden;
    color: rgb(13, 31, 13)!important;
}

.arttoc a{
    color:#FFF;
}
.exibeletra{
    background: url(/design/lletra.gif) no-repeat;
    overflow: hidden;
    display: block;
    opacity:.75;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 29px;
}
.salvemus{
    background: url(/design/salvar.png) no-repeat;
    overflow: hidden;
    display: block;
    /*opacity:.45;*/
    width: 23px;
    height: 23px;
    position: absolute;
    top: 6px;
    right: 55px;
}
.salvemus a:hover{
    opacity:.96;
}
.delmus{
    background: url(/design/apagar.png) no-repeat;
    overflow: hidden;
    display: none;
    width: 22px;
    height: 22px;
    position: absolute;
    /*background-position: -180px -108px;*/
    top: 6px;
    right: 3px;
}
.delmus a:hover{
    background: url(/design/fechar.gif) no-repeat;
    display: block;
}

/* final da playlist */

.fixar{
    position: fixed;
    margin-top: 30px !important;
}


/*

.lstjp-playlist{
    margin-left:2px;width:340px;height:171px;background-color:#333;border-top:1px solid #666
}
#lstlista{
    margin-left:8px;margin-top:8px;height:auto
}
.lstjp-playlist ul{
    list-style-type:none;margin:0;padding:0 20px;font-size:.72em
}
#lstjplayer_playlist li{
    padding:5px 0 4px 5px;line-height:11px;border-bottom:1px solid #eee
}
.lstjp-playlist-current{
    list-style-type:square;list-style-position:inside;padding-left:0
}
.lstjp-playlist a:hover{
    color:#0d88c1
}
.lstjp-playlist a.lstjp-playlist-current{color:#0d88c1}
.lstjp-playlist a.lstjp-playlist-item-remove{float:right;display:inline;text-align:right;font-weight:700;color:#666}
.lstjp-type-playlist .lstjp-playlist a.lstjp-playlist-item-remove:hover{color:#0d88c1}
.lstjp-type-playlist .lstjp-playlist span.lstjp-free-media{float:right;display:inline;text-align:right;margin-right:3px}
.lstjp-type-playlist .lstjp-playlist span.lstjp-free-media a{color:#666}
.jp-playlist{width:350px;height:196px;background-color:#333;border-top:1px solid #666}
.lstjp-type-single .lstjp-details,.lstjp-type-playlist .lstjp-details{border-top:none}
.lstjp-details .lstjp-title{margin:0;padding:5px 20px;font-size:.72em;font-weight:700}
.lstjp-playlist ul{list-style-type:none;margin:0;padding:0 20px;font-size:.72em}
#jplayer_playlist li{padding:5px 0 4px 5px;line-height:11px;border-bottom:1px solid #eee}
#jplayer_playlist{height:172px;margin-left:2px;overflow-y:scroll;scroll-behavior:smooth;}
.lstjplayer_playlist_ultimo_item{line-height:11px}
#artmus{
    width:100%;height:20px;overflow:hidden;float:left;background-image:linear-gradient(to bottom,#6A6A6A,#383838 130%)!important;position:relative;margin-left:0;margin-right:2px;border-top:solid 1px #CCC;border-bottom:solid 1px #000;font-family:"Times New Roman",Times,serif;font-size:14px
}
a.linksgerais{font-family:"Times New Roman",Times,serif;font-size:14px;color:red}
a.links{
    margin-top:1px;margin-bottom:1px;padding:0 0 0 5px;background-image:linear-gradient(to bottom,#6A6A6A,#383838 130%);width:280px;height:37px;float:left;display:block;text-align:left;text-decoration:none;color:#FFF!important
}
a.links:hover{
    color:#FF0!important;width:100%;background-color:#000!important;background-image:linear-gradient(to bottom,#000,#383838 130%)!important;border-top:solid 1px #FFF;border-bottom:solid 1px #FFF
}
a.del{
    width:20px;height:17px;margin-right:10px;float:right;vertical-align:middle;display:block;background-image:linear-gradient(to bottom,#6A6A6A,#383838 130%)!important;color:#FFF!important
}
a.del:hover{
    color:#FF0!important;background-color:#000!important
}
.art{width:280px;height:35px;display:block;background-color:#666;float:left}
.lstjplayer_playlist_current a{color:#0C0!important;background-image:linear-gradient(to bottom,#9A9A9A,#E8E8E8 130%)!important;text-shadow:1px 1px 1px #000!important}
#btn-controles{position:relative;width:345px;height:46px;margin-top:197px;margin-left:-20px}
.player-controls{position:absolute;width:345px;height:50px;margin-top:0;margin-left:-30px;z-index: 1010}
.player-controls a{display:block;text-decoration:none;margin-left:0}
.player-controls ul{overflow:hidden;width:335px;margin-top:0;margin-left:0;list-style-type:none}
ul.player-controls{list-style-type:none;margin-left:0}
.player-controls li{overflow:hidden;float:left;padding:0;margin-left:0}
.rw{background:url(/design/botoes-tocador-acesos.png) 0 -9px no-repeat;margin-top:6px;margin-left:0;display:block;width:52px;height:40px}
.ff{background:url(/design/botoes-tocador-acesos.png) -130px -9px no-repeat;margin-top:6px;display:block;width:52px;height:40px}
.play{background:url(/design/botoes-tocador-acesos.png) -56px -9px no-repeat;margin-top:6px;display:block;width:72px;height:40px}
.play-on{background:url(/design/botoes-tocador-acesos.png) -56px -55px no-repeat;margin-top:5px;display:block;width:72px;height:40px}
.menosvol{background:url(/design/botoes-tocador-acesos.png) -184px -9px no-repeat;margin-top:6px;display:block;width:47px;height:40px}
.maisvol{background:url(/design/botoes-tocador-acesos.png) -231px -9px no-repeat;margin-top:6px;display:block;width:47px;height:40px}
.repete{background:url(/design/botoes-tocador-acesos.png) -280px -1px no-repeat;display:block;width:52px;height:23px}
.repete-on{background:url(/design/botoes-tocador-acesos.png) -280px -49px no-repeat;display:block;width:52px;height:23px}
.randomico{background:url(/design/botoes-tocador-acesos.png) -280px -27px no-repeat;position:absolute;display:block;width:50px;height:23px;margin-top:24px;margin-left:-52px!important}
.randomico-on{background:url(/design/botoes-tocador-acesos.png) -280px -75px no-repeat;position:absolute;display:block;width:52px;height:23px;margin-top:24px;margin-left:-52px!important}
#divCarregando{position:absolute;top:26px;left:179px;padding:5px;line-height:11px;color:#000;display:block;width:340px;background:#000;opacity:.75;z-index:5}


.css3button{
    font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fcfcfc;padding:1px 14px;background:-moz-linear-gradient(top,#fff 0%,#5f9ad9 50%,#3680cf 50%,#2362cf);background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.50,#5f9ad9),color-stop(0.50,#3680cf),to(#2362cf));-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:2px solid #004480;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);text-shadow:0 -1px 0 rgba(000,000,000,0.7),0 1px 0 rgba(195,224,247,0.7)
}
.css3button:hover{
    background:-moz-linear-gradient(center top,#1e62d0 19%,#3d94f6 86%);background:-ms-linear-gradient(top,#1e62d0 19%,#3d94f6 86%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6');background:-webkit-gradient(linear,left top,left bottom,color-stop(19%,#1e62d0),color-stop(86%,#3d94f6));background-color:#1e62d0
}

.css3buttonOff{
    font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fcfcfc;width:44px;height:20px;padding:1px 14px;background:-moz-linear-gradient(top,#fff 0%,#5f9ad9 50%,#3680cf 50%,#2362cf);background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.50,#5f9ad9),color-stop(0.50,#3680cf),to(#2362cf));-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:2px solid #004480;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);box-shadow:0 1px 3px rgba(000,000,000,0.6),inset 0 0 2px rgba(254,252,255,0.3);text-shadow:0 -1px 0 rgba(000,000,000,0.7),0 1px 0 rgba(195,224,247,0.7)
    background:-moz-linear-gradient(center top,#1e62d0 19%,#3d94f6 86%);background:-ms-linear-gradient(top,#1e62d0 19%,#3d94f6 86%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6');background:-webkit-gradient(linear,left top,left bottom,color-stop(19%,#1e62d0),color-stop(86%,#3d94f6));background-color:#1e62d0;
pointer-events: none;cursor: default; text-decoration: none;    
}

#btns {
    margin-top: -4px;
    width: 357px;
    height: 30px;
    background-position: top;
    padding-left: 4px;
    float: right;
    display: block;
    background-color: #3255a466;
}
#btn-options {
    width: 100%;
    height: 23px;
    margin-top: 1px;
    padding: 0;
}
#btn-options  li{display:block}
#btn-options  li a{float:left;font:9pt arial;line-height:20px;color:#FFF;text-align:center;vertical-align:text-bottom;text-decoration:none}

.art-music {
    height: 36px;
    overflow: hidden;
    background-color: #e4e5e5;
    position: relative;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #d0d0d0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 13px;
   
}