/*Hamburger*/
/*Hamburger Menu*/
.hamburger {
    padding: 6px 6px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #FFF;
}

.hamburger-box {
    width: 32px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 32px;
    height: 4px;
    background-color: #FFF;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Nav */
body {
    margin-top: 62px !important;
}



/*Menu*/
#menuPrincipal {
    position: fixed;
    z-index: 1031;
}

#navPrincipal {}

#navPrincipal .menuBtn {
    flex: 1 1 62px;
    height: 62px;
    width: 62px;
    padding: 12px 9px;
    font-size: 18px;
    line-height: 20px;
    background-color: #4F799F;
    max-width: 62px;
    z-index: 10;
    display: block !important;
    padding-bottom: 0;
    overflow: visible !important;
}

#navPrincipal #menuBarra {
    width: calc(100% - 62px);
    padding-left: 0;
    max-height: 62px;
    flex: 8 1 auto;
}

#navPrincipal #menuBarra .navbar-nav {
    padding: 0;
    justify-content: flex-end;
}

#navPrincipal #menuBarra .navbar-nav .nav-item {
    flex: 0 0 30%;
    max-width: 200px;
}

#navPrincipal #menuBarra .navbar-nav .nav-link {
    margin: 0;
    font-size: 1.1rem !important;
}

#navPrincipal.scrolled #menuBarra .navbar-nav .nav-item {
    display: none;
}


@media (max-width:990px) {
    #navPrincipal #menuBarra .navbar-nav .nav-item {
        flex: 0 0 40%;
    }
}

@media (max-width:767px) {
    #navPrincipal #menuBarra .navbar-nav .nav-item {
        display: none;
    }
}

#navPrincipal div.navbar-nav {
    flex: 2 1 150px;
    padding: 5px 0;
    margin-left: -5px;
    z-index: 10;
}

#navPrincipal div.navbar-nav .navbar-nav {
    flex-direction: row;
}

#navPrincipal div.navbar-nav .navbar-nav .nav-item {
    margin-left: 5px;
    flex: 1 1 auto;
    text-align: center;
}

#navPrincipal .logo-img {
    padding: 0;
    height: 62px;
    flex: 1 1 auto;
}


#navPrincipal .nav-link,
#menuPrincipal .nav-link {
    color: #FFF;
    margin-top: 5px;
    font-weight: bold;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400 !important;
    font-size: 1.2em !important;
}

#navPrincipal .nav-link:hover,
#menuPrincipal .nav-link:hover,
#navPrincipal .nav-link:focus,
#menuPrincipal .nav-link:focus,
#navPrincipal .nav-link:active,
#menuPrincipal .nav-link:active {
    color: #4F799F;
}

#navPrincipal .nav-link:hover svg path,
#navPrincipal .nav-link:focus svg path,
#navPrincipal .nav-link:active svg path {
    fill: #4F799F;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #eee;
}

#subTituloImg {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.0);
    position: fixed;
    top: 62px;
    width: 100vw;
    text-align: center;
    z-index: 7;
    transition: all 0.3s ease-in-out;
    left: 0;
    display: none;
}

#subTituloImg p {
    background-color: #4F799F;
    padding: 0.5em 5em;
    border-radius: 0 0 1em 1em;
    width: 33vw;
    margin: auto;
    color: #fff;
    font-size: 1.5em;
}

#menuBarra ul.navbar-nav {
    padding: 6px;
}

#menuBarra .nav-right {
    clear: both;
}

.fixed-form {
    position: fixed;
    top: 62px;
    z-index: 1033;
    right: 0;
}

#buscadorInput {
    background-color: #FFF;
    min-width: 400px;
    padding: 1em 50px;
}

#login-dp {
    min-width: 400px;
    padding: 50px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.87);
}

#login-dp .form-group input,
#login-dp .form-group .btn {
    width: 100%;
}

#login-dp .help-block {
    font-size: 1em;
}

#login-dp .bottom {
    border-top: 1px solid #ddd;
    clear: both;
    padding: 14px;
    font-weight: 800;
}

