/*
  Página Galmed
  url:www.galmedhns.com.mx
  Version: 1.0
  CARLOS ORTEGA VERGARA
  Lideres en aplicaciones personales http://lapps.online;
*/
/*Página WEB galmed CSS1*/
/*=======================================================================
[Contenido de la Tabla]
=========================================================================
[0] Body
[1] Header
[2] Index
  [2a] Banner
  [2b] Slider
  [2c] Popup
  [2d] Animaciones Popup
[3] Empresa
[4] Servicios
[5] Clientes
[6] Contacto
[7] Footer
==========================================================================*/
/*[0] Body 
=========================================================================*/
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

body {
  background:#FFFFFF;
}

/*=======================================================================
// [1] Header
=========================================================================*/

.contenedor_header{
  width: 100%;  
  /*max-width: 1090px;*/
  margin-left: 0;
  margin-top: 0;
}

.contenedor p {
  margin-bottom:0px;
}

/* logo */
.logo {
  margin-left: 20px;
  margin-top:0;
  width: 120px; height: 60px;
  background-color: #FFFFFF; 
  position: absolute;
}

.logo1{    
  margin-right: 20px;
  margin-top:0;
  width: 60px; height: 60px;
  background-color: #FFFFFF;
  float: right; 
}

.logo2 {
  margin-left: 20px;
  margin-top:20px;
  width: 120px; height: 60px;
  background-color: #FFFFFF; 
  float: left;
  position: absolute;
}
.cont_slogan{
  width:100%;
  height: 40px;
  margin:auto;  
}

.slogan{
  width: 100%;
  padding-top: 10px;
  font-family:Trebuchet MS;
  font-size: 1.5vw;
  color:#25578E;
  text-align: center;
  margin-top: 0px;
  position: absolute;  
}

header nav {
  background:#25578E;    
  text-align: center;
  
  /*margin-bottom:40px;*/
}
 
  header nav ul {
    margin-left: 15%;
    list-style: none;  
    overflow: hidden;
  }
   
    header nav ul li {
      margin-top:40px;

      float: left;
    }
     
    header nav ul li a {
      border-radius: 4px;
      display: block;
      padding:20px;
      padding-left:30px;
      padding-right:30px;
      color:#fff;
      text-decoration: none;
      font-family:Trebuchet MS;
      font-size: 1.5vw;
    }
       
    header nav ul li a:hover {
      color:#25578E;
      background:#FFFFFF;
    } 
 
 .menu{
  width: 100%; 
  opacity: 1;
  height: 100px;  
  background-color: #25578E;
 }

/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
  top:0;
  width:95%;
  box-shadow:0px 4px 3px rgba(0,0,0,.5);
  border-radius: 22px 22px 22px 22px;
  opacity:0.8;          /*Dar transparencia*/  
  position:fixed;  
  z-index:1000;
}
/*
.menu-fixed ul li a{
  padding: 15px 20px;
  
}

header nav ul li:hover .children {
  display:block;
}
 
header nav ul li .children {
  
  color:#060B96;
  display: none;
  background:#060B96;   
  position: absolute;
  width: 12%;
  z-index:1000;
}
 
header nav ul li .children li {
  display:block;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
  display: block;
}
 
header nav ul li .children li a span {
  float: right;
  position: relative;
  top:3px;
  margin-right:0;
  margin-left:10px;
}

@media screen and (max-width: 800px) {
  body {
    padding-top:80px;
  }
 
  header nav ul li:hover .children {
    display: none;
  }
 
  header nav ul li .children {
    width: 100%;
    position: relative;
  }
 
  header nav ul li .children li a {
    margin-left:20px;
  }
 
  header nav ul li .caret {
    float: right;
  }
}
*/

/*=======================================================================
// [2] Index
=========================================================================*/

.main-index{
  text-align: center;
}

.container-index{
  /*margin:0px auto;*/
  width: 100%;
  position: relative;
}
/*
.container-index h1{
  font-size: 22px;
  font-family: verdana;
  font-weight: bold;
  font-style: italic;
  color: #194392;
  width: 100%;
}

.container-index p{
  font-size: 14px;
  padding: 10px;
  font-family: verdana;
  font-weight: bold;
  font-style: italic;  
  width: 100%;
  text-align: justify;
  color: #194392;
}
*/
/*img de oficina para mostrar imagen 1 de la empresa*/
.ima_en_const{
    margin-top: -10px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 550px;    
    /*margin: auto;    */
    background-image: url(../galmed/images/const.jpg);
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    text-align: center;
}

