#cabeceraprogreso{
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	position:relative;
	background-color: #E2ECC3;
	margin-top:-20px;
	margin-bottom:10px;
	height:190px;
    width:960px;
}

#cabeceraprogreso #marco_nombre_modulo{
	position:absolute;
	bottom:57px;
	left:20px;
	height:27px;
	line-height:27px;
}
#cabeceraprogreso #nombre_modulo{
	font-size:15px;
	height:27px;
	line-height:27px;
	float:left;
	margin-right:10px;
}


#cabeceraprogreso #marco_colecciones_practicas{
	position:absolute;
	bottom:57px;
	right:220px;
	height:25px;
	width:250px;
	line-height:27px;
}

#cabeceraprogreso #texto_colecciones{
	line-height:25px;
    background-color: #295671;
    color:white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position:absolute;
	width:120px;
	left:0px;
}

#cabeceraprogreso #texto_practicas{
	line-height:25px;
    background-color: #B32C42;
    color:white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position:absolute;
	width:120px;
	right:0px;
}



#cabeceraprogreso #marco_ver_modulo_completo{
	position:absolute;
	bottom:20px;
	right:80px;
	height:27px;
	width:500px;
	line-height:27px;
}

#cabeceraprogreso #texto_ver_modulo_completo{
	line-height:27px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	position:absolute;
	width:460px;
	right:40px;
}

#cabeceraprogreso #boton_progreso_1{
	position:absolute;
	right:0px;
}


#cabeceraprogreso #marco_nombre_usuario{
	position:absolute;
	bottom:20px;
	left:20px;
	height:27px;
	line-height:27px;
    z-index:3;
}

#cabeceraprogreso #nombre_usuario{
	font-size:15px;
	height:27px;
	line-height:27px;
	float:left;
	margin-right:10px;
}




#cabeceraprogreso #marco_periodos{
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:30px;
	background-color: #B1CA5A;
}

#cabeceraprogreso #marco_periodos .periodo{
	position:absolute;
	top:0px;
	color:white;
	width:187.5px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:15px;
}

#cabeceraprogreso #marco_periodos #periodo_diario{
	left:0px;
}

#cabeceraprogreso #marco_periodos #periodo_semanal{
	left:187.5px;
	border-left: solid white 1px;
}

#cabeceraprogreso #marco_periodos #periodo_mensual{
	left:375px;
	border-left: solid white 1px;
}

#cabeceraprogreso #marco_periodos #periodo_especifico{
	left:562.5px;
	border-left: solid white 1px;
}



#cabeceraprogreso #marco_cronologico{
	position:absolute;
	left:280px;
	top:30px;
	height:30px;
	background-color: #CFE290;
	width:300px;
	line-height:30px;
	font-size:12px;
}

#cabeceraprogreso #marco_fechas{
	position:absolute;
	left:470px;
	top:52px;
	height:30px;
	background-color: #CFE290;
	width:280px;
	line-height:30px;
	font-size:12px;
}

#cabeceraprogreso #marco_marcar_fechas{
	position:absolute;
	right:220px;
	top:55px;
//	width:130px;
	line-height:15px;
	font-size:11px;
	text-align: right;
    font-weight:bold;
    color:#F7931E;
}

#cabeceraprogreso #fecha_desde{
	position:absolute;
	right:210px;
	top:75px;
	height:30px;
//	background-color: #CFE290;
	width:180px;
	line-height:30px;
	font-size:12px;
    text-align:right;
}

#cabeceraprogreso #fecha_hasta{
	position:absolute;
	right:210px;
	top:105px;
	height:30px;
//	background-color: #CFE290;
	width:180px;
	line-height:30px;
	font-size:12px;
    text-align:right;
}

#cabeceraprogreso #fecha_desde #boton_desde{
	vertical-align:middle;
    margin-left:5px;
    margin-right:10px;
}


#cabeceraprogreso #fecha_hasta #boton_hasta{
	vertical-align:middle;
    margin-left:5px;
    margin-right:10px;
}


#cabeceraprogreso #marco_inferior{
	position:absolute;
	right:210px;
	bottom:0px;
	height:50px;
	background-color: #CFE290;
	width:750px;
	line-height:20px;
	font-size:12px;
}


#cabeceraprogreso #marco_tipo_informe{
	position:absolute;
	left:0px;
	bottom:30px;
	height:90px;
	width:400px;
	line-height:30px;
	font-size:12px;
}


#cabeceraprogreso #marco_num_periodos{
	position:absolute;
	right:10px;
	top:0px;
	height:30px;
	width:180px;
	line-height:30px;
	font-size:12px;
    text-align:right;
}

#cabeceraprogreso #marco_num_periodos #form_num_periodos select{
    margin-left:5px;
    margin-right:3px;
}

#cabeceraprogreso #marco_inferior #form_por_alumno{
    position:absolute;
		top:0px;
    left:0px;
		width:250px;
    line-height:20px;
		margin-top:5px;
}


#cabeceraprogreso #marco_inferior #form_agrupado{
    position:absolute;
		top:0px;
    left:250px;
		width:250px;
    line-height:20px;
		margin-top:5px;
}

#cabeceraprogreso #marco_inferior #form_agrupado input, #cabeceraprogreso #marco_inferior #form_por_alumno input, #cabeceraprogreso #marco_tipo_informe #form_tipo_informe input{
    margin-left:10px;
    vertical-align:middle;
}

#cabeceraprogreso #marco_inferior #form_agrupado label, #cabeceraprogreso #marco_inferior #form_por_alumno label, #cabeceraprogreso #marco_tipo_informe #form_tipo_informe label{
    display:inline;
    float:none;
    line-height:20px;
    margin-left:3px;
    width:auto;
    text-align:right;
}

#cabeceraprogreso #marco_inferior #separador3{
    position:absolute;
    left:250px;
    top:5px;
    width:1px;
    height:40px;
    background-color: #CCC;
}

#cabeceraprogreso #marco_inferior #separador4{
    position:absolute;
    left:500px;
    top:5px;
    width:1px;
    height:40px;
    background-color: #CCC;
}

#cabeceraprogreso #calendario{
	position:absolute;
	right:0px;
	top:0px;
	border-left: solid white 1px;
	background-color: #E2ECC3;
	width:210px;
	height:190px;
	font-size:12px;
	color: #5C730F;
}