#login-dp .social-buttons {
    margin: 12px 0
}

#login-dp .social-buttons a {
    width: 49%;
}

#login-dp .form-group {
    margin-bottom: 10px;
}

#buscadorInput .form-floating label,
#login-dp .form-floating label {
    color: #666;
}






@media(max-width:768px) {

    #navPrincipal .menuBtn {
        flex: 1;
        display: block;
    }

    #navPrincipal div.navbar-nav {
        flex: 1 1 110px;

    }

    #navPrincipal div.navbar-nav ul.navbar-nav {
        margin: 0;
    }

    #navPrincipal div.navbar-nav ul.navbar-nav li {
        display: inline-block;
    }

    #subTituloImg p {
        width: 65vw;
        font-size: 1.2em;
    }

    #login-dp {
        background-color: #FFF;
        width: 100vw;
    }

    #login-dp .bottom {
        background-color: inherit;
        border-top: 0 none;
    }

    #buscadorInput {
        width: 100vw;
        min-width: 100vw;
        padding: 1em 50px;

    }

    #navPrincipal .logo-img {
        flex: 30;
    }

    #navPrincipal .logo-img #fondoSVG {
        opacity: 0;
    }

    #navPrincipal #menuBarra {
        width: unset;
        display: none;
    }
}

@media (min-width:768px) and (max-width:990px) {
    #navPrincipal div.navbar-nav {
        flex: 2 1 150px;
    }

    #subTituloImg p {
        width: 50vw;
    }

    #menuPrincipal .menuPrimerNivel ul {
        background-color: #4F799F;
    }
}

/*Menu responsivo*/
#menuPrincipal {
    position: fixed;
    z-index: 1032;
    width: 100vw;
    top: 62px;
}

#menuPrincipal .menuPrimerNivel {
    background-color: rgb(79, 121, 159);
    background-color: rgba(79, 121, 159, 1);
    z-index: 8;
}

@media screen and (min-width: 769px) and (max-width: 990px) and (min-height: 590px) and (max-height: 610px) {

    /* Estilos que se aplican a pantallas cercanas a 800x600 */
    #menuPrincipal .menuPrimerNivel {
        width: 40%;
    }

    #menuPrincipal>.row>.tab-content {
        width: 60%;
    }
}

@media screen and (max-height: 590px) {

    #menuPrincipal .menuPrimerNivel,
    #menuPrincipal>.row>.tab-content {
        overflow-y: scroll;
        height: calc(100vh - 62px);
    }
}

#menuPrincipal .menuPrimerNivel ul {
    padding: 0;
    margin: 0 -15px;

}

#menuPrincipal .menuPrimerNivel li {
    width: 100%;
}

#menuPrincipal .backMenu {
    display: none;
    padding: 0em 10px;
    font-size: 1.7em;
    background-color: #4F799F;
    color: #FFF;
    border: #4F799F solid 1px;
    border-radius: 5px;
    margin-left: 5px;
    z-index: 10;
    position: relative;
}

#menuPrincipal .backMenu:hover {
    color: #4F799F;
    background-color: #FEFEFF;
}

@media screen and (max-width:767px) {
    .seccOpen .menuPrimerNivel {
        max-width: 0 !important;
        transition: all 0.1s ease-in-out;
        overflow: hidden;
        padding: 0;
    }

    .seccOpen .backMenu {
        display: block !important;
        width: 40px;
        height: 40px;
        padding: 3px 0.2em 3px !important;
        margin-top: 5px;
        margin-bottom: -2em;
        text-decoration: none;
    }

    .tab-content {
        display: none;
    }

    .seccOpen .tab-content {
        display: block;
    }

    #menuPrincipal {
        top: 62px;
    }

    #menuPrincipal .tab-content .tab-pane {
        max-width: 0;
        transition: all 0.3s ease-in-out;
    }

    #menuPrincipal .tab-content .tab-pane.active {
        max-width: 100%;
        margin-top: -1.25em;
    }

    #menuPrincipal .tab-content .row {
        padding-left: 55px !important;
        padding-bottom: 3em !important;
    }

    #menuPrincipal .tab-content li a {
        padding: 4px 1em;
    }

    #menuPrincipal .menuPrimerNivel ul li a {
        padding: 5px 1em !important;
    }

    .menuPrimerNivel ul:last-child {
        padding-bottom: 3em !important;
    }

    #menuPrincipal>.row>.tab-content .tab-pane,
    #menuPrincipal .menuPrimerNivel {
        height: calc(100vh - 62px);
        overflow-y: scroll;
    }

    #menuPrincipal,
    #menuPrincipal>.row,
    #menuPrincipal>.row>.tab-content {
        height: calc(100vh - 62px);
        overflow-y: hidden;
    }



    #login-dp {
        width: 100%;
        min-width: 100vw;
        max-height: unset;
    }


    #login-dp form,
    #login-dp .form-group,
    #login-dp .form-group .button,
    #login-dp .registro,
    #login-dp .registro a {
        width: 100%;
    }
}

