@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: url("../fonts/HelveticaNeue-CondensedBold.otf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'trebuchet';
  src: url("../fonts/trebuchet.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calibri';
  src: url("../fonts/calibri.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calibrib';
  src: url("../fonts/calibrib.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTPro-Th';
  src: url("../fonts/HelveticaNeueLTPro-Th.otf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
::-moz-selection {
  background-color: #9b0007;
  color: #fff;
}
::selection {
  background-color: #9b0007;
  color: #fff;
}
a {
  text-decoration: none;
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  font-family: Helvetica;
  font-size: 16px;
}
body {
  background-color: #f3f3f4;
}
/* -------  Main  ------- */
main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
}
/* -------  Estilos Principales  ------- */
/* -------  Panel Izquierdo  ------- */
section#izq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url("../img/bg_izq.png");
  background-size: cover;
}
section#izq .menu {
  display: none;
}
section#izq .logo {
  height: 15%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
section#izq .logo h1 {
  font-family: 'HelveticaNeue-CondensedBold';
  color: #fff;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
section#izq .logo hr {
  width: 100%;
}
section#izq .logo hr.uno {
  border: 3px solid #fff;
  margin-bottom: 0.4rem;
}
section#izq .logo hr.dos {
  border: 2px solid #fff;
}
section#izq nav ul li {
  list-style: none;
  font-family: 'trebuchet';
  padding: 0.4rem 2.5rem 0.4rem 0.8rem;
  margin-bottom: 0.5rem;
  margin-right: 0.4rem;
  color: #fff;
  background-color: #9b0007;
  border-radius: 10px;
  border: 2px solid #ad0707;
  cursor: pointer;
}
section#izq nav ul li:hover {
  background-color: #571414;
}
.slidesjs-pagination {
  visibility: hidden;
}
/* -------  Panel Derecho  ------- */
section#der {
  background-color: #f3f3f4;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
section#der article#principal {
  width: 100%;
  height: 80%;
}
section#der article#principal .slide {
  padding: 0.5rem;
}
section#der article#principal .slide img {
  display: block;
  width: 64%;
}
section#der footer {
  /*height: 20%;*/
  background-color: #404040;
  color: #fff;
  border-left: 8px solid #f3f3f4;
}
/*section#der footer .datos {
  height: 60%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}*/
