/* Base */
nav.navbar{
  margin-bottom: 0;
  border: 0;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
nav.navbar.navbar-duo{
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
  box-shadow: 0px 0px 20px rgba(0,0,0,.3);
}
nav.navbar-fondo.shrink{background: transparent;}
nav.navbar-fondo.shrink .botonera-secundaria{background: rgba(6,55,96,.9);}
nav.navbar-fondo.shrink .botonera-principal{background: rgba(6,35,71,.9);}
nav.navbar-duo.shrink .botonera-secundaria{background: rgba(0,73,144,.95);}
nav.navbar-duo.shrink .botonera-principal{background: rgba(255,255,255,.95);}
nav.navbar.shrink {height: 120px;}
nav .navbar-collapse .ico-down{
  height: auto;
  position: absolute;
  filter: drop-shadow(0 1px 1px rgba(10,71,147,.4));
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
nav.navbar-duo .navbar-collapse .ico-down{filter: drop-shadow(0 1px 1px rgba(255,255,255,.4));}

/* Logotipo */
.navbar-brand{
  display: flex;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 30px;
}
.navbar-brand, .navbar-nav>li>a {text-shadow: 0 1px 2px rgba(10,71,147,.4);}
.navbar-duo .navbar-nav>li>a {text-shadow: 0 1px 2px rgba(255,255,255,.4);}
.navbar-brand img{
  width: 100%;
  height: auto;
}
.shrink .navbar-brand{font-size: 25px;}

/* Menú Hamburguesa */
.navbar-dark .navbar-toggler{
  position: absolute;
  top: 20px;
  right: 15px;
  padding: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 0;
}
span.icon-bar{
  position: absolute;
  left: 6px;
  width: 26px;
  height: 3px;
  background: rgb(255 255 255);
  display: block;
  border-radius: 10px;
}
.navbar-duo span.icon-bar{background: rgb(98 108 119);}

/* Botonera Principal */
.menu{
  position: relative;
  display: flex;
  color: rgb(255,255,255);
  font-weight: 500;
}
.menu a{
  background: transparent;
  color: rgb(255,255,255);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-duo .menu a{color: rgb(70,82,95);}
.menu .children a{
  -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0);
  -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0);
  -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0);
  -o-text-shadow: 0px 1px 1px rgba(0,0,0,0);
  text-shadow: 0px 1px 1px rgba(0,0,0,0);
}
nav.navbar .nav .active a, nav.navbar .nav .submenu.active a{color: rgb(21,177,234);}
.menu.submenu>a {margin-right: 10px;}
nav.navbar .nav .sin-separador{background: transparent;}
.menu:hover a{color: rgb(21,177,234);}
.menu:hover a .ico-down, nav.navbar .nav .active a .ico-down{fill: rgb(135,213,255);}

