/*::::::::::::::::::RESPONSIVO:::::::::::::::::::*/


/*::::::::::::::::::DESKTOPS:::::::::::::::::::*/
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    
/* INICIA EFECTO HOVER MENU*/    
    #responsive{
        display: none;
    } 
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 0 0 0.1% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
    z-index: 100;
}

}


/*::::::::::::::::::LAPTOPS:::::::::::::::::::*/

/* 
  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
    #responsive{
        display: none;
    } 
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 0% 0 0.1% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
    z-index: 100;
}
    
}



/*::::::::::::::::::TABLETS IPAD PORTRAIT:::::::::::::::::::*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    
    body{
        background: #000 !important;
    }
    
  .menu{
        display: none;
    } 
    
    
    .main{
        display: none
    }
    
    .color_programa{
        color: #fff !important;
    }
    
     .live_responsive{
        width: 100%;
        /* height: 472px; */
        height: 70vh; 
    }
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 2% 0 14% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
}
   
}


/*::::::::::::::::::TABLETS IPAD LANDSCAPE:::::::::::::::::::*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
     body{
        background: #000 !important;
    }


.menu{
        display: none;
    }
    
.main{
        display: none
    }
    
    
    
    .color_programa{
        color: #fff !important;
    }
    
     .live_responsive{
        width: 100%;
        /* height: 472px; */
        height: 70vh; 
    }
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 2% 0 14% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
}
   


  
}

/*::::::::::::::::::TABLETS TABLETS Y MOBILES LANDSCAPE:::::::::::::::::::*/
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    
      body{
        background: #000 !important;
    }

    .menu{
        display: none;
    }
   
    .main{
        display: none
    }
    
    .color_programa{
        color: #fff !important;
    }
    
     .live_responsive{
        width: 100%;
        /* height: 472px; */
        height: 70vh; 
    }
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 2.5% 0 14% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
}
   

}


/*::::::::::::::::::TABLETS TABLETS MOBILES LANDSCAPE:::::::::::::::::::*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    
    body{
        background: #000 !important;
    }
    
  
 .menu{
        display: none;
    }
    
    
.main{
        display: none
    }
    
.color_programa{
        color: #fff !important;
    }

    .live_responsive{
        width: 100%;
        /* height: 472px; */
        height: 70vh; 
    }
    
    .back_logo_radio{
    background: #fff;
    padding: 2%;
}

.cont_radio_vivo{
    background: #da012c;
    padding: 2%;
    color: #fff;
    text-align: center;
    margin: 3% 0 3% 0;
    
}

.reproductor_radio {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #da012c;
    color: white;
    text-align: center;
    padding: 2.5% 0 14% 0;
    -webkit-box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35); 
    box-shadow: -1px -5px 16px -2px rgba(255,255,255,0.35);
}
    
    
   
}


/*TERMINA RESPONSIVO*/



#slidy-container { 
  width: 70%; overflow: hidden; margin: 0 auto;
}

.fixpublicidad{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.copyr_responsive {
    width: 100%;
    height: 35vh;
}