@media screen and (max-width:640px) {

    #navPrincipal .nav-link,
    #menuPrincipal a.nav-link {
        font-size: 1em !important;
    }
}

@media (max-width: 280px) {

    #navPrincipal div.navbar-nav .navbar-nav .nav-item,
    #navPrincipal div.navbar-nav .navbar-nav .nav-item a {
        padding: 0 !important;
        margin: 0 !important
    }

    .logo-img svg {
        max-width: 50vw;
    }

    #login-dp,
    #buscadorInput {
        padding: 0px !important;
        margin: 0px !important;
    }

    #navPrincipal .logo-img {
        display: none;
    }

    .texto_cont img {
        max-width: calc(100vw - 4rem);
    }
}


#menuPrincipal .nav-tabs {
    border-bottom: none;
}

#menuPrincipal ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menuPrincipal ul li {
    display: block;
    margin: 0;
    padding: 0;
}

#menuPrincipal ul li a {
    text-decoration: none;
    display: block;
    padding: 5px 1em;
    font-size: 1em;
}

#menuPrincipal .menuPrimerNivel ul li a {
    padding: 10px 1em;
}

@media (max-height: 650px) and (orientation: landscape) {
    .nav-programas {
        width: 66% !important;
    }

    #menuPrincipal .menuPrimerNivel ul li a {
        padding: 1px 1em;
    }

    #menuPrincipal ul li a {
        padding: 4px 1em;
    }
}

#menuPrincipal .menuPrimerNivel li a {
    color: #fff;
    font-weight: bold;
}

#menuPrincipal .nav-tabs .nav-link {
    border-radius: 0;
}

#menuPrincipal .navbar-nav .nav-link:focus-visible,
#menuPrincipal .navbar-nav .nav-link:hover {
    background-color: #fff;
    color: #4F799F;
}

#menuPrincipal ul li a.nav-link.active {
    background-color: #4F799F;
    border-color: #4F799F;
    color: #4F799F;
}

#menuPrincipal .tab-pane>ul {
    display: flex;
}

#menuPrincipal .tab-content .row {
    padding: 1em;
}

#menuPrincipal hr {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}

#menuPrincipal>.row>.tab-content {
    padding: 0;
    z-index: 9;
    background-color: #FEFEFF;
    border-left: 5px solid #4F799F;
    border-bottom: 1px solid #4F799F;
    border-top: 1px solid #4F799F;

}

#menuPrincipal .tab-content li strong {
    color: #4F799F;
    font-size: 1.1em;
    text-wrap: auto;
}

#menuPrincipal .tab-content li a {
    color: #767676;
    font-weight: 400;
}

#menuPrincipal .tab-content li a:hover,
#menuPrincipal .tab-content li a:focus,
#menuPrincipal .tab-content li a[aria-expanded="true"] {
    color: #4F799F;
    border-left: 7px solid #4F799F;
    margin-left: -7px;
    font-weight: bold;
}

#menuPrincipal .tab-content li a:focus-visible {
    border: solid 1px #4F799F;
    border-left: 7px solid #4F799F;

}

@media (min-width: 1440px) {
    .tab-content .carousel img {
        max-width: 1060px;
        margin: 0 auto
    }
}