/* Botonera Secundaria */
.botonera-secundaria{
  position: relative;
  background: transparent;
  display: block;
  width: 100%;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.navbar-duo .botonera-secundaria{background: rgba(0,73,144,.85);}
.linea-separadora{height: 100%;border-bottom: 1px solid rgba(255,255,255,.3);}
.botonera-secundaria-extranet{
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.botonera-secundaria-telefono{
  margin-left: auto;
  font-family: 'Montserrat',arial;
  font-weight: 600;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.botonera-secundaria-telefono a{position: relative;color: rgb(255,255,255);}
.botonera-secundaria-menu{
  font-family: 'Ubuntu',Arial;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.botonera-secundaria-menu ul li{display: inline-flex;}
.botonera-secundaria-menu ul li a{
  position: relative;
  color: rgb(255,255,255);
  font-weight: normal;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.botonera-secundaria-menu ul li a:hover,
.botonera-secundaria-menu ul li a:focus,
.botonera-secundaria-menu ul li a:active,
.botonera-secundaria-menu ul li.active a{color: rgb(21,177,234);}
.botonera-secundaria .ico-bs{
  position: absolute;
  fill: rgb(21,177,234);
}
.botonera-secundaria .ico-extranet{
  display: inline-block;
  fill: rgb(255,255,255);
}
.botonera-secundaria-rrss{
  display: flex;
  align-items: center;
  justify-content: center;
}
.botonera-secundaria-rrss ul{
    display: flex;
    margin: 0;
    padding: 0;
}
.botonera-secundaria-rrss ul li{
    margin: 0 3px;
    padding: 0;
}
.botonera-secundaria-rrss ul li a{
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 11px;
    text-align: center;
    color: rgb(255,255,255);
    border-radius: 50px;
    border: solid 1px rgb(255,255,255);
    transition: all .3s;
}
.botonera-secundaria-rrss ul li a i{
    margin: 0 auto;
}
/* Botonera secundaria móvil */
.botonera-secundaria-menu-movil{padding: 10px 15px;}
.botonera-secundaria-menu-movil ul li{padding: 3px 0;}
.botonera-secundaria-menu-movil ul li a{color: rgba(255,255,255,.5);}
.botonera-secundaria-menu-movil ul li a:hover,
.botonera-secundaria-menu-movil ul li a:active,
.botonera-secundaria-menu-movil ul li a:focus,
.botonera-secundaria-menu-movil ul li.active a{color: rgb(42,172,234);font-weight: bold;}
.menu-abierto .barra1,.menu-abierto .barra2,.menu-abierto .barra3,
.menu-cerrado .barra1,.menu-cerrado .barra2,.menu-cerrado .barra3{
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.icon-bar.barra1{top: 10px;}
.icon-bar.barra2{top: 18px;}
.icon-bar.barra3{top: 26px;}
.menu-abierto .icon-bar.barra1{top: 18px;transform: rotate(45deg);}
.menu-abierto .icon-bar.barra2{transform: scale(0);}
.menu-abierto .icon-bar.barra3{top: 18px;transform: rotate(-45deg);}
.extranet-movil {
  position: absolute;
  top: 20px;
  right: 70px;
}
.extranet-movil a{
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 7px 0 0 0;
  background: rgba(255,255,255,.1);
  text-align: center;
  font-size: 7px;
  line-height: 100%;
  border-radius: 50px;
  color: rgb(255,255,255);
}
.navbar-duo .extranet-movil a{background: rgb(0 73 144);}
.extranet-movil a img{
    width: 15px;
    margin: 0 auto;
    display: block;
}
.extranet-movil .ico-extranet {
  margin: 0px auto 2px auto;
  display: block;
  width: 16px;
  fill: rgb(22, 154, 218);
}

/* Botonera Principal */
.botonera-principal{
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.botonera-principal .container{height: 100%;}
.navbar-duo .botonera-principal{
  background-color: rgba(255,255,255,.85);
}

/* Dropdown */
.dropbtn{
  background-color: transparent;
  font-weight: 500;
  color: rgb(255,255,255);
  cursor: pointer;
  border: 0;
  border-radius: 50px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.dropbtn img{width: 5px;}
.dropbtn:hover, .dropbtn:focus{background-color: rgba(0,0,0,0.2);}
.dropdown{
  position: relative;
  display: inline-block;
}
.dropdown-content{
  display: none;
  right: auto;
  left: 0;
  padding: 0;
  background-color: rgba(0,170,241,0.8);
  min-width: auto;
  overflow: auto;
  border-radius: 30px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size: 12px;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {background-color: rgb(1 125 177 / 80%)}
.dropdown-menu>li>a{
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}
.show {display:block;}

/* Submenu */
nav ul{margin: 0;padding: 0}
nav ul li{list-style: none;}
nav ul li a, nav ul li a:hover, nav ul li a:active, nav ul li a:focus{text-decoration: none;}
nav ul li .children{
  position: absolute;
  top: 100%;
  z-index: 1000;
  text-align: center;
  display: none;
}
nav ul li .children.sub-submenu-aa {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1100;
  display: none;
}
nav ul li .submenu-aa, nav ul li .sub-submenu-aa {
  background: rgba(6,55,96,.9);
  color: rgb(255,255,255);
  border-radius: 0 0 5px 5px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.15));
}
#mainNav ul li .submenu-aa li{
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/*#mainNav ul li .submenu-aa li:after{
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: rgb(21,177,234);
  transition: all .2s;
}*/
#mainNav ul li .submenu-aa li a{
  display: block;
  font-weight: 400;
  color: rgb(255,255,255);
  text-align: left;
  white-space: nowrap;
}
#mainNav ul li .submenu-aa li a.flecha-derecha{
  padding-right: 40px;
  background: transparent url(../img/ico-right.png) no-repeat 90% center;
}
#mainNav ul li .submenu-aa li:hover, #mainNav ul li .submenu-aa .active{background: transparent;}
#mainNav ul li .submenu-aa li:hover:after, #mainNav ul li .submenu-aa li.active:after{width: 4px;}
#mainNav ul li .submenu-aa li:hover a,
#mainNav ul li .submenu-aa li:active a,
#mainNav ul li .submenu-aa li:focus a,
#mainNav ul li .submenu-aa li.active a{color: rgb(21,177,234);}
#mainNav ul li .submenu-aa li a img{margin: 0 0 0 15px;}

/* Estilos para el Menú Móvil */
.menumovil-item a{
  display: block;
  width: 100%;
}
.childrenmovil{display: none;}

@media(min-width: 0px){
  nav.navbar-fondo{background-color: rgb(6,35,71);}
  nav.navbar{padding: 0;height: auto;flex-direction: column;}
  nav.navbar.shrink {height: auto;}
  nav .navbar-collapse .ico-down{
    width: 8px;
    right: -2px;
    top: calc(50% - 2px);;
  }
  nav .container>.navbar-header{width: 100%;}
  .navbar-brand{
    width: calc(100% - 110px);
    max-width: 250px;
  }
  nav .navbar-collapse{margin-top:0;border: 0;}
  ul.nav.navbar-nav {
    background: rgba(9,11,17,0.8);
    margin-top: 0;
  }
  nav.navbar .nav a{
    font-size: 15px;
    padding: 16px 18px;
  }
  .botonera-secundaria{display: none;}
  .extranet-movil{display: block;}
  .botonera-principal{width: 100%;height: 80px;}
  .dropbtn{padding: 9px 11px;font-size: 14px;}
  nav ul li .submenu-aa, nav ul li .sub-submenu-aa {padding: 20px 10px;}
  nav ul li .children{left: 0;width: auto;}
}
@media(min-width: 768px){
  nav.navbar-fondo{background-color: transparent;}
  nav .navbar-collapse .ico-down{
    width: 6px;
    right: 7px;
    top: calc(50% - 1px);;
  }
  nav .container>.navbar-header{width:auto;}
  .navbar-brand{
    margin-top: -24px;
    width: 180px;
    min-width: inherit;
    max-width: inherit;
  }
  nav .navbar-collapse{margin-top: 0;}
  ul.nav.navbar-nav {background: transparent;}
  nav.navbar .nav a{
    font-size: 12px;
    padding: 20px 6px;
  }
  .botonera-secundaria{display: block;height:44px;}
  .shrink .botonera-secundaria{height:38px;}
  .extranet-movil{display: none;}
  .botonera-secundaria-extranet{display: block;}
  .botonera-secundaria-extranet a{
    display: flex;
    flex-direction: column;
    padding: 0 5px;
    width: 40px;
    border-radius: 10px;
  }
  .botonera-secundaria-extranet a img{
    margin: 2px auto 0 auto;
    width: 11px;
  }
  .botonera-secundaria-extranet a span{
    margin: 2px auto 0 auto;
    font-size: 6px;
  }
  .botonera-secundaria-telefono{
    display: flex;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    border: 1px solid rgb(85,188,235);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .botonera-secundaria-telefono a img,
  .botonera-secundaria-menu a img{width: 15px;margin: -3px 5px 0 0;}
  .botonera-secundaria-telefono a img{margin: 0;}
  .botonera-secundaria-telefono a span{display: none;}
  .botonera-secundaria-menu ul li a{padding: 0 2px;font-size: 11px;}
  .botonera-secundaria .ico-bs{top: 0px;left: 0px;width: 12px;}
  .botonera-secundaria .ico-extranet{width: 11px;}
  .botonera-secundaria-rrss{margin-right: 2px;}
  .botonera-secundaria-rrss ul li{margin: 0 2px;}
  .botonera-principal{height: auto;}
  .dropbtn{padding: 4px 8px;font-size: 12px;}
  nav ul li .submenu-aa, nav ul li .sub-submenu-aa {padding: 15px 0;}
  #mainNav ul li .submenu-aa li a{padding: 5px 10px;font-size: 11px;}
}
@media(min-width: 992px){
  nav .navbar-collapse .ico-down{
    width: 8px;
    right: 9px;
    top: calc(50% - 1px);;
  }
  .navbar-brand{
    margin-top: -32px;
    width: 240px;
  }
  .shrink .navbar-brand{
    margin-top: -24px;
    width: 220px;
  }
  nav .navbar-collapse{}
  nav.navbar .nav a{
    font-size: 15px;
    padding: 30px 12px;
  }
  nav.navbar.shrink .nav a{padding: 20px 12px;}
  .botonera-secundaria{height: 49px;}
  .shrink .botonera-secundaria{height:42px;}
  .botonera-secundaria-extranet a{
    display: inline-block;
    padding: 7px 10px;
    width: auto;
    border-radius: 30px;
  }
  .botonera-secundaria-extranet a img{
    margin: -4px 7px 0 0;
  }
  .botonera-secundaria-extranet a span{
    margin: 0;
    font-size: 11px;
  }
  .botonera-secundaria-telefono{
    margin-right: 5px;
    width: auto;
    font-size: 15px;
    border: 0;
  }
  .botonera-secundaria-telefono a img,.botonera-secundaria-menu a img{display: inline-flex;width: 17px;}
  .botonera-secundaria-menu a img{margin: -3px 5px 0 0;}
  .botonera-secundaria-telefono a span{display: inline-flex;}
  .botonera-secundaria-menu ul li a{padding: 0 5px;font-size: 13px;}
  .botonera-secundaria .ico-bs{top: 2px;left: 7px;width: 13px;}
  .botonera-secundaria .ico-extranet{width: 12px;}
  .botonera-secundaria-rrss{margin-right: 5px;}
  .botonera-secundaria-rrss ul li{margin: 0 2px;}
  .dropbtn{padding: 5px 9px;font-size: 14px;}
  #mainNav ul li .submenu-aa li a{padding: 8px 15px;font-size: 13px;}
}
@media(min-width: 1200px){
  nav .navbar-collapse .ico-down{
    top: calc(50% - 2px);;
    right: 10px;
    width: 8px;
  }
  .navbar-brand{
    margin-top: -40px;
    width: 310px;
  }
  .shrink .navbar-brand{
    margin-top: -30px;
    width: 260px;
  }
  nav .navbar-collapse{}
  nav.navbar .nav a{
    padding: 40px 15px;
    font-size: 16px;
  }
  nav.navbar.shrink .nav a{
    padding: 30px 15px;
  }
  .botonera-secundaria{height: 58px;}
  .shrink .botonera-secundaria{height:48px;}
  .botonera-secundaria-extranet a{padding: 10px 17px;font-size: 13px;}
  .botonera-secundaria-extranet a img{width: 13px;}
  .botonera-secundaria-extranet a span{font-size: 12px;}
  .botonera-secundaria-telefono{font-size: 16px;}
  .botonera-secundaria-telefono a img,.botonera-secundaria-menu a img{width: 20px;}
  .botonera-secundaria-menu a img{margin: -3px 7px 0 0;}
  .botonera-secundaria-menu ul li a{padding: 0 10px;font-size: 14px;}
  .botonera-secundaria .ico-bs{top: 2px;left: 7px;width: 15px;}
  .botonera-secundaria .ico-extranet{width: 13px;}
  .botonera-secundaria-rrss ul li{margin: 0 3px;}
  .dropbtn{font-size: 14px;}
  nav ul li .submenu-aa, nav ul li .sub-submenu-aa {padding: 20px 0;}
  #mainNav ul li .submenu-aa li a{padding: 10px 20px;font-size: 14px;}
}