#contenidoRadio
{
  height:100vh;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
  background: url(../img/Poster1.png);
}


/* coidgo para player*/


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #main{
    width: 75%;
    background-color:#FFF;
    border-radius: 15px;
  }
  /*
  #next{
  visibility: hidden;
}

#pre{
visibility: hidden;
}
*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#main{
width: 75%;
background-color:#FFF;
border-radius: 15px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#main{
width: 50%;
/*align-items: center;*/
background-color:#FFF;
border-radius: 15px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#main{
width: 25%;
/*align-items: center;*/
background-color:#FFF;
border-radius: 15px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#main{
width: 25%;
/*align-items: center;*/
background-color:#FFF;
border-radius: 15px;
}
}

#imgPoster img
{
height: 180px;
width: 100%;
margin-top: -5px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

#player{
padding: 25px;
padding-top: 10px;
color:#333;
}

#songTitle{
width: 100%;
text-align: center;
font-family: monospace;
font-size: 18px;
}

#buttons{
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

#play,#next,#pre{
width: 50px;
height: 50px;
border: 0;
background-color:royalblue;
border-radius: 50%;
outline: none;
cursor: pointer;
}

#next{
width: 30px;
height: 30px;
margin-left: 10px;
}

#pre{
width: 30px;
height: 30px;
margin-right: 10px;
}

#seek-bar{
width: 100%;
height: 5px;
background-color:gray;
display: flex;
border-radius: 50px;
text-align: center;
cursor: pointer;
}

#fill{
height: 5px;
background-color:royalblue;
border-radius: 20px;
}

#handle{
width: 8px;
height: 8px;
background-color:royalblue;
border-radius: 50%;
margin-left: -5px;
transform: scale(2);
}



.navegacion
{
  color: #FFF !important;
  transition: all .3s ease;
}

.navegacion:hover
{
  color: #0ebfe5 !important;
}