@font-face{
    font-family: 'PoppinsB';
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('Fuentes/Poppins-Bold.ttf') format('truetype');
}
@font-face{
  font-family: 'PoppinsBiTa';
  src: local('Poppins Bold'), local('Poppins-Bold'),
      url('Fuentes/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face{
  font-family: 'PoppinsL';
  src: local('Poppins Light'), local('Poppins-Light'),
      url('Fuentes/Poppins-Light.ttf') format('truetype');
}
@font-face{
  font-family: 'PoppinsLiTa';
  src: local('Poppins Light'), local('Poppins-Light'),
      url('Fuentes/Poppins-LightItalic.ttf') format('truetype');
}
@font-face{
  font-family: 'PoppinsMedium';
  src: local('Poppins Medium'), local('Poppins-Medium'),
      url('Fuentes/Poppins-Medium.ttf') format('truetype');
}
@font-face{
  font-family: 'PoppinsMiTa';
  src: local('Poppins Medium'), local('Poppins-Medium'),
      url('Fuentes/Poppins-MediumItalic.ttf') format('truetype');
}
/* CSS that should be displayed if width is equal to or less than 800px goes here */
#mimapa {
  height: 600px;
}

.plantilla {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.plantilla .div {
  background-color: #ffffff;
  overflow: hidden;
}

.plantilla .overlap {
  background: linear-gradient(180deg, rgba(217, 217, 217, 0.15) 30.61%, rgba(212.5, 212.5, 212.5, 0.5) 92.19%);
}

.plantilla .googlemaps-dir {
  width: 70%;
  float: left;
  padding-top: 35px;
  margin-left: 15%;
  margin-bottom: 3%;
}

.plantilla .img-google-maps {
  width: 100%;
}

.plantilla .txt-titulo {
  font-family: "PoppinsB";
  color: #ff6508;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: normal;
  padding-bottom: 25px;
}
/*       CÓDIGO DONDE ESTAMOS-GOOGLE MAPS         */ 

/*       CÓDIGO QUE OFRECEMOS-IMAGEN IZQUIERDA         */ 
.plantilla .d-que-ofrecemos {
  width: 100%;
  margin-bottom: 35px;
}

.plantilla .text-wrapper {
  color: #00cc71;
  font-size: 3em;
  font-family: "PoppinsB";
  font-weight: 700;
  /*text-align: center;*/
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .txt-descripcion {
  font-family: "PoppinsMedium";
  font-weight: 0;
  color: #353535;
  font-size: 26px;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .img-izq {
  width: 48%;
  float: left;
  margin-top: 27px;  
}

.plantilla .nosotros{
  float: right;
  width: 40%;
  padding-right: 9%;
}

.plantilla .cargo {
  font-family: "PoppinsMedium";
  font-weight: 600;
  color: #353535;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .nombre {
  font-family: "PoppinsMedium";
  font-weight: 400;
  color: #353535;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .data-director {
  width: 42%;
  float: left;
  margin-right: 10%;
}

.plantilla .data-presidente {
  width: 22%;
  float: left;
  margin-right: 10%;
  display: none;
}

.plantilla .img-presidente {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
/*       CÓDIGO NOSOTROS-IMAGEN IZQUIERDA         */    

/*       CÓDIGO BIENVENIDA-IMAGEN DERECHA         */  
.plantilla .d-bienvenida {
  width: 100%;
  float: left;
  margin-bottom: 85px;
}

.plantilla .button-ofertas-ac {
  width: 40%;
  float: left;
  padding-top: 5%;
  padding-left: 9%;
}

.plantilla .overlap-group {
  width: 47%;
  background-color: #FF6508;
  border-radius: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.plantilla .oferta-Academica {
  font-family: "PoppinsMedium";
  font-weight: 600;
  color: #ffffff;
  font-size: 1.7em;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}


.plantilla .p {
  font-family: "PoppinsMedium";
  font-weight: 0;
  color: #353535;
  font-size: 2.2em;
  letter-spacing: 0;
  line-height: normal;
  padding-bottom: 35px;
}

.plantilla .txt-titulo-2 {
  color: #353535;
  font-size: 4em;
  font-family: "PoppinsB";
  font-weight: 700;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .img-der {
  width: 48%;
  float: right;
}
/*       CÓDIGO BIENVENIDA-IMAGEN DERECHA         */   

/*       CÓDIGO MENU DE INICIO         */   
.plantilla .cabecera {
  width: 100%;
}

.plantilla .logo-empoderados {
  width: 25%;
  object-fit: cover;
  float: left;
  padding-left: 9%;
  padding-top: 2%;
}

.plantilla .logo-header {
  width: 41px;
  float: right;
  padding-right: 3.5%;
  padding-top: 5%;
}
.logo-header:hover { 
  width: 51px;
}


/*.plantilla .menu-palabras {
  position: absolute;
  width: 30%;
}

.plantilla .text-wrapper-3 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "PoppinsL";
  font-weight: 300;
  color: #353535;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .quienes-somos {
  position: absolute;
  top: 0;
  left: 188px;
  font-family: "PoppinsL";
  font-weight: 300;
  color: #353535;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .ofertas-academicas {
  width: 400px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 455px;
  font-family: "PoppinsL";
  font-weight: 300;
  color: #353535;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}*/ /* COMENTADO PORQUE AÚN NO VA */
/*       CÓDIGO MENÚ DE INICIO         */ 

  
/*       CÓDIGO PIE DE PAGINA         */  
.pie-depagina {
  width: 100%;
  margin-top: 5%;
  background-color: #015958;
  float: left;
}

.pie-depagina .footer-1 {
  width: 30%;
  float: left;
  padding-top: 2%;
}

.pie-depagina .footer-2 {
  width: 30%;
  margin-top: 3%;
  float: left;
  margin-left: 10%; 
  /* margin-left:  120px; */
}

.pie-depagina .text-wrapper-4 {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "PoppinsL";
  font-weight: 200;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 30px;
  /*white-space: nowrap;*/
}

.pie-depagina .logos-redes-sociales {
  width: 30%;
  margin-top: 2%;
  float: right;
}

.pie-depagina .logo-redes {
  width: 41px;
  float: left;
  padding-left: 15px;
}
  
.logo-redes:hover { 
  width: 51px;
}

.logos-redes-sociales .logos{
  padding-top: 2%;
  width: 100%;
}

.pie-depagina .txt-redes-sociales {
  font-family: "PoppinsB";
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 25px;
}

.pie-depagina .text-wrapper-6 {
  font-family: "Poppins-L";
  font-size: 1em;
  line-height: 0px;
  letter-spacing: 1px;
}

.pie-depagina .logo-info {
  width: 100%;
  float: left;
}

.pie-depagina .contactos {
  width: 39%;
  margin-left: 10%;
  font-family: 'Poppins-L';
  color: #ffffff;
  font-size: 1.2em;
  letter-spacing: 0;
  line-height: 25px;
  float: left;
}

.pie-depagina .menu-redir {
  font-family: "PoppinsB";
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
}
.menu-li{
  font-family: "PoppinsB";
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  list-style: none !important;
}
.menu-li:hover{
  font-size: 24px;
}

.pie-depagina .text-wrapper-7 {
  line-height: 1.5em;
}

.pie-depagina .text-wrapper-8 {
  font-family: "PoppinsL";
  font-size: 1em;
  line-height: 28px;
}

.pie-depagina .logo-empoderados-2 {
  width: 90%;
  float: left;
  padding-left: 10%;
}
/*       CÓDIGO PIE DE PAGINA         */ 

/*       CÓDIGO PARA NOTIFICACIONES POR E-MAIL         */ 
.plantilla .notificaciones {
  width: 100%;
  float: left;
  display: none;
}

.plantilla .overlap-2 {
  width: 50%;
  padding-left: 25%;
}

.plantilla .box-email {
  width: 74%;
}

.plantilla .txt-email-wrapper {
  width: 100%;
  height: 90%;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 3px 0px 1px #353535;
  float: left;
}

.plantilla .txt-email {
  font-family: "PoppinsL";
  font-weight: 200;
  color: #353535;
  font-size: 26px;
  text-align: center;
  letter-spacing: -0.30px;
  line-height: normal;
  float: left;
  padding-top: 2%;
  padding-left: 3%;
}

.plantilla .box-enviar {
  width: 23%;
  /*height: 100%;*/
  float: right;
}

.plantilla .div-wrapper {
  width: 100%;
  height: 100%;
  background-color: #00cc71;
  border-radius: 20px;
}

.plantilla .text-wrapper-9 {
  padding: 3%;
  font-family: "PoppinsL";
  font-weight: 800;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  letter-spacing: -0.30px;
  line-height: normal;
}

.plantilla .txt-descripcion-2 {
  color: #353535;
  text-align: center;
  font-family: "PoppinsMedium";
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .txt-titulo-3 {
  color: #00cc71;
  font-size: 42px;
  font-family: "PoppinsB";
  font-weight: 20;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}
/*       CÓDIGO PARA NOTIFICACIONES POR E-MAIL         */ 

/*       CÓDIGO PRÓXIMOS CURSOS         */ 
.plantilla .prox-cursos {
  width: 100%;
  float: left
}

.plantilla .oferta-cursos {
  width: 95%;
  background-color: #ededed;
  float: left;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 9%;
  padding-right: 9%;
}

.plantilla .card-bgColor {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.plantilla .preview-cursos {
  width: 100%;
  height: 100%;
  border-radius: 7%;
  display: none;
}

.plantilla .titulo-clase {
  font-family: "PoppinsMedium";
  font-weight: 500;
  color: #353535;
  font-size: 16px;
  text-align: left; 
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .autor {
  font-family: "PoppinsMedium";
  font-weight: 0;
  color: #353535;
  font-size: 15px;
  /*text-align: justify;*/
  letter-spacing: 0;
  line-height: normal;
}

.plantilla .resumen {
  font-family: "PoppinsL";
  font-weight: 400;
  color: #353535;
  font-size: 14px;
  /*text-align: justify;*/
  letter-spacing: 0;
  line-height: normal;
  overflow: hidden;
  /*text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;*/
}
.oferta{
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 15px;
}

.plantilla .clase-IZQ {
  width: 18%;
  float: left;
  padding-left: 3%;
}

.plantilla .text-wrapper-10 {
  font-family: "PoppinsB";
  font-weight: 0;
  color: #ff6508;
  font-size: 46px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

/*       CÓDIGO PRÓXIMOS CURSOS         */ 

@media only screen and (max-width: 799px) {
 
  .plantilla .txt-titulo {
    font-family: "PoppinsB";
    color: #ff6508;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
    line-height: normal;
    padding-bottom: 5%;
  }
  /*       CÓDIGO DONDE ESTAMOS-GOOGLE MAPS         */ 

  /*       CÓDIGO QUE OFRECEMOS-IMAGEN IZQUIERDA         */ 
  .plantilla .d-que-ofrecemos {
    width: 100%;
  }
  
  .plantilla .text-wrapper {
    color: #00cc71;
    font-size: 30px;
    font-family: "PoppinsB";
    font-weight: 700;
    text-align: left;
    letter-spacing: 0;
    line-height: normal;
    padding-left: 5%;
  }
  
  .plantilla .txt-descripcion {
    font-family: "PoppinsL";
    font-weight: 600;
    color: #353535;
    font-size: 26px;
    letter-spacing: 0;
    line-height: normal;
    padding-left: 5%;
  }
  
  .plantilla .img-izq {
    width: 80%;
    float: left;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  
  .plantilla .nosotros{
    width: 100%;
    padding-right: 9%;
    width: 90%;
    float: left;
    padding-left: 5%;
  }
  

  .plantilla .cargo {
    font-family: "PoppinsMedium";
    font-weight: 600;
    color: #353535;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .plantilla .nombre {
    font-family: "PoppinsMedium";
    font-weight: 400;
    color: #353535;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  .plantilla .directivos{
    width: 100%;
  }

  .plantilla .data-presidente {
    width: 30%;
    float: left;
    margin-right: 3%;
  }
  
  .plantilla .img-presidente {
    width: 100%;
  }
  /*       CÓDIGO NOSOTROS-IMAGEN IZQUIERDA         */    

  /*       CÓDIGO BIENVENIDA-IMAGEN DERECHA         */  
  .plantilla .d-bienvenida {
    width: 100%;
    float: left;
    margin-bottom: 0px;
  }
  
  .plantilla .button-ofertas-ac {
    width: 90%;
    float: left;
    padding-top: 5%;
    padding-left: 5%;
  }
  
  .plantilla .overlap-group {
    width: 40;
    background-color: #FF6508;
    border-radius: 30px;
    padding-top: 0.7em;
    padding-bottom: 0.5em;
  }
  
  .plantilla .oferta-Academica {
    font-family: "PoppinsMedium";
    color: #ffffff;
    font-weight: 500;
    font-size: 1.7em;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: normal;
  }
    
  .plantilla .p {
    font-family: "PoppinsL";
    font-weight: 0;
    color: #353535;
    font-size: 24px;
    letter-spacing: 0.01em;
    line-height: 1.1em;
  }
  
  .plantilla .txt-titulo-2 {
    color: #353535;
    font-size: 28px;
    font-family: "PoppinsB";
    font-weight: 300;
    text-align: left;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .plantilla .img-der {
    width: 90%;
  }
  /*       CÓDIGO BIENVENIDA-IMAGEN DERECHA         */   

  /*       CÓDIGO MENU DE INICIO         */   
  .plantilla .cabecera {
    width: 100%;
  }
  
  .plantilla .logo-empoderados {
    width: 45%;
    float: left;
    padding-left: 4%;
    padding-top: 8%;
  }
  
  .plantilla .logo-header {
    width: 8%;
    float: right;
    padding-right: 3%;
    padding-top: 13%;
  }
  

  /*.plantilla .menu-palabras {
    position: absolute;
    width: 30%;
  }
  
  .plantilla .text-wrapper-3 {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "PoppinsL";
    font-weight: 300;
    color: #353535;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .plantilla .quienes-somos {
    position: absolute;
    top: 0;
    left: 188px;
    font-family: "PoppinsL";
    font-weight: 300;
    color: #353535;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .plantilla .ofertas-academicas {
    width: 400px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 455px;
    font-family: "PoppinsL";
    font-weight: 300;
    color: #353535;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
  }*/ /* COMENTADO PORQUE AÚN NO VA */
  /*       CÓDIGO MENÚ DE INICIO         */ 

    
  /*       CÓDIGO PIE DE PAGINA         */  
  .pie-depagina {
    width: 100%;
    margin-top: 5%;
    background-color: #015958;
    float: left;
  }
  
  .pie-depagina .footer-1 {
    width: 99%;
    float: left;
    padding-top: 2%;    
    margin-right: 80px;
  }
  
  .pie-depagina .footer-2 {
    width:  99%;
    margin-top: 3%;
    float: left;
  }
  

  .pie-depagina .text-wrapper-4 {
    width: 100%;
    float: left;
    text-align: center;
    font-family: "PoppinsL";
    font-weight: 200;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    /*white-space: nowrap;*/
  }
  
  .pie-depagina .logos-redes-sociales {
    width: 430px;
    margin-top: 2%;
    float: left;
    margin-left: 5%;
  }
  
  .logos-redes-sociales .logos{
    padding-top: 2%;
    width: 100%;
  }

  .pie-depagina .txt-redes-sociales {
    font-family: "PoppinsB";
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
  }
  
  .pie-depagina .text-wrapper-6 {
    font-family: "Poppins-L";
    font-size: 12px;
    letter-spacing: 1px;
  }
  
  .pie-depagina .logo-info {
    width: 100%;
    float: left;
  }
  
  .pie-depagina .contactos {
    margin-left: 10%;
    font-family: 'Poppins-L';
    color: #ffffff;
    font-size: 1.2em;
    letter-spacing: 0;
    line-height: 25px;
    width: 90%;
    float: left;
  }
  
  .pie-depagina .menu-redir {
    
    font-family: "PoppinsB";
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
  }
  
  .pie-depagina .text-wrapper-7 {
    line-height: 1.5em;
  }
  
  .pie-depagina .text-wrapper-8 {
    font-family: "PoppinsL";
    font-size: 1em;
    line-height: 28px;
  }
  
  .pie-depagina .logo-empoderados-2 {
    width: 60%;
    float: left;
    padding-left: 10%;
    padding-top: 10%;
  }
 /*       CÓDIGO PIE DE PAGINA         */ 

  /*       CÓDIGO PARA NOTIFICACIONES POR E-MAIL         */ 
  .plantilla .notificaciones {
    width: 100%;
    float: left;
    padding-top: 10%;
    display: none;
  }
  
  .plantilla .overlap-2 {
    width: 100%;
    padding-left: 5px;

  }
  
  .plantilla .box-email {
    width: 55%;
    padding-left: 10%;
  }

  
  .plantilla .box-enviar {
    width: 23%;
    float: left;
    padding-left: 15px;
    margin-top: 3%;
  }
  
  .plantilla .text-wrapper-9 {
    padding: 2%;
    font-size: 16px;
  }
  
  .plantilla .txt-descripcion-2 {
    width: 85%;
    color: #353535;
    text-align: center;
    font-family: "PoppinsMedium";
    font-weight: 0;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    padding-left: 7.5%;
  }
  
  .plantilla .txt-titulo-3 {
    color: #00cc71;
    font-size: 26px;
    font-family: "PoppinsB";
    font-weight: 20;
    text-align: center;
    letter-spacing: 0;
  }
  /*       CÓDIGO PARA NOTIFICACIONES POR E-MAIL         */ 

  /*       CÓDIGO PRÓXIMOS CURSOS         */ 
  .plantilla .prox-cursos {
    width: 100%;
    float: left;
    padding-top: 5%;
  }
  
  .plantilla .oferta-cursos {
    width: 100%;
    background-color: #ededed;
    float: left;
    padding-left: 0;
  }
  
    
  .plantilla .card-bgColor {
    width: 100%;
    background-color: #ffffff;
    border-radius: 20px;
  }
  
  .plantilla .preview-cursos {
    width: 100%;
    border-radius: 20px;
  }
  

  .plantilla .clase-IZQ {
    width: 45%;
    float: left;
    padding-left: 3%;
    margin-top: 30px;
  }
  
  .plantilla .text-wrapper-10 {
    font-family: "PoppinsB";
    font-weight: 0;
    color: #ff6508;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    padding-bottom: 5%;
  }

  /*       CÓDIGO PRÓXIMOS CURSOS         */ 

}
/*
@media (min-width: 1024px) {


  .plantilla .p{
    font-size: 24px;

  }
}
*/