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


if ($lang_actual == 'es' or $lang_actual == '')
{
include 'lang_es_no_panel.php';
};

 if ($lang_actual == 'pt')
{
include 'langes_pt_no_panel.php';
};

?>
<!DOCTYPE html>
<html lang="es">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Radio en Vivo</title>
<style type="text/css">

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: <?php echo $d_color_fondo_menu ;?>!important;
	height:100vh;
	
}

i{
    color: <? echo $d_color_menu ?>;
    cursor:pointer;
    font-size: 2.3rem;
}
audio{height: 35px;max-width:160px;}

.contMarquesina:after{
content:'';
background-image: linear-gradient( rgba(255,255,255,0.1), #fff);
position:absolute;
top:0;
right:0;
width:2em;
height:100%;
z-index:900;
}

.contMarquesina:before{
content:'';
background-image: linear-gradient(#fff, rgba(255,255,255,0.1));
position:absolute;
left:0;
top:0;
width:2em;
height:100%;
z-index:900;
}
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: 10px;
            line-height: 1.1em;
            font-weight: 600;
            margin-top: 0;
            color: <?php echo $d_color_titulo?>;
            font-family: <?php echo $style_titulo ?>;
        }

p {
    font-family: <?php echo $style_bajada ?>;
    color: <? echo $d_color_menu ?>;
}


.marquesina{font-size:13px;letter-spacing:1px;margin:0 auto;padding:0.5rem;}
</style>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
			  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
			  crossorigin="anonymous"></script>
</head>



<body>

      
           <?php   include 'concha.php'; ?>
           
			<?php //include 'estilo.css'; ?>

     	<div class="container d-flex align-items-center p-2" style="height:100%;">

		 <div class="row" style="width:100%;margin:0 auto;">
		 	<div class="col-12 col-lg-8 p-0">

				
						 <? /*   <audio id="player" src="<?php echo $ip_stream ?>" type="audio/mp3"  ontimeupdate="updateProgress();"></audio> */ ?>
						    
						    
			                               <?
                               
                               $ip_stream = substr($ip_stream, -4); 
                               
                               
                               $ip_stream = "http://centova.radiosnethosting.com:$ip_stream/stream"
                               
                               
                               
                               ?><a href="<? echo $ip_stream ?>" target="_blank"> <i class="fas fa-play" onclick="togglePlay();" id="iconPlay"></i> </a>
                               
                               
			</div>

			<div class="col-4 col-lg-4 text-center d-none d-lg-flex align-items-center">
				<?php  include 'marquesina3.php'; ?>
			</div>

			</div>
  			
			
    	</div>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>         

</body>
</html>
