.header.navbar .navbar-nav > li.active > a,
.header.navbar .navbar-nav > li > a:hover,
.header.navbar .navbar-nav > li > a:focus,
.header.navbar.navbar-default .navbar-nav > li.active > a,
.header.navbar.navbar-default .navbar-nav > li > a:hover,
.header.navbar.navbar-default .navbar-nav > li > a:focus,
.header.navbar.navbar-transparent .navbar-nav > li.active > a,
.header.navbar.navbar-transparent .navbar-nav > li > a:hover,
.header.navbar.navbar-transparent .navbar-nav > li > a:focus,
.header.navbar.navbar-inverse .navbar-nav > li.active > a,
.header.navbar.navbar-inverse .navbar-nav > li > a:hover,
.header.navbar.navbar-inverse .navbar-nav > li > a:focus,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover,
.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus{
    color: #00acac;
    color: #1f2e57;
    color: #242526;
}

.text-theme,
.navbar-nav .dropdown-menu > li.active > a,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.pricing-table .price .price-number,
a {
    color: #00acac;
    color: #1f2e57;
}

.breadcrumb a, .header.navbar-default .navbar-nav .nav-item .nav-link.active,
.header.navbar-default .navbar-nav .nav-item .nav-link:hover, .header.navbar-inverse
.navbar-nav .nav-item .nav-link.active, .header.navbar-inverse .navbar-nav .nav-item
 .nav-link:hover, .header.navbar-inverse.navbar-sm .navbar-nav .nav-item .nav-link.active,
.header.navbar-inverse.navbar-sm .navbar-nav .nav-item .nav-link:hover, .header.navbar-transparent.navbar-sm
.navbar-nav .nav-item .nav-link.active, .header.navbar-transparent.navbar-sm .navbar-nav .nav-item .nav-link:hover {
    color: #242526; /*#9f3335;*/
}

.dropdown-item.active, .dropdown-item:active{
  background-color: transparent;
}



a:hover,
a:focus {
    color: #008a8a;
    color: #1f2e57;
}

.header{
  padding: 10px !important;
}



.btn.btn-outline {
    color: #fff;
    border-width: 2px;
    border-color: #8F8E8E;
    background: 0 0
}

.hd_header {
  height: 116px;
  padding-top: 35px;
  /*color: #fff;*/
  /*color:#1e2531;*/
  color:"#2d353c";
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px 15px 0px 0px;
}

@media screen and (max-width:1024px) {
  .hd_header {
    height: 116px;
    padding-top: 35px;
    color:#1e2531;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
}


.hd_contacto {
  background-image: url("../img/hd_banner.jpg");
}

.hd_instrumentos {
  background-image: url("../img/hd_instrumentos.jpg");
}

.hd_integrantes {
  background-image: url("../img/hd_integrantes.jpg");
}

.hd_marco {
  background-image: url("../img/hd_marco.jpg");
}

.hd_pada {
  background-image: url("../img/hd_pada.jpg");
}

.hd_quienes {
  background-image: url("../img/hd_banner.jpg");
}

.hd_sesiones {
  background-image: url("../img/hd_sesiones.jpg");
}

.hd_banco {
  background-image: url("../img/hd_banner.jpg");
}

.hd_titulo {
  background-image: url("../img/hd_banner.jpg");
}

.hd_transparencia {
  background-image: url("../img/hd_banner.jpg");
}

.hd_app{
  background-image: url("../img/hd_app.jpg");
}

.home .home-content { /*<<<RPERAZA(2020.11.18): CASU 1628/2020*/
    z-index: 80;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    color: rgba(255,255,255,.5);
    margin-top: -7.5rem;
    /*padding: 0 .9375rem;*/
    height: 10%;
    padding: 0 .25rem;
    text-align: center;
}

#botonera-portada { /* <<<RPERAZA(2020.11.17): Casu 1628/2020 */
      /*padding: .75rem .9375rem 4.6875rem !important;*/
      padding: .75rem .9375rem .25rem !important;
}

.btn-portada{ /* <<<RPERAZA(2020.11.17): Casu 1628/2020 */
  border: 1px solid #aaa;
}

.btn-portada:hover{ /* <<<RPERAZA(2020.11.17): Casu 1628/2020 */
  filter: brightness(85%);
}

.pointer-cursor {
  cursor:pointer;
}

.div-min-height {
    min-height: 280px;
}