.post-img-1-des{
  background-image: url(../images/Portada2.jpg);
  width: 100%;
  height: 550px;
  background-size: cover;
  background-position: center;
  transition: .25;  
  display: flex;
  justify-content: center;
  align-items: center;
}


/*=======================================================================
// [2a] Banner
=========================================================================*/
/*Div para mostrar el banner*/
.banner{
    margin-top: -10px;    
    width: 100%;
    /*max-width: 1090px;*/
    height: 640px;
    background-size: 100% 100%;
    animation-name: banner;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    z-index:-100;
}
/*Propiedades que tiene el banner*/
@keyframes banner{
    0%, 20%{
        background-image: url(../images/banner1/img1.jpg);
        opacity: 1;
    }
    21%, 24%{
        opacity: 0.1;   
    }
    25%, 40%{
        background-image: url(../images/banner1/img2.jpg);  
        opacity: 1;
    }
    41%, 44%{
        opacity: 0.1;   
    }
    45%, 60%{
        background-image: url(../images/banner1/img3.jpg);  
        opacity: 1;
    }
    61%, 64%{
        opacity: 0.1;   
    }
    65%, 100%{
        opacity: 1;
        background-image: url(../images/banner1/img4.jpg);          
    }

}
/*=======================================================================
// [2b] Slider
=========================================================================*/
/*Div para mostrar el Slider*/

.contenedor-slider {
  margin: auto;
  margin-top: 20px;
  width: 75%;
  /*max-width: 900px;*/
  height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 10px #fff, 0 15px 50px;
  z-index: -1;
}

.slider {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  /*z-index: -100;*/
}

.slider__section {
  width: 100%;
  /*z-index: 0;*/
}

.slider__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  /*z-index: 0;*/
}

.btn-prev, .btn-next {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  z-index: 100;
  cursor: pointer;
}

.btn-prev:hover, .btn-next:hover {
  background: white;
}

#btn-prev {
  left: 10px;
}

#btn-next {
  right: 10px;
}

/*=======================================================================
 [2c] POPUP 
=========================================================================*/

.btn-abrir-popup {
  float: right;
  margin-top: -45px;   
  margin-right: 20px;  
  text-decoration: none;  
  border: none;
  font-size: 15px;
  padding: 8px;
  font-family: verdana;
  font-weight: bold;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  vertical-align:middle;   
  position: relative;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  background-color: #25578E;
  z-index: 1000;
}

.btn-abrir-popup:hover {
  color:  #25578E;
  background-color:#ffffff;
  border: none;
}

.overlay {
  background: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
  z-index: 1000; 
}

.overlay.active {
  visibility: visible;
}

.popup {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  padding: 20px;
  text-align: center;
  /*width: 600px;  */
  transition: .3s ease all;
  transform: scale(0.7);
  opacity: 0;
}

.popup .btn-cerrar-popup {
  font-size: 16px;
  line-height: 16px;
  display: block;
  text-align: right;
  transition: .3s ease all;
  color: #BBBBBB;
}

.popup .btn-cerrar-popup:hover {
  color: #000;
}

.popup h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px;
  opacity: 0;
}

.popup h4 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 40px;
  opacity: 0;
}

.popup form .contenedor-inputs {
  opacity: 0;
}

.popup form .contenedor-inputs input {
  width: 100%;
  margin-bottom: 20px;
  height: 52px;
  font-size: 18px;
  line-height: 52px;
  text-align: center;
  border: 1px solid #BBBBBB;
}

.popup form .btn-submit {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
  background: #5E7DE3;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: .3s ease all;
}

.popup form .btn-submit:hover {
  background: rgba(94,125,227, .9);
}

/*=======================================================================
/* [2d] ANIMACIONES POPUP
=========================================================================*/

.popup.active { transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }

