<?php 
  
$alto_logo_nuevo = 150;
  
  
?>


<link rel="shortcut icon" href="<?php echo $dom ?>/icono.ico" type="image/x-icon" />
<link rel="stylesheet" href="//radioshosting.com/css/css/lightbox.min.css">
<link href="//radioshosting.com/css/delalora.css" rel="stylesheet">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"/>
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Playfair+Display" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,400,600,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:100,200,400,600,900" rel="stylesheet">      
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
      <link rel="stylesheet" href="https://montemaiz.gob.ar/css/hover-min.css"/>
      <link rel="stylesheet" href="https://radioshosting.com/css/css/lightbox.min.css">
 
        <style type="text/css">
	.zoom{
		transition: 0.5s ease;
 		-moz-transition: 0.5s ease; /* Firefox */
 		-webkit-transition: 0.5s ease; /* Chrome - Safari */
 		-o-transition: 0.5s ease; /* Opera */
	}
	.zoom:hover{
		transform : scale(1.05);
		-moz-transform : scale(1.05); /* Firefox */
		-webkit-transform : scale(1.05); /* Chrome - Safari */
		-o-transform : scale(1.05); /* Opera */
		-ms-transform : scale(1.05); /* IE9 */
	}
</style>

	




<style>
    
    .widget-head{
                            background-color: <? echo $d_color_fondo_menu?>!important;
                        }

                        .widget-title {
                            font-size: 25px;
                            font-weight: 900;
                            line-height: 1;
                            text-transform: uppercase;
                            margin-bottom: 0;
                            color:<?php echo $d_color_menu ?>;
                            font-family: <?php echo $style_titulo ?>;
                        }
        
     
    
    /*========================== profesionales =============================*/
    
    .grid-item{
        
        margin-bottom: 1em;
    }
    
    .profesionTitle{
        text-align: center;
        text-transform: uppercase;
    }
    
    .profesionTitle h5{
        font-weight: 700;
letter-spacing: 1px;
margin: 0;
border: 1px solid #d1d1d1 !important;
    border-bottom-color: rgb(209, 209, 209);
    border-bottom-style: solid;
    border-bottom-width: 1px;
border-bottom: 0 !important;
padding: 1em 0;
border-radius: 5px 5px 0 0 !important;
    }
    
      .fotoEdit {
             margin: 1em auto;
height: 120px;
width: 120px;
border-radius: 50% !important;
overflow: hidden;
         }
         
      .bloqueFoto {
             
             border:1px solid #e4e4e4 !important;
             padding:0;
             border-bottom: 0!important;
          border-top: 0!important;
         }
         
      .bloqueTexto {
             border: 1px solid #e4e4e4!important;
             padding:1em 0.7em;
             border-radius: 0 0 5px 5px !important;
             border-top:0!important;
         }
      
      .bloqueTexto h4{
          
          
         /* color: <?php echo $d_color_fondo_menu ;?>;*/
      }
      
      .bloqueTexto ul{
          
          padding: 0;
          
      }
      
      .bloqueTexto ul li p{
          
          font-size: 0.9em;
          margin: 0;
          padding: 0;
      }
      
    ul{
        list-style: none;
    }  
    
     
     .fab{
            color:#292929;
        
        }
	
	body {
<? 


$e = substr("$d_color_fondo",0,1);
$e1 = substr("$d_color_fondo",0,4);

if ($e == '#') { ?>
background-color:<? echo $d_color_fondo ?>;
<? } else { 




if ($e1 == 'http') { ?>

background-image:url(<? echo $d_color_fondo ?>); 
background-repeat:repeat; 


<? } else { ?>

background-image: url("https://recursos.radiosnethosting.com/fondos/<? echo $d_color_fondo ?>");
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

<? } ?>
<? }; ?>




	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}
	
    .navbar-nav > li > a:hover { background-color: <?php echo $d_color_menu_sobre ?> !important;
}
    
    
.navbar-nav > li > .dropdown-menu {
background-color: <?php echo $d_color_fondo_menu ?> !important;
}

.dropdown-menu > li > a {
font-family: <?php echo $style_menu ?> !important;
color: <?php echo $d_color_menu ?> !important;

}

