html {

  font-size: 17px; }



body {

  font-family: 'Dosis', sans-serif;

  color: #111111; }



.encabezado {

  background: #fff;

  color: #005CB2;

  -webkit-transition: all .8s ease;

          transition: all .8s ease;

  font-size: 1rem; }



.encabezado .logo {

  width: 70%;

  color: #fff;

  background: #005CB2;

  padding-top: 20px;

  padding-bottom: 20px;

  text-align: center;

  border-bottom: 1px solid #fff;

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center; }



.bienvenidos h1 {

  font-size: 1.5rem;

  padding-left: 1rem; }



.encabezado .container-responsive {

  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;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  border-bottom: 1px solid #005CB2; }



.encabezado .logo img {

  width: 80px;

  height: auto; }



.fondo-menu {

  padding: 0;

  background: #fff; }



.boton-menu {

  border: 0;

  font-size: 2rem;

  margin: 0;

  padding: 0 .5rem;

  background: transparent;

  color: red;

  cursor: pointer; }



.boton-menu:focus {

  outline: 0; }



.boton-menu {

  margin-left: auto;

  margin-right: .5rem; }



#bloque-menu {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 100%;

      -ms-flex: 1 1 100%;

          flex: 1 1 100%; }



.direccion {

  color: #fff; }



#menu-principal {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 100%;

      -ms-flex: 1 1 100%;

          flex: 1 1 100%; }



#menu-principal ul {

  padding: 0;

  list-style: none;

  margin: 1rem 0 0 0; }



#menu-principal ul a {

  display: block;

  padding: .8rem 0;

  text-align: center;

  color: #005CB2;

  text-transform: uppercase;

  border-top: 1px solid rgba(16, 73, 169, 0.59);

  text-decoration: none; }



#menu-principal ul a:hover,

#menu-principal ul li.active a {

  color: #FF9125; }



.logo-encabezado {

  height: 80%;

  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;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-transition: 2.5s ease;

          transition: 2.5s ease; }



.logo-encabezado h1 {

  text-align: center;

  color: #005CB2;

  font-weight: 800; }



.logo-encabezado h4 {

  text-align: center;

  color: #005CB2;

  font-size: .7rem; }



.cajas {

  padding-top: 5rem;

  padding-bottom: 4rem;

  background: url("../img/fondoEmp.jpg") no-repeat;

  background-size: cover;

  background-attachment: fixed !important; }



.cuerpo-caja {

  background: #fff;

  padding: 20px; }



.cuerpo-caja p {

  color: #525151;

  font-size: .8rem; }



.caja-var {

  padding-top: 1rem; }



.caja-img {

  position: relative;

  overflow: hidden; }



.caja-img img {

  width: 100%;

  height: auto;

  -webkit-transition: 1.5s ease;

          transition: 1.5s ease; }



.caja-img img:hover {

  -webkit-transform: scale(1.5);

      -ms-transform: scale(1.5);

          transform: scale(1.5);

  opacity: 0.7; }



.caja-img a {

  background-color: #005CB2;

  color: #fff;

  position: absolute;

  bottom: 0;

  right: 0;

  text-transform: uppercase; }



.caja-img a span {

  padding-left: 15px;

  padding-right: 15px; }



.caja-img a i {

  padding: 5px 10px;

  background: rgba(0, 0, 0, 0.31); }



