html, body {
padding: 0px;
margin: 0px;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
}
body {
background: black;
}
.table {
display: table;
height: 100%;
background-color: transparent;
}
.table-cell {
display: table-cell;
vertical-align: middle;
background-color: transparent;
}
#player-controles {
display: block;
width: 450px;
height: 450px;
margin: 0 auto;
float: none;
background-image: url(../img/img-radio.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.botoes {
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: -75px;
}
.botoes-volume {
position: absolute;
z-index: 999;
top: 0;
right: 0;
height: auto;
margin-top: 12px;
margin-right: 12px;
}
#player-vu-meter {
position: absolute;
z-index: 999;
bottom: 0;
right: 0;
height: auto;
margin-bottom: 12px;
margin-right: 12px;
}
#player-links {
position: absolute;
z-index: 999;
bottom: 0;
left: 0;
height: auto;
margin-bottom: 12px;
margin-left: 12px;
}
#player-links a {
opacity: .35;
}
#player-links a:hover {
opacity: 1;
}

button,  button:focus {
width: 	50px;
height:	50px;
background: rgba(0,0,0,0.5);
color: white;
border: none;
border-radius: 100%;
font-size: 16px;
outline: none;
}
button:hover {
color: gold;
background: rgba(0,0,0,0.8);
border-color: transparent;
outline: none;
} 
#play, #pause {
width: 	150px;
height:	150px;
background: rgba(0,0,0,0.5);
color: white;
border: 1px solid transparent;
border-radius: 	100%;
font-size: 	28px;
outline: none;	
}
#play:hover, #pause:hover {
	color: gold;
	background: rgba(0,0,0,0.8);
}
// body {
//   background: #0000FF;
//   margin: 0px auto;
//   overflow: hidden;
// }
// #player {
//   width:800px;
//   height:35px;
//   margin:0px auto;
// }
// #player-controles {
//   width:135px;
//   height:30px;
//   text-align:left;
//   float:left
// }
// #player-vu-meter {
//   width:100px;
//   height:30px;
//   text-align:left;
//   float:left
// }
// #player-musica {
//   width:350px;
//   height:35px;
//   text-align:left;
//   padding-top:5px;
//   float:left;
//   cursor:pointer
// }
// #player-links {
//   height:35px;
//   text-align:right;
//   padding-top:5px;
//   float:right
// }
// .marquee {
//     width:100%;
//     height:25px; 
//     overflow:hidden;
//     white-space:nowrap;
//     padding-top:5px;
// }

// .marquee span {
//     display: inline-block;
//     padding-left: 100%;
//     animation: marquee 15s linear infinite;
// }

// @keyframes marquee {
//     0%   { transform: translate(0, 0); }
//     100% { transform: translate(-100%, 0); }
// }
// .texto_padrao {
//   color: #FFFFFF;
//   font-family: Geneva, Arial, Helvetica, sans-serif;
//   font-size:11px;
//   font-weight:normal;
// }