#play { float: left; width: 100%; position: fixed; bottom: 0; z-index: 150;}
#play .controles { float: left; width: 98%; padding: 18px 1% 14px; background-color: #AAEA16;}
#play .controles .jp-controls { float:left; position: relative; padding: 0; margin: 0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0px; -webkit-padding-start:0px;}
#play .controles .jp-controls li { display:inline; float: left; }
#play .controles .jp-controls a { display: block; padding: 0; overflow: hidden; font-size: 0;}
#play .controles .jp-controls .jp-play { position: absolute; width: 75px; height: 75px; top: -38px; background: url("../imagens/som4.png?v4") 50% no-repeat; margin-left: 8px; outline: 0;}
#play .controles .jp-controls .jp-pause { position: absolute; width: 75px; height: 75px; top: -38px; background: url("../imagens/som5.png?v4") 50% no-repeat; margin-left: 8px; outline: 0;}
#play .controles .jp-controls .jp-previous { float: left; width: 24px; height: 24px; background: url("../imagens/som1.png?v2") 50% no-repeat; outline: 0;}
#play .controles .jp-controls .jp-next { float: left; width: 24px; height: 24px; background: url("../imagens/som2.png?v2") 50% no-repeat; margin-left: 91px; outline: 0;}
#play .controles .jp-controls .jp-stop { float: left; width: 24px; height: 24px; background: url("../imagens/som3.png?v2") 50% no-repeat; margin-left: 8px; outline: 0;}
#play .controles .jp-volume-controls { float: left; margin-top: 5px; margin-left: 3%;}
#play .controles .jp-volume-controls img { float:left; width: 17px; }
#play .controles .jp-volume-bar { float: left; width: 200px; height: 10px; margin-top: 3px; margin-left: 5px; background-color: rgb(0 0 0 / 30%); overflow: hidden; cursor: pointer; display: block !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#play .controles .jp-volume-bar-value { float: left; height: 10px; background-color: #FF751F; display: block !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#play .controles .jp-toggles { float: left; padding: 0; margin: 5px 0 0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0px; -webkit-padding-start:0px; margin-left: 3%;}
#play .controles .jp-toggles li { display:block; float:right; }
#play .controles .jp-toggles li a { display:block; width:16px; height:14px; text-indent:-9999px; line-height:100%;}
#play .controles .jp-toggles .jp-repeat { background: url('../imagens/repeat1.png?v2') 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-repeat:hover { background: url('../imagens/repeat1.png?v2') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off { background: url('../imagens/repeat1.png?v2') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off:hover { background: url('../imagens/repeat1.png?v2') 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-shuffle { background: url('../imagens/shuffle1.png?v2') 0 0px no-repeat; margin: 1px 0px 0px 5px; }
#play .controles .jp-toggles .jp-shuffle:hover { background: url('../imagens/shuffle1.png?v2') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-shuffle-off { background: url('../imagens/shuffle1.png?v2') 0px -14px no-repeat; margin-left: 5px; }
#play .controles .jp-toggles .jp-shuffle-off:hover { background: url('../imagens/shuffle1.png?v2') 0px 0px no-repeat;}
#play .controles .jp-progress { float: left; margin-top: 5px; margin-left: 3%;}
#play .controles .jp-progress .marca { float: left; width: 200px; margin: 3px 10px 0;}
#play .controles .jp-progress .marca .jp-seek-bar { float: left; height: 10px; background-color:rgb(0 0 0 / 30%); overflow: hidden; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#play .controles .jp-progress .marca .jp-play-bar { float: left; height: 10px; background-color:#171717; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#play .controles .jp-progress .jp-current-time { float: left; font-size:12px; color: #000000;}
#play .controles .jp-progress .jp-duration { float: left; font-size:12px; color: #000000;}
#play .controles .chave { float: right; position: relative; cursor: pointer;}
#play .controles .chave .abriPlay { float: left; color: #FFFFFF;  z-index: 100;}
#play .controles .chave .abriPlay.esconde { display: none;}
#play .controles .chave .fechaPlay { float: left; color: #FFFFFF; display: none;}
#play .controles .chave .fechaPlay.exibi { display: block;}
#play .controles .chave .ico { display: none; float: left;}
#play .controles .chave .ops { float: left; margin-left: 5px; font-weight: bold; color: #171717;}
#play .jp-playlist { float:left; width:99.8%; height: 0; overflow: auto; background-color: #171717;}
#play .jp-playlist.ativa { height: 300px;}
#play .jp-playlist ul { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0;}
#play .jp-playlist li { position: relative; overflow: hidden; padding: 8px 1% 5px; border-bottom: 1px solid #111111;}
#play .jp-playlist li:hover { background-color:#111111;}
#play .jp-playlist .jp-playlist-item { font-size: 1em; color: #FF751F; outline: 0;}
#play .jp-playlist .jp-playlist-current { background-color:#111111;}
#play .jp-playlist a { float:left; padding:8px 0; text-decoration:none; font-size:1em; color: #f4f339; display:block;}
#play .jp-playlist .denuncia { float: right; padding: 7px 10px 0 0; font-size: 0.8em;}
#play .jp-playlist .baixar { float: right !important; width: 30px; height: 30px; margin-top: 3px; background: url("../imagens/icoDown1.png?v1"); padding: 0; font-size: 0;}
#play .jp-playlist .tocar { position: absolute; width: 30px; height: 30px; top: 10.5px;right: 52px; background: url("../imagens/icoTocar1.png?v1");}

#jp_container_4523 { float: left; width: 100%;}

@media only screen and (max-width: 1000px) {
	#play .controles .jp-volume-controls { display: none;}
	#play .controles .jp-progress .marca { width: 100px;}
	#play .jp-playlist .tocar { right: 40px;}
}
@media only screen and (max-width: 550px) {
	#play { bottom: -35px;}
	#play .controles .jp-progress { width: 100%; margin-top: 20px; margin-left: 0;}
	#play .controles .jp-progress .marca { width: 147px;}
}
@media only screen and (max-width: 450px) {
	#play .controles .jp-toggles { display: none;}
}
@media only screen and (max-width: 300px) {
	#play .controles .jp-controls .jp-stop { display: none;}
}