@import 'https://fonts.googleapis.com/css?family=Exo+2:400,700,700i';
@import 'https://fonts.googleapis.com/css?family=Montserrat';

/* Seccion de media queries */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  body{
    /* background-color: green; */
    font-family: 'Montserrat', sans-serif;
    color:white;
    height: 4160px;
  }
  nav{
    display: none;
  }
  h3{
    font-size: 1.5rem;
  }
  #menu_opciones{
    display: none;
  }
  #enlaces{
    margin-top: 6rem;
    background-color: #40B3B5;
  }
  .fondoAzulEst{
    background-color:#25304D;
  }
  .fondoAzul{
    background: #3660A5;
  }
  .fondoVerde{
    background: #70B1B3;
  }
  .fondoMayor{
    background: #2C3D5C;
  }
  .fondoEC0432{
    background-image: url(../img/Foto-ec9432.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
  }
  .fondoEC0396{
    background-image: url(../img/Foto-ec0396.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
  }
  .fondoDescuento{
    background: #C71467;
  }
  .fondoAzulOscuro{
    color: #2C3D5C;
  }
  .fondoAzul>div>img,.fondoVerde>div>img{
    display: block;
    width: 30%;
    max-width: none;
    margin: 1rem auto;
  }
  .tituloAzul{
    color:#3660A5;
  }
  .tituloVerde{
    color: #70B1B3;
  }
  .fondoAzul>div>.tituloBlanco,.fondoVerde>div>.tituloBlanco{
    width: 40%;
    margin:1rem auto;
    text-align: center;
  }
  .textoBold{
    font-weight: 900;
  }
  .textoNegro{
    color:black;
  }
  .nomovil{
    display: none;
  }
  .enlinea{
    display: inline;
  }
  .textoCentradoMovil{
    text-align:center;
    margin-bottom: 1rem;
  }
  .caja80{
    width: 95%;
    text-align: center;
    margin-top: 1rem;
  }
  .porque{
    width: 70%;
    margin: auto;
  }
  .margeny{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .caja80>p{
    font-size: 18px;
  }
  .caja80>h3{
    margin-bottom: 1rem;
  }
  .cajaQuienesSomos{
    width: 90%;
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 2rem;
  }
  .cajaQuienesSomos>p{
    font-size: 18px;
    text-align: center;
  }
  .encabezado{
    background-color: #1C2B4D;
    height: 350px;
  }
  .encabezado-logotipo{
    width: 90%;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 12rem;
  }
  .orbit-container{
    height: 100% !important;
    margin-top: 2rem;
  }
  .orbit-slide{
    max-height: 100% !important;
  }
  .cajalogoCE{
    position: absolute;
    top: 135px;
    text-align: center;
    width: 60%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .cajalogoCE img{
    width: 50%;
  }
  .centroEvaluacion{
    font-size: 1.8rem;
    font-family: sans-serif;
    font-weight: 900;
    margin-top: 1rem;
    text-transform: uppercase;
  }
  .posicionRelativa{
    position: relative;
    background-color: #25304D;
  }
  .cajaEstandares{
    width: 95%;
  }
  .cajaEstandares>h2{
    margin-bottom: 0;
    font-weight: 900;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .boton-amarillo {
    background: #FCB601;
    color: white;
    text-transform: uppercase;
    border: none;
    padding: .5em;
  }
  .footer-piepagina{
    background-color: #1B2C4D;
    color: white;
    font-size: .8em;
    padding-top: .5em;
  }
  .listapiepagina{
    list-style-type: none;
    width: 70%;
    margin:1rem auto;
    text-align: center;
  }
  .listapiepagina>li{
    margin-bottom:1rem;
  }
  .fi-marker:before,.fi-telephone:before,.fi-mail:before{
    content: "";
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  body{
    /* background-color: yellow; */
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  body{
    /* background-color: pink; */
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  body{
    /* background-color: red; */
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  /*seccion de etiquetas */
  html {
    overflow-x: hidden;
  }
  body {
    font-family: 'Montserrat', sans-serif;
    width: 1440px !important;
    margin: 0 auto;
  }
  h1, h2, h3, h4, h5, h6, a, a:hover {
    font-family: 'Exo 2', sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #0F5EA8;
    font-size: 2em;
  }
  h3 {
    font-size: .6em;
    text-transform: uppercase;
  }
  h4 {
    color: white;
    font-size: 1.2em;
  }
  a {
    color: white;
  }
  a:hover {
    color: #FCB800;
  }
  ul {
    list-style: none;
  }
  input[type=text], textarea {
    border-color: #25A7C5;
  }
  /* Encabezado */

  div[aria-label=AAALAC] .orbit-container {
    height: 550px !important;
  }
  div[aria-label=Asociados] .orbit-container {
    height: 272px !important;
  }
  #menu_opciones {
    position: relative;
    left: -100%;
    top: 15%;
  }
  .nodesktop{
    display: none;
  }
  .textoBold{
    font-weight: 800;
  }
  .tituloBlanco{
    font-size: 1.2rem !important;
    color: white;
  }
  .parrafoBlanco{
    font-size: 1em !important;
    color: white;
  }
  .tituloAzul{
    font-size: 1.2rem !important;
    color:#3660A5;
  }
  .tituloVerde{
    font-size: 1.2rem !important;
    color: #70B1B3;
  }
  .tituloAzulOscuro{
    margin-top: 3rem;
    font-size: 1rem !important;
    color: #25304D;
    font-family: sans-serif;
    font-weight: 900;
    width: 50%;
  }
  .paddingArriba{
    padding-top: 6rem;
  }
  .margent1{
    margin-top: 1rem;
  }
  .margent2{
    margin-top: 2rem;
  }
  .orbit-previous, .orbit-next {
    font-size: 2em;
  }
  .encabezado-logotipo {
    position: absolute;
    z-index: 1;
    top: 43px;
    left: 25px;
    width: 20%;
  }
  .encabezado-redes_sociales, .encabezado-contenedorm {
    position: absolute;
    right: 17%;
    z-index: 1;
    background-color: #25A7C5;
  }
  .encabezado-redes_sociales {
    font-size: 2em;
  }
  .boton-menu {
    position: absolute;
    top: 70px;
    right: 70px;
    z-index: 1;
    font-size: 3em;
    color: #25A7C5;
  }
  .encabezado-contenedorm-menu {
    left: -50%;
  }
  #ventanaacerca, #ventanarequi {
    width: 800px;
  }
  .reveal p {
    font-size: .8em;
  }
  .reveal h6 {
    font-size: 1em;
    text-transform: uppercase;
    color: #2581DB;
  }
  /*seccion de acerca y servicios*/

  #acerca_servicios {
    position: relative;
  }
  .posicionRelativa{
    position: relative;
  }
  .acerca {
    text-align: center;
    margin: 0 0 2em 0;
  }
  .acerca-icono {
    width: 30%;
  }
  .boton-amarillo {
    background: #FCB601;
    color: white;
    text-transform: uppercase;
    border: none;
    padding: .5em;
  }
  .servicios {
    display: inline-block;
    background-color: #ffffff8f;
    text-align: center;
    margin: 0 0 1em 0;
    position: absolute;
    right: 350px;
    top: -320px;
    padding-bottom: 1em;
  }
  .centroEvaluacion{
    font-size: 3rem;
    color: #25304D;
    font-family: sans-serif;
    font-weight: 900;
  }
  .cajalogoCE{
    margin: 1rem;
  }
  .cajalogoCE>.logoCE{
    width: 35%;
  }
  .cajalogoCE>h1{
    font-weight: bold;
    text-transform: uppercase;
  }
  .servicios>.row>p {
    display: inline-block;
    width: 80%;
    color: white;
    margin: 15px 25px;
  }
  .servicios-titulo {
    color: white;
  }
  .servicio-iconos {
    width: 150px;
  }
  .servicio-iconosb {
    width: 80px;
  }
  .menu>li>a {
    font-size: 1em;
    padding: .2em;
  }
  .quienesSomos{
    background: #70B1B3;
    padding: 7% 5%;
    color:white;
  }
  .cajaQuienesSomos{
    width: 80%;
    margin: 0 9%;
  }
  .cajaExito, .cajaEstandares{
    width: 33%;
    padding: 1% 5%;
    background: #25304D;
    color:white;
    font-size: 1.5rem !important;
    position: absolute;
    left: 170px;
    top: -88px;
  }
  .cajaEstandares{
    left: 170px;
    top: -90px;
    width: 33%;
  }
  .cajaEstandares >h2{
    font-size: 1.3rem !important;
    font-family: sans-serif;
    font-weight: 900;
  }
  .caja80{
    width: 100%;
    padding: 20% 15%;
    margin-left: 40px;
  }
  /* Seccion de enlaces y requisitos */
  .fondoAzul{
    background: #3660A5;
  }
  .fondoVerde{
    background: #70B1B3;
  }
  .fondoMayor{
    background: #2C3D5C;
  }
  .margenTapa{
    margin-top: 3rem;
  }
  .iconosCompetencia{
    width: 25%;
    right: 0;
  }
  .textoDerecha{
    text-align: right;
    padding-right: 1rem;
  }
  .textoCentrado{
    text-align: center;
  }
  .sinmargenfondo{
    margin-bottom: 0;
  }
  #ventanarequi {
    color: white;
    background-color: #25A7C5;
  }
  div[aria-label=Requisitos] .orbit-container {
    height: 350px !important;
  }
  .requisitos-titulo {
    color: white;
    font-size: 1.2em;
    margin-top: 2em;
  }
  .fondoEC0432{
    background-image: url(../img/Foto-ec9432.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
  }
  .fondoEC0396{
    background-image: url(../img/Foto-ec0396.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
  }
  .fondoDescuento{
    background: #3660A5;
  }
  .fondoAzulOscuro{
    background: #2C3D5C;
  }
  #enlaces{
    height: 440px;
  }
  .margenab{
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .enlaces-contenedor {
    position: relative;
  }
  .enlaces-caja {
    position: absolute;
    right: -10%;
    top: 50%;
    width: 40%;
    background-color: #1B2C4D;
  }
  .enlaces-caja>div {
    display: flex;
  }
  .enlaces-caja>div>a {
    display: block;
    width: 20%;
  }
  .enlaces-caja>div>a>p {
    display: inline-block;
    margin-bottom: 0;
    font-size: .8em;
  }
  .enlaces-iconosb, .requisitos-iconos {
    width: 50px;
  }
  .requisitos-caja {
    background-color: #25A7C5;
    padding-bottom: 1em;
  }
  .requisitos-iconos {
    margin-bottom: .5em;
  }
  .requisitos-titulo {
    margin: 1em 0;
  }
  .requisitos-eslogan {
    width: 80%;
    margin: 2em auto;
  }
  .requisitos-items {
    margin-left: 1em;
    width: 25%;
  }
  .requisitos-items>p {
    color: white;
  }
  .filas-requisitos {
    display: flex;
    justify-content: space-around;
    padding: 0 3.5em;
    margin-bottom: 1em;
  }
  /* Seccion de noticias */

  #noticias {
    padding-bottom: 3em;
  }
  .noticias-titulo {
    font-size: 2em;
    margin-left: 2em;
    padding: 1em 0;
    color: #0F5EA8;
  }
  .noticias-imagenes {
    width: 350px;
    margin: .5em 5em;
  }
  .titulo-noticias {
    margin-top: 2em;
    padding: .5em 0;
  }

  /* Seccion de cintilla */

  #filaBlanca{
  }

  #filaBlanca>img{
    margin-bottom: 5rem;
    margin-left: 16rem;
  }

  .cintillaLetraBlanca{
    color:white !important;
  }

  #filaAzul{
    background-color: #79BFDD;
    padding: 2rem;
    color:white !important;
    width: 100%;
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .fijo{
    position: relative;
  }

  .flotar{
    position: absolute;
  }

  .celular{
    bottom: -180px;
    height: 350%;
  }

  #grua>img{
    bottom: -50px;
    left: -250px;
    max-width: none;
    height: 250%;
  }

  /* Seccion de pie de pagina */
  footer{
    height: 350px;
    position:relative;
  }
  .footer-icono-ubicacion {
    width: 600px;
    position: absolute;
    left: 20%;
    top: -10%;
    fill: white;
  }
  .footer-piepagina {
    background-color: #1B2C4D;
    color: white;
    font-size: .8em;
    padding-top: .5em;
  }
  .footer-contacto {
    color: black;
    background-color: white;
    position: absolute;
    right: 12%;
    top: 1%;
  }
  .footer-contacto>ul>a {
    color: #25A7C5;
  }
  .footer-redes_sociales, .fi-mail {
    display: inline-block;
  }
  .footer-contacto>ul>li {
    margin-top: .5em;
  }
  .footer-redes_sociales-elemnto>a>i {
    font-size: 3em;
    color: #25A7C5;
  }
  .fi-marker:before, .fi-telephone:before, .fi-mail:before {
    color: #FCB601;
    font-size: 1.5em;
    margin-right: .5em;
  }
  .formulario>.boton-amarillo {
    margin-bottom: 1em;
    margin-left: 70%;
  }
  .dlinea{
    display: inline;
  }
  /*  RWD  Clases diseño movil */

  @media only screen and (max-width: 500px) {
    .row .row {
      margin-right: .6em;
      margin-left: .6em;
    }
    /* { RWD Seccion de encabezado */
    .boton-menu {
      top: 0px;
      right: 50px;
    }
    .orbit, .orbit-image {
      height: 100vh;
    }
    .orbit-container {
      height: 100vh !important;
    }
    .orbit-previous, .orbit-next {
      display: none;
    }
    .encabezado-redes_sociales {
      bottom: 30px;
    }
    .encabezado-logotipo {
      width: 70%;
    }
    .boton-menu {
      color: white;
      top: 50px;
      right: 30px;
    }
    /* } RWD Seccion de encabezado */
    /* { RWD seccion de acerca y servicios */
    .acerca-icono {
      width: 50%;
    }
    .servicio-iconosb {
      width: 95px;
    }
    .servicios {
      position: initial;
      right: initial;
      top: initial;
    }
    /* } RWD seccion de acerca y servicios */
    /* { RWD seccion de acerca y servicios */
    .enlaces-contenedor, .filas-requisitos {
      padding: 0;
    }
    .filas-requisitos {
      margin-bottom: 0;
    }
    .requisitos-eslogan, .requisitos-caja>div:nth-last-of-type(2), .filas-requisitos>div:last-child {
      display: none;
    }
    .enlaces-caja {
      position: static;
      display: block;
      width: 100%;
    }
    .requisitos-items {
      margin-left: 0;
      width: 35%;
    }
    .requisitos-items>p {
      font-size: .8em;
    }
    /* } RWD seccion de acerca y servicios */
    /* {   RWD seccion de noticias*/
    .noticias-imagenes {
      margin: 0;
      display: block;
      width: 100%;
    }
    .titulo-noticias {
      margin-top: 0;
      padding: 0;
      text-align: center;
    }
    /*  } RWD seccion de noticias*/
    /* {  RWD seccion de contacto*/
    #piepagina_contacto {
      margin-bottom: 30em;
    }
    .pie {
      height: 300px;
    }
    .footer-contacto {
      top: 20%;
    }
    .footer-icono-ubicacion {
      left: 150px;
      top: -5px;
      fill: #1C2A4E;
      z-index: 1;
      width: 190px;
    }
    .formulario>.boton-amarillo {
      margin-left: 65%;
    }
    /*  } RWD seccion de contacto*/
  }

  /* Linea de tiempo  */

  .timeline .timeline-item::after, .timeline .timeline-item::before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
  }

  .timeline {
    margin: 30px auto;
    padding: 0 10px;
    position: relative;
    transition: all 0.25s ease-in;
    width: 100%;
  }

  .timeline::before {
    background: black;
    content: '';
    height: 100%;
    left: 11.5%;
    position: absolute;
    top: 0;
    width: 3px;
  }

  .timeline::after {
    clear: both;
    content: '';
    display: table;
    width: 100%;
  }

  .timeline a {
    color: #fefefe;
    font-weight: bold;
    transition: all 0.25s ease-in;
  }

  .timeline a:hover {
    box-shadow: 0 1px 0px 0px #fefefe;
    transition: all 0.25s ease-in;
  }

  .timeline .timeline-item {
    margin-bottom: 20px;
    position: relative;
  }

  .timeline .timeline-item .timeline-icon {
    background: transparent;
    border-radius: 50%;
    height: 50px;
    left: 10%;
    margin-left: -23px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50px;
  }

  .timeline .timeline-item .timeline-icon img,
  .timeline .timeline-item .timeline-icon svg {
    left: 1px;
    position: relative;
    top: 11px;
  }

  .timeline .timeline-item .timeline-icon svg {
    top: 1px;
  }

  .timeline .timeline-item .timeline-content {
    padding: 16px 0 0 100px;
    transition: all 0.25s ease-in;
    width: 65%;
    background: transparent;
  }

  .timeline .timeline-item .timeline-content p {
    color: black;
  }

  .timeline .timeline-item .timeline-content p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .timeline .timeline-item .timeline-content .timeline-content-date {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
  }

  .timeline .timeline-item .timeline-content .timeline-content-month {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 400;
  }

  .timeline .timeline-item .timeline-content.right {
    float: right;
    text-align: left;
  }

  @media screen and (max-width: 39.9375em) {
    .timeline {
      margin: 30px;
      padding: 0;
      width: 90%;
    }
    .timeline::before {
      left: 0;
    }
    .timeline .timeline-item .timeline-content {
      float: right;
      text-align: left;
      width: 90%;
    }
    .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
      border-left: 0;
      border-right: 7px solid black;
      left: 10%;
      margin-left: -6px;
    }
    .timeline .timeline-item .timeline-icon {
      left: 0;
    }
  }

  /* fin Linea de tiempo  */
}