@charset "UTF-8";

.rubrica div.contestado > .retro{
    display: block;
}
.rubrica div.contestado > .retro[data-correcta="true"]{
    color: #007509;
}
.rubrica div.contestado > .retro[data-correcta="false"]{
    color: #860e00;
}

.rubrica{
    max-width: 960px;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 30px;
    text-align: left;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 3px;
}
.rubrica .set{
    margin:1em;
    padding:1em;
    background-color: white;
    border-radius: 3px;
}

.rubrica .encabezado .rango{
    width:20%;
}

.rubrica .respuestas{
    padding:2px;
}

.rubrica .respuestas .cajaTexto{
    display: inline-block;
    width: 20%;
    border-left: 1px #f8f8f8 solid;
     /*   border: 1px red  solid;*/
    padding: 2px;
    text-align: center;
    vertical-align: top;
}

.rubrica .respuestas .cajaTexto button[type="button"]{
    clear: both;
    background: #f8f8f8;
    border: 1px #CCC solid;
    width: 100%;
	font-size:1.1em
}

.rubrica .encabezado .rango{
    display: inline-block;
    width: 19%;
    /*border: 1px red solid;*/
    padding: 2px;
    text-align: center;
    font-weight: bold;
    background: #f8f8f8;
}


.rubrica .set .pregunta{
    text-align: left;
}


.rubrica .clickme{
    background: #f9f0b4 !important;
	
}

.rubrica .retro{
    display: none;
}

@media (max-width: 800px) {
    .container{
        width:100% !important;
    }
}

@media (max-width: 640px) {

    .rubrica .respuestas .cajaTexto{
        display: block;
        width:100% !important;
        text-align: left;
        border-top: 1px #f8f8f8 solid;
        border-left: none;
    }

    .rubrica .encabezado .rango{
        display: block;
        /*background: #fff;*/
        width: 100% !important;
        margin:1px;
        text-align: left;
    }
}