#cabeceraprogreso #calendario #cabecera_calendario{
	background-color: #B1CA5A;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:center;
	color:white;
	text-transform:uppercase;
	position:relative;
}

#cabeceraprogreso #calendario #cabecera_calendario #boton_mes_anterior{
	position:absolute;
	top:5px;
	left:10px;
	cursor:pointer;
}

#cabeceraprogreso #calendario #cabecera_calendario #boton_mes_posterior{
	position:absolute;
	top:5px;
	right:10px;
	cursor:pointer;
}

#cabeceraprogreso #calendario .dia_semana{
	position:absolute;
	top:30px;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
}

#cabeceraprogreso #calendario .dia_mes{
	position:absolute;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}


#cabeceraprogreso #calendario2{
	position:absolute;
	right:250px;
	top:70px;
}

.marco_contenido .boton_cambiar{
    display: inline-block;
    height:22px;
    width:85px;
    margin-left: 10px;
    margin-bottom: 2.5px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
    border-radius: 11px;
    text-align:center;
    font-size: 11px;
    line-height:22px;
    cursor:pointer;
}

.marco_contenido .boton_cambiar::after{
    content: url('images/ico_flechas_cambiar.svg');
    width: 20px;
    height: 20px;
    float:right;
    display: block;
    margin: 1px 1px 1px 0px;
    line-height:normal;
}


#marcoprogreso{
	float:left;
	width:960px;
	position:relative;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	overflow:hidden;
    margin-bottom:10px;
}

#marcoprogreso h1{
	font-size:18px;
}

#caja_H1_progreso{
	height:34px;
	background: -webkit-gradient(linear, left center, right center, from(#CFE290),color-stop(92%, #F6F6F6));
	background: -webkit-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -moz-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -ms-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -o-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: linear-gradient(to right,#CFE290 ,#F6F6F6 92%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFE290, endColorstr=#F6F6F6, GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE290', endColorstr='#F6F6F6', GradientType=1)";
	border-style: none;
	border-color: transparent;
	position: relative;
}

#caja_H1_progreso #flecha_H1{
	height:34px;
	width:100%;
	background-image:url('images/flecha_H1.svg');
	background-repeat:no-repeat;
	background-position: 9px 9px;
}

#caja_H1_progreso #flecha_H1 H1{
	line-height:34px;
	color: #295671;
	font-size: 16px;
	position: absolute;
	left: 27px;
	font-weight:normal;
}

#caja_H1 .flecha_H1, #caja_H1_progreso .flecha_H1{
	height:34px;
	background-image:url('images/flecha_H1.svg');
	background-repeat:no-repeat;
	background-position: 9px 9px;
    display:inline-block;
}

#caja_H1 .flecha_H1 H1, #caja_H1_progreso .flecha_H1 H1{
	line-height:34px;
	color: #295671;
	font-size: 16px;
	margin-left: 27px;
	font-weight:normal;
}

#caja_H1 .flecha_H1 .botonH1, #caja_H1_progreso .flecha_H1 .botonH1{
    cursor:pointer;
}


#caja_H1_progreso_mini{
	height:24px;
	background: -webkit-gradient(linear, left center, right center, from(#CFE290),color-stop(92%, #F6F6F6));
	background: -webkit-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -moz-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -ms-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: -o-linear-gradient(left,#CFE290 ,#F6F6F6 92%);
	background: linear-gradient(to right,#CFE290 ,#F6F6F6 92%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFE290, endColorstr=#F6F6F6, GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE290', endColorstr='#F6F6F6', GradientType=1)";
	border-style: none;
	border-color: transparent;
	position: relative;
}


#caja_H1_progreso_mini .flecha_H1{
	height:24px;
	background-image:url('images/flecha_H1_mini.svg');
	background-repeat:no-repeat;
	background-position: 9px 6px;
    display:inline-block;
}

#caja_H1_progreso_mini .flecha_H1 H1{
	line-height:24px;
	color: #295671;
	font-size: 12px;
	margin-left: 27px;
	font-weight:normal;
}

#caja_H1_progreso_mini .flecha_H1 .botonH1{
    cursor:pointer;
}





#marcoprogreso .pr_ejercicio{
	position:relative;
	margin-top:20px;
	margin-bottom:10px;
	overflow:auto;
	border: 1px solid #D4DBDF;
}

#marcoprogreso .pr_ejercicio .pr_marco_titulo{
    text-align:left;
	font-weight:bold;
	line-height:28px;
	overflow:auto;
	margin: 5px 5px 5px 10px;
}


#marcoprogreso .pr_ejercicio .texto_fecha_nivel{
	margin-left:10px;
	font-size:10px;
}

#marcoprogreso .pr_ejercicio .pr_marco_titulo .pr_descripcion{
	margin-left:10px;
	font-size:16px;
	font-weight:normal;
}


#marcoprogreso .pr_marco_niveles{
	overflow:auto;
}

#marcoprogreso .pr_marco_niveles2{
	width:167px;
	float:left;
	overflow:auto;
}

#marcoprogreso .titulo_ejercicios_agrupados{
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
}


#marcoprogreso .marco_ejercicios_agrupados{
	float:left;
	width:779px;
	border: 1px solid #D4DBDF;
	margin-bottom:10px;
	overflow:hidden;
    position:relative;
}

#marcoprogreso .marco_resumen_nivel{
	position: relative;
	float:left;
	width: 147px;
	height: 60px;
	margin-left:9px;
	margin-bottom:9px;
	border: 1px solid black;
	-pie-box-shadow: 2px 2px 2px #1F1F1F;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	cursor:pointer;
	background-color: #F6F6F6;
}

#marcoprogreso .marco_resumen_total{
    float:none;
    margin-left:auto;
    margin-right:auto;
}

#marcoprogreso .marco_atencion_practica{
		position:absolute;
		right:25px;
		width: 350px;
		font-size:12px;
		line-height:18px;
		text-align: justify;
}

#fila_de_ejercicios{
	border: 1px solid #D4DBDF;
	width: 775px;
	height: 202px;
	margin-top:10px;
	float:left;
	overflow:auto;
	position:relative;
}


