﻿@charset "utf-8";

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    html {
        font-family: Arimo, sans-serif !important;
        color: #FFFFFF;
    }

    body {
        background-color: #002443;
        font-family: Arimo, sans-serif !important;
        color: #FFFFFF;
        min-height: 100%;
    }

    a, a:hover {
        color: #FFFFFF;
    }

    #cookieChoiceInfo a:hover {
        color: #332F2E !important;
    }

    /* --------------------------------- COMPONENTES REUTILIZABLES ---------------------------------------- */


    /* Btn principal invertido 
 * Normal: Tiene fondo naranja, letras blancas, bordes redondeados
 * Hover: Borde naranja, fondo transparente, letras blancas y bordes redondeados
 */
    .md-main-btn-inverted {
        background-color: #BD5622 !important;
        border-color: #BD5622 !important;
        color: white !important;
    }

    /* Cabecera de las páginas en el body */
    .page-tittle {
        font-family: Paytone One, sans-serif !important;
    }


    .orange-font-color, .orange-paytone-font, #MainTopBar ul li a:hover, #cookieChoiceInfo a {
        color: #BD5622 !important;
    }

    .orange-paytone-font, .blue-paytone-font {
        font-family: Paytone One, sans-serif !important;
    }

    .blue-font-color, .blue-paytone-font {
        color: #002443 !important;
    }

    /* -------------------- Menu responsive --------------------------- */


    header nav {
        background-color: #002443 !important;
    }

    header #navbarNavDropdown a {
        color: #FFFFFF;
    }

        header #navbarNavDropdown a:hover {
            color: #002443 !important;
        }

    #MainTopBar ul li a {
        color: #FFFFFF;
    }

    #md-header-container .divider-vertical {
        border-left: 1px solid gray;
        border-right: 1px solid gray;
    }

    #MainTopBar {
        background-color: #00102F !important;
    }

    #MainBar {
        background-color: #BD5622 !important;
    }

    .navbar-nav .dropdown-menu {
        background-color: #BD5622 !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,1);
        border-color: rgba(0,0,0,1);
    }

    /* ------------------------ FIN  Menu responsive --------------------------- */
    /* ----------------------------- Centrado de cajas -------------------------- */


    /* ----------------------------- FIN Centrado de cajas -------------------------- */
    /* --------------------------------- Footer -------------------------------- */

    #md-main-footer-container {
        border-top: 4px solid #FFFFFF;
        padding-top: 1.605rem;
    }

    footer ul a span {
        color: #BD5622 !important;
    }

    footer li a:hover {
        text-decoration: none;
        /* Para quitar la propiedad en IE */
        font-style: normal;
        border-bottom: 1.5px solid #BD5622 !important;
    }

    .md-ul-left-border {
        border-left: 3px solid #BD5622 !important;
    }

    #footer-logo-facebook {
        color: #002443 !important;
        background-color: #FFFFFF;
    }

    #footer-logo-twitter {
        color: #002443 !important;
        background-color: #FFFFFF;
    }

        #footer-logo-facebook:hover, #footer-logo-twitter:hover {
            background-color: #BD5622 !important;
            color: #FFFFFF;
        }

    #footer-right-column {
        border: 2.5px solid #BD5622 !important;
    }

    #md-footer-image-row {
        margin-top: 1rem;
        background-color: #FFFFFF;
    }


    #md-footer-image-container-fluid {
        background-color: #FFFFFF;
    }


}
