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

  body {
    scrollbar-face-color: #999999;
    scrollbar-highlight-color: #FFE5EA;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #D0C3BA;
    scrollbar-darkshadow-color: #FFE5EA;
  }

  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: #0000FF;
    text-decoration: none;
  }

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

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

  .style16 {
    color: #ffffff
  }

  .style17 {
    color: #000000
  }

  #estilo {
    margin-left: 2%;
  }

  #home {
    margin-left: 4%;
  }

  #menu {
    margin-left: 6%;
  }


  #mp3_tocador{
    
    width: 45%;

  }
  #musicas{
    margin-left: 30px;
  }
  #tocador {
    position: absolute;
    width:45%;
    height: 115px;
    top: 80px;
    right: 50px;
    z-index: 12;
    background-color: #000000;
  }

  #player_controls {
    position: relative;
    background-color: black;
    padding: 10px 0 10px 5px;
    width: 100%;
    height: 30px;
    left: 0;
    
  }

  input[type="image"] {
    position: absolute;
    height: 23px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
  }

  #cuTimer {
    font-size: 0.8rem;
    color: #fff;
    position: absolute;
    left: 45px;
    top: 20px;
  }

  #slashTimer {
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 80px;
    top: 18px;
  }

  #toTimer {
    font-size: 0.8rem;
    color: #fff;
    position: absolute;
    left: 90px;
    top: 20px;
  }

  #progress-bar {
    position: absolute;
    left: 35%;
    top: 22px;
    width: 25%;
    z-index: 2;
    cursor: pointer;
  }

  progress {
    border-radius: 100px 100px 100px 100px;
    height: 10px;
  }

  progress::-webkit-progress-bar {

    border-radius: 100px 100px 100px 100px;
    background-color: #fff;
  }
  progress::-webkit-progress-value {
    border-radius: 100px 100px 100px 100px;
    background-color: #999999;
  }
  progress::-moz-progress-bar {
    border-radius: 100px 100px 100px 100px;
    background-color: #fff;
  }


  #vol_img {
    position: absolute;
    width: 18px;
    cursor: pointer;
  }

  #div_vol {
    position: absolute;
    width: 27%;
    right: 20px;
    top: 17px;
    z-index: 1;
  }

  input[type="range"] {
    position: absolute;
    left: 25px;
    width: 70%;
    cursor: pointer;
  }