#menuPrincipal ul.collapse {
    padding-left: 2em;
}

#subTituloImg {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.0);
    position: absolute;
    top: 62px;
    width: 100vw;
    text-align: center;
    z-index: 7;
    transition: all 0.3s ease-in-out;
    left: 0;
}

#subTituloImg p {
    background-color: #4F799F;
    padding: 0.5em 5em;
    border-radius: 0 0 1em 1em;
    width: 30vw;
    margin: auto;
    color: #fff;
    font-size: 1.2em;
}

/*Scrolled*/
#navPrincipal.scrolled {
    background: rgb(255, 255, 255) !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

#navPrincipal.scrolled.is-active {
    background: rgb(79, 121, 159) !important;
    background-color: rgba(79, 121, 159, 1) !important;
}

#navPrincipal.scrolled .logo-img #fondoSVG {
    display: none;
    transition: all 0.3s ease-in-out;
}

#navPrincipal.scrolled .logo-img svg path {
    stroke: #aaa;
    stroke-width: 0.3px;
}

#navPrincipal.scrolled .logo-img svg {
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}


#navPrincipal.scrolled #subTituloImg {
    top: 0;
}

#navPrincipal.scrolled .hamburger-inner,
#navPrincipal.scrolled .hamburger-inner::before,
#navPrincipal.scrolled .hamburger-inner::after {
    background-color: #4F799F;
}

#navPrincipal.scrolled .menuBtn {
    border-right: 0;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 7px;
    margin: 0px 7px;
    padding: 3px 2px 0 2px;
    z-index: 1030;
    height: 44px;
}

#navPrincipal.scrolled #subTituloImg {
    z-index: 7;
}

#navPrincipal.scrolled #login-dp,
#navPrincipal.scrolled #loginBtn,
#navPrincipal.scrolled #buscarBtn {
    background-color: #FFF;
}

#navPrincipal.scrolled #buscarBtn,
#navPrincipal.scrolled #loginBtn {
    border-radius: 5px 5px;
}

#navPrincipal.scrolled #menuBarra form a[aria-expanded="true"]:after {
    color: #4F799F;
}

#navPrincipal.scrolled #loginBtn svg path,
#navPrincipal.scrolled #buscarBtn svg path {
    fill: #4F799F;
    transition: fill 0.3s ease-in-out;
}

#navPrincipal.scrolled #login-dp {
    position: fixed;
    top: 62px;
    right: 10px;
    padding: 5px;
    min-height: 50px;
}



@media screen and (max-width:768px) {
    #navPrincipal.scrolled #login-dp {
        flex: unset;
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        padding: 6px;
    }

    #navPrincipal.scrolled #menuBarra form {
        padding: 0 1em;
    }

    #navPrincipal.scrolled #login-dp .registro {
        padding: 0 1.25em;
    }

    #navPrincipal.scrolled .menuBtn {
        flex: unset;
        width: 48px;
    }

    #navPrincipal.scrolled .logo-img {
        display: block;
        left: -15px;
        position: relative;
    }

    #navPrincipal.scrolled .logo-img svg #logoFIRASVG {
        filter: none;
    }

    #navPrincipal.scrolled .logo-img svg #logoFIRASVG path {
        fill: #4F799F !important;
        stroke-width: 0;
    }

    #navPrincipal.scrolled {
        background-color: #FFF !important;
        min-height: 62px;
    }

    #navPrincipal.scrolled #menuBarra {
        float: right;
        display: block;
        width: auto;
        padding: 0;
    }

    #navPrincipal.scrolled #subTituloImg {
        display: none;
    }

    #subTituloImg {
        position: absolute;
        bottom: -48px;
        top: unset;
        max-width: 100%;
    }

    #subTituloImg p {
        width: 80vw;
    }
}

@media (min-width:769px) and (max-width:990px) {
    #subTituloImg p {
        width: 50vw;
    }

    #menuPrincipal .menuPrimerNivel ul li a {
        padding: 2px 1em;
    }

    #menuPrincipal ul li a {
        padding: 1px 1em;
    }
}

