@import url('https://fonts.googleapis.com/css2?family=Unna:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

body{
  margin-top:70px;
}
.navbar {
  overflow: hidden;
  background-color: #F5F8FA;
  font-family: Arial, Helvetica, sans-serif;
  width:100%;
  margin:0px;
  position:fixed;
  z-index:1000;
  top:0px;
}

#logu{
  float:left;
}

#logu:hover{
  background:none;
}

.navbar a {
  float: right;
  font-size: 12px;
  color: black;
  margin-top:5px;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

.navbar a:hover{
  font-weight:bold;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown-content a:hover{
  font-weight:bold;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 12px;  
  border: none;
  outline: none;
  color: black;
  padding: 26px 16px;
  z-index:1000;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



.dropdown-content {
  display: none;
  position: fixed;
  background-color: #F5F8FA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index:1000;
}

.dropdown-content a:hover {
  background-color: #ddd;
  font-weight:bold;
  z-index:1000;
}

.show {
  display: block;
  z-index:1000;
}


.introback{
  height:700px;
  width:100%; background:url("https://i.ibb.co/TgrJ8Ng/Fondo-Inicio.jpg");
  background-size:cover;
  margin-top:0px;
  position:relative;
  top:0;
  
}

.fotos{
  width:55%;
  margin-top:80px;
  left:60px;
  position:absolute;
}



.cajacursos{
  width:45%;
  position:absolute;
  left:50%;
  top:130px;
  background:blue;
  background: url("https://i.ibb.co/99XpwGM/Group1.png");
  background-size:100%;
  
}

.cajacursos:hover{
  background:url("https://i.ibb.co/P9ymQgt/Group2.png");
  background-size:100%;
  
}


.parent {
display: grid;
  margin:auto;
 margin-top:50px;
  width:80%;
  position:relative;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: px;
}

.div1 { grid-area: 1 / 1 / 2 / 2;  }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }

.inside{
  z-index:999;
  background:blue;
  background: url("https://i.ibb.co/7WggR9C/img1.png");
  background-size:100%;
  background-repeat:no-repeat;
  width:200px;
  margin:auto;
  height:250px;
  margin-top:-120px;
  border-radius:20px;
}

.inside:hover{
 background: url("https://i.ibb.co/7WggR9C/img1.png");
  background-position: 0px -280px;
  
}

#caja2{
 margin-top:-90px;
 background: url("https://i.ibb.co/GnmM7n0/img2.png"); 
}

#caja2:hover{
 background: url("https://i.ibb.co/9V2xbh3/img2.png"); 
  background-position: 0px -280px;
}

#caja3{
  background: url("https://i.ibb.co/NsSt93D/img3.png");  
}

#caja3:hover{
  background: url("https://i.ibb.co/NsSt93D/img3.png");
  background-position: 0px -280px;
}

#caja4{
 margin-top:-90px;
 background: url("https://i.ibb.co/2Yxx1dL/img4.png"); 
}

#caja4:hover{
 background: url("https://i.ibb.co/2Yxx1dL/img4.png"); 
  background-position: 0px -280px;
}


.parent2{
  padding-top:70px;
display: grid;
  margin:auto;
  width:80%;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div11 { grid-area: 1 / 1 / 2 / 2; }
.div12 { grid-area: 1 / 2 / 2 / 3;}

.vertodo{
  margin:auto;
  margin-top:20px;
  padding:15px 5px 15px 5px;
  border: 1px solid black;
  border-radius:50px;
  width:100px;
  text-align:center;
  font-family: 'Open Sans';
}

.vertodo:hover{
  border: 1px solid #467497;
  background: #467497;
  color:white;
}


.slider{
  width:80%;
  margin:auto;
  height:500px;
  overflow:scroll;
  overflow:hidden;
  float:left;
    padding-bottom:50px;
  
}

.slider-inner{
  width:1550px;
  height:400px;
  margin-top:50px;
  
}


.arrow{
  width:10%;
  float:left;
  margin:auto;
  text-align:center;
  margin-top:200px;
  cursor:pointer;
}

#right{
  transform: rotateY(180deg);
}



#cajaone{
  opacity:0;
}


.card{
  height:350px;
  width:350px;
  margin-left:30px;
  border-radius:20px;
  background: #F2F9FD;
  position:relative;
  transition:0.5s;
}