.caja-img a:hover, a:focus {

  color: #fff;

  text-decoration: none;

  background: #FF9125; }



.caja-header h4 {

  font-weight: 700; }



.ip-carou,

.alanoca .ip-card {

  border: 1px solid #fff; }



.alanoca {

  background: url(../img/fondoEmp.jpg) fixed;

  background-size: cover;

  border-top: 0.5em solid #005CB2;

  padding-top: 6.5rem;

  padding-bottom: 4rem;

  text-align: center;

  color: #005CB2;

  font-weight: 800;

  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;

  -webkit-justify-content: space-around;

      -ms-flex-pack: distribute;

          justify-content: space-around; }



.alanoca .ip-card {

  background: #005CB2;

  opacity: .90;

  color: #fff;

  width: 100%;

  padding: 2rem;

  -webkit-align-self: flex-end;

      -ms-flex-item-align: end;

          align-self: flex-end; }



.empresa {

  padding-top: 5rem;

  padding-bottom: 4rem; }



.empresa img {

  box-shadow: 6px 6px #005CB2; }



.empresa h4 {

  padding-top: 1rem;

  padding-bottom: 1rem;

  color: #005CB2;

  font-weight: 700; }



.empresa p {

  color: #525151;

  font-weight: inherit; }



.equipo {

  background: #005CB2;

  padding-top: 5rem;

  padding-bottom: 3rem;

  color: #fff; }



.equipo img {

  width: 100%;

  height: auto; }



.equipo h4 {

  padding-bottom: 2rem;

  font-weight: 700;

  text-transform: uppercase; }



.equipo .equipo1 ul li {

  font-size: .9rem;

  list-style: none; }



.bienvenidosSerEq {

  background: url("../img/equipos1.jpg") no-repeat center top;

  color: #fff;

  background-size: cover;

  background-attachment: fixed !important;

  height: 50vh;

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center; }



.servHeader h2 {

  font-size: 3rem;

  color: #005CB2;

  font-weight: 700; }



.servicios {

  padding-top: 50px; }



.experiencia {

  padding-top: 50px; }



.expe-cont {

  text-align: center;

  height: 250px;

  font-size: .8rem;

  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-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center; }



.expe-cont img {

  padding-bottom: 0; }



.experiencia a h3 {

  font-size: 1rem;

  font-weight: bold;

  text-align: center;

  color: #111111; }



.experiencia .container {

  padding-left: 0;

  padding-right: 0; }



.experiencia .owl-nav {

  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;

  margin: .5rem 0; }



.experiencia .owl-next,

.experiencia .owl-prev {

  color: #005CB2;

  font-size: 3rem;

  margin: 0 .6rem;

  -webkit-transition: all .5s ease;

          transition: all .5s ease; }



.experiencia .owl-next:hover,

.experiencia .owl-prev:hover {

  color: #008F3C; }



.contactos {

  padding-top: 50px;

  padding-bottom: 30px;

  background: #005CB2;

  background-size: cover;

  color: #fff; }



.contactos h2 {

  color: #fff;

  padding-bottom: 2rem; }



.contactos .btn-outline-primary {

  color: #fff;

  border-color: #fff;

  -webkit-transition: all .5s ease;

          transition: all .5s ease; }



.contactos .btn-outline-primary:hover {

  background: #FF9125;

  color: #fff;

  border-color: #fff; }



.m-contact {

  padding-top: 1rem; }



.direccion {

  padding-top: 2rem;

  padding-bottom: 2rem; }



.direccion li {

  list-style: none; }



.direccion li span {

  font-size: .7rem; }



.piedepagina {

  color: #525151;

  font-size: 0.7rem; }



.ir-arriba {

  position: fixed;

  bottom: 1rem;

  right: 1rem;

  font-size: 3rem;

  color: #008F3C;

  text-decoration: none;

  z-index: 99999;

  line-height: 0;

  display: none;

  -webkit-transition: all .5s ease;

          transition: all .5s ease; }



.ir-arriba:hover,

.ir-arriba:focus {

  outline: 0;

  text-decoration: none;

  color: #FF9125; }



.servicios .container {

  border-right: 2px solid #005CB2;

  border-left: 2px solid #005CB2; }



.servicios li {

  list-style: none;

  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; }



.servicios h4 {

  color: #005CB2; }



.servicios p {

  color: #525151;

  font-size: .9rem; }



.servicios .tabla-servicios-bloq {

  -webkit-box-ordinal-group: 1;

  -webkit-order: 0;

      -ms-flex-order: 0;

          order: 0;

  -webkit-box-flex: 0;

  -webkit-flex: 0 1 100%;

      -ms-flex: 0 1 100%;

          flex: 0 1 100%;

  -webkit-align-self: center;

      -ms-flex-item-align: center;

          align-self: center; }



.servicios .tabla-servicios {

  border: 1px solid #FF9125;

  -webkit-transform: rotateX(20deg) rotateZ(-10deg);

          transform: rotateX(20deg) rotateZ(-10deg); }



@media (min-width: 768px) {

  #menu-principal {

    height: auto !important;

    display: block;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

        -ms-flex: 0 1 auto;

            flex: 0 1 auto;

    margin-left: auto;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

        -ms-flex-order: 1;

            order: 1; }



  #menu-principal ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 0 0 0; }



  #menu-principal ul li a {

    padding: .8rem;

    text-transform: capitalize;

    margin: 0.3rem;

    border-top: 0px;

    border-bottom: 4px solid transparent; }



  #menu-principal ul li.active a,

  #menu-principal ul li a:hover {

    color: #005CB2;

    border-bottom: 4px solid;

    -webkit-transition: all .5s ease;

            transition: all .5s ease; }



  .encabezado .logo {

    width: 30%;

    color: #fff;

    font-size: 1.5rem;

    background: #005CB2;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: center; }



  .encabezado h1 {

    font-size: 1.7rem;

    padding-left: 1rem; }



  .alanoca .ip-card {

    background: #005CB2;

    opacity: .90;

    color: #fff;

    width: 40%;

    padding: 2rem;

    position: absolute;

    -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

            align-self: flex-end; } }


/*# sourceMappingURL=estilo.css.map */