@charset "iso-8859-1";
/* CSS Document */

/*.ui-body-c{
	background-image:url(imagenes/fondo.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:left -350px;
}*/

.lista_row{
	list-style:none;
	margin:0;
	padding:0;
}

/* ESTILOS DE LA CABECERA */
/*.cabecera_app img{
	margin-left:-3px;
	width:125px;
}*/
#boton_oculto{
	display:none;
}
.cabecera_app a{
	margin-top:4px;
}
.boton_cabecera{
	font-weight:normal;
	border-radius:4px;
	border-color:#3A5E78;
}
/*.nombre_autoescuela{
	font-size: 12px;
	padding: 4px;
	margin-top: -4px;
	border-top: 1px solid #9FCDE3;
	text-align:center;
}*/

/*estilos para dejar fijo el header*/
/*.contenedor_header{
	position:relative;
	height:107px	
}
.cabecera_app{
	position:fixed;
	width:100%;
	z-index:100	
}*/


/* ESTILOS DEL CUERPO */
.contenido{
	border-bottom:1px solid #BDBDAE;	
}

/** estilos del menú superior de opciones **/
#menu_opciones{
 width:100%;
 height:35px;
 border-collapse:collapse;
 margin-top:0px;
}
#menu_opciones td{
 text-transform:uppercase;
 font-weight:bold;
 font-size:0.8em;
 color:#FFF;
 text-shadow:1px 0 0 #000;
 text-align:center;
 width:33%;
 border:1px solid #000;
 border-color:#174B6A;
 border-top-color:#8EB9D5;
 border-bottom:none;
}
#menu_opciones td:first-child{
 border-left:none; 
}
.opcion_menu_off{
 background-color:#467CAB;
 background: -webkit-linear-gradient(#5B97C1,#467CAB,#3A6D9F);
 background: -moz-linear-gradient(#5B97C1,#467CAB,#3A6D9F);
 background: linear-gradient(#5B97C1,#467CAB,#3A6D9F); 
}
.opcion_menu_on{
 background-color:#5B97C1;
 background: -webkit-linear-gradient(#4589B6,#5B97C1,#91B9D5);
 background: -moz-linear-gradient(#4589B6,#5B97C1,#91B9D5);
 background: linear-gradient(#4589B6,#5B97C1,#91B9D5);
}

/** estilos de la información del alumno **/
.info_alumno{
	/*border-bottom:1px solid #BDBDAE;*/
}
.info_alumno_contenido{
	display:block;
	overflow:hidden;	
}
.info_alumno_contenido li{
	float:left;
}

.info_alumno_contenido_foto{
	width:65px;
	margin-right:10px;
}
.info_alumno_contenido_foto img{
	border:1px solid #6699CC;	
}
.info_alumno_contenido_nombre{
	width:60%;
	padding-top:25px;
	font-size:15px;
	color:#A27B2B;
	text-align:left;	
}
.info_alumno_contenido_nombre_banderas{
	width:60%;
	padding-top:5px;
	font-size:15px;
	color:#A27B2B;
	text-align:left;	
}
.info_alumno_contenido_info{
	width:10%;
	padding-left:10px;
	text-align:center;	
}

/** estilos de la información del curso **/
.info_curso{
	border-bottom:1px solid #BDBDAE;
	padding-bottom:5px;
}
.info_curso_contenido{
	display:block;
	overflow:hidden;	
}
.info_curso_contenido li{
	float:left;
}

.info_curso_contenido_foto{
	width:85px;
	margin-right:8px;
}
.info_curso_contenido_foto img{
	border:1px solid #6699CC;	
}
.info_curso_contenido_nombre{
	width:65%;
	padding-top:0px;
	font-size:15px;
	color:#A27B2B;
	text-align:left;	
}
.info_curso_contenido_nombre p{
	margin:0;
	font-size:1.1em;
	font-weight:bold;
	padding-top:8px;
}
.info_curso_contenido_nombre p span{
	display:block;
	font-weight:normal;
	font-size:14px;
	color:#666;
	margin-top:-5px;	
}

/** estilos del profe web **/
.nombre_profe_listado{
    display:block;
    margin-right:40px;
    width:100%;
	font-weight:bold;
	overflow:hidden;
	padding-top:7px;
}
.breve_info_profe{
	display:block;
    margin:0;
    width:100%;
    font-weight:normal;
    font-size:12px;
    color:#666;    
	overflow:hidden;
}

.info_curso_contenido_foto_profe{
	padding-right:17px;	
}
.info_curso_contenido_nombre_profe{
	padding-top:5px;
	font-size:16px;
	color:#A27B2B;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;	
}
.info_curso_contenido_nombre_profe p{
	margin:0;
}
#titulo_profe_web{
	font-weight:bold;
	font-size:1.05em;
	color:black;
	text-transform:uppercase;
}

.titulo_profe{
    float:left;
    width:60%;
	font-size:15px;
	color:#3399CC;
    font-weight:bold;
    text-align:right;
    margin-top:27px;
}
.icono_profe{
    float:left;
    width:30%;
    margin-left:18px;
    margin-top:15px;    
}
.icono_profe img{
    border:1px solid #6699CC;    
}
.bloque_categoria_profe_cabecera{
 padding-top:10px;
 margin-top:3px;
 border-top:1px dotted #999; 
}
.bloque_categoria_profe_cabecera_lista{
 display:block;
 overflow:hidden; 
}
.icono_categoria{
 float:left;
 margin-right:12px;
 border:1px solid #6699CC; 
}
.titulo_categoria{
 float:left;
 width:60%;
 font-weight:bold;
 color:black;
 padding-top:15px; 
}
.profe_historico{
    background-image:url(imagenes/icono_historial.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:75px;
    padding-top:25px;
    height:43px;    
}
.bloque_titulo_historial{
    border-top:1px dotted #999;
    margin-top:10px;
    padding-top:15px;
    overflow:hidden;
}
#titulo_historial{
    padding-top:8px;
    text-align:left;
    display:block;
    width:220px;
    margin:0 auto;
    font-weight:bold;
}
#titulo_historial img{
    float:left;
    vertical-align:middle;
    margin-top:-13px;    
}

.li_reproduccion{
    font-weight:normal;
    font-size:0.9em;
}
.nombre_categoria_historial{
    color: #8D7A41;
    font-weight: bold;
}
.datos_fecha_historial{
    padding-top: 5px;
    color: #257BAF;
}

/** estilos de la lista de opciones de test **/
.lista_opciones_correccion_test{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	width:100%;
	border-top:1px solid #CCC;	
}
.lista_opciones_correccion_test li:first-child{
	display:table-cell;
	width:27%;
	font-size:.9em;
	text-align:right;
}
.lista_opciones_correccion_test li:nth-child(2){
	display:table-cell;
	width:73%;
}
.lista_opciones_correccion_test li:nth-child(2) fieldset{
	transform:scale(.9,.9);
}

/* Inicio contenedor de opciones de traduccion */
.separador_opciones_idiomas {
	width: 100%;
	height: 1px;
	border-top: 1px solid lightgray;	
}

.lista_opciones_idiomas_test {	
	width: 100%;
	text-align: center;
}

/*.lista_opciones_idiomas_test > div:first-child {	
	width: 20%;
	border:1px solid blue;
}

.lista_opciones_idiomas_test > div:last-child {	
	width:80%;
	display: flex;
	justify-content: center;
	align-items: center;	
	border:1px solid blue;		
}

.lista_opciones_idiomas_test_idioma {
	width: 50%;
	border:1px solid green;
}

.lista_opciones_idiomas_test_idioma > p {
	border: none !important;
	margin: 0;
	text-align: center;
}

.lista_opciones_idiomas_test_idioma > p:first-child {
	padding-bottom: 10px;
}

.lista_opciones_idiomas_test_idioma > p:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}*/

/* Fin contenedor de opciones de traduccion */

.bloque_opciones_menu p{
	margin:0;
	font-weight:bold;
	font-size:1.05em;
	text-align:center;
	padding:15px 0;
	border-top:1px solid #FFF;	
}
.bloque_opciones_menu p img{
	vertical-align:middle;
	margin:-10px 0 0 10px;
}

.lista_opciones_test li{
	margin-bottom:7px;	
}
.lista_opciones_test li:last-child{
	margin-bottom:0px;	
}
.opcion_test{
	background-color:#FFF;
	background: -webkit-linear-gradient(#EFEFEF,#FFF,#EFEFEF);
	color:#37719B;
	padding:3px;
	border:2px solid #FFF;
	border-radius:5px;
	box-shadow:0 0 6px #BABABA;
	font-weight:bold;
	font-size:15px;
	text-shadow:0 1px 0 #FFF;
}
.nuevo_test{
	background-image:url(imagenes/icono_aleatorios.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:43px;
	padding-left:75px;
	padding-top:25px;	
}
.test_falladas{
	background-image:url(imagenes/icono_falladas.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:43px;
	padding-left:75px;
	padding-top:25px;	
}
.nuevo_test_off{
	background-image:url(imagenes/icono_aleatorios_off.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:43px;
	padding-left:75px;
	padding-top:25px;	
}
.test_falladas_off{
	background-image:url(imagenes/icono_falladas_off.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:43px;
	padding-left:75px;
	padding-top:25px;	
}
.test_estadisticas{
	background-image:url(imagenes/icono_estadisticas.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:43px;
	padding-left:75px;
	padding-top:25px;	
}
.span_numero_elementos{
    background-color:#FFF;
    padding:4px;
    margin-left:10px;
    text-align:center;
    color:#CC0000;
    font-size:14px;
    text-shadow:none;
    border-radius:7px;
    box-shadow:0 0 5px #777 inset;    
}

/***estilos de las estadísticas ***/
#titulo_estadisticas img{
    vertical-align:middle;
    padding-left:10px;
}
#lista_resultados{
    margin:0;
}
#lista_resultados p{
    margin:0;
    font-size:1em;   
}
#lista_resultados p span{
    color:#A27B2B;   
}
#lista_resultados p strong{
    color:#FF0000;   
}
.grafica_resultados{
    padding:5px 0;
    overflow:hidden;
    font-weight:normal;   
}
.grafica_resultados_titulo{
    color: #418094;
}
.contenedor_barra_cargando{
    position:relative;
    overflow:hidden;
    height:20px;
    margin:5px auto;
    background-color:#FFF;
    border:1px solid #FFF;
    box-shadow:0 0 10px #BCBCBC inset;   
}
#barra_aptos{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:20px;
    background-color:#00BB00;
    background: -webkit-linear-gradient(#6DD900,#458A00,#6DD900);
    background: -moz-linear-gradient(#6DD900,#458A00,#6DD900);
    background: linear-gradient(#6DD900,#458A00,#6DD900);
}
#barra_no_aptos{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:20px;
    background-color:#8C0000;
    background: -webkit-linear-gradient(#FF4000,#8C0000,#FF4000);
    background: -moz-linear-gradient(#FF4000,#8C0000,#FF4000);
    background: linear-gradient(#FF4000,#8C0000,#FF4000);
}

/* ESTILO CATEGORIA INFOTEST FANTASMA */
.categoria_infotest_fantasma {
	font-size:1rem;
	font-weight:bold;
	color:#DDD;
	text-shadow:0 0 4px #000;
	padding:10px 8px;
	margin:8px 0;
	background-color:#BBB;
    background: -webkit-linear-gradient(#DDD,#A2A2A2);
    background: -moz-linear-gradient(#DDD,#A2A2A2);
    background: linear-gradient(#DDD,#A2A2A2);
	border-radius:8px;
	border:1px solid #BBB;
}
.span_numero_elementos_fantasma{
    background-color:#FFF;
    padding:4px;
    margin-left:10px;
    text-align:center;
    color:#CCC;
    font-size:14px;
    text-shadow:none;
    border-radius:7px;
    box-shadow:0 0 5px #777 inset;    
}

/* ESTILOS DEL PIE */
.pie_intro{
	text-align:center;
	padding:8px 0;
	border-top:1px solid #FFF;	
}