body {

    padding: 0;

    margin: 0;

    font-family: sans-serif;

}

    

.container {

    margin: auto;

    width: 100%; // 100%; //960px;   

}

 .top-bar{

     width: 100%; // 100%  62% para deixar menor

     height: 28px;

     /* background: #141414; */ // ; Fundo 2

     color: #888;  //  #888;  E Letra

     line-height: 30px;    

 }

 .top-bar .player-controls {

     float: center;     /* Era Left */

 }

 .top-bar .player-controls span{

     cursor: pointer;

     padding: 0 5px;

     -webkit-transition: all linear 0.2s;

 }

 .top-bar .player-controls span:hover {

     color: #EEE;

 }

 .top-bar .player-display {

     float: left;

     float: right;

     margin-left: 50px;

 }

 .top-bar .player-display .player-current-track {

     color: white;

 }

 .top-bar .player {

     float: center;

 }

 .top-bar .player-timeline {

     float: left;

     max-width: 20px;  /* Era 20 */

     width: 0px; /* Era 20 */

     height: 4px;

     margin-top: 11px; /* Era 13 */

     background: #555;

     margin-left: 5px;

 }

 .top-bar .player-timeline-control {

     height: 4px;

     background: #999;

 }