@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
        /* Asignamos color naranja al fondo y redondeamos el contenedor del wrapper 
                para conseguir la forma redondeada en el modal en la pagina default. Esta 
                es la unica forma de redondear las esquinas internas del modal utilizando 
                fancybox, debido a que fancybox redondea las esquinas del modal externas, 
                pero al encontrarse en un z inferior, las esquinas del body la superponen y no se ven. */
        background-color: #BD5622 !important;
    }

    .wrapper {
        background-color: #002443 !important;
    }

    .wrapper .headline, .headline h2 {
        color: #BD5622 !important;
        font-family: Paytone One, sans-serif !important;
    }

    .text-primary {
        font-family: Arimo, sans-serif !important;
    }


    .CharacteristicsPrincipalProduct {
        color: #BD5622 !important;
        font-family: Paytone One, sans-serif !important;
    }

    .ProductCharacteristics {
        font-family: Arimo, sans-serif !important;
    }

    .Postdata {
        font-family: Arimo, sans-serif !important;
    }
}