.card:hover{
box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.75);
-webkit-box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.75);
-moz-box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.75);
  margin-top:-20px;
  transition:0.5s;
}

.card p{
  position:absolute;
  padding:20px;
  font-family:'Open Sans';
  font-size:14px;
  color:#2EA2DC;
  font-weight:bold;
}

.card h1{
  position:absolute;
  top:50px;
  left:20px;
  font-family:'Unna';
  font-size:36px;
  color:black;
  width:100px;
  
}

.buttonslider{
  background:white;
  position:absolute;
  top:250px;
  left:20px;
  padding:10px 20px;
  border-radius:20px;
  border:1px solid black;
  font-family:'Open Sans';
  font-size:12px;
}

.buttonslider:hover{
  background:#467497;
  color:white;
  border: 1px solid #467497;
}

.imgcard{
  height:350px;
  width:110px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/intro-a-la-ciberseguridad.jpg");
  background-repeat:no-repeat;
  background-size:600px;
  background-position:-320px -10px;
  right:0;
  position:absolute;
  
}

#imgcard{
  
}
#imgcard2{
  background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/Gestion-riesgos-cumplimiento.jpg");
    background-repeat:no-repeat;
  background-size:500px;
  background-position:-210px -10px;
  
}
#imgcard3{
     background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/ia-aplicada-marketing-hoteler%C3%ADa-gastronom%C3%ADa.jpg");
    background-repeat:no-repeat;
  background-size:500px;
  background-position:-210px -10px;
}
#imgcardlast{
    background:url("https://i.ibb.co/ZB9c1VL/4.png");
    background-repeat:no-repeat;
  background-size:500px;
  background-position:-210px -10px;
}

.div11 h1{
  font-family:Unna;
}

.div11 span{
  text-decoration:underline;
  text-decoration-color:#008DD4;
}

.semifooter {
    height: 250px;
    width: 100%;
    background: url("https://i.ibb.co/xsrgP2m/Fondo-Celeste.png");
    float: left;
    position: relative;
    margin-top: -187px;
    z-index: 999;
}

.semifooter h1{
  padding:50px 80px 0px 80px;
  color:white;
  font-family:Unna;
}

.semifooter p{
  padding: 0px 80px;
  color:white;
  font-family: 'Open Sans';
  font-size: 16px;
}

@media (max-width:1060px) {
  .parent{
    width:100%;
  }
}

@media (max-width:900px) {
  .cajacursos{
    width:60%;
    left:33%;
  }
}

@media (max-width:726px) {
  .cajacursos{
    width:80%;
    left:10%;
  }
}

@media (max-width:860px) {
  .parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 100px;
    width:60%;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
}

@media (max-width:740px) {
  .parent{
    width:80%;
  }
}

@media (max-width:560px) {
  .parent{
    width:100%;
  }
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: -200px;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}



body{
  margin-top:150px;
}
.navbar {
  overflow: hidden;
  background-color: #F5F8FA;
  font-family: Arial, Helvetica, sans-serif;
  width:100%;
  margin:0px;
  position:fixed;
  z-index:999;
  top:0px;
}

#logu{
  float:left;
}

#logu:hover{
  background:none;
}

