/* Base */
nav.navbar{
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
nav.navbar-fondo{background: transparent;}
nav.navbar-fondo.shrink{background: transparent;}
nav.navbar-fondo.shrink .botonera-secundaria{background: rgba(10,71,147,.95);}
nav.navbar-fondo.shrink .botonera-principal{background: rgba(255,255,255,0.95);}
nav.navbar.shrink {height: 120px;}
nav .navbar-collapse .ico-down{
  height: auto;
  position: absolute;
  fill: rgb(71,83,96);
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

/* Logotipo */
nav .navbar-brand{
  height: auto;
  padding: 0;
  font-size: 30px;
}
nav .navbar-brand img{
  width: 100%;
  height: auto;
}
nav.navbar.shrink .navbar-brand{font-size: 25px;}

/* Menú Hamburguesa */
nav .navbar-toggle {margin: 25px 10px 0 0;}
nav .navbar-toggle .icon-bar{background: rgb(71,83,96);}
nav.navbar.shrink .navbar-toggle {}

/* Botonera Principal */
nav.navbar .nav .menu {
  color: rgb(255,255,255);
  font-weight: 700;
}
nav.navbar .nav .menu a{
  background: transparent;
  color: rgb(71,83,96);
  -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -moz-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -ms-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -o-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.navbar .nav .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(0,170,241);}
.menu.submenu>a {margin-right: 10px;}
nav.navbar .nav .sin-separador{background: transparent;}
nav.navbar .nav .menu:hover a{color: rgb(0,170,241);}
nav.navbar .nav .menu:hover a .ico-down, nav.navbar .nav .active a .ico-down{fill: rgb(0,170,241);}

/* Botonera Secundaria */
.botonera-secundaria{
  position: relative;
  background: rgba(10,71,147,.8);
  display: block;
  width: 100%;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
nav.navbar .botonera-secundaria-extranet{
  float: right;
  margin: 7px 0 0 0;
}
nav.navbar .botonera-secundaria-telefono{
  float: right;
  font-family: 'Montserrat',arial;
  font-weight: bold;
}
nav.navbar .botonera-secundaria-telefono a{position: relative;color: rgb(255,255,255);}
.botonera-secundaria-menu{
  float: right;
  font-family: 'PT Sans',Arial;
}
.botonera-secundaria-menu ul li{display: inline-flex;}
.botonera-secundaria-menu ul li a{
  position: relative;
  color: rgba(255,255,255,.8);
  font-weight: normal;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.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: rgba(255,255,255,1);font-weight: bold;}
.botonera-secundaria .ico-bs{
  position: absolute;
  fill: rgb(43,172,234);
}
.botonera-secundaria .ico-extranet{
  display: inline-block;
  fill: rgb(255,255,255);
}
/* 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;
}
.menu-abierto .barra1{transform: rotate(45deg);transform-origin:4px 4px;}
.menu-abierto .barra2{transform: scale(0);}
.menu-abierto .barra3{transform: rotate(-45deg);transform-origin:3px -2px;}
.extranet-movil {
  float: right;
  margin: 20px 0 0 10px;
}
.extranet-movil a {
  padding: 6px;
  text-align: center;
  font-size: 7px;
  line-height: 90%;
}
.extranet-movil .ico-extranet {
  margin: 0 auto 5px auto;
  display: block;
  width: 16px;
  fill: rgb(255,255,255);
}

/* Botonera Principal */
.botonera-principal{
  background: rgba(255,255,255,0.9);
  -webkit-box-shadow: 0px 1px 25px rgba(0,0,0,.1);
  box-shadow: 0px 1px 25px rgba(0,0,0,.1);
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

/* Dropdown */
.dropbtn{
  background-color: rgba(0,0,0,0);
  border: solid 1px rgba(255,255,255,.3);
  font-weight: 600;
  color: white;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.dropbtn:hover, .dropbtn:focus{
  background-color: rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.dropdown{
  position: relative;
  display: inline-block;
}
.dropdown-content{
  display: none;
  right: auto;
  left: 0;
  background-color: rgba(0,170,241,0.8);
  min-width: auto;
  overflow: auto;
  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: #ddd}
.dropdown-menu>li>a{
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
}
.show {display:block;}

/* Submenu */
.triangulo_sup {
  position: absolute;
  bottom: 0;
  left: calc(50% - 4px);
  width: 16px;
  height: 8px;
  overflow: hidden;
}
.triangulo_sup:after{
  content: '';
  position: absolute;
  top:8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(43,172,234);
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.menu.submenu:hover .triangulo_sup:after, .menu.submenu.active .triangulo_sup:after,.menu.active .triangulo_sup:after{top: 0;}
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;
  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(43,172,234,.9);
  color: rgb(255,255,255);
  border-radius: 0 0 5px 5px;
}
#mainNav ul li .submenu-aa li{
  position: relative;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
#mainNav ul li .submenu-aa li a{
  display: block;
  font-weight: 600;
  color: rgb(255,255,255);
  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 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(10,70,146);
  -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -moz-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -ms-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  -o-text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}
#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{height: auto;}
  nav.navbar.shrink {height: auto;}
  nav .navbar-collapse .ico-down{
    width: 8px;
    right: -2px;
    top: calc(50% - 2px);;
  }
  nav .container>.navbar-header{height: auto;}
  nav .navbar-brand{
    width: calc(100% - 125px);
    max-width: 250px;
    margin: 10px 0 0 15px;
  }
  nav.navbar.shrink .navbar-brand{margin-top: 10px;}
  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{background: rgba(255,255,255,1);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 {right: calc(50% - 120px);min-width: 240px;}
  #mainNav ul li .submenu-aa li a{padding: 10px 20px;font-size: 14px;}
}
@media(min-width: 768px){
  nav .navbar-collapse .ico-down{
    width: 6px;
    right: -5px;
    top: calc(50% - 1px);;
  }
  nav .navbar-brand{
    width: 160px;
    min-width: inherit;
    max-width: inherit;
    margin: 5px 0 0 0;
  }
  nav.navbar.shrink .navbar-brand{margin-top: 5px;}
  nav .navbar-collapse{margin-top: 0;}
  ul.nav.navbar-nav {background: transparent;}
  nav.navbar .nav a{
    font-size: 11px;
    padding: 19px 4px;
  }
  .botonera-secundaria{display: block;height: 44px;}
  .extranet-movil{display: none;}
  nav.navbar .botonera-secundaria-extranet{display: block;}
  nav.navbar .botonera-secundaria-telefono{margin: 5px 0 0 0;padding: 10px;font-size: 12px;}
  nav.navbar .botonera-secundaria-telefono a{padding: 0 0 0 18px;}
  .botonera-secundaria-menu{margin: 3px 0 0 0;padding: 9px 0px;}
  .botonera-secundaria-menu ul li a{padding: 0 7px 0 16px;font-size: 11px;}
  .botonera-secundaria .ico-bs{top: 0px;left: 0px;width: 12px;}
  .botonera-secundaria .ico-extranet{width: 11px;}
  .botonera-principal{background: rgba(255,255,255,0.9);height: 58px;}
  .dropbtn { padding: 4px 8px;font-size: 12px;}
  nav ul li .submenu-aa, nav ul li .sub-submenu-aa {padding: 15px 10px;}
  nav ul li .children {right: calc(50% - 105px);min-width: 210px;}
  #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: -4px;
    top: calc(50% - 1px);;
  }
  nav .navbar-brand{
    width: 240px;
    margin: 5px 0 0 0;
  }
  nav.navbar.shrink .navbar-brand{margin-top: 5px;}
  nav .navbar-collapse{margin-top: 5px;}
  nav.navbar .nav a{
    font-size: 13px;
    padding: 27px 8px;
  }
  .botonera-secundaria{height: 47px;}
  nav.navbar .botonera-secundaria-telefono{margin: 5px 0 0 0;padding: 10px 12px;font-size: 15px;}
  nav.navbar .botonera-secundaria-telefono a{padding: 0 0 0 25px;}
  .botonera-secundaria-menu{margin: 3px 0 0 0;padding: 12px 0px;}
  .botonera-secundaria-menu ul li a{padding: 0 5px 0 25px;font-size: 12px;}
  .botonera-secundaria .ico-bs{top: 2px;left: 7px;width: 13px;}
  .botonera-secundaria .ico-extranet{width: 12px;}
  .botonera-principal{height: 79px;}
  .dropbtn { padding: 5px 9px;font-size: 14px;}
  nav ul li .children {right: calc(50% - 130px);min-width: 260px;}
  #mainNav ul li .submenu-aa li a{padding: 8px 15px;font-size: 13px;}
}
@media(min-width: 1200px){
  nav .navbar-collapse .ico-down{
    width: 8px;
    right: -2px;
    top: calc(50% - 2px);;
  }
  nav .navbar-brand{
    width: 280px;
    margin: 10px 0 0 0;
  }
  nav.navbar.shrink .navbar-brand{margin-top: 10px;}
  nav .navbar-collapse{margin-top: 15px;}
  nav.navbar .nav a{
    font-size: 15px;
    padding: 30px 10px;
  }
  .botonera-secundaria{height: 55px;}
  nav.navbar .botonera-secundaria-telefono{margin: 3px 0 0 0;padding: 15px;font-size: 16px;}
  nav.navbar .botonera-secundaria-telefono a{padding: 0 0 0 25px;}
  .botonera-secundaria-menu{margin: 3px 0 0 0;padding: 15px 0px;}
  .botonera-secundaria-menu ul li a{padding: 0 7px 0 27px;font-size: 14px;}
  .botonera-secundaria .ico-bs{top: 2px;left: 7px;width: 15px;}
  .botonera-secundaria .ico-extranet{width: 13px;}
  .botonera-principal{height: 95px;}
  .dropbtn {font-size: 14px;}
  nav ul li .submenu-aa, nav ul li .sub-submenu-aa {padding: 20px 10px;}
  #mainNav ul li .submenu-aa li a{padding: 10px 20px;font-size: 14px;}
}