#fila_de_ejercicios #pregunta_en_ejercicio{
      width: 100%;
    text-align:center;
}


#marcoprogreso .cambiar_nombre_coleccion{
    text-align:left;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    font-size:12px;
    line-height:20px;
    cursor:pointer;
}

.marco_miniaturas .mensaje_marco_miniaturas{
    float:right;
    clear:right;
    margin-right:10px;
    line-height:20px;
    font-size:12px;
}

.marco_miniaturas #pregunta_en_ejercicio, .marco_miniaturas #reordenar_ejercicios, .marco_miniaturas #reordenar_ejercicios_main{
    width: 100%;
    text-align:center;
    background-color:#f4e6f1;
    margin-bottom:20px;
    padding-bottom:5px;
}

#fila_de_ejercicios .texto_pregunta_en_ejercicio, .marco_miniaturas .texto_pregunta_en_ejercicio{
    margin-bottom:3px;
}

#fila_de_ejercicios .boton_pregunta_en_ejercicio, .marco_miniaturas .boton_pregunta_en_ejercicio{
    margin-left:20px;
    margin-right:20px;
	padding:0px 20px 0px 20px;
	-pie-box-shadow: 1px 1px 2px 0px #9CA1A4;
	-moz-box-shadow: 1px 1px 2px 0px rgba(57, 67, 73, 0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(57, 67, 73, 0.5);
	box-shadow: 1px 1px 2px 0px rgba(57, 67, 73, 0.5);
	border-width: 1px;
	border-style: solid;
	border-color: #7F7F7F;
	background-color: #92A856;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	color: #394349;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#marcoprogreso .pr_marco_niveles2 .marco_resumen_nivel, #marcoprogreso_en_ejercicio .marco_resumen_nivel{
	border: 1px solid #D4DBDF;
	-pie-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#marcoprogreso .pr_ejercicio .marco_resumen_nivel_on, #marcoprogreso_en_ejercicio .marco_resumen_nivel_on{
	border: 1px solid black;
	-pie-box-shadow: 5px 5px 4px #1F1F1F;
	-moz-box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	overflow:hidden;
}

.color_coleccion{
    background-color: #D4DBDF;
}

.color_practica{
    background-color: #E8DDDF;
}


#marcoprogreso .marco_resumen_nivel:hover{
//	background-color: #92A856;
}

#marcoprogreso .marco_resumen_nivel .nombre_nivel{
	font-weight:bold;
	font-size:12px;
	position:absolute;
	top:5px;
	left:5px;
}

#marcoprogreso .marco_resumen_nivel .fecha_nivel{
	position:absolute;
	top:25px;
	left:5px;
	font-size:11px;
}

#marcoprogreso .marco_resumen_nivel .numero_respuestas{
	position:absolute;
	top:25px;
	left: 5px;
	font-size:11px;
}

#marcoprogreso .marco_resumen_nivel .porcentaje_acierto{
	position:absolute;
	top:40px;
	left: 5px;
	font-size:11px;
}

#marcoprogreso .marco_resumen_nivel .tarta{
	position:absolute;
	top:5px;
	right:5px;
	overflow:hidden;
}

#marcoprogreso .titulo_periodo{
	line-height:25px;
	color:white;
	font-size:13px;
	margin-left:10px;
}

#marcoprogreso .caja_titulo_periodo{
	width:960px;
	height:25px;
	background-color: #F7931E;
	margin-top:20px;
	margin-bottom:10px;
    text-align:left;
}

#marcoprogreso .caja_titulo_coleccion{
	width:960px;
	height:25px;
	background-color: #295671;
	margin-top:20px;
	margin-bottom:10px;
}


#marcoprogreso .caja_titulo_practica{
	width:960px;
	height:25px;
	background-color: #B32C42;
	margin-top:20px;
	margin-bottom:10px;
}

#marcoprogreso .caja_titulo_progreso_practica{
	width:847px;
	height:25px;
	background-color: #B32C42;
}


#contenido .banda_titulo_tabla{
    height:25px;
    line-height:25px;
    color:white;
    text-align:center;
}

#contenido .color_periodo_fuerte{
	background-color: #F7931E;
}

#contenido .color_coleccion_fuerte{
	background-color: #295671;
}

#contenido .color_practica_fuerte{
	background-color: #B32C42;
}



#contenido #marcoprogreso .mas_info{
	display:none;
	float:left;
	clear:left;
	margin-top:5px;
	width:950px;
	margin-bottom:20px;
}

#contenido #marcoprogreso .ejemplo_ejercicio{
	width:420px;
	margin-left:20px;
	float:left;
}

#contenido #marcoprogreso .marcador_niveles{
	width:420px;
	margin-left:460px;
}

#contenido #marcoprogreso .barras_nivel{
	width:420px;
	margin-left:460px;
}

#marcoprogreso .lista_resultados{
	display:block;
	margin: 20px 0px 10px 60px;
}


#marcoprogreso #marcoprogreso_en_ejercicio{
	border: 2px solid #D4DBDF;
	width: 954px;
	height:224px;
    position:relative;
}

#marcoprogreso_en_ejercicio #nivel_en_ejercicio{
//	border: 1px solid #D4DBDF;
	width: 167px;
	height: 215px;
	margin-top:10px;
	float:left;
	overflow:auto;
	position:relative;
}

#marcoprogreso_en_ejercicio #nivel_en_ejercicio #texto_boton_nivel_anterior{
	width:167px;
	height:14px;
	line-height:14px;
	position:absolute;
	top:10px;
	left:0px;
	text-align:center;
	font-size: 12px;
}
#marcoprogreso_en_ejercicio #nivel_en_ejercicio #boton_nivel_anterior{
	position:absolute;
	top:26px;
	left:67px;
	cursor:pointer;
}

#marcoprogreso_en_ejercicio #nivel_en_ejercicio #boton_nivel_posterior{
	position:absolute;
	top:147px;
	left:67px;
	cursor:pointer;
}

#marcoprogreso_en_ejercicio #nivel_en_ejercicio #texto_boton_nivel_posterior{
	width:167px;
	height:14px;
	line-height:14px;
	position:absolute;
	top:180px;
	left:0px;
	text-align:center;
	font-size: 12px;
}



#marcoprogreso_en_ejercicio #svg_resultados{
	position:absolute;
}