@font-face {font-family: "SohoGothicPro-Bold";
  src: url("../webfonts/SohoGothicPro-Bold.eot"); /* IE9*/
  src: url("../webfonts/SohoGothicPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../webfonts/SohoGothicPro-Bold.woff2") format("woff2"), /* chrome、firefox */
  url("../webfonts/SohoGothicPro-Bold.woff") format("woff"), /* chrome、firefox */
  url("../webfonts/SohoGothicPro-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../webfonts/SohoGothicPro-Bold.svg#SohoGothicPro-Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "SohoGothicPro-Regular";
  src: url("../webfonts/SohoGothicPro-Regular.ttf");
}


 
 h1, h2, h3, h4, h5, h6{
  font-family: "SohoGothicPro-Bold";
  color: #2d353c;
  filter:  brightness(1.2);
  font-weight: 400;
}

.concepto{
  font-family: "SohoGothicPro-Bold";
  color: #2d353c;
  filter:  brightness(1.2);
  font-weight: 400;
  font-size: 18px;
  margin-bottom: -0.5rem;
}

.datos_contacto{
  font-family: "SohoGothicPro-Bold";
  color: #2d353c;
  font-weight: 400;
}



.footer .footer-header {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  margin: 10px 0 20px;
}


/*Clases para el Footer del sitio*/
/*---------------------------------------------*/
.footer-copyright{color:rgba(255,255,255,.75);background:#1d2226;padding:20px 0;font-size:13px}
.footer-copyright:after,.footer-copyright:before{content:"";display:table;clear:both}
.footer-copyright .copyright{float:left;line-height:30px}
@media (max-width:767.98px){.footer-copyright .copyright{float:none;text-align:center}}
.footer-copyright .payment-method{float:right;text-align:right}
@media (max-width:767.98px){.footer-copyright .payment-method{float:none;text-align:center;padding:10px 0}}
.footer-copyright .payment-method img{max-height:30px}
.footer{padding-top:20px;font-size:13px;color:rgba(255,255,255,.6);background:#2d353c;box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7)}
.footer a{color:rgba(255,255,255,.6)}
.footer abbr{text-decoration:none}
.footer ul{line-height:1.8}
.footer ul .fa-li{font-size:14px}
@media (max-width:767.98px){.footer .row>[class*=col-]+[class*=col-]{margin-top:30px}}
.footer .footer-header{font-size:14px;color:#fff;font-weight:700;margin:10px 0 20px}
/*---------------------------------------------*/


.footer a{
    color:rgba(255,255,255,.6)!important;
}

.footer a:hover{
  color:white!important;
}

/* Terminan clases footer*/



@media (min-width: 992px){
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}


.social-list a:hover{
  color: #FFF !important;
}

.social-list a{
  color: gray !important;
}

.social .social-list a, .subscription .social-list a {
  color: rgba(var(--app-component-color-rgb),.5);
  font-size: 24px;
}


.navbar {
  /*box-shadow: 0 5px 5px rgb(11 17 23 / 25%);*/
  color:#706e6e;
  background: white;
}


.navbar-item .nav-link{
color:#706e6e;
}

.navbar-dark .navbar-nav .nav-link{
  color: #706e6e;
  font-size: .95rem !important;
  padding-left: 10px;
  border-bottom: 1px solid var(--bs-gray-100);
}

.navbar-item .navbar-link {
    color: gray;
}

.app-header .navbar-brand{
  color: #706e6e;
}
.app-header .navbar-nav .navbar-item {
  color: gray;
}

.navbar-dark .navbar-nav{
    /*color: #ffffff;*/
    font-size: .85rem !important;
}

.navbar-toggler{
  box-shadow: none !important;
  background: dimgrey;
  padding:15px;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav {
  color: rgba(0,0,0,.75);
}

.nav-link:hover{
  background: #ccc;
  color:rgb(255,255,255);
}

.nav-link:focus{
  color:rgb(255,255,255);
  background: #ccc;
}

.navbar{
  /*box-shadow:0 5px 5px rgb(11 17 23 / 25%);*/
  box-shadow: 0 5px 5px rgb(11 17 23 / 25%);
  font-family: "SohoGothicPro-Regular";
  -webkit-box-shadow: 0px -5px 14px #d5d5d5;
  background-color: #F3F3F3;
  font-size: 15.2px;
  padding: 8px;
}


.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

a.dropdown-item:hover, a.nav-link:hover{
text-decoration: none !important;
}

.navbar-toggler{
box-shadow: none !important;
}


@media (min-width: 576px){
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 0rem;
}
}


.app-header {
  background-color: white;
  /*background-image: url('../img/bg_header.jpg');*/
  background-repeat: no-repeat;
  background-position: top right;

  /*padding: 10px 18px 10px 18px;*/
  padding: 18px
}

/*Burguer Menu icon*/
.app-header .navbar-desktop-toggler .icon-bar, .app-header .navbar-mobile-toggler .icon-bar {
  height: 3px !important;
  background: white !important;
}

.app-header .navbar-desktop-toggler, .app-header .navbar-mobile-toggler {
  height: 30px !important;
  padding:  10px 0px 0px 0px;
}


.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  /*top: 0;*/
  top:89px;
  z-index: 1020;
}

.sticky-top-titulo {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 768px){
  .app-top-menu {
    top: 96px;
    height: 40px;
    color: #fff;
    background-color: var(--bs-green_olive)!important;
    font-size: .9rem;
    box-shadow: 0 .2rem .3rem rgba(0,0,0,.25)!important;
  }

}

@media (max-width: 767.98px){
  .app-header .navbar-nav {
      border-top: 0px solid var(--app-header-mobile-divider-bg) !important;
  }

  .app-header {
    /*background: var(--bs-jade);*/
    padding: 18px;
    box-shadow: 0 .2rem .3rem rgba(0,0,0,.25)!important;

    /*background-image: url('../img/bg_header.jpg');*/
    background-repeat: no-repeat;
    background-position: top right;
  }

  .app-top-menu {
    background-color: white;
    box-shadow: 0 .2rem .3rem rgba(0,0,0,.25)!important;
  }

  .app-top-menu .menu .menu-item .menu-link {
    color: #333 !important;
    border-bottom: solid 1px #e8ebe5;
  }

  .boxed-layout .app-top-menu {
    position: relative;
    left: 0;
    margin: 0;
    padding-top: 10px;
  }

  .app-content {
    padding: 32px 18px 0px 18px !important;
  }

}

@media (max-width: 575.98px){
  .app-header {
    /*background: var(--bs-jade);*/
    padding: 9px 9px 9px 9px;

    /*background-image: url('../img/bg_header.jpg');*/
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
  }

  .app-top-menu .menu .menu-item .menu-link {
    color: #333 !important;
    border-bottom: solid 1px #e8ebe5;
  }

  .boxed-layout .app-top-menu {
    position: relative;
    left: 0;
    margin: 0;
    padding-top: 10px;
  }

  .app-content {
    padding: 32px 18px 0px 18px !important;
  }


  /*menu principal*/
  /*************************************/
  .navbar-dark .navbar-nav .nav-link {
      padding-left: 10px;
      margin-left: 8px;
      border-bottom: 1px solid var(--bs-gray-100);
      color: var(--bs-gray-700);
      background-color: #fff;
  }
  .navbar-dark .navbar-nav .nav-link {
      padding-left: 10px;
      margin-left: 8px;
      border-bottom: 1px solid var(--bs-gray-100);
      color: var(--bs-gray-700);
      background-color: #fff;
  }
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
      /*color: var(--bs-gray-700);*/
      color:#000;
  }
  ul.navbar-nav > li.nav-item:first-child{
    margin-top: 8px;
  }
  ul.navbar-nav > li:first-child > .nav-link{
    border-radius: 3px 3px 0px 0px;
  }
  ul.navbar-nav > li:last-child > .nav-link{
    border-radius: 0px 0px 3px 3px;
    margin-bottom: 0px;
  }
  .navbar-collapse{
    background-color: #fff;
    margin-top: 8px;
  }
  .dropdown-item{
      padding-left: 40px;
  }
  /*************************************/
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

@media (min-width: 577px){
  .app-top-menu {
    color: #fff;
    background-color: var(--bs-green_olive);
    font-size: .9rem;
    box-shadow: 0 .2rem .3rem rgba(0,0,0,.25)!important;
    background-color: white;
  }
}


.app-content {
  padding: 54px 18px 0px 18px;
}

.divContent {
  padding: 54px 18px 0px 18px;
}

.app-top-menu .menu .menu-item .menu-link {
  /*height: 50px;*/
  height: 40px; 
  color: white;
  transition: .3s ease all;
}

.app-top-menu .menu .menu-item .menu-link:hover {
  /*height: 50px;*/
  height: 40px; 
  color: var(--bs-black);
  transition: .3s ease all;
}

.app-top-menu .menu .menu-item .menu-submenu .menu-item .menu-link {
  /*height: 45px;*/
  height: 40px;
  color: #616161;
  border-bottom: solid 1px #e8ebe5;
}

.app-top-menu .menu .menu-item .menu-submenu .menu-item .menu-link:hover {
  color: var(--bs-teal);
  transition: .3s ease all;
}

.app-top-menu .menu .menu-item .menu-icon {
  color: white;
}
  
.app-top-menu .menu .menu-submenu {
  /*border-top: 3px solid var(--bs-jade);*/
  background: white;
  border-radius: 0px 0 5px 5px;
  -webkit-box-shadow: 0 16px 16px rgb(0 0 0 / 15%);
  box-shadow: 0 16px 16px rgb(0 0 0 / 15%);
  padding: 0px 15px 0px 15px;
}

.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active {
  border-left: 1px solid rgba(var(--app-component-color-rgb),.1);
  border-right: 1px solid rgba(var(--app-component-color-rgb),.1);
  border-top: 3px solid var(--bs-cadet_blue)!important;
  border-radius: 5px 5px 0px 0px;
}

.nav.nav-tabs.nav-tabs-inverse {
    color: var(--bs-gray-700);
    background-color: var(--bs-gray-100);
    border-radius: 3px 3px 0 0;
}

.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link {
    color: rgba(var(--bs-black-rgb),.55);
}
.nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:focus, .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link:hover {
    color: rgba(var(--bs-black-rgb),1);
}

.nav-link>li {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px;
}

.collapse a.icon{
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.collapse a:hover {
  background-color: #ddd;
  color: black;
}

.collapse a {
  /*color: #918d8d;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;*/
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color: #3c3b3b;
}

a:hover {
  /*color: #0e1826;
  background-color: white;*/
  text-decoration: underline;
}


.card:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
      0 24px 46px var(--box-shadow-color);
  background:darkgray;
}

.card:hover .overlay {
   transform: scale(4) translateZ(0);
}

.contacto{
  color:#485760!important;
}

@media (min-width: 992px){
  .navbar li {
    margin-left: 3em;
    margin-right: 2.3rem;
  }
}

.nav-link{
  color:#706e6e;
}


.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: 600;
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}


.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #FFFFFF;
  --bs-navbar-brand-color: #FFFFFF;
  --bs-navbar-brand-hover-color: #FFFFFF;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

#modalOrganigrama{
  padding-right: 300px !important;
}

#content-title{
  font-family:"SohoGothicPro-Bold";
}

