<?php 
    if($_SESSION['id_user'] == "" ){
        echo '
			<script>
				window.location = "/login"
			</script>
        ';
    }
?>

<div id="maestro" class="e_web">
	<a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones" style="left: 10%; " id="diabetes">DIABETES</button></a>
	<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones" style="left: 32%; " id="cardio">CARDIOLOGÍA</button></a>
	<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones" style="left: 53%; " id="neuro">NEURO-VASCULAR</button></a>

	<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones" style="left: 75%; " id="angels">ANGELS E<br>INFORMACIÓN MÉDICA</button></a>
	<img src="<?php echo $url; ?>/img/aerea.jpg" width="100%" id="img_muestra">
</div>

<div class="e_movil" align="center">
	<img src="<?php echo $url; ?>/img/aerea.jpg" width="100%" style="margin-bottom: 15px">
    <a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil" >DIABETES</button></a>
	<a href="<?php echo $url; ?>/stand/2"><button type="button" class="btn btn-light botones_movil" >CARDIOLOGÍA</button></a>
	<a href="<?php echo $url; ?>/stand/3"><button type="button" class="btn btn-light botones_movil" >NEURO-VASCULAR</button></a>
	<a href="<?php echo $url; ?>/stand/4"><button type="button" class="btn btn-light botones_movil" >ANGELS E INFORMACIÓN MÉDICA</button></a>
	
</div>


<style>
	.botones{
		position: absolute;
		border-radius: 30px;
		font-size: 11px;
		padding: 5px 20px;
		font-weight: bold;
        box-shadow: 0px 3px 0px #a2a2a2;
	}
    
    .botones_movil{
		border-radius: 30px;
        width: 90%;
        font-size: 11px;
        padding: 5px 20px;
        font-weight: bold;
        box-shadow: 0px 3px 0px #a2a2a2;
        margin-bottom: 10px;
	}
</style>
	
<script>
$( document ).ready(function() {
	$("#maestro").height( $("#img_muestra").height() );
    
    alto = $(window).width() * 0.37;
    
    $("#diabetes").css("top", (alto*0.42) ); 
    $("#cardio").css("top", (alto*0.3) ); 
    $("#neuro").css("top", (alto*0.3) ); 
    $("#angels").css("top", (alto*0.44) ); 

});
	
$( window ).resize(function() {
	$("#maestro").height( $("#img_muestra").height() );
});
	
</script>