@keyframes entradaTitulo {
  from {
    opacity: 0;
    transform: translateY(-25px);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes entradaSubtitulo {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes entradaInputs {
  from { opacity: 0; }
  to { opacity: 1; }
}


/*=======================================================================
// [3] Empresa
=========================================================================*/

/*img de oficina para mostrar imagen 1 de la empresa*/
.ima_emp1_emp{
    margin-top: -10px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 550px;    
    /*margin: auto;    */
    background-image: url(../images/empresa/empresa1.png);
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    text-align: center;
}
/*Texto nombre de la empresa Centrado sobre imagen de oficina
.centrado_emp{    
    top: 30%;
    left: 50%;
    width:  100%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-family: verdana;
    font-weight: bold;
    color:  #ffff;   
    text-align: center;
    background-color: #25578E; 
    opacity:0.6;  
    float: center;
    position: absolute;
}
*/
/*Texto Empresa sobre imagen de oficina*/
.texto_encima_emp{
    position: absolute;
    top: 30%;
    left:20px;
    width: 550px;
    height:370px;
    padding: 40px;
    background-color: #25578E; 
    opacity:0.7;           
    font-size: 18px;
    font-family: verdana;       
    color: white;
    /*letter-spacing: 2pt;    
    line-height:30%;       */
    text-align: justify;  
    text-decoration: none;    
}
/*
.texto_encima_emp p{
    margin-top: -20px;
    font-size: 16px; 
    line-height:300%;
    color: white;
    text-decoration: none;
}
/*
.tex-encima-emp{
    font-size: 16px; 
    line-height:300%;
    color: white;
    text-decoration: none;
}
*/
/*Div de vienvenida Empresa*/
.bienvenida_emp{    
    width: 100%;
    /*max-width: 1090px;*/
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 50px;    
    background-size: 100% 100%;
}

/*Div letrero de azul inicia operacion con nosotros*/
.letrero_emp{
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 40px;
    margin: auto;         
    background-size: 100% 100%;    
    font-size: 25px;
    font-family: verdana;
    font-weight: bold;
    color:  #ffff;   
    text-align: center;
    background-color: #25578E; 
    padding: 10px;
    vertical-align:middle;  
    /*opacity:0.6;  
    padding-top: 10px;
    padding-bottom: 10px;*/
    letter-spacing: 4pt;      /* para separar entgre letras */
    /*border-radius: 20px;   /*Poner borde puntas redondeadas*/
}


/*Contenedor de texto sobre imagen de oficina
.contenedor-emp{
    position: relative;
    display: inline-block;
    text-align: center;
}
*/

/*img de avion
.imaavion-emp{    
    width: 950px;
    height: 250px;    
    margin: auto;    
    background-size: 100% 100%;
    position: relative;
    display: inline-block;  /*Propicia ocupar todo el espacio posible
    text-align: center;
    opacity:.7;  
}
*/

/*Texto Empresa sobre imagen de oficina
.hitoria_emp{
    position: absolute;
    top: 40%;
    left: 130px;
    width: 350px;
    height:300px;
    padding: 40px;
    background-color:  #194392; 
    opacity:0.6;            /*Transparencia del objeto
    font-size: 22px;
    font-family: verdana;
    color: white;    
    letter-spacing: 2pt;    /* para separar entgre letras 
    line-height:300%;       /*Interlineado de un texto
    text-align: justify;    /*Justificar el texto   
}
*/
/*Contenedor de imagen de oficina
.content-emp{
    width: 940px;
    padding: 10px;
    margin: auto;
}
*/
  /*Texto Empresa sobre imagen de oficina
.texto-encima1-emp{
    position: absolute;
    margin-top: -80px;
    width: 1150px;
    height:600;
    padding: 40px;
    background-color: #194392;
    opacity:0.6;            /*Transparencia del objeto
    font-size: 22px;
    font-family: verdana;
    color: white;    
    letter-spacing: 2pt;    /* para separar entgre letras 
    line-height=300%;       /*Interlineado de un texto
    text-align: justify;    /*Justificar el texto
}
*/

.mision_emp{
    position: relative;
    text-align: justify;
    border: solid 1px;
    border-color: deepskyblue;
    background-color: white;
    padding: 10px;   
    width: 550px;    
    opacity:.8;            /*Transparencia del objeto*/
    float: left; 
    margin-left: 10px;
    margin-top: 20px;
    }
  
.vision_emp{
    position: relative;
    text-align: justify;
    border: solid 1px;
    border-color: deepskyblue;
    background-color: white;
    padding: 10px;   
    width: 550px;    
    opacity:.8;            /*Transparencia del objeto*/
    float: right; 
    margin-right: 20px;   
    margin-top: 20px;
    }
/*img de oficina para mostrar imagen 2 de la empresa*/
.ima_emp2_emp{
    margin-top:20px;
    margin-bottom: 10px;
    width: 100%;
    height: 500px;    
    /*margin: auto;   */
    background-image: url(../images/empresa/empresa2.jpg);
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    text-align: center;
}
/*
.contacto-emp{
    float:right; 
    width: 500px; 
    height: 200px; 
    text-align: center; 
    margin-right: 20px;

}

.contacto-emp h2{
    float:center; 
    width: 500px; 
    height: 30px; 
    text-align: center; 
    margin-right: 20px;
    font-size: 14px;
    color:  #194392; 
    font-style: bold;
}

.datos-emp{
    float:center; 
    width: 500px; 
    height: 80px; 
    text-align: center; 
    margin-right: 20px;
    font-size: 8px;    
    color:  #194392; 
}


/*=======================================================================
// [4] Servicios
=========================================================================*/
/*Div de vienvenida servicios*/
.bienvenida_ser{
    width: 100%;
    /*max-width: 1090px;*/
    height: 600px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;    
    /*background-size: 100% 100%;*/
    position: relative;
}

/*Div letrero de azul inicia operacion con nosotros*/
.letrero_ser{
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 40px;
    /*margin: auto;         
    /*background-size: 100% 100%;    */
    font-size: 25px;
    font-family: verdana;
    font-weight: bold;
    color:  #ffff;   
    text-align: center;
    background-color: #25578E; 
    padding: 10px;
    vertical-align:middle;  
    /*opacity:0.6;  
    padding-top: 10px;
    padding-bottom: 10px;*/
    letter-spacing: 4pt;      /* para separar entgre letras */
    /*border-radius: 20px;   /*Poner borde puntas redondeadas*/
}

.video_ser{
  width: 100%;
  /*max-width: 1090px;*/
  height: 500px;
  margin-left: 0px;
  margin-top: 10px;
  position: absolute;
  /*z-index: -100;*/  /*Poner si vas a poner un texto sobre imagen*/
}


/*=======================================================================
// [5] Clientes
=========================================================================*/
/*Div de vienvenida clientes*/
.bienvenida_cli{
    width: 100%;
    /*max-width: 1090px;*/
    height: 600px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 50px;    
    /*background-size: 100% 100%;*/
    position: relative;
}
/*Div letrero de azul inicia operacion con nosotros*/
.letrero_cli{
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 40px;
    /*margin: auto;         
    /*background-size: 100% 100%;    */
    font-size: 25px;
    font-family: verdana;
    font-weight: bold;
    color:  #ffff;   
    text-align: center;
    background-color: #25578E; 
    padding: 10px;
    vertical-align:middle;  
    /*opacity:0.6;  
    padding-top: 10px;
    padding-bottom: 10px;*/
    letter-spacing: 4pt;      /* para separar entgre letras */
    /*border-radius: 20px;   /*Poner borde puntas redondeadas*/
}

.video_cli{
  width: 100%;
  height: 500px;
  margin-left: 0px;
  margin-top: -10px;
  position: absolute;
  /*z-index: -100;*/  /*Poner si vas a poner un texto sobre imagen*/
}

/*=======================================================================
// [6] Contacto
=========================================================================*/
/*Div de vienvenida contacto*/
.bienvenida-con{
    width: 100%;
    /*max-width: 1090px;*/
    height: 500px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 50px;    
    background-size: 100% 100%;
    position: relative;
}

/*Div letrero de azul inicia operacion con nosotros*/
.letrero_con{
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    /*max-width: 1090px;*/
    height: 40px;
    /*margin: auto;         
    background-size: 100% 100%;    */
    font-size: 25px;
    font-family: verdana;
    font-weight: bold;
    color:  #ffff;   
    text-align: center;
    background-color: #25578E; 
    padding: 10px;
    vertical-align:middle;  
    opacity:0.6;  
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    letter-spacing: 4pt;      /* para separar entgre letras */
    /*border-radius: 20px;   /*Poner borde puntas redondeadas*/
}
.video_con{
  width: 100%;
  /*max-width: 1090px;*/
  height: 500px;
  margin-left: 0px;
  margin-top: -40px;
  position: absolute;
  z-index: -100;  /*Poner si vas a poner un texto sobre imagen*/
}

/*Portada*/
.container-portada{
    width: 100%;
    /*max-width: 1090px;*/
    height: 400px;
    margin-top: 20px;
    position: relative;
    background-image: url(../images/contacto1.jpg);
    background-size: 200%;
    animation: movimiento 20s infinite linear alternate;  

}

@keyframes movimiento{
    from{
        background-position: bottom left;
    }to{
        background-position: top right;
    }
}

.capa-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    background: -webkit-linear-gradient(left, black, #0672d0);
    opacity: 0.5;
}

.container-details{
    width: 100%;
    /*max-width: 1090px;*/
    position: relative;
    margin: auto;

}

.details{
    width: 100%;
    /*max-width: 500px;*/
    position: relative;
    top: 20px;
    color: white;
}

.details h1{
    font-size: 40px;
    font-weight: 100;
    margin-left: 10px;

}

.details p{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
    margin-left: 10px;

}

.details button{
    padding: 10px 20px;
    font-size: 16px;
    background: none;
    border-style: none;
    border: 1px solid white;
    color: white;
    margin-top: 20px;
    transition: background 300ms;
    cursor: pointer;
    margin-left: 10px;
}
/*Contenedor donde se encuentra el mapa y datos de contacto*/
.conenedor-ubica{
  /*max-width: 1090px;*/
  margin-top: 20px; 
  margin-left: 20px;  
  height: 450px;
  
}
/*Contenedor de datos de contacto*/
.contacto{
    margin-top: 0px;
    float:right; 
    width: 500px; 
    height: 450px; 
    text-align: center; 
    margin-right: 20px;
    position: relative;
    
}

.contacto h2{    
    height: 30px; 
    text-align: center; 
    margin-right: 40px;
    font-size: 14px;
    color:  #194392; 
    font-style: bold;
}

.contacto a{    
    width: 250px; 
    height: 30px; 
    text-align: center; 
    margin-right: 40px;
    font-size: 14px;
    color:  #194392; 
    font-style: bold;
}

.details button:hover{
    background: white;
    color: black;
}

.container-pos{  
  /*max-width: 1090px;*/
  margin-left: 20px;
  margin-top: 20px;
  height: 450px; 
}

/* reglas CSS para formulario por Mail */
.form-consulta {
    border-radius: 6px;
    max-width: 500px; 
    background: #eee; 
    font-family: 'Source Sans Pro', sans-serif;    
    height: 525px;
    float: center;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
}

.form-consulta ul{
  padding: 30px;
  background: #eee; 
}

/* Botón para contacto por mail*/
.btn-form {
  border:0; 
  background: #25578E;
  height: 46px; 
  line-height: 46px; 
  padding: 0 20px; 
  border-radius: 6px; 
  border: 1px solid #25578E;
  color:#ffffff;   
  text-decoration: none; 
  letter-spacing: 4pt;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: verdana;
  font-weight: bold;
  cursor: pointer;  
  float:right;
}

/* Botón cuando se pasa el mouse sobre para contacto por mail*/
.btn-form:hover {
    color:#25578E;
    background: #ffffff;
}

/*Campos del formulario*/
.campo-form {
    width:100%; 
    height:36px; 
    margin:2px 0 6px; 
    padding-left:6px; 
    box-sizing: border-box; 
    border-radius:3px; 
    border:0; 
    font-family: 'Source Sans Pro', sans-serif; 
    font-size:1em;

}

/* Etiquetas para contacto por mail*/
label span {
    color: #f00;
}
/* Campo multiline para contacto por mail*/
textarea {
    min-height: 150px;
}



/*=======================================================================
// Admin 11
=========================================================================*/

/*=======================================================================
//  Admin-Index 11a
=========================================================================*/
/*
#contenidoTabla th{
  font-size: 13px;
}

#contenidoTabla td{
  font-size: 10px;
}
*/

/*=======================================================================
// [7] Footer
=========================================================================*/
/*PIE DE PAGINA*/
.footer {  
  background:#25578E;  
  padding: .50rem 0;
  text-align: center;
  height: 90px;
  width: 100%;
  /*max-width: 1090px;*/
  position: absolute;
}
/*Div del menu de redes y contacto*/
.content_redes{    
    float:right;    
    margin-top: 0px; 
    width:100%; 
    text-align: center;     
    /*vertical-align:middle;
    z-index: 1;    */
    background-color: #ffff;
}

/*Centrado de Menu*/
nav ul{
    text-align: left;
    list-style: none;
    width: 100%;
    /*max-width: 1090px;*/
    color: #25578E;
    font-size: 14px;
    font-family: MyriadWebpro, sans-serif;
    font-weight: bold;    
}
/*Formato de letra y tipo del menu de opciones*/
nav ul i{
  color: #25578E;
    font-size: 14px;
    font-family: MyriadWebpro, sans-serif;
    font-weight: bold;
    display: inline-block;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;    
}

/*Color del menu cuando se pasa el mouse por encima*/
nav ul i:hover{
    color: #FFF;
    background:#25578E; 
    opacity:0.7; 
    border-radius: 6px; 
}

/*Formato de letra y tipo del menu de opciones*/
.redes{
    padding: 10px;
    padding-right: 50px;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;        
    word-wrap: break-word; 
    margin-right: 10px;
}

.derechos {  
  margin-top: 20px;
  padding: 1rem 0;
  text-align: center;
  height: 40px;
  font-family:MyriadWebpro, sans-serif;
  font-weight: bold;
  font-size:12px;
  font-style: italic;
  color: #FFFFFF;
  /*bottom:;*/
  width: 100%;
}