@media (max-width: 280px) {
    #navPrincipal.scrolled .logo-img svg {
        display: none;
    }
}

/*google search*/
#___gcse_0 {
    position: absolute;
    top: 0;
}

@media (max-width:768px) {
    .gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
        width: 100%;
        left: 0;
    }
}

/*Internet Explorer :(*/
/*IE 10 y 11*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .menuBtn {
        min-width: 55px;
    }

    #navPrincipal.scrolled .menuBtn {
        min-width: 48px;
        padding: 5px 0px 5px 8px;
        z-index: 1031;
        position: relative;
    }



}

html[data-useragent='11.0'] #menuPrincipal {
    top: 64px;
}

html[data-useragent='11.0'] .menuPrimerNivel {
    width: 40%;
    float: left;
}

html[data-useragent='11.0'] .menuPrimerNivel ul,
html[data-useragent='11.0'] .menuPrimerNivel ul li,
html[data-useragent='11.0'] .menuPrimerNivel ul li a {
    width: 100%;
}

html[data-useragent='11.0'] #menuPrincipal .tab-content {
    width: 60%;
    opacity: 1 !important;
    float: left;
    display: block !important;
}

html[data-useragent='11.0'] #menuPrincipal .tab-content .tab-pane.show {
    display: block !important;
    max-width: 100%;
}

html[data-useragent='11.0'] #menuPrincipal .tab-content .fade {
    opacity: 1 !important;
}

html[data-useragent='11.0'] #menuPrincipal svg,
html[data-useragent='11.0'] #menuPrincipal img {
    max-width: 50px;
}

html[data-useragent='11.0'] #menuPrincipal svg {
    max-height: 3rem;
}

html[data-useragent='11.0'] #menuPrincipal .menuPrimerNivel {
    height: auto !important;
    overflow: auto;
}

html[data-useragent='11.0'] #menuPrincipal hr {
    clear: both;
}

html[data-useragent='11.0'] #navPrincipal div.navbar-right {
    margin-right: 1rem;
}



html[data-useragent='10.0'] #navPrincipal {
    padding: 0;
    height: 62px;
}

html[data-useragent='10.0'] #navPrincipal form.navbar-nav {
    height: 62px;
}

html[data-useragent='10.0'] #login-dp form {
    margin: 0;
}

html[data-useragent='10.0'] #login-dp .registro a {
    margin-top: 0;
}

html[data-useragent='10.0'] #menuBarra #buscadorInput {
    margin-top: -4px;
}

html[data-useragent='10.0'] #navPrincipal.scrolled #subTituloImg {
    z-index: 1;
}

html[data-useragent='10.0'] #navPrincipal.scrolled #menuBarra {
    z-index: 10;
    position: relative;
}

html[data-useragent='10.0'] #navPrincipal.scrolled #loginBtn,
html[data-useragent='10.0'] #navPrincipal.scrolled #buscarBtn {
    border-radius: 0;
}



/*IE9*/
html[data-useragent='9.0'] .menuBtn {
    float: left \ ;
    width: 62px \ ;
    z-index: 1031;
    position: relative;
}

html[data-useragent='9.0'] #navPrincipal #menuBarra {
    float: left \ ;
    width: auto \ ;
    margin: -8px 0 \ ;
    z-index: 1031;
    position: relative;
}

html[data-useragent='9.0'] #menuBarra .logo-img {
    float: left \ ;
}

html[data-useragent='9.0'] #menuBarra form {
    float: right \ ;
}

html[data-useragent='9.0'] #menuBarra form a {
    display: block \ ;
    width: 3em \ ;
    float: left \ ;
}

html[data-useragent='9.0'] #menuBarra form #loginBtn,
html[data-useragent='9.0'] #menuBarra form #buscarBtn {
    margin-top: 1.55em \ ;
}

html[data-useragent='9.0'] .fixed-top,
html.ie8 .fixed-top {
    position: fixed \ ;
    top: 0 \ ;
    left: 0 \ ;
    right: 0 \ ;
    z-index: 10 \ ;
}