.badge{
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  display: block;
  background: #516270;
  line-height: 22px;
  font-weight: 500;
  color: #fffefe;
  padding: 1px 0 0;
  min-width: 22px;
  height: 22px;
  font-size: 13px;
  border-radius: 20px;
  padding-right: 1px;
  margin-left:150px;
}

.btn-theme{
  background: black;
  color:white;
}

.introjs-tooltipbuttons{
  display: none;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.clickable
{
    cursor: pointer;
}

.clickable .glyphicon
{
    display: inline-block;
    padding: 6px 12px;
}

.panel-heading span
{
    margin-top: -23px;
    font-size: 15px;
    margin-right: -9px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }

#descarga{
  font-size: 10px;
  text-decoration: none;
  display: none;
}


@media (min-width: 1200px){
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.seccion_pagina {
  text-align: justify;
  background-color: #F9F9F9;
}

.subtitulo {
  font-size: 18px;
  font-weight: bold;
  color: #2b303b;
  /*border-bottom: 1px solid #DDD;*/
  margin-bottom: 10px;
}

.texto_competencias{
  padding:15px;
}


.app {   
  background: #fff;
  width: 100%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.body{
  position: relative;
}
.body .fijo{
  position:fixed;
  width:30%;
  height: 30px;
  background-color: white;
  border: 1px solid black;
}

.top-left {
  top:0;
  left:0;
}


/**************************************************/
.content.has-bg .content-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.content.has-bg .content-bg2 img {
  width: 100%;
}


.content.has-bg .content-bg2:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.content.has-bg {
  height: 5px;
}

/**************************************************/

.btn-circle{
  width: 34px;
  height: 34px;
  font-size: 17px;
  line-height: 34px;
  padding: 0;
  border: none;
  border-radius: 28px;
  text-align: center;
}


.btn-scroll-to-top {
  bottom: 20px;
  opacity: 2;
  z-index: 1020;
  position: fixed;
}

.btn-scroll-to-top.show {
  opacity: 1;
  display: block;
  -webkit-animation: btnFadeIn .2s ease;
  animation: btnFadeIn .2s ease;
}

.btn-navegacion{
  color: #fff;
  background-color: #1a2229;
  border-color: #fafcfc;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

@media (min-width: 768px){
.btn-scroll-to-top {
    right: 15px;
}}