body {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: white;
    margin: 0;
    padding: 0;
   
}

 .Contenedor {
    margin: 0 auto;
    width: 100%;
    font-size: 15px;
}

.Logo
{
    position:absolute;
    top:2%;
    right:3%;
}

 .Logo img
 {
     max-width:70%;

}

.Material {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    bottom: 10px;
    font-size:12px;
}


.marcador {
    padding-top: 5%;
}

.marcador img {
    max-width: 80%;
}

.Preguntas {
    padding-top: 5%;
    max-width: 92%;
    margin: 0 auto;
    color: #0b4161
}


.Preguntas img {
     max-width: 50%;
 }

.titularPregunta {
    font-size:20px;
    text-decoration:underline;
}


.TextoFin1 {
    font-size: 18px;
    font-weight:bold;
    color: white;
    line-height:20px;
}



.TextoFin2 {
    font-size: 14px;
    color: #0d4e76;
    padding-top:20px;
}


.TextoFin3 {
    font-size: 22px;
    color: #0d4e76;
}


.EnunciadoPregunta {
    padding-top: 2%;
}

.Texto1 {
    text-align: center;
    font-size: 20px;
    color: #0d4e76;
    max-width: 100%;
    line-height: 20px;
    margin: 0 auto;
    padding-top: 20px;
}


.Texto3 {
    text-align: center;
    font-size: 20px;
    color: #0d4e76;
    max-width: 100%;
    line-height: 20px;
    margin: 0 auto;
    padding-top: 25px;
}


.Texto2 {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
}