.navbar a {
  float: right;
  font-size: 12px;
  color: black;
  margin-top:5px;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

.navbar a:hover{
  font-weight:bold;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown-content a:hover{
  font-weight:bold;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 12px;  
  border: none;
  outline: none;
  color: black;
  padding: 26px 16px;
  z-index:1000;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



.dropdown-content {
  display: none;
  position: fixed;
  background-color: #F5F8FA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index:1000;
}

.dropdown-content a:hover {
  background-color: #ddd;
  font-weight:bold;
  z-index:1000;
}

.show {
  display: block;
  z-index:1000;
}




.titlecursos h1{
  font-family:Unna;
  text-decoration:underline;
  text-decoration-color:#008DD4;
}

.parent22 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.div21 { grid-area: 1 / 1 / 2 / 2; }
.div22 { grid-area: 1 / 2 / 2 / 3; }
.div23 { grid-area: 1 / 3 / 2 / 4; }
.div24 { grid-area: 1 / 4 / 2 / 5; }
.div25 { grid-area: 2 / 1 / 3 / 2; }
.div26 { grid-area: 2 / 2 / 3 / 3; }
.div27 { grid-area: 2 / 3 / 3 / 4; }
.div28 { grid-area: 2 / 4 / 3 / 5; }
.div29 { grid-area: 3 / 1 / 4 / 2; }


@import url('https://fonts.googleapis.com/css2?family=Unna:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

.card-curso{
  height:380px;
  width:220px;
  border-radius:30px;
  position:relative;
  margin:auto;
  
}

.img-curso{
  height:210px;
  width:100%;       background:url("https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/ia-aplicada-marketing-hoteler%C3%ADa-gastronom%C3%ADa.png");
  background-size:320px;
  background-position: -50px 0px;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
}

.card-curso h1{
  font-family: 'Unna';
  font-size:24px;
  font-weight:bold;
  padding: 0px 10px;
  width:100%;
}
.card-curso p{
  font-family: 'Open Sans';
  font-size:12px;
  font-weight:bold;
  padding: 0px 10px;
  color: #4DAFE1;
}

.button-card-curso{
  border: 1px solid #02395B;
  padding:7px 7px;
  width:110px;
  position:absolute;
  left:10px;
  text-align:center;
  font-size:12px;
  border-radius:50px;
  background:white;
  color: #02395B;
  font-family: 'Open Sans';
}

.button-card-curso:hover{
  background:#02395B;
  color:white;
}

#imgc2{
  background:url("https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/intro-a-la-ciberseguridad.png");
  background-size:550px;
  background-position: -100px -20px;
 
}

#imgc3{
  background:url("https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/Gestion-riesgos-cumplimiento.png");
  background-size:550px;
  background-position: -100px -80px;
 
}

#imgc4{
  background:url(" https://i.ibb.co/SNFMYfW/curso3.png");
  background-size:360px;
  background-position: -50px -20px;
 
}

#imgc5{
  background:url(" https://i.ibb.co/y0xpWkZ/curso4.png");
  background-size:360px;
  background-position: -50px -20px;
 
}

#imgc6{
  background:url(" https://i.ibb.co/pKbSm5N/curso5.png");
  background-size:360px;
  background-position: -50px -20px;
 
}

#imgc7{
  background:url(" https://i.ibb.co/CshF2Qk/curso6.png");
  background-size:550px;
  background-position: -150px -100px;
 
}

#imgc8{
  background:url(" https://i.ibb.co/bbcHSH3/curso7.png");
  background-size:550px;
  background-position: -155px -100px;
 
}

#imgc9{
  background:url("https://i.ibb.co/wWGmJ83/curso2.png");
  background-size:360px;
  background-position: -100px -10px;
 
}
#imgc9a{
  background:url("https://i.ibb.co/tLbtjkN/curso8.png  ");
  background-size:550px;
  background-position: -160px -50px;
 
}
#imgc11{
  background:url("https://i.ibb.co/YTLYXPs/curso9.png");
  background-size:550px;
  background-position: -200px -100px;
 
}

#imgc12{
  background:url("https://i.ibb.co/LJ3Tz5V/certificado2.png");
  background-size:550px;
  background-position: -200px -80px;
 
}




#imgm000{
  background:url("https://i.ibb.co/SNFMYfW/curso3.png");
  background-size:550px;
  background-position: -155px -100px;
 
}

#imgm1{
  background:url(" https://i.ibb.co/T014X99/master1.png");
  background-size:550px;
  background-position: -155px -100px;
 
}


#imgm2{
  background:url(" https://i.ibb.co/w7fF78R/master2.png");
  background-size:550px;
  background-position: -155px -100px;
 
}

#imgm3{
  background:url(" https://i.ibb.co/4jHHhJj/master3.png");
  background-size:550px;
  background-position: -155px -100px;
 
}


#imgm4{
  background:url(" https://i.ibb.co/G9KSyRk/master4.png");
  background-size:550px;
  background-position: -155px -100px;
 
}

#imgce1{
  background:url(" https://i.ibb.co/wp3ZGcs/certificado1.png");
  background-size:550px;
  background-position: -155px -100px;
 
}


#imgce2{
  background:url(" https://i.ibb.co/LJ3Tz5V/certificado2.png");
  background-size:500px;
  background-position: -155px -100px;
}

