@charset "UTF-8";
@charset 'iso-8859-15';

@media only screen and (min-width:982px) and (max-width:9999999999999px) {

    body {
        position: relative;
        margin: 0px !important;
        box-shadow: 0px !important;
    }

    .Fondo {
        background-image: url(../../Recursos/Imagenes/Portada/Portada.jpg);
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        object-fit: fill;
    }

    .Fondo_En {
        background-image: url(../../Recursos/Imagenes/Portada/En_Portada.jpg);
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        object-fit: fill;
    }

    .Ingresar {
        position: absolute !important;
        height: auto;
        width: auto;
        margin-left: 88% !important;
        bottom: 18%;
    }

        .Ingresar img {
            position: absolute;
            left: 0;
            /*  transition: opacity 1.5s ease-in-out;*/
        }

            .Ingresar img.top:hover {
                opacity: 0;
            }

    .Advertencia {
        position: absolute;
        margin: auto;
        width: 95%;
        text-align: center;
        font-weight: 800;
        font-size: 13.2px;
        color: #FF0000;
    }

    .AvisoContenedor {
        position: absolute !important;
        bottom: 4%;
        margin-left: 80px !important;
        overflow-y: scroll;
        background-color: transparent;
        width: 35%;
        height: 8.125em;
        border-radius: 5px;
        left: 41.25em;
        margin: 0em;
        text-align: justify;
        font-family: sans-serif;
        /*    TAMAÑO DE LETRA*/
        font-size: 14px;
        color: #e6a73b;
        padding: 5px;
        border: solid 0.188em #e6a73b;
        font-weight: 700;
    }

    .bandera {
        position: absolute;
        left: 81em;
        top: 2em;
    }

        .bandera a {
            text-decoration: none;
            font-family: "Tahoma" !important;
            font-weight: 700;
            color: #000000;
        }

            .bandera a:hover {
                color: #00ff00;
                text-decoration: none;
                border: 0px;
            }

    .ContFecha {
        position: absolute;
        top: 28em !important;
        left: 6em !important;
    }

        .ContFecha p {
            color: #000000 !important;
            font-size: 1.1em;
            font-weight: 700;
        }
}


/***********************************************************************************************/
/******************************
/******************************  INICIO RESPONSIVE DISPOSITIVOS MOVIL
/******************************
/***********************************************************************************************/

/*@media only screen and (min-width:280px) and (max-width:480px) {*/
@media only screen and (min-width : 0px) and (max-width : 981px) {

    /*414x780 - MEDIDAS SAMSUNG A50*/

    .Fondo {
        background-image: url(../../Recursos/Imagenes/Portada/Portada_Movil.jpg);
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .Fondo_En {
        background-image: url(../../Recursos/Imagenes/Portada/Portada_Movil_EN.jpg);
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .imghover {
        display: none !important;
    }

    .AvisoContenedor {
        position: relative;
        margin: auto !important;
        margin-top: 36em !important;
        background-color: transparent;
        width: 96%;
        height: 110px;
        border-radius: 5px;
        /*Abajo deje un espacio de 0px*/

        text-align: justify;
        font-family: sans-serif;
        /*    TAMAÑO DE LETRA*/
        font-size: 15px;
        color: #ffffff;
        padding: 1px;
        border: solid 2px #ffffff;
        overflow: auto;
    }

    .Advertencia {
        position: inherit;
        margin: auto auto 6px auto;
        width: 95%;
        text-align: center;
        font-weight: 800;
        font-size: 12px !important;
        color: #e6a73b;
    }

    .Ingresar {
        position: relative !important;
        bottom: 33.3em !important;
        left: 0.5em !important;
        padding: 0px !important;
    }

        .Ingresar img {
            position: absolute;
            left: 0;
            width: 130px;
        }

            .Ingresar img.top:hover {
                opacity: 0;
            }

    .bandera {
        position: relative;
        left: 0.5em;
        bottom: 15.75em;
    }

        .bandera a {
            text-decoration: none;
            position: sticky;
            width: 140px;
            margin: 0;
            background-color: transparent;
            border: 0px;
        }

    .Boton_Español {
        position: absolute;
        margin-left: 0px;
        top: 90%;
        left: 3%;
        padding-right: 0px;
        height: auto;
        width: 120px;
    }

        .Boton_Español a {
            text-decoration: none;
            position: sticky;
            width: 120px;
            margin: 0;
            /*         background-image: url(../../Recursos/Imagenes/Espa%C3%B1ol_Home.png);
        */
            background-repeat: no-repeat;
            background-position: 6px 50%;
            font-family: "Calibri";
            color: #ffffff;
            font-weight: 800;
            text-align: right;
            font-size: 18px;
            background-color: transparent;
            border: 0px;
            padding-right: 5px;
        }

    .ContFecha {
        position: relative;
        left: 1em;
        width: 85%;
        text-align: center !important;
    }

        .ContFecha p {
            color: #e6a73b !important;
            font-size: 1.1em;
            font-weight: 700;
        }
}

@media only screen and (min-width : 1440px) and (max-width : 9999999999999) {
    ContFecha {
        position: absolute;
        top: 28em !important;
        left: 6em !important;
    }

    .ContFecha p {
        color: #ffffff !important;
        font-size: 1.1em;
        font-weight: 700;
    }
}