#marcoprogreso_en_ejercicio form{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}


#marcoprogreso_en_ejercicio .formulario{
	margin-top:20px;
	margin-left:180px;
	padding: 0px 15px 15px 15px;
	width:570px;
//	background-color:#92A856;
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0.38)),color-stop(100%, #E9E9E9));
	background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.38) ,#E9E9E9 564px);
	background: -moz-linear-gradient(top,rgba(255, 255, 255, 0.38) ,#E9E9E9);
	background: -ms-linear-gradient(top,rgba(255, 255, 255, 0.38) ,#E9E9E9);
	background: -o-linear-gradient(top,rgba(255, 255, 255, 0.38) ,#E9E9E9);
	background: linear-gradient(to bottom,rgba(255, 255, 255, 0.38) ,#E9E9E9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.38), endColorstr=#E9E9E9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.38), endColorstr=#E9E9E9)";
	border-width: 1px;
	border-style: solid;
	border-color: #C4C4C4;
}

#marcoprogreso_en_ejercicio .esquinas-redondas{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	outline:0;
	-webkit-appearance: none;
}


#marcoprogreso_en_ejercicio form legend{
	width:100%;
	margin-bottom:15px;
	height: 50px;
	border-bottom: 1px solid #E4E5E6;
	line-height: 50px;
	color: #96BF11;
	text-align:left;
	text-transform:uppercase;
	font-family: Arial;
	font-size:17px;
	font-weight:bold;
}

#marcoprogreso_en_ejercicio form fieldset p{
	margin-top:5px;
}

#marcoprogreso_en_ejercicio form label{
	height:23px;
	line-height:23px;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;

}

#marcoprogreso_en_ejercicio  form .formulario input, #marcoprogreso_en_ejercicio  form .formulario_transp input{
	height:23px;
	line-height:23px;
	padding-left:5px;
	padding-right:5px;
	border-style: none;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 7px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.25) inset;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.25) inset;
	-webkit-appearance: none;
}

#marcoprogreso_en_ejercicio form .formulario input[type="checkbox"], #marcoprogreso_en_ejercicio form .formulario_transp input[type="checkbox"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: checkbox;
}

#marcoprogreso_en_ejercicio form .formulario input[type="radio"], #marcoprogreso_en_ejercicio form .formulario_transp input[type="radio"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: checkbox;
}


#contenido form .formulario input[type="radio"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: radio;
}



#marcoprogreso_en_ejercicio  form .input_270{
	width:270px;
}

#marcoprogreso_en_ejercicio  .boton_formulario{
	color:white;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#5E7422;
	padding:4px;
	cursor:pointer;
}

#marcoprogreso #mandos_lista_resultados{
	position:absolute;
	right:0px;
	top:0px;
}

#marcoprogreso #boton_ver_colecciones{
    position:absolute;
    top:5px;
    right:5px;
    width:73px;
    background-color:#295671;
    color:white;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}

#marcoprogreso #boton_volver_de_colecciones{
    position:absolute;
    top:5px;
    right:88px;
    width:73px;
    height:22px;
    line-height:22px;
    background-color:#295671;
    color:white;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}


#marcoprogreso #boton_ocultar_coleccion{
    position:absolute;
    top:5px;
    right:88px;
    width:73px;
    background-color:#295671;
    color:white;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}


#marcoprogreso #boton_ocultar_coleccion_progreso{
    position:absolute;
    top:35px;
    right:10px;
    width:75px;
    height:30px;
    background-color:#295671;
    color:white;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}

#marcoprogreso #boton_desbloquear_reiniciar{
	position: relative;
	float:left;
	width: 147px;
    line-height:18px;
	margin-left:9px;
	margin-bottom:9px;
	cursor:pointer;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:white;
    background-color:#92A853;
	border: 1px solid black;
	-pie-box-shadow: 2px 2px 2px #1F1F1F;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}





#marcoprogreso #boton_ver_practicas_progreso{
    position:absolute;
    top:35px;
    right:95px;
    width:75px;
    height:30px;
    background-color:#B32C42;
    color:white;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}

#boton_crear_practica_progreso{
    position:absolute;
    top:30px;
    left:213px;
}

.boton_practicas{
    width:122px;
    height:32px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: #D6D7D8;
	background-color: #B32C42;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	border-radius: 16px;
	color: white;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    display:inline-block;
}


#marcoprogreso #fila_de_colecciones{
	border: 1px solid black;
	-pie-box-shadow: 5px 5px 4px #1F1F1F;
	-moz-box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 4px rgba(0,0,0,0.25);
	width: 933px;
	height: 202px;
	float:left;
	overflow:auto;
	position:absolute;
    top:10px;
    left:9px;
//    background-color: #D4DBDF;
    background-color: #AFC4D1
}

#marcoprogreso #fila_de_colecciones #marco_colecciones{
    position:absolute;
    top:0px;
    left:0px;
    width:440px;
}

#marcoprogreso #fila_de_colecciones #boton_cerrar{
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
	height:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	background-color:#295671;
	color:white;
	font-size:18px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
}


#marcoprogreso .titulo_fila_colecciones{
    float:left;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:20px;
    font-size:16px;
}

#marcoprogreso .mensaje_general{
    float:left;
    width:933px;
	text-align:center;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-top:85px;
	margin-bottom:10px;
}

#marcoprogreso #fila_de_colecciones #marco_anadir_coleccion{
    position:absolute;
    top:0px;
    left:450px;
    width:370px;
    margin-bottom:10px;
}

#marcoprogreso #boton_nueva_coleccion{
    margin-left:85px;
    margin-top:10px;
    padding-left:3px;
    width:265px;
    height:20px;
    line-height:20px;
    font-size:16px;
    background-color: #8DA2AF;
    color: white;
    cursor:pointer;
}

#marcoprogreso .boton_coleccion{
    float:left;
    clear:left;
    margin-left:30px;
    margin-bottom:10px;
    padding-left:3px;
    width:320px;
    height:20px;
    line-height:20px;
    font-size:16px;
    background-color: #295671;
    color: white;
    cursor:pointer;
}

#marcoprogreso .boton_eliminar_de_col{
    float:left;
    margin-left:10px;
    margin-top:3.5px;
    cursor:pointer;
}

