

<style>


:lang("es-ar");

html *
{
   font-size: large;
   color: black;
   font-family: Helvetica;
}

body {
  font-size: 140%;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: black; 
  background-color: white;
  margin: 0 auto;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing; antialiased;
  
/* ponerlo así hace que no lo ejecute jeje:   */
  alink="#000099";
  link="#000099";
  vlink="#990099";
}



  
  
  /* agrego 2023/11/08 cambiando algunas cositas de títulos tipo h1 h2 etc, y max-height en foto de presentación, la 1ra ue se ve al principio */
  
  h1 {
    font-size:130%;
  }
  
  h2 {
    font-size:110%;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 1%;
  }
  
  
  /* Fin agrego 2023/11/08 cambiando algunas cositas de títulos tipo h1 h2 etc, y max-height en foto de presentación, la 1ra ue se ve al principio */
  
  
  /* agrego 2023/11/08 para hacer la galería de fotos tipo carrusel: */
  
  img {
    vertical-align: middle;
  }
  
  /* Position the image container (needed to position the left and right arrows) */
  .container {
    position: relative;
    background-color: rgb(211, 211, 211);
  }
  
  /* Hide the images by default */
  .mySlides {
    display: none;
    height: 80%;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: lightgrey;
  }
  
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }
  
  /* Next & previous buttons */
  .prevNext {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: auto;
    padding: 16px;
    color: white;
    background-color: brown;
    font-weight: bold;
    font-size: 20px;
    border-radius: 3px 3px 3px 3px;
    user-select: none;
    -webkit-user-select: none;
    
  }
  
  

  /* On hover, add a black background color with a little bit see-through */
  .prevNext:hover {
    opacity: 1;
    background-color: darkred;
  }
  
  /* Container for image text */
  .caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
  
  
  }
  
  .row {
    content: "";
    display: table;
    clear: both;
    background-color: lightgrey;
    width: 100%;
  }
  
  /* Six columns side by side */
  .column {
    float: left;
    width: 16%;
    height: 12.5vw;
    padding: 0.33%;
    display: table-column;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    opacity: 0.6;
    width: 100%;
    max-height: 12.5vw;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }
  
  /* Fin agrego 2023/11/08 para hacer la galería de fotos tipo carrusel: */

</style>