
    <!--
    .margin, .margin1 {
width: 400px;
margin:0px;
text-align:center;
padding:0;
}
#playlist, #player,  #playlist1, #player1 {
width: 400px;
padding: 20px;
margin: 0 auto;
display: block;
text-align: center;
}
#playlist, #playlist1 {
margin: 0 auto 20px auto;
display: block;
text-align: center;
font-size: 12px;
font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
font-weight: normal;
}
#player, #player1 {
padding: 10px 20px;
background: url(//lh3.googleusercontent.com/-9dx_GmP6Yeg/U06qBO9M4EI/AAAAAAAAFEY/FXrhlltF7xc/s300/bg.png);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
audio, audio1 {
width:300px;
margin:0 auto;
display: inline-block
}
#player:after, #player1::after {http://paineladm.com/arquivos/1076/logoplayer-1076-20150216121848.gif);
padding-left: 10px;
}
#playlist, #playlist1 {
background: #424242;
border-top: 5px solid #9F111B;
text-align: left;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#playlist li, #playlist ul li, #playlist1 li, #playlist1 ul li {
background-image: none;
list-style-type: none;
padding: 0;
margin: 0;
}
#playlist li a, #playlist1 li a {
color: #CCC;
background: #222;
padding: 7px 5px;
display: block;
padding-left: 10px;
text-decoration: none;
}

#playlist li a:hover, #playlist1 li a:hover{
background: #9F111B;
text-decoration: none;
}
#playlist .active a, #playlist1 .active a {
color: #B11623;
font-style: italic;
text-decoration: none;
}
#playlist .active a:before, #playlist1 .active a:before {
content: "\25B6";
color: #CCC;
font-style: normal;
padding-right: 8px;
}
#playlist .active a:hover, #playlist1 .active a:hover {
color: #222;
  }