#marcoprogreso .boton_otra_coleccion{
    float:left;
    clear:left;
    margin-left:30px;
    margin-bottom:10px;
    padding-left:3px;
    width:320px;
    height:20px;
    line-height:20px;
    font-size:16px;
    background-color: #8DA2AF;
    color: white;
    cursor:pointer;
}


#contenido .ver_colecciones_estrecha{
    float:left;
    clear:left;
	width:400px;
	margin-left:280px;
    margin-top:20px;
    text-align:center;
}

#contenido .ver_colecciones_left{
	width:400px;
    float:left;
    clear:left;
    margin-top: 20px;
	margin-left: 50px;
    margin-right: 0px;
    margin-bottom:20px;
    text-align:center;
}

#contenido .ver_colecciones_centrada{
    float:left;
    clear:left;
	width:705px;
	margin-left:128px;
    margin-bottom:20px;
    text-align:center;
}


#contenido .boton_ver_colecciones_progreso{
 	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#contenido .boton_ver_colecciones_progreso:hover{
    color:orange;
}


.caja_fechas_practica{
 margin-left:10px;
 float:left;
 width:300px;
}

.caja_detalles_practica{
 margin-left:10px;
 margin-bottom:30px;
 float:left;
 width:500px;
}


.caja_texto_practica{
 margin-bottom:5px;
 font-size:13px;
}

.caja_texto_practica .texto_practica{
 font-weight:bold;
 float:left;
 width:60px;
}


form .boton_ayuda{
    display:inline-block;
    margin-left:20px;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color:#295671;
	color:white;
	font-size:14px;
	text-align:center;
	line-height:16px;
	cursor:pointer;
}




.listaUsuariosModulo{
	margin-top:30px;
	margin-bottom:20px;
	float:left;
 	clear:left;
	font-size:14px;
}

.listaUsuariosModulo .itemUsuariosModulo{
//	height:25px;
	float:left;
	clear:left;
}

.listaUsuariosModulo .numeroUsuariosModulo{
	float:left;
	clear:left;
	width:30px;
	line-height:25px;
	text-align:right;
	margin-right:5px;
}

.listaUsuariosModulo .nombreUsuariosModulo{
	float:left;
	line-height:25px;
	text-align:left;
	margin-right:5px;
}

.listaUsuariosModulo .puntuacionUsuariosModulo{
	float:left;
	min-width:55px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .barrasUsuariosModulo{
	float:left;
//	line-height:25px;
	text-align:center;
	margin-right:15px;
	height:25px;
	line-height:25px;
	overflow:hidden;
}

.listaUsuariosModulo .totalUsuariosModulo{
	float:left;
	min-width:60px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .bienMalUsuariosModulo{
	float:left;
	min-width:40px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .porcentajeUsuariosModulo{
	float:left;
	min-width:50px;
	line-height:25px;
	text-align:right;
	margin-right:5px;
}

.listaUsuariosModulo .legend_nivel{
	float:left;
	line-height:25px;
	margin-right:3px;
}

.listaUsuariosModulo .respuestasPracticas{
	float:left;
	min-width:80px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .bienPracticas{
	float:left;
	min-width:30px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .malPracticas{
	float:left;
	min-width:30px;
	line-height:25px;
	text-align:center;
	margin-right:5px;
}

.listaUsuariosModulo .blancoPracticas{
	float:left;
	min-width:70px;
	line-height:25px;
	text-align:center;
	margin-right:15px;
}

.listaUsuariosModulo .porcentajeRespondidas{
	float:left;
	min-width:50px;
	line-height:25px;
	text-align:right;
	margin-right:5px;
}

.listaUsuariosModulo .porcentajeTotal{
	float:left;
	min-width:50px;
	line-height:25px;
	text-align:right;
	margin-right:5px;
}

.listaUsuariosModulo .activaEntregada{
	float:left;
	min-width:50px;
	line-height:25px;
	text-align:left;
	margin-left:10px;
	margin-right:5px;
	font-size:11px;
	font-weight:bold;
	color:#B32C42;
}


#contenido .marco_tabla_coleccion, #contenido .marco_tabla_practica{
 float:left;
 clear:left;
 max-height:315px;
 overflow:auto;
 margin-left:20px;
 margin-bottom:50px;
 border: 1px solid #295671;
 position:relative;
}


#contenido .marco_tabla_coleccion{
	background-color: #D4DBDF;
}

#contenido .marco_tabla_coleccion:has(> #tabla_colecciones_intermatia){
	background-color: #f4e8da;
}


#contenido .marco_tabla_practica{
 max-height:360px;
}

#contenido .marco_tabla_coleccion table thead, .marco_tabla_practica table thead{
	position:sticky;
	top:0px;
	z-index:1000;
}

#contenido .marco_tabla_coleccion table thead th{
	background-color: #295671;
	position:sticky;
    top:0px;
}

#contenido .marco_tabla_practica table thead th{
    background-color: #B32C42;
		position:sticky;
    top:0px;
}

#contenido .marco_tabla_practica table tfoot{
	position:sticky;
	bottom:0px;
	z-index:1000;
}

#contenido .marco_tabla_practica table tfoot td{
    background-color:#E8DDDF;
		position:sticky;
    bottom:0px;
}

#contenido .marco_tabla_practica{
 border: 1px solid #B32C42;
}

#contenido .titulo_tabla_coleccion, #contenido .titulo_tabla_practica{
		margin-top:30px;
    margin-left:20px;
    width: 230px;
		height:40px;
		line-height:40px;
    float: left;
}

#contenido .tabla_coleccion, #contenido .tabla_practica{
	border-collapse: collapse;
	width:920px;
  background-color: #D4DBDF;
  min-height:80px;
}

#contenido #tabla_colecciones_propias, #contenido #tabla_colecciones_compartidas, #contenido #tabla_colecciones_intermatia{
	margin-bottom:10px;
}

#contenido #tabla_colecciones_intermatia, #contenido #tabla_copiar_colecciones_intermatia{
	background-color: #f4e8da;
}

#contenido .marco_tabla_colecciones_intermatia{
	border-color: #f88700;
}
#contenido #tabla_colecciones_intermatia th{
	background-color: #f88700;
}