section#der footer .contacto {
  padding: 1rem 2rem;
  font-family: 'HelveticaNeue';
}
section#der footer .redes-sociales {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
}
@media screen and ( max-width: 768px ) {
    article#principal {
        height: auto !important;
    }
    section#der footer .redes-sociales {
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-bottom: 25px;
    }
}
section#der footer .datos .redes-sociales span {
  font-family: 'HelveticaNeueLTPro-Th';
  text-transform: uppercase;
}
section#der footer .redes-sociales .grupo {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: #fff;
  margin-left: 1rem;
  cursor: pointer;
}
section#der footer .datos .redes-sociales .grupo i {
  color: #404040;
  font-size: 1.5rem;
}
section#der footer .logo_at {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  height: 40%;
  overflow: hidden;
}
section#der footer .logo_at span {
  font-family: 'calibri';
  font-style: italic;
  text-align: center;
}
section#der footer .logo_at img {
  width: 150px;
  height: 60px;
}
/* -------  Clases Predefinidas  ------- */
.active {
  background-color: #571414 !important;
}
.titulo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 15%;
  margin-bottom: 0.7rem;
  font-family: 'trebuchet';
  font-weight: 900 !important;
  text-transform: uppercase;
}
.titulo h1 {
  color: #bd0e0e;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.titulo hr {
  width: 100%;
}
.titulo hr.uno {
  border-bottom: 6px solid #000;
  margin-bottom: 0.3rem;
}
.titulo hr.dos {
  border-bottom: 4px solid #000;
}
/* ------- Estilos Quiénes Somos  ------- */
div.quienes {
  height: 100%;
  width: 70%;
}
div.quienes .contenido-q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(84% - 0.7rem);
}
div.quienes .contenido-q .contQ1 {
  padding: 0.7rem 2rem;
}
div.quienes .contenido-q .contQ1 .contQ-t {
  margin-bottom: 0.7rem;
}
div.quienes .contenido-q .contQ1 .contQ-t h1 {
  color: #9b0007;
  font-family: 'calibri';
  font-weight: 900;
}
div.quienes .contenido-q .contQ1 p {
  font-size: 0.9rem;
  text-align: justify;
  margin-bottom: 0.5rem;
  font-family: 'calibrib';
}
div.quienes .contenido-q hr {
  width: 95%;
}
div.quienes .contenido-q .contQ2 {
  padding: 0.7rem 2rem;
}
div.quienes .contenido-q .contQ2 .contQ-t2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.7rem;
}
div.quienes .contenido-q .contQ2 .contQ-t2 h1 {
  color: #9b0007;
  font-family: 'calibri';
  font-weight: 900;
}
div.quienes .contenido-q .contQ2 p {
  font-size: 0.9rem;
  text-align: justify;
  margin-bottom: 0.5rem;
  font-family: 'calibrib';
}
div.quienes .contenido-q .contQ3 {
  width: 100%;
  overflow: hidden;
}
/* -------  Estilos Info Aeronaves  ------- */
div.aeronaves {
  height: 100%;
  width: 70%;
}
div.aeronaves .contenido-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 80%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.aeronaves .contenido-a .cont-img {
  height: auto;
  width: calc(33.33333% - 0.8rem);
  position: relative;
  height: auto;
  margin: 0.4rem;
  margin-bottom: 3rem;
}
div.aeronaves .contenido-a .cont-img .img {
  width: 100%;
  overflow: hidden;
}
div.aeronaves .contenido-a .cont-img .img img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}
div.aeronaves .contenido-a .cont-img .img img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
div.aeronaves .contenido-a .cont-img h3 {
  position: absolute;
  bottom: -30px;
  text-align: left;
  padding: 0.5rem 0.9rem;
  background-color: #404040;
  width: calc(100% - 1.8rem);
  color: #fff;
  font-size: 0.9rem;
}
/* -------  Estilos Zona de Operación  ------- */
div.operacion {
  height: 100%;
  width: 70%;
}
div.operacion .contenido-o {
  height: calc(85% - 0.7rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
div.operacion .contenido-o .contO1 {
  height: 100%;
  padding: 1.5rem 0.4rem 1rem 2rem;
  width: calc(56% - 2.7rem);
}
div.operacion .contenido-o .contO1 ul {
  margin-top: 1rem;
}
div.operacion .contenido-o .contO1 ul li {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  font-family: 'calibrib';
  color: #9b0007;
}
div.operacion .contenido-o .contO1 ul li span {
  color: #000;
}
div.operacion .contenido-o .conO2 {
  width: 34%;
  border: 1px solid #f00;
  height: 100%;
  overflow: hidden;
}
div.operacion .contenido-o .conO2 img {
  width: 100%;
  display: block;
}
/* -------  Estilos Oficinas  ------- */
div.oficinas {
  height: 100%;
  width: 70%;
}
div.oficinas .contenido-ofi {
  width: 100%;
  height: calc(85% - 0.7rem);
}
div.oficinas .contenido-ofi .contOfi1 {
  width: calc(100% - 4rem);
  height: 40%;
  padding: 0 2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          -ms-grid-row-align: center;
      align-items: center;
}
div.oficinas .contenido-ofi .contOfi1 li {
  margin-top: 1rem;
  margin-left: 2rem;
  color: #9b0007;
  font-family: 'calibrib';
}
div.oficinas .contenido-ofi .contOfi1 li span {
  color: #000;
  margin-left: 1rem;
}
div.oficinas .contenido-ofi .contOfi2 {
  height: 45%;
}
div.oficinas .contenido-ofi .contOfi3 {
  height: 14%;
}
/* -------  Estilos Clientes  ------- */
div.clientes {
  height: 100%;
  width: 70%;
}
div.clientes .contenido-c {
  width: 100%;
  height: calc(85% - 0.7rem);
}
div.clientes .contenido-c .contC1 {
  height: 45%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.clientes .contenido-c .contC1 .img {
  text-align: center;
  width: 33.33333%;
}
div.clientes .contenido-c .contC2 {
  height: 64%;
  width: calc(100% - 4rem);
  padding: 2rem;
}
div.clientes .contenido-c .contC2 .cli li {
  color: #9b0007;
  text-align: justify;
}
div.clientes .contenido-c .contC2 .cli li span {
  font-family: 'calibrib';
  color: #000;
}
/* -------  Estilos de Contácto  ------- */
div.contContact {
  height: 100%;
  width: 70%;
}
div.contContact .contacto {
  height: 75%;
}
div.contContact .contacto form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.contContact .contacto form fieldset {
  width: 100%;
  text-align: center;
  border: none;
}
div.contContact .contacto form fieldset input {
  width: 40%;
  padding: 0.7rem 0.5rem;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.28);
  margin-bottom: 2rem;
}
div.contContact .contacto form fieldset input:focus {
  outline: #9b0007 solid 2px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
div.contContact .contacto form textarea {
  padding: 1rem;
  width: calc(90% - 2rem);
  height: 180px;
  border-radius: 4px;
  margin-bottom: 1rem;
}
div.contContact .contacto form textarea:focus {
  outline: #9b0007 solid 2px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
div.contContact .contacto form button {
  padding: 0.7rem 1rem;
  background-color: #a44d54;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  border: none;
}
div.contContact .contacto form button:hover {
  background-color: rgba(255,255,255,0.48);
  border: 1px solid #a44d54;
  color: #a44d54;
  font-weight: bold;
}
/* -------  Media Queries  ------- */
@media screen and (max-width: 768px) {
  .titulo {
    margin-top: 2rem;
  }
  main {
    width: 100%;
      height: auto !important;
  }
  section#izq {
    position: fixed;
    left: -50%;
    z-index: 11;
  }
  section#izq .menu {
    display: block;
    position: absolute;
    right: -59px;
    top: 0;
  }
  section#izq .menu i {
    background-color: #9b0007;
    padding: 1rem;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
  }
  section#der {
    width: 100%;
  }
  section#der #principal .quienes,
  section#der #principal .aeronaves,
  section#der #principal .operacion,
  section#der #principal .oficinas,
  section#der #principal .clientes,
  section#der #principal .contContact {
    width: 100%;
  }
  section#der #principal .slide {
    height: calc(90% - 2rem);
    margin: 2rem;
    overflow: hidden;
  }
  section#der #principal .slide img {
    width: 100% !important;
  }
  section#der #principal .quienes .contQ3 {
    text-align: center;
  }
  section#der #principal .aeronaves .contenido-a {
    margin: 1rem;
  }
  section#der #principal .clientes .contenido-c .contC1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section#der footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-left: none;
    width: 100%;
  }
  section#der footer .logo_at {
    width: 100%;
  }
  form {
    margin-top: 4rem;
  }
  form input {
    max-width: 320px !important;
  }
  .titulo {
    margin-right: 2rem;
  }
    section#der {
    height: auto !important;
  }
}
@media screen and (max-width: 468px) {
    main {
        height: auto !important;
    }
  section#der {
    height: auto !important;
  }
  footer {
    height: auto !important;
  }
  footer .datos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            -ms-grid-row-align: center;
        align-items: center;
  }
  div.oficinas .contenido-ofi .contOfi1 {
    height: auto !important;
    padding-bottom: 1rem;
  }
  div.operacion .contenido-o {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div.operacion .contenido-o .contO1 {
    width: calc(100% - 2.7rem);
  }
  div.operacion .contenido-o .cont02 img {
    width: 100%;
  }
  div.clientes .contenido-c {
    width: 100%;
    height: auto;
  }
  div.clientes .contenido-c .contC1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div.clientes .contenido-c .contC1 .img {
    width: 60%;
  }
  div.clientes .contenido-c .contC1 .img img {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
  .contContact {
    padding-bottom: 1rem;
  }
  .contContact .contacto form fieldset input {
    width: 90% !important;
  }
  .aeronaves {
    height: auto !important;
  }
  .aeronaves .contenido-a {
    height: auto !important;
  }
  .aeronaves .contenido-a .cont-img {
    width: calc(100% - 0.8rem) !important;
  }
}