#play { float: left; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 100; background-color: #444444;}
#play .jp-audio { float: left; width: 100%;}

#play .legal { float: left; width: 100px; margin: 0 0 0 20px; font-size: 0.9em; color: #FF6363; line-height: 1;}

#play .controles { float: left; width: 98%; padding: 10px 1% 5px;}
#play .controles .jp-controls { margin: 0 auto; width: 120px; position: relative; padding-inline-start: 0;}
#play .controles .jp-controls li { display:inline; float: left;}
#play .controles .jp-controls a { display: block; padding: 0; overflow: hidden; font-size: 0; background-position: 50%; background-repeat: no-repeat; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#play .controles .jp-controls .jp-previous { float: left; width: 40px; height: 40px; background-image: url('../sons/imagens/novo-previous.png'); outline: 0;}
#play .controles .jp-controls .jp-play { float: left; width: 40px; height: 40px; background-image: url('../sons/imagens/novo-play.png'); outline: 0;}
#play .controles .jp-controls .jp-pause { float: left; width: 40px; height: 40px; background-image: url('../sons/imagens/novo-pause.png'); outline: 0;}
#play .controles .jp-controls .jp-next { float: left; width: 40px; height: 40px; background-image: url('../sons/imagens/novo-next.png'); outline: 0;}
#play .controles .jp-controls .jp-stop { display: none;}

#play .controles .jp-volume-controls { float: left; margin: 12px 0 0;}
#play .controles .jp-volume-controls img { float: left; width: 17px;}
#play .controles .jp-volume-bar { float: left; width: 100px; height: 10px; margin-top: 3px; margin-left: 5px; background-color: #FFFFFF; overflow: hidden; cursor: pointer; display: block !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#play .controles .jp-volume-bar-value { float: left; height: 10px; background-color: #777777; display: block !important;}

#play .controles .jp-toggles { float: left; padding: 0; margin: 5px 0 0; display: none;}
#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('../sons/imagens/repeat.png') 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-repeat:hover { background: url('../sons/imagens/repeat.png') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off { background: url('../sons/imagens/repeat.png') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off:hover { background: url('../imagens/repeat.png') 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-shuffle { background: url('../sons/imagens/shuffle.png') 0 0px no-repeat; margin: 1px 0px 0px 5px; }
#play .controles .jp-toggles .jp-shuffle:hover { background: url('../sons/imagens/shuffle.png') 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-shuffle-off { background: url('../sons/imagens/shuffle.png') 0px -14px no-repeat; margin-left: 5px; }
#play .controles .jp-toggles .jp-shuffle-off:hover { background: url('../sons/imagens/shuffle.png') 0px 0px no-repeat;}

#play .controles .jp-progress { position: absolute; width: 100%; top: 0; left: 0;}
#play .controles .jp-progress .marca { float: left; width: 100%;}
#play .controles .jp-progress .marca .jp-seek-bar { float: left; height: 3px; background-color:#222222; overflow: hidden; cursor:pointer;}
#play .controles .jp-progress .marca .jp-play-bar { float: left; height: 3px; background-color:#111111; overflow: hidden;}
#play .controles .jp-progress .jp-current-time { position: absolute; top: 23px; right: 57px; font-weight: bold; font-size: 12px; color: #ffffff;}
#play .controles .jp-progress .jp-duration { position: absolute; top: 23px; right: 4px; font-weight: bold; font-size: 12px; color: #ffffff;}
#play .controles .jp-progress .jp-barra { position: absolute; top: 23px; right: 42px; font-weight: bold; font-size: 12px; color: #ffffff;}

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

@media only screen and (max-width: 1000px){
	#play .controles .jp-volume-controls { display: none;}
	#play .legal { margin: 0;}
}
@media only screen and (max-width: 500px){
	#play .legal { width: 90px;}
}