#contenido .marco_naranja{
	background-color: #f4e8da;
	border: 1px solid #f88700;
}

#contenido .tabla_practica{
    background-color: #E8DDDF;
}


#contenido .tabla_coleccion thead{
	background-color: #295671;
    height:25px;
}

#contenido .tabla_practica thead{
    background-color: #B32C42;
    height:25px;
}

#contenido .tabla_coleccion thead th, #contenido .tabla_practica thead th{
    color:white;
	font-size:10px;
	line-height:25px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}


#contenido .tabla_coleccion td, #contenido .tabla_practica td{
	font-size:12px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion{
	width:60px;
	height:16px;
	background-color: #EAEAE6;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4), -1px -1px 2px rgba(0,0,0,0.25) inset;
  -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4), -1px -1px 2px rgba(0,0,0,0.25) inset;
  box-shadow: 1px 3px 3px rgba(0,0,0,0.4), -1px -1px 2px rgba(0,0,0,0.25) inset;
	margin:auto;
	font-size: 10px;
	font-weight:bold;
	cursor:pointer;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion div{
	float:left;
	width:29.5px;
	height:14px;
  line-height:16px;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion .si_si{
 color:#0dbf1b;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion .si_no{
 color:#C6C6C6;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion .no_si{
 color:#C6C6C6;
 border-left: 1px solid #F2F2F2;
}

#contenido .tabla_coleccion td .boton_compartir_coleccion .no_no{
 color:#E30613;
 border-left: 1px solid #F2F2F2;
}

#contenido .marco_buscar_colecciones{
	float:right;
	height:40px;
	line-height:40px;
	margin-top:30px;
	margin-right:10px;
}

#contenido .marco_buscar_colecciones input{
	border: 1px solid black;
	padding: 2px;
}

#contenido #marco_resultados_busqueda{
	position:relative;
	float:left;
	clear:left;
	clear:right;
	width:860px;
	margin-left:20px;
	overflow:auto;
	background-color: #D4DBDF;
	border:1px solid black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 0px 30px 10px 30px;
}

#contenido #marco_resultados_busqueda .titulo{
	height: 50px;
	line-height:50px;
	text-align:center;
	font-weight: bold;
}

#contenido #marco_resultados_busqueda .resultado{
	height: 35px;
	line-height:35px;
	font-size: 12px;
	border-top: 1px solid grey;
	padding: 0px 10px;
}

.resultados_de_usuario{
    margin-left:10px;
    height:25px;
    line-height:25px;
}



#marcoprogreso #cuadro_desbloquear_reiniciar{
	z-index: 1;
	width: 680px;
	background-image: none;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #FFFFFF;
    position:absolute;
	left: 217px;
	top: 40px;
    display:none;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .barra_verde{
	width: 100%;
	height: 9px;
	background-color: #92A853;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #barra_verde_inferior{
    clear:both;
    margin-top:20px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #boton_cerrar{
    position:absolute;
    top:0px;
    right:0px;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:20px;
    color:white;
	background-color: #92A853;
    cursor:pointer;
}




#marcoprogreso #cuadro_desbloquear_reiniciar .texto_desbloquear_reiniciar{
    width:100%;
    text-align:center;
    font-size: 18px;
    color: #295671;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .texto_desbloquear_reiniciar .nombre_ejercicio{
    color: #5C730F;
    font-size:22px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .texto_desbloquear_reiniciar .nombre_usuario{
    margin-left:30px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .texto_explicacion{
    width:100%;
    text-align:center;
    font-size: 16px;
    color: #295671;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles{
    width:100%;
    height:205px;
    text-align:center;
    margin-bottom:20px;
    overflow:auto;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel{
    text-align:center;
    width:125px;
    float:left;
    margin-top:15px;
    margin-left:100px;
    position:relative;
    height:180px;
	-pie-box-shadow: none;
	-moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 6px 5px 8px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
	border-style: none;
	border-color: transparent;
	background-color: #D2D2D2;
	background-color: rgba(127, 127, 127, 0.35);
	-pie-background: rgba(127, 127, 127, 0.35);
}


#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .nombre_nivel{
    text-align:center;
	color: #5B5656;
	font-size: 18px;
	line-height:40px;
}


#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .candado{
    position:absolute;
    top:-15px;
    right:-15px;
    display:none;
}


#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .boton_nivel{
    position:absolute;
    left:10px;
    top:150px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .boton_desbloquear{
    position:absolute;
    left:10px;
    top:120px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .marco_candado_verde{
    position:absolute;
    left:8px;
    top: 40px;
    height:30px;
    line-height:30px;
    width:109px;
    font-size:13px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .marco_candado_rojo{
    position:absolute;
    left:8px;
    top: 75px;
    height:30px;
    line-height:30px;
    width:109px;
    font-size:13px;
}



#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .marco_candado_verde img,
#marcoprogreso #cuadro_desbloquear_reiniciar .marco_nivel .marco_candado_rojo img{
    float:left;
    margin-right:8px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_botones{
    clear:both;
    width:100%;
    height:40px;
    position:relative;
}


#marcoprogreso #cuadro_desbloquear_reiniciar #marco_botones #boton_confirmar{
    position:absolute;
    left:180px;
    top:10px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_botones #boton_cancelar_dr{
    position:absolute;
    right:180px;
    top:10px;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_botones #boton_entendido{
    position:absolute;
    left:288px;
    top:10px;
}



#marcoprogreso #cuadro_desbloquear_reiniciar .boton_cancelar_dr{
    width: 105px;
    box-shadow: 3px 3px 8px rgba(41, 86, 113, 0.5);
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #B32C42;
    border-radius: 15px;
    text-decoration:none;
    text-align:center;
    line-height: 20px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    cursor:pointer;
}




#marcoprogreso #cuadro_desbloquear_reiniciar .boton_reiniciar{
    width: 105px;
    box-shadow: 3px 3px 8px rgba(41, 86, 113, 0.5);
    border-width: 1px;
    border-style: solid;
    border-color: #E46A3C;
    background-color: #CFE290;
    border-radius: 15px;
    text-decoration:none;
    text-align:center;
    line-height: 20px;
    font-size: 13px;
    color: #295671;
    font-weight: bold;
    cursor:pointer;
}