html[data-useragent='9.0'] #login-dp {
    float: right \ ;
}

html[data-useragent='9.0'] #login-dp .registro a,
html[data-useragent='9.0'] #login-dp .form-group,
html[data-useragent='9.0'] #menuBarra #buscadorInput {
    margin-top: 12.6px \ ;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra a {
    margin-top: 0 \ ;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra .registro a {
    margin-top: 9px \ ;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra .registro a:after {
    margin-top: 11px \ ;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra form {
    background-color: #FFF;
    margin-top: 1em;
    padding: 0.75em;

}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra #login-dp {
    padding-top: 0;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra #login-dp form {
    padding: 0;
    margin: 0;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra #login-dp form .form-group {
    margin-top: 9px;
    padding-bottom: 9px;
}

html[data-useragent='9.0'] #navPrincipal.scrolled #menuBarra #buscadorInput {
    padding: 0;
    margin: -6px;
}

html[data-useragent='9.0'] #menuBarra #buscadorInput {
    float: right \ ;
    margin-left: 1em \ ;

}

html[data-useragent='9.0'] #menuPrincipal .navbar-nav>li,
html[data-useragent='9.0'] #menuPrincipal .navbar-nav {
    float: none;
    clear: both;
}

html[data-useragent='9.0'] #menuPrincipal .menuPrimerNivel {
    width: 25vw;
    float: left;
}

html[data-useragent='9.0'] #menuPrincipal .tab-content {
    width: 70vw;
    float: left;
}

html[data-useragent='9.0'] .is-active .hamburger-box {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -10px;
}

html[data-useragent='9.0'] #navPrincipal.scrolled .menuBtn {
    max-width: 47px;
}

/*IE 8*/
html.ie8 body {
    padding-top: 0;
}

html.ie8 .menuBtn {
    float: left \ ;
    width: 62px \ ;
}

html.ie8 .menuBtn button .hamburger-box {
    display: none;
}

html.ie8 .menuBtn button:after {
    content: "=";
    display: block;
    font-size: 1.5em;
    text-align: center;
    width: 20px;
    height: 20px;
    color: #FFF;
}

html.ie8 #navPrincipal .logo-img {
    background-image: url('/Nd/img/logo-blanco.png');
    width: 109px;
    height: 32px;
    display: block;
    margin-left: 4em;
}

html.ie8 #navPrincipal .logo-img img {
    display: none;
}

html.ie8 #menuPrincipal {
    top: 62px;
}

html.ie8 #menuPrincipal .menuPrimerNivel {
    width: 400px;
    float: left;
    z-index: 10;
}

html.ie8 #menuPrincipal .tab-content {
    width: 800px;
    float: right;
    z-index: 9;
}

html.ie8 #menuPrincipal .tab-content ul.row {
    max-height: 500px;
    overflow-y: scroll;
}

html.ie8 #menuPrincipal .tab-content ul.row .col-md-4,
html.ie8 #menuPrincipal .tab-content ul.row .col-md-2 {
    float: left;
}

html.ie8 #menuPrincipal li {
    width: 100%;
}

html.ie8 #menuPrincipal li a:hover,
html.ie8 #menuPrincipal li.active a {
    color: #4F799F;
}

@media (prefers-color-scheme: dark) {

    #login-dp,
    #buscadorInput {
        background-color: #333;
    }

    #login-dp input,
    #buscadorInput input {
        background-color: #666;
    }

    #login-dp .form-floating label,
    #buscadorInput .form-floating label {
        color: #FFF;
    }

    #login-dp .form-floating>.form-control:focus~label,
    #login-dp .form-floating>.form-control:focus~label::after,
    .form-floating>.form-control:focus~label::after {
        background-color: transparent;
    }

    div#menuPrincipal a[href="/Nd/CdtsAcerca.jsp"] img {
        background-color: #eee;
        padding: 5px;
    }

    #menuPrincipal .tab-content li strong {
        color: #97c6ff !important;
    }

    #navPrincipal.scrolled .menuBtn {
        background: #333 !important
    }
}