.border{
    /*border: 1px #000 solid;*/
}
body
{
    background-color: #FFFFFF;
    color: #8F92D7;
}

.div_bienvenido {
    /*background-color: rgba(141, 205, 201,100);*/
    /*background-color: #2d699b;*/
    /*background-image: url("../imagenes/Header2.jpg");*/
    background: url("../imagenes/principal/Header.png");
    background-size: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;


    color: #000000;
    text-transform: uppercase;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .main{
        background-size: 250px 250px, 250px 250px, 100px 100px;
    }
    .index{
        background-size: 250px 250px, 250px 250px, 100px 100px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .main{
        background-size: 300px 300px, 300px 300px, 150px 150px;
    }
    .index{
        background-size: 300px 300px, 300px 300px, 150px 150px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .main{
        background-size: 500px 500px, 500px 500px, 150px 150px;
    }
    .index{
        background-size: 500px 500px, 600px 700px, 150px 150px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .main{
        background-size: 500px 500px, 500px 500px, 150px 150px;
    }
    .index{
        background-size: 500px 500px, 600px 700px, 150px 150px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .main{
        background-size: 500px 500px, 500px 500px, 150px 150px;
    }
    .index{
        background-size: 500px 500px, 500px 600px, 150px 150px;
    }
}


.letratitulo{
    font-size: 45px;
}
.letrapreguntas{
    font-size: 40px;
}
.letrafinal{
    font-size: 30px;
}
.letranormal{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.letraform
{
    font-weight: bold;
    font-size: 20px;
}

select{
    background: #8F92D7 !important;
    color:#ffffff !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

.btn-iniciar
{
    background-color: #b3d7f1 !important;

}
.btn-finalizar
{
    background-color: #D35A71 !important;
    color: #ffffff;
    font-size: 20px;
}
.excelente{
    font-size: 27px;
    font-weight: bold;
    color: #9FC38C;
}
.buena{
    font-size: 27px;
    font-weight: bold;
    color: #8F92D7;
}
.regular{
    font-size: 27px;
    font-weight: bold;
    color: #96BBE2;
}
.mala{
    font-size: 27px;
    font-weight: bold;
    color: #EB889F;
}
.no_aplica{
    font-size: 27px;
    font-weight: bold;
    color: #FF0037;
}
/*excelente 9FC38C*/