#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .circulo_nivel_superado{
	width: 105px;
	height: 105px;
	border-width: 0px;
    background-color:rgba(134,169,12,0.9);
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	-khtml-border-radius: 150px;
	border-radius: 150px;
	position: absolute;
	left:10px;
	top:30px;
    display:none;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .circulo_nivel_superado .textoCNS{
		position:absolute;
    left:0px;
    top:0px;
    width:105px;
    height:105px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    color:white;
    font-size:16px;
}


#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .circulo_puntuacion{
	-pie-box-shadow: 6px 6px 8px #FFFFFF;
	-moz-box-shadow: 6px 6px 8px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 6px 6px 8px -1px rgba(255, 255, 255, 0.5);
	box-shadow: 6px 6px 8px rgba(255, 255, 255, 0.5);
	border-style: none;
	border-color: transparent;
	background-color: #92A856;
	-moz-border-radius: 44px;
	-webkit-border-radius: 44px;
	-khtml-border-radius: 44px;
	border-radius: 44px;
	width:89px;
	height:89px;
	position:absolute;
	left:18px;
	top:38px;
}



#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .puntuacion{
	-pie-box-shadow: 0px 0px 9px 2px #FFFFFF;
	-moz-box-shadow: 0px 0px 9px 2px rgba(255, 255, 255, 0.64);
	-webkit-box-shadow: 0px 0px 9px 2px rgba(255, 255, 255, 0.64);
	box-shadow: 0px 0px 9px 2px rgba(255, 255, 255, 0.64);
	border-style: none;
	border-color: transparent;
	background-color: #394349;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	border-radius: 35px;

	width:71px;
	height:71px;
	line-height:71px;
	position:absolute;
	left:9px;
	top:9px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#D2D2D2;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .puntuacion_negro{
	position:absolute;
	left:13px;
	top:13px;
}


#marcoprogreso #cuadro_desbloquear_reiniciar #marco_niveles .marco_nivel .puntuacion_verde{
	position:absolute;
	left:13px;
	top:13px;
}


#marcoprogreso .marco_cambiar_vista{
    width: 200px;
    float:right;
    margin-right:10px;
    line-height: 25px;
    color: white;
    font-size: 13px;
}

#marcoprogreso .marco_cambiar_vista .vista_normal{
    display:inline-block;
    width:70px;
    text-align:center;
    cursor:pointer;
}

#marcoprogreso .marco_cambiar_vista .vista_hc{
    display:inline-block;
    width:90px;
    text-align:center;
    cursor:pointer;
}

#marcoprogreso .marco_cambiar_vista .encendido{
    color: yellow;
    cursor: auto;
}


#marcoprogreso  .tabla_datos_progreso{
    border:1px solid black;
    border-collapse: collapse;
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
    font-size:14px;
    background-color:white;
}

#marcoprogreso  .tabla_datos_progreso th, #marcoprogreso  .tabla_datos_progreso td{
    border:1px solid black;
    padding-left:10px;
    padding-right:10px;
}

#marcoprogreso  .botones_mostrar_tabla{
    line-height:30px;
    margin-top:30px;
    font-size:14px;
    text-align:center;
}

#marcoprogreso  .botones_mostrar_tabla .texto_mostrar_tabla{
    display:inline-block;
    text-align:left;
    width:80px;
}

#marcoprogreso  .botones_mostrar_tabla .boton_mostrar_tabla{
    display:inline-block;
    margin-left:2px;
    padding-left:10px;
    padding-right:10px;
    background-color: rgb(191, 207, 217);
    color:white;
    cursor:pointer;
}

#marcoprogreso  .botones_mostrar_tabla .encendido{
    background-color: #295671;
}

#marcoprogreso .ninguna_respuesta{
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

#marcoprogreso #marco_boton_ver_resultados{
    width:960px;
    margin-top:30px;
    text-align:center;
}

#marcoprogreso .fondo_marco_cambiar_vista{
    width: 220px;
    float:right;
    margin-right:10px;
    background-color:#B32C42;
}

#marcoprogreso .marco_vista_normal{
    width:100%;
    text-align:center;
    clear:left;
    clear:right;
    overflow:auto;
}

#marcoprogreso .marco_vista_hc{
    display:none;
    width:100%;
    text-align:center;
    clear:left;
    clear:right;
}

#marcoprogreso .marco_miniaturas{
    width:936px;
    overflow:auto;
    background-color:white;
    margin:30px 9px 30px 9px;
    border: 3px solid white;
    moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    }

#marcoprogreso .marco_miniaturas h1{
    line-height:30px;
    font-size:18px;
    margin:5px 5px 0px 10px;
}

#marcoprogreso .miniaturas{
    user-select: none
}

#marcoprogreso .miniatura{
    float:left;
    width:304px;
    overflow:auto;
    margin: 0px 0px 6px 6px;
    background-color:white;
}

#marcoprogreso .miniatura .encabezado_miniatura{
    width:304px;
    height:30px;
    line-height: 30px;
    overflow:hidden;
    background-color:#295671;
    color:white;
}

#marcoprogreso .miniatura .checkbox_miniatura{
    float:left;
    vertical-align:middle;
		height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}


#marcoprogreso .miniatura .boton_miniatura{
    float:left;
    margin:3px;
}

#marcoprogreso .miniatura .nombre_ejercicio{
    float:left;
    height:30px;
    line-height: 30px;
    margin-left:7px;
    font-size:14px;
}

#marcoprogreso .miniatura .nivel{
    margin-left:5px;
    font-size:14px;
}

#marcoprogreso .miniatura .cruz_eliminar_ejercicio{
    float:right;
    width:13px;
    height:13px;
    margin:8.5px;
    cursor:pointer;
}

#marcoprogreso .miniatura .cruz_eliminar_ejercicio::before{
    width:13px;
    height:13px;
    float:left;
    display: block;
    line-height:normal;    content: url('images/ico_cruz_13_blanca.svg');
}

#marcoprogreso .miniatura .ico_copiar_ejercicio{
    float:right;
    width:17px;
    height:20px;
    margin:5px 6.5px;
    cursor:pointer;
}

#marcoprogreso .miniatura .ico_copiar_ejercicio::before{
    width:17px;
    height:20px;
    float:left;
    display: block;
    line-height:normal;
		content: url('images/ico_copiar_blanco.svg');
}

