body {
  width: 98%;
  margin-top: 110px;
  margin-left: 0px;
  overflow-y: scroll;
}

BODY {
    BORDER-RIGHT: #a69d9d 8px ridge;
    BORDER-TOP: #a69d9d 8px ridge;
    BORDER-LEFT: #a69d9d 8px ridge;
    BORDER-BOTTOM: #a69d9d 8px ridge;
  }

  body {
    scrollbar-face-color: #a69d9d;
    scrollbar-highlight-color: #382a0c;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #382a0c;
    scrollbar-darkshadow-color: #382a0c;
  }

  body {
    scrollbar-face-color: #6c789b;
    scrollbar-highlight-color: #B3C7E0;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #B3C7E0;
    scrollbar-darkshadow-color: #B3C7E0;
  }

  body,
  td,
  th {
    color: #ffffff;
  }

  body {
    background-image: url();
    background-repeat: repeat;
    background-color: #000000;
  }

  a:link {
    color: #FFFFFF;
    text-decoration: none;
  }

  a:visited {
    color: #aba9a4;
    text-decoration: none;
  }

  a:hover {
    color: #ffffff;
    text-decoration: none;
  }

  a:active {
    color: #aba9a4;
    text-decoration: none;
  }

  .style16 {
    color: #ffffff
  }

  .style17 {
    color: #000000
  }

  #estilo {
    margin-left: 2%;
  }

  #home {
    margin-left: 4%;
  }

  #menu {
    margin-left: 6%;
  }
#topo {           
         position: fixed;
         background: rgba(0,0,0,1.0);
         top: 0px;  
         width: 100%;
         height: 80px;              
       }
  
 #mp3_tocador{    
    width: 5%;
    height: 25px;
  }
  #musicas{
    margin-left: 30px;
  }
#tocador {
  text-align: center;
  display: inline;
  margin-top: 0px;
  padding: 0px;
  left: 20px; 
}

.wrapper {
  display: flex;
  align-items: center;
  margin-top: 0px;
  padding: 0px;
}

.player_wrapper {
  display: flex;
  align-items: center;
  width: 95%; /* Largura desejada do player */
  height: 50px;
}


.video_player {
  display: none; /* Esconde o elemento de áudio padrão */
}

.player_controls {
  display: flex;
  align-items: center;
  margin-top: 0px;
  padding: 0px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

#play_button {
  width: 16px; /* Largura do botão de reprodução */
  height: 16px; /* Altura do botão de reprodução */
  margin-left: 5%;
}

#div_timer {
  margin: 0 3px; /* Margem entre os elementos */
}

#cuTimer,
#slashTimer,
#toTimer {
  font-size: 14px; /* Tamanho da fonte do temporizador */
  display: inline;
  margin-left: 10px;
}

#progress-bar {
  width: calc(50% - 100px); /* Largura da barra de progresso */
  height: 15px; /* Altura da barra de progresso */
  margin-left: 10px;
}

#pbar-move {
  height: 100%; /* Altura da parte preenchida da barra de progresso */
  background-color: #cccccc; /* Cor da parte preenchida da barra de progresso */
}

</style>

#div_vol {
  display: flex;
  align-items: center;
  margin-right: 5px; /* Margem direita */
}

#change_vol {
  width: 50px; /* Largura do controle de volume */
  margin-right: 5px; /* Margem direita */
}

#vol_img {
  width: 16px; /* Largura da imagem de volume */
  height: 16px; /* Altura da imagem de volume */  
  margin-left: 15px; /* Margem esquerda */
}

#info {
  width: calc(100% - 30px - 10px - 30px - 10px - 150px - 5px - 20px - 5px); /* Calcula a largura da div info */
  margin-top: 0px; /* Margem superior */
  font-size: 14px; /* Tamanho da fonte */
  padding: 0px;
  margin-left: 20px; /* Margem esquerda */
  text-align: left;
}