/********************
	PREGUNTAS DEL TEST: ENUNCIADO Y CUATRO OPCIONES
*********************/

/* texto del enunciado */
.enunciado {
	font-family: 'Roboto Condensed', sans-serif!important;
	font-size: 1.3rem;
	font-weight:bold;
}


.enunciado img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* bloque boton de opcion y texto respuesta */
.opcionrespuesta {
	margin-bottom:6px!important;
}

.form-check-input {
	margin-top:7px!important;
}


/* texto de cada respuesta */
.textorespuesta {
	font-size: 1.1rem;
	padding-left:10px;
}


/*********************************
	BOTONES FINALES DEL TEST
**********************************/

button.boton_enviar, a.boton_enviar {
	background-color: #314375; 
	color: white;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
}

button.boton_enviar:hover, a.boton_enviar:hover {
	background-color: #85acf5; 
	color: white;
}

.boton_salir_test {
	padding-left: 30px!important;
	padding-right: 30px!important;
}

/****************************
	IMAGENES 100%
*****************************/

.enunciado img,
span.img_ancha img,
span.img_barra img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/* Tablets: imágenes al 60% */
@media (max-width: 1024px) and (min-width: 601px) {
	.enunciado img,
	span.img_ancha img,
	span.img_barra img {
		width: 60% !important;
	}
}

/* Móviles: imágenes al 100% */
@media (max-width: 600px) {
	.enunciado img,
	span.img_ancha img,
	span.img_barra img {
		width: 100% !important;
	}
}