#marcoprogreso .miniatura .ico_mover_ejercicio{
    float:right;
    width:21px;
    height:18px;
    margin:6px 4.5px;
    cursor:pointer;
}

#marcoprogreso .miniatura .ico_mover_ejercicio::before{
    width:21px;
    height:18px;
    float:left;
    display: block;
    line-height:normal;
		content: url('images/ico_mover_blanco.svg');
}


#marcoprogreso .miniatura .marco_enunciado{
    width:302px;
    border:1px solid #D4DBDF;
    font-size:14px;
}
#marcoprogreso .miniatura .enunciado{
    width:292px;
    margin:5px;
    font-size:14px;
}


#boton_menu_modulo{
    top:5px;
    left:7px;
}

#boton_menu_alumno{
    top:48px;
    left:7px;
}

#cabeceraprogreso #separador1{
    position:absolute;
    left:250px;
    top:5px;
    width:1px;
    height:130px;
    background-color: #CCC;
}

#boton_menu_tipo_informe{
    top:5px;
    left:257px;
}

#boton_menu_tipo_ejercicio{
    top:48px;
    left:257px;
}

#boton_menu_practica{
    top:91px;
    left:257px;
}


#cabeceraprogreso #separador2{
    position:absolute;
    left:500px;
    top:5px;
    width:1px;
    height:130px;
    background-color: #CCC;
}


#boton_menu_periodo{
    top:5px;
    left:507px;
}


.boton_menu_progreso{
    display:inline-block;
    height:35px;
    width:235px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
    border-radius: 3px;
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE),color-stop(100%, #CCC));
	background: -webkit-linear-gradient(top,#EEE ,#CCC 564px);
	background: -moz-linear-gradient(to bottom,#EEE ,#CCC);
	background: -ms-linear-gradient(to bottom,#EEE ,#CCC);
	background: -o-linear-gradient(to bottom,#EEE ,#CCC);
	background: linear-gradient(to bottom,#EEE 60%,#CCC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEE, endColorstr=#CCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEE, endColorstr=#CCC)";
    color:#394349;
    border: 1px solid #C4C4C4;
    position:absolute;
    cursor:pointer;
    user-select:none;
}

.boton_menu_progreso .bmp_flecha{
    width:20px;
    height:12px;
    position:absolute;
    top:0px;
    right:0px;
    display: block;
    margin: 12px 1px 11px 1px;
}


.boton_menu_progreso .titulo_bmp{
    float:left;
    clear:left;
    margin-left:5px;
    max-width: 213px;
    height:13px;
    line-height:13px;
    font-size:10px;
    overflow:hidden;
}

.boton_menu_progreso .seleccion_bmp{
    float:left;
    clear:left;
    margin-left:5px;
    max-width: 213px;
    height:22px;
    line-height:22px;
    font-size:14px;
    overflow:hidden;
}

.opciones_menu_progreso{
    z-index:5;
    min-width:220px;
    max-with:400px;
    max-height:250px;
    overflow-x:hidden;
    overflow-y:auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
    border-radius: 3px;
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE),color-stop(100%, #CCC));
	background: -webkit-linear-gradient(top,#EEE ,#CCC 564px);
	background: -moz-linear-gradient(to bottom,#EEE ,#CCC);
	background: -ms-linear-gradient(to bottom,#EEE ,#CCC);
	background: -o-linear-gradient(to bottom,#EEE ,#CCC);
	background: linear-gradient(to bottom,#EEE 60%,#CCC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEE, endColorstr=#CCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEE, endColorstr=#CCC)";
    color:#394349;
    border: 1px solid #C4C4C4;
    position:absolute;
    display:none;
}

.opciones_menu_progreso ul{
	list-style-type:none;
    cursor:pointer;
}

.opciones_menu_progreso ul .titulo_desplegable_tipo_de_ejercicio{
    height:15px;
    line-height:15px;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    background-color:#B1CA5A;
    color:white;
}

.opciones_menu_progreso ul .titulo_desplegable_practica{
    line-height:15px;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    background-color:#B32C42;
    color:white;
}

.opciones_menu_progreso li{
    height:25px;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}

.opciones_menu_progreso li:hover{
    background-color:#CCC;
}


#marcoprogreso #marco_anadir_ejercicios, #marco_crear_coleccion{
 position:relative;
 width:922px;
 min-height:150px;
 border:1px solid black;
 border-radius: 15px;
 margin: 10px auto 10px auto;
 background-color: #AFC4D1;
}

#marco_crear_coleccion #cuadro_crear_coleccion{
	margin-top:10px;
	margin-bottom:30px;
	font-size:12px;
	text-align:center;
}

#marcoprogreso #marco_anadir_ejercicios #boton_cerrar_mae, #marco_crear_coleccion #boton_cerrar_mac, #contenido #marco_resultados_busqueda #boton_cerrar{
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
	height:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	background-color:#295671;
	color:white;
	font-size:18px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
}

#marcoprogreso .input_generar_ejercicios{
	width:90%;
	margin: 0px auto 20px auto;
	height:60px;
	overflow:auto;
	border-bottom: 1px solid white;
}

#marcoprogreso .input_generar_ejercicios .marco_inputs{
	height:23px;
	line-height:23px;
	margin-top:5px;
	margin-bottom:5px;
}

#marcoprogreso .input_generar_ejercicios .descripcion{
	text-align: left;
	margin-left:10px;
	line-height:23px;
	font-size:12px;
}

#marcoprogreso .input_generar_ejercicios .mensaje_creando_ejercicios{
	float:right;
	width:300px;
	text-align:center;
	line-height:23px;
	font-size:14px;
	color:white;
}


#marcoprogreso #mensaje_error_anadir_ejercicios, #mensaje_error_crear_coleccion{
	width:100%;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:red;
}

#marcoprogreso #form_generar_ejercicios #boton_anadir_fila{
	position:absolute;
	left:40px;
	bottom:-25px;
}

#marcoprogreso #form_generar_ejercicios #boton_eliminar_fila{
	position:absolute;
	right:40px;
	bottom:-25px;
}

.marco_vista_hc .boton_administrar_columnas{
  margin:5px;
}