/* Centered texts in each section
* --------------------------------------- */
.section{
  text-align:center;
}

section#cursos{
  background-color: white !important;
}

.section.fondoc{
  background-color: white !important;
}

#info4-a,#info3-a{
  color: #929090;
  padding: 3% 0px 0px 0px;
}

.zoom:hover{
  transform:scale(1.1);
}


/* Bottom menu
* --------------------------------------- */

.fondoc{
  background-size: contain;
}

.info4-a{
  padding: 3% 0px 0px 0px;
}

.irCursos{
  background-color: #063c4a;
  border-radius: 40px;
  color: white;
  margin-top: 5%;
}

.irCursos:hover{
  color: white;
}

/*  efectos */
.cuadradoEquipo{
  animation: slidein 2s;
}

.cuadradoObjetivo{
  animation: slidein 5s;
}

.images:hover{
  transform:scale(1.1);
}

.novaLearningNews{
  padding-top: 3%;
  padding:0px;
  height:auto !important;
}

.section.novaLearningNews{
  background-color: #eff7f6 !important;
}

.capacitacion, .exposiciones, .conferencias{
  width: 60%;
}

.irCapacitaciones, .irExposiciones, .irConferencias{
  background-color: #147c97;
  border-radius: 40px;
  color: white;
  margin-left: 45%;
}

.irCapacitaciones:hover, .irExposiciones:hover, .irConferencias:hover{
  color: white;
}

.irNoticias{
  background-color: #147c97;
  border-radius: 40px;
  color: white;
  margin-top: 5%;
  margin-bottom: 5%;
}

.irNoticias:hover{
  color: white;
}

@keyframes slidein {
    0% { position: relative; left: 50%;}
    20% { left: 0px;}
    35% { left: 0px }
    100% { left: 0px }
}

/* MOBILE */
@media screen and (max-width: 600px) {

  .irCursos {
    margin-left: 25%;
  }

  .images{
    width: 50% !important;
  }

  .txt{
    text-align: justify;
  }

  .irCapacitaciones, .irExposiciones, .irConferencias{
    margin-left: 0%;
  }

}

@media screen and (orientation:landscape)
and (min-device-width: 400px)
and (max-device-width: 800px) {
  .irCursos {
    margin-left: 35% !important;
  }

  .images{
    width: 50% !important;
  }

  .txt{
    text-align: justify;
  }

  .irCapacitaciones, .irExposiciones, .irConferencias{
    margin-left: 0%;
  }

}

/* tablet portrait*/
@media (min-device-height: 800px)
and (max-device-height: 1280px)
and (orientation:portrait){
  .irCapacitaciones, .irExposiciones, .irConferencias {
    margin-left: 4%;
  }
}