#imgts1{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/turismosostenibleestrategiasysolucionesanteelcambioclimatico.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep2{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/elbienestarcomodiferenciadorinnovacionytendenciasenserviciosdealojamiento.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep3{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/spaybienestarprofesionalizacionenlabusquedadelasatisfacciondelturista.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep4{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/herramientasdefidelizaciondeequiposdetrabajo.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep5{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/inteligenciaartificialenciberseguridadparahoteler%C3%ADagastronomiayturismo.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep6{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/principiosdesostenibilidadenserviciosdealimentosybebidas.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

#imgsep7{
  background:url(" https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/controlfinancieroydestockestrategiasparamaximizarrentabilidadengastronomiayhoteleria.jpg");
  background-size:500px;
  background-position: -155px -100px;
}

@media (max-width:1060px) {
  .parent22 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.div21 { grid-area: 1 / 1 / 2 / 2; }
.div22 { grid-area: 1 / 2 / 2 / 3; }
.div23 { grid-area: 1 / 3 / 2 / 4; }
.div24 { grid-area: 2 / 1 / 3 / 2; }
.div25 { grid-area: 2 / 2 / 3 / 3; }
.div26 { grid-area: 2 / 3 / 3 / 4; }
.div27 { grid-area: 3 / 1 / 4 / 2; }
.div28 { grid-area: 3 / 2 / 4 / 3; }
.div29 { grid-area: 3 / 3 / 4 / 4; }
}


@media (max-width:840px) {
  .parent22 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.div21 { grid-area: 1 / 1 / 2 / 2; }
.div22 { grid-area: 1 / 2 / 2 / 3; }
.div23 { grid-area: 2 / 1 / 3 / 2; }
.div24 { grid-area: 2 / 2 / 3 / 3; }
.div25 { grid-area: 3 / 1 / 4 / 2; }
.div26 { grid-area: 3 / 2 / 4 / 3; }
.div27 { grid-area: 4 / 1 / 5 / 2; }
.div28 { grid-area: 4 / 2 / 5 / 3; }
.div29 { grid-area: 5 / 1 / 6 / 2; }
}

@media (max-width:560px) {
  .parent22 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(9, 1fr);
grid-column-gap: 0px;
grid-row-gap: 20px;
}

.div21 { grid-area: 1 / 1 / 2 / 2; }
.div22 { grid-area: 2 / 1 / 3 / 2; }
.div23 { grid-area: 3 / 1 / 4 / 2; }
.div24 { grid-area: 4 / 1 / 5 / 2; }
.div25 { grid-area: 5 / 1 / 6 / 2; }
.div26 { grid-area: 6 / 1 / 7 / 2; }
.div27 { grid-area: 7 / 1 / 8 / 2; }
.div28 { grid-area: 8 / 1 / 9 / 2; }
.div29 { grid-area: 9 / 1 / 10 / 2; }
}


.parent33 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: px;
}

.div31 { grid-area: 1 / 1 / 2 / 2; }
.div32 { grid-area: 1 / 2 / 2 / 3; }
.div33 { grid-area: 1 / 3 / 2 / 4; }
.div34 { grid-area: 1 / 4 / 2 / 5; }



.certificado{
  width:80%;
  margin:auto;
  border-radius:20px;
  background:#467497;
}


.parent44 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
 padding:20px;
}

.div41 { grid-area: 1 / 1 / 2 / 2; }
.div42 { grid-area: 1 / 2 / 2 / 3; }
.div43 { grid-area: 1 / 3 / 2 / 4; }

.certificado h1{
  font-family:'Open Sans';
  color:white;
  width:80%;
  margin:auto;
  padding:10%;
  font-size:26px;
}

.certificado p{
  font-family: 'Open Sans';
  color:white;
  font-size:14px;
  width:80%;
  margin:auto;
  padding:10%;
  padding-top:0;
}

.hcerti {
    
    padding: 0!important;
    left: 0;
    margin: 0px!important;
    font-family: 'Unna'!important;
  ;
}

.pcerti {
    
    margin: 0px 0px!important;
    padding: 5px 0px!important;
  font-size:12px!important;
}


@media (max-width:1020px) {
  .parent44 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.div41 { grid-area: 1 / 1 / 2 / 3; }
.div42 { grid-area: 2 / 1 / 3 / 2; }
.div43 { grid-area: 2 / 2 / 3 / 3; }
}

@media (max-width:670px) {
  .parent44 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 20px;
}

.div41 { grid-area: 1 / 1 / 2 / 2; }
.div42 { grid-area: 2 / 1 / 3 / 2; }
.div43 { grid-area: 3 / 1 / 4 / 2; }
}