.dropdown-menu > li > a:hover {
color:<?php echo $d_color_menu_sobre ?> !important;
 background-color: <?php echo $d_color_fondo_menu ?> !important; };


</style>

  </head>

  <body  data-spy="scroll" data-target="#nav" data-offset="<?php echo $alto_logo_nuevo ?>">

      <div class="container-fluid dsd">

          <header class="page-header" id=""><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

              <div id="principal" class="container-fluid">

                 <a href="<?php echo $dom ?>"> <img src="<?php 
							$logo_g = str_replace('https:', '',  $logo_g); 
							$logo_g = str_replace('http:', '',  $logo_g); 
							echo $logo_g; ?>"  width="960" class="img-responsive dsd" align="center" /></a>

              </div>

          </header>

        </div>     




      <div id="principal" class="container-fluid fondo_blanco" style="background-color:#FFFFFF;">
          
        <div class="navigation dsd" role="navigation" id="nav" >
          <style>
          .navbar .nav > .active > a:focus {
  	color:<?php echo $d_color_menu_sobre ?> !important;	
          </style>
          
          <style>
          .navbar-default {
    
    background: url(<?php echo $dom ?>/menu.png) !important;
    
} </style>
          
          
          <?php    include 'menu12.php';?>
          

         </div> 
          
                        <? if($funcion10 == 'si'){?>
    <div class="container my-3" style="max-width:960px;">
            <div class="row mb-3">
                <div class="col-12 text-center p-0 d-flex justify-content-center align-items-center" style="height:150px;background-image:url('https://www.argentina.gob.ar/sites/default/files/styles/jumbotron/public/2020-header-web-coronavirus-2.jpg?itok=mn2bHUNt');">
                    <a class="stretched-link" href="https://www.argentina.gob.ar/salud/coronavirus-COVID-19" target="_blank">
                        <h2>MÁS INFORMACIÓN SOBRE COVID-19</h2>
                    </a>
                </div>
                <div class="col-12 d-flex justify-content-center" style="background-color:red;">
                    
                    <div class="container-fluid p-0">
                        <div class="row">
                            <div class="col-6 col-md-3 ">
                                <ul style="list-style:none;padding:0;">
                                    <li style="list-style:none;text-align:center;"><p style="color:#ffffff;">Fecha</p></li>
                                    <li style="list-style:none;text-align:center;"><h2 class="colorTitulo info" style="color:#ffffff;"></h2></li>
                                </ul>
                            </div>
                            <div class="col-6 col-md-3 ">
                                <ul style="list-style:none;padding:0;">
                                    <li style="list-style:none;text-align:center;"><p style="color:#ffffff;">Contagios</p></li>
                                    <li style="list-style:none;text-align:center;"><h2 class="colorTitulo info2" style="color:#ffffff;"></h2></li>
                                </ul>
                            </div>
                            <div class="col-6 col-md-3 ">
                                <ul style="list-style:none;padding:0;">
                                    <li style="list-style:none;text-align:center;"><p style="color:#ffffff;">Recuperados</p></li>
                                    <li style="list-style:none;text-align:center;"><h2 class="colorTitulo info4" style="color:#ffffff;"></h2></li>
                                </ul>
                            </div>
                            <div class="col-6 col-md-3 ">
                                <ul style="list-style:none;padding:0;">
                                    <li style="list-style:none;text-align:center;"><p style="color:#ffffff;">Muertes</p></li>
                                    <li style="list-style:none;text-align:center;"><h2 class="colorTitulo info3" style="color:#ffffff;"></h2></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    
<?} else {} ?>
    <script>
        fetch("https://pomber.github.io/covid19/timeseries.json")
      .then(response => response.json())
      .then(data => {
        let yi = data["Argentina"].reverse();
        const str = yi[0].date;
        const words = str.split('-');
        $('.info').text(words[2]+'-'+words[1]+'-'+words[0]);
        $('.info2').text(yi[0].confirmed);
        $('.info3').text(yi[0].deaths);
        $('.info4').text(yi[0].recovered);
      })

    </script>