.contenidorweb {
    background-image: url("../imagenes/fondofin.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    margin: 0 auto;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
}


.derecha {
    padding-top:60px;
    width: 100%;
    text-align: center;
    padding-bottom:20px;
    height:230px;
}


.izquierda {
    /*padding-top: 2%;*/
    padding-bottom: 5%;
    width: 100%;
    text-align: center;
    background-color: #d6da16;
    height:auto;
}

.Botones
{
    padding-top:5%;
    padding-bottom:5%
}

.boton {
    min-width: 235px;
    min-height: 45px;
    background-color: white;
    text-align: center;
    color: #0b4161;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    border: 0px;
    font-size: 12px;
    margin: 0 auto;
    margin-bottom: 3%;
    display: block;
}

.boton:hover{
background-color: #0b4161;
color: white;
}

.marcado {
    background-color: #0b4161;
    color: white;
}

 .boton:active{
   background-color: #0b4161;
  color: white;
}

    .Logos img{

    max-width:40%;
}


.Logos {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2%;
    padding-top: 2%;
}

.logo1 {
    display:block;
}

.logo2 {
    display: block;
    padding-top:5%;
}


.novisible
{
    display:none;
}

.panelinformativo {
    width: 95%;
    height: 180px;
    font-size: 20px;
    line-height:25px;
    /*padding-top: 106px;*/
    padding-left: 25px;
}

.error {
    background-color: #e62426;
    margin: 0 auto;
    width:100%;
    height:150px;
}

.acierto {
    background-color: #0d4c74;
    margin: 0 auto;
    width: 100%;
    height:150px;
}

.drop {
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
    border-radius:2px;
}


.Mensaje {
    text-align: center;
    width: 100%;
    padding-top:15px;
}
.Submensaje {
    font-size: 20px;
}


.logopanel1 {
   float:left;
}



.logopanel2 {
    float: left;
    padding-top:20px;
    padding-left:10px;
}


.logopanel1 img {
   width: 140px;
}


.logopanel2 img {
    width: 50px;
}

@media (min-width: 500px) {

    .derecha {
     
        height: 290px;
    }
}

    /*@screen-sm*/
    @media (min-width: 768px) {
        .derecha {
            padding-top: 50px;
            height: 270px;
        }

        .izquierda {
            padding-top: 0%;
            margin-top: 50px;
        }

        .Texto1 {
            font-size: 25px;
            line-height: 30px;
            padding-top: 0px;
        }

        .Texto3 {
            font-size: 25px;
            line-height: 30px;
        }


        .Preguntas {
            padding-top: 3%;
            max-width: 90%;
        }

        .titularPregunta {
            font-size: 25px;
        }

        .EnunciadoPregunta {
            font-size: 20px;
            padding-bottom: 2%;
        }

        .Botones {
            padding-top: 2%;
            padding-bottom: 2%;
        }

        .Logos {
            padding-top: 2%;
        }


        .Logo img {
            max-width: 100%;
        }



        .Logos img {
            max-width: 100%;
        }


        .logo1 {
            float: left;
            width: 50%;
        }

        .logo2 {
            float: left;
            width: 50%;
            padding-top: 0%;
        }


        .iconosPanel {
            padding-left: 20%;
        }



        .panelinformativo {
            font-size: 35px;
            line-height: 30px;
        }

        .error {
            height: 180px;
        }


        .logopanel2 img {
            width: 70px;
        }

        .derecha {
            padding-bottom: 50px;
        }


        .Texto2 {
            font-size: 30px;
            line-height: 30px;
            padding-top: 20px
        }

        .empezar {
            margin-top: 20px !important;
        }


        .TextoFin1 {
            font-size: 26px;
            font-weight: bold;
            color: white;
            line-height: 32px;
        }



        .TextoFin2 {
            font-size: 22px;
            color: #0d4e76;
            padding-top: 20px;
        }


        .TextoFin3 {
            font-size: 32px;
            color: #0d4e76;
        }
    }

    /*@screen-sm*/
    @media (min-width: 992px) {

        .panelinformativo {
            width: 637px;
            height: 308px;
            font-size: 40px;
            line-height: 40px;
            /*padding-top: 106px;*/
            padding-left: 25px;
        }

        .error {
            height: 315px;
        }

        .acierto {
            height: 315px;
        }

        .Mensaje {
            padding-top: 20px;
        }

        .Submensaje {
            font-size: 30px;
        }

        .iconosPanel img {
            max-width: 100%;
        }

        .Logo {
            display: none;
        }

        .contenidorweb {
            background-image: url("../imagenes/fondo.jpg");
            background-repeat: no-repeat;
            height: 800px;
            width: 980px;
            text-align: left;
            margin: 0 auto;
            position: static;
        }

        .Material {
            position: absolute;
            text-align: center;
            width: 980px;
            margin: 0 auto;
            bottom: 5px;
            font-size: 15px;
        }

        .derecha {
            float: left;
            padding-top: 130px;
            width: 675px;
            text-align: center;
            padding-bottom: 0px;
            height: auto;
        }


        .izquierda {
            float: left;
            padding-top: 2px;
            width: 304px;
            text-align: center;
            background-color: transparent;
            margin-top: 0px;
        }



        .Texto1 {
            text-align: center;
            font-size: 49px;
            /*color: #0d4e76;*/
            max-width: 600px;
            line-height: 48px;
            margin: 0 auto;
            width: 85%;
        }

        .Texto3 {
            text-align: center;
            font-size: 49px;
            /*color: #0d4e76;*/
            max-width: 600px;
            line-height: 48px;
            margin: 0 auto;
            width: 85%;
            padding-top: 25px;
        }


        .marcador {
            padding-top: 33px;
        }

            .marcador img {
                max-width: 100%;
            }



        .Texto2 {
            text-align: center;
            font-size: 42px;
            line-height: 40px;
            color: #ffffff;
            height: 99px;
            max-width: 245px;
            margin: 0 auto;
            padding-top: 90px
        }

        .empezar {
            margin-top: 120px !important;
        }

        .Preguntas {
            padding-top: 40px;
            max-width: 90%;
        }


        .titularPregunta {
            font-size: 36px;
        }




        .TextoFin1 {
            font-size: 26px;
            color: white;
            width: 95%;
            line-height: 34px;
            padding-top: 90px;
        }



        .TextoFin2 {
            font-size: 22px;
            color: #0d4e76;
            padding-top: 40px;
            line-height: 25px;
        }

        .TextoFin3 {
            font-size: 30px;
            color: #0d4e76;
            line-height: 25px;
        }


        .EnunciadoPregunta {
            font-size: 26px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .marcador img {
            max-width: 100%;
        }


        .boton {
            font-size: 20px;
        }


        .Logos {
            display: none;
        }


        .Botones {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .boton {
            margin-bottom: 25px;
        }


        .logopanel1 img {
            width: 100%;
        }

        .logopanel2 img {
            width: 100%;
            padding-top: 30px;
        }


        .iconosPanel {
            padding-left: 0;
        }

        .Preguntas img {
            max-width: 100%;
        }
    }


    /*@screen-sm*/
    @media (min-width: 1200px) {
    }