#play { float: left; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1000;}
#play .controles { float: left; width: 98%; padding: 18px 1% 14px; background-color: #000000;}
#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?a=10"); margin-left: 8px; outline: 0;}
#play .controles .jp-controls .jp-pause { position: absolute; width: 75px; height: 75px; top: -38px; background: url("../imagens/som5.png?a=10"); margin-left: 8px; outline: 0;}
#play .controles .jp-controls .jp-previous { float: left; width: 24px; height: 24px; background: url("../imagens/som1.png"); outline: 0;}
#play .controles .jp-controls .jp-next { float: left; width: 24px; height: 24px; background: url("../imagens/som2.png"); margin-left: 91px; outline: 0;}
#play .controles .jp-controls .jp-stop { float: left; width: 24px; height: 24px; background: url("../imagens/som3.png"); 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: #FFFFFF; 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: #990000; 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) 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-repeat:hover { background: url(../imagens/repeat1.png) 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off { background: url(../imagens/repeat1.png) 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-repeat-off:hover { background: url(../imagens/repeat1.png) 0px 0px no-repeat; }
#play .controles .jp-toggles .jp-shuffle { background: url(../imagens/shuffle1.png) 0 0px no-repeat; margin: 1px 0px 0px 5px; }
#play .controles .jp-toggles .jp-shuffle:hover { background: url(../imagens/shuffle1.png) 0px -14px no-repeat; }
#play .controles .jp-toggles .jp-shuffle-off { background: url(../imagens/shuffle1.png) 0px -14px no-repeat; margin-left: 5px; }
#play .controles .jp-toggles .jp-shuffle-off:hover { background: url(../imagens/shuffle1.png) 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:#FFFFFF; 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:#990000; 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: #FFFFFF;}
#play .controles .jp-progress .jp-duration { float: left; font-size:12px; color: #FFFFFF;}
#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 { float: left;}
#play .controles .chave .ops { float: left; margin-left: 5px; font-weight: bold;}

#play .controles .oucaagora { position: absolute; top: 21px; right: 5%; color: #CC0000; text-transform: uppercase; font-size: 0.9em; font-weight: bold;}
#play .controles .oucaagora { animation: pisca 2s; animation-iteration-count: 1000;}

#play .jp-playlist { float:left; width:99.8%; height: 0; overflow: auto; background-color: #FFFFFF;}
#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 #CCCCCC;}
#play .jp-playlist li:hover { background-color:#DEDEDE;}
#play .jp-playlist .jp-playlist-item { font-size: 1em; color: #000000; outline: 0;}
#play .jp-playlist .jp-playlist-current { background-color:#DEDEDE;}
#play .jp-playlist a { float:left; padding:8px 0; text-decoration:none; font-size:1em; color: #000000; display:block;}

#play .jp-playlist a em { position: absolute; top: 14px; left: 10px; padding: 11px 15px 9px; background-color: #000000; font-style: normal; font-weight: bold; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#play .jp-playlist a strong { margin: 0 0 0 50px; font-weight: normal;}
#play .jp-playlist a b { margin: 0 0 0 50px; font-weight: normal; color: #555555; font-size: 0.9em;}

#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"); 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");}

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

@media only screen and (max-width: 1200px) {
	#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: 800px) {
	#play .controles .oucaagora { width: 132px; top: 12px; text-align: right; font-size: 0.8em;}
}
@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;}
}

@keyframes pisca{
	0% { opacity: 1;}
	25% { opacity: 0;}
	50% { opacity: 1;}
	75% { opacity: 0;}
	100% { opacity: 1;}
}