@media (max-width:1110px) {
  .parent33 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
    width:80%;
    margin:auto;
}

.div31 { grid-area: 1 / 1 / 2 / 2; }
.div32 { grid-area: 1 / 2 / 2 / 3; }
.div33 { grid-area: 2 / 1 / 3 / 2; }
.div34 { grid-area: 2 / 2 / 3 / 3; }
}


@media (max-width:630px) {
  .parent33 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 20px;
}

.div31 { grid-area: 1 / 1 / 2 / 2; }
.div32 { grid-area: 2 / 1 / 3 / 2; }
.div33 { grid-area: 3 / 1 / 4 / 2; }
.div34 { grid-area: 4 / 1 / 5 / 2; }
}

body{
  margin-top:70px;
}
.navbar {
  overflow: hidden;
  background-color: #F5F8FA;
  font-family: Arial, Helvetica, sans-serif;
  width:100%;
  margin:0px;
  position:fixed;
  z-index:1000;
  top:0px;
}

#logu{
  float:left;
}

#logu:hover{
  background:none;
}

.navbar a {
  float: right;
  font-size: 12px;
  color: black;
  margin-top:5px;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

.navbar a:hover{
  font-weight:bold;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown-content a:hover{
  font-weight:bold;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 12px;  
  border: none;
  outline: none;
  color: black;
  padding: 26px 16px;
  z-index:1000;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



.dropdown-content {
  display: none;
  position: fixed;
  background-color: #F5F8FA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index:1000;
}

.dropdown-content a:hover {
  background-color: #ddd;
  font-weight:bold;
  z-index:1000;
}

.show {
  display: block;
  z-index:1000;
}


.container-curso{
  height:600px; background:url("https://i.ibb.co/xsggCV7/Fondo-Cursos.jpg");
  background-size:cover;
  background-repear:no-repeat;
  position:relative;
  padding-top:70px;
  
}


.nombre{
  width:40%;
  background:#02426A;
  border-radius:20px;
  left:10%;
  z-index:999;
  position:absolute;
  padding-bottom:90px;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto{
  width:50%;
  height:300px; background:url("https://meca.ues21.edu.ar/fehgra/Imagenesmicrositio/pexels-michael-burrows-7129682.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto1{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/ciberseguridad.jpg");
  background-size:cover;
  background-position: 0px -60px;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto2{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/imagen8.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto3{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/imagen9.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto4{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/customexperience.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto5{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/desarrolloorganizacional.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto6{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/elartedelanegociacion.jpg");
  background-size:cover;
  background-position: 0px -40px;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto7{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/elbienestardelasorganziaciones.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto8{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/equiposdetrabajogestion.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto9{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/gerenciamientodeproyectos2.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto10{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/liderazgo40.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto11{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/marketingycomunicacion1.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto12{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/nuevoliderazgo1.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto13{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/organizacionessaludables.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto14{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/ospsicosociales.png");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto15{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/sustentabilidadhotelera.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto16{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2023/fehgra/micrositio/IAaplicadaalosmercados.jpeg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}
.foto17{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/intro-a-la-ciberseguridad.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}
.foto18{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/Gestion-riesgos-cumplimiento.jpg");
  background-size:cover;
  border-radius:20px;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}
.foto19{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/ia-aplicada-marketing-hoteler%C3%ADa-gastronom%C3%ADa.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto20{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/turismosostenibleestrategiasysolucionesanteelcambioclimatico.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto21{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/elbienestarcomodiferenciadorinnovacionytendenciasenserviciosdealojamiento.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto22{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/spaybienestarprofesionalizacionenlabusquedadelasatisfacciondelturista.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto23{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/herramientasdefidelizaciondeequiposdetrabajo.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto24{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/inteligenciaartificialenciberseguridadparahoteler%C3%ADagastronomiayturismo.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto25{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/principiosdesostenibilidadenserviciosdealimentosybebidas.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}

.foto26{
  width:50%;
  height:300px; background:url("https://content.lameca.com.ar/Innovacion/imagennueva2024/fehgra/controlfinancieroydestockestrategiasparamaximizarrentabilidadengastronomiayhoteleria.jpg");
  background-size:cover;
  border-radius:20px;    background-position-y: center;
  left:40%;
  top:140px;
  position:absolute;
  box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
}


.nombre h1{
  width:80%;
   font-size:24px;
  position:absolute:20px;
  margin:auto;
  color:white;
  font-family:'Unna';
  padding-top:50px;
}

.nombre p{
  width:80%;
  font-size:12px;
  margin:auto;
  color:white;
  font-family:'Open Sans';
  padding-top:20px;
}

.button-curso{
  color:#02426A;
  padding:12px 10px 12px 10px;
  border: 1px solid white;
  width:90px;
  border-radius:20px;
  background:white;
  font-size:12px;
  text-align:center;
  position:absolute;
  left:10%;
  margin-top:20px;
  font-family:'Open Sans';
}


 .containertabla {
            background-color: #467497;
            border-radius: 10px;
            padding: 15px;
            margin-top:-50px;
            width: 80%;
            margin: 0 auto;
            margin-top: -50px;
            z-index: 999;
            display: flex;
            position: relative;  ;
            align-items: center;
            justify-content: center;
   box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-webkit-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
-moz-box-shadow: 0px 3px 17px -3px rgba(153,153,153,0.66);
   
        }
        .responsive-table {
            width: 100%;
            display: table;
        }
        .responsive-table li {
            display: table-row;
        }
        .responsive-table li div {
            display: table-cell;
            padding: 10px;
            text-align: center;
            border-right: 1px solid white;
            vertical-align: middle;
            color: white;
            font-family: 'Open Sans', sans-serif;
        }
        .responsive-table li div:last-child {
            border-right: none;
        }
        .responsive-table li div h4 {
            font-weight: bold;
            margin: 0;
            margin-bottom: 10px;
            font-size: 1em;  /* Tamaño de fuente para el título */
        }
        .responsive-table li div p {
            font-size: 0.8em;  /* Tamaño de fuente para la bajada */
            margin: 0;
        }
        @media (max-width: 765px) {
            .responsive-table li div {
                display: block;
                border-right: none;
            }
        }


.parent2{
  padding-top:70px;
display: grid;
  margin:auto;
  width:80%;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div11 { grid-area: 1 / 1 / 2 / 2; }
.div12 { grid-area: 1 / 2 / 2 / 3;}

.vertodo{
  margin:auto;
  margin-top:20px;
  padding:15px 5px 15px 5px;
  border: 1px solid black;
  border-radius:50px;
  width:100px;
  text-align:center;
  font-family: 'Open Sans';
}

.vertodo:hover{
  border: 1px solid #467497;
  background: #467497;
  color:white;
}

.div11 span{
  text-decoration:underline;
  text-decoration-color:#008DD4;
}

 @import url('https://fonts.googleapis.com/css2?family=Unna:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

.containerplan{
  width:100%;
}
.mplan{
  font-family:'Open Sans';
  font-size:12px;
  color:#008DD4;
  padding-top:10px;
}

.tplan{
  font-family:'Open Sans';
  font-size:18px;
  color:black;
  font-weight:600;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom: 2px solid #D8D8D8;
  
}

.uplan{
  font-family:'Open Sans';
  font-size:16px;
  color:black;
  font-weight:400;
  padding-bottom:10px;
  padding-top:10px;  
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

body {
  margin-top: 70px;
}

.navbar {
  overflow: hidden;
  background-color: #F5F8FA;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  margin: 0px;
  position: fixed;
  z-index: 1000;
  top: 0px;
}

#logu {
  float: left;
}

#logu:hover {
  background: none;
}

.navbar a {
  float: right;
  font-size: 12px;
  color: black;
  margin-top: 5px;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

.navbar a:hover {
  font-weight: bold;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown-content a:hover {
  font-weight: bold;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 12px;
  border: none;
  outline: none;
  color: black;
  padding: 26px 16px;
  z-index: 1000;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: fixed;
  background-color: #F5F8FA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index: 1000;
}

.dropdown-content a:hover {
  background-color: #ddd;
  font-weight: bold;
  z-index: 1000;
}

.show {
  display: block;
  z-index: 1000;
}

.container {
  margin: 0 auto;
  padding: 4rem;
  width: 100%;
  font-family: "Open sans";
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid black;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 25px;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: black;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: black;
  border: 1px solid black;
}
.accordion button .accordion-title {
  padding: 1em 2.5em 1em 0;
  font-family: "Open Sans";
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: black;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 25em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}