<?php 
    include 'concha.php';
    include 'concha_extras.php';

?>
<!doctype html>
<html lang="es">

<head>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title><?php echo $nombresitio ?> - EN VIVO</title>
<link rel="shortcut icon" href="../icono.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<style>
body {
            <?php
                $e = substr("$d_color_fondo",0,1);
                $e1 = substr("$d_color_fondo",0,4);
            ?>
      
            
                        background-image: url("<? echo $logo_g ?>");
                        background-attachment: fixed;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
            
               
                overflow-x: hidden;
                margin: 0 auto;
            
        }
    .btn-outline-primary{
        border: none;
        color: #222;
    }
    
    .btn-outline-primary a{
        color: #222;
    }
    
         
        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) {
            .listaPublis {
            column-count: 1;
              }
        }
         
        /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
        @media (min-width: 768px) {  
            .listaPublis {
            column-count: 2;
              }
        }
         
        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) { 
            .listaPublis {
            column-count: 3;
           }
        }
  
</style>
</head>


<body>
    <div class="container mt-4">
        <div class="row pt-4">
            <div class="col-12 text-center">
                <img class="img-fluid" src="<?php $logo_C = str_replace('http://', 'https://', $logo_C); echo $logo_C; ?>" style="max-width: 300px;"  alt="Logo"> 
            </div>
            <div class="container mt-3">
                <div class="row">
                    <div class="col-12 col-sm-12">
                        <?php // include 'mostrar_prop7.php';?>
                        <div class="text-center">
                     <?php 
        			  
            			  if ($streaming == 'aac'){ 
            			      include 'aac.php'; 
            			  }
            			  
            			  if ($streaming == 'mp3'){ 
            			      include 'mp3.php'; 
            			  }
            			  
            			  if ($streaming == 'autodj'){ 
            			      include 'autodj.php'; 
            			  }
        			  ?>
                </div>
                    </div>
               
                </div>
            </div>
            
              <div style="text-align: center;" class="col-12"> 
              <a href="<? echo $facebook ?>" target="_blank" ><img src="https://radioshosting.com/recursos/Imagenes/faceb.png" width="45" /></a>

   
 <a href="https://twitter.com/<? echo $twitter_btn ?>" target="_blank"><img src="https://radioshosting.com/recursos/Imagenes/twit.png" width="45"  /></a>
            
            </div>
            
        </div>
    </div>

         
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>