@CHARSET "ISO-8859-1";

	@font-face {
		//font-family: LegacysSansITC;
		//src: url(fuentes/LegacysSansITC.ttf) format("truetype");
		//src: url(fuentes/AGaramond-Regular.otf);
		
		
		//version produccion;
		//font-family: LegacysSansITC;
		//src: url(fuentes/LegacysSansITC.otf);
		
		font-family: 'LegacysSansITC';
		src: url('fuentes/LegacysSansITC.eot'); /* IE9 Compat Modes */
		src: url('fuentes/LegacysSansITC?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fuentes/LegacysSansITC.woff2') format('woff2'), /* Super Modern Browsers */
			url('fuentes/LegacysSansITC.woff') format('woff'), /* Pretty Modern Browsers */
			url('fuentes/LegacysSansITC.ttf')  format('truetype'), /* Safari, Android, iOS */
			url('fuentes/LegacysSansITC.svg#svgFontName') format('svg'); /* Legacy iOS */
		
	}

	html, body {
		width: 100%;
		height: 100%;
		color: black;
		margin: 0px;
		padding: 0px;
   }
   
   body {
		font-size: 22px;
		font-family: LegacysSansITC, sans-serif;
		overflow-x: hidden;
		float: none;
   }
   
   * {
		padding: 0px;
		margin: 0px;
	}
	
	a {
		text-decoration: none;
		color: white;
		border:none;
		outline:none
	}
	
	img{
		border:none;
		outline:none
	}
	
	a:hover {
		
	}
	
	
	#wrap {
		margin: 0px;
		position: fixed;
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 100%;
		overflow: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
   }
   
   #div_principal {
		width: 100%;
		max-width: 990px;
		min-width: 970px;
		background-color: #FFFFFF;
		margin: 10px auto 10px;
		overflow: auto;
		box-shadow: 1px 10px 30px rgba(0, 0, 0, 0.3);
	}
	
	
	#div_cab_extra{
	    width: 100%;
		max-width: 990px;
		min-width: 900px;
		height: 155px;
		text-align: center;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#img_cab{
		height: 150px;
		width: 900px;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#div_cab{
	    width: 98%;
		text-align: center;
		margin-top: 10px;
		font-size: 32px;
		//border: 5px solid #FFBE60;
		background-color: #FFBE60;
		//background: url('img/cab_cat.png') no-repeat;
		background-size: cover;
		border-radius: 10px;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	#div_cab p{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		color: white;
	}
	
	
	
	
	
	#div_central{
		width: 100%;
		min-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.div_sel_modelo{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 5px solid #FFBE60;
		border-radius: 10px;
	}
	/*
	.cab_div_sel_modelo{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		font-size: 28px;
		text-align: center;
	}	
	*/
	.div_btns_modelo{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.btn_modelo{
		width: 20%;
		padding-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		border-radius: 10px;
		background-color: #FFBE60;
		//background: url('img/modelo_cat.png') no-repeat;
		background-size: cover;
		
	}
		
	#div_inst_generals{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		
	}
	
	#div_inst_generals p{
		font-size: 24px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	#previo{
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#div_inf_modelo{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 20px;
		border: 5px solid #FFBE60;
		border-radius: 10px;
		
	}
	
	#div_inf_modelo p{
		font-size: 24px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	#reiniciar_modelo{
		
	}
	
	
	
	#div_preguntas{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		//background: red;
	}
	
	#div_pregunta_principal{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-bottom: 60px;
	}
	
	#div_bloque{
		text-align: center;
		margin-top: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: inline-block;
		width: 98%;
		background-color: rgb(255,190,96);
		font-size: 26px;
		font-weight:bold;
		border-radius: 10px;
	}
	
	#div_estimulo{
	
	}
	
	#img_estimulo{
	
	}
	
	#txt_estimulo{
	
	}
	
	.inst_preg{
		margin-top: 15px;
		//font-size: 26px;
		margin-left: 33px;
		text-align: left;
		font-style: italic;
		color: blue;
		text-align: center;
		
	}
	
	#div_inst_preg{
		
	}
	
	.div_enunciado{
		display: table;
	
	}
	
	.div_num_pregunta{
		width: 30px;
		//display: inline-block;
		display: table-cell;
		//background-color: blue;
		margin-left: 3px;
		//font-size: 28px;
		margin-bottom: 5px;
		vertical-align: top;
		font-weight: bold;
		text-align: center;
		
	}
	
	.txt_pregunta{
		width: 928px;
		//font-weight: bold;
		//font-size: 28px;
		text-align: left;
		//display: inline-block;
		display: table-cell;
		margin-left: 1px;
		//background: yellow;
		margin-bottom: 5px;
		padding-left: 5px;
	}
	
	.coment_abierta{
		margin-top: 5px;
		//font-size: 26px;
		margin-left: 33px;
		text-align: left;	
	}
	
	.opciones_preg{
		text-align: left;
		margin-left: 60px;
		margin-top: 10px;
		
	}
	
	#opciones_preg_principal{
		
	}
	
	.div_opcion_cerrada{
		margin-bottom: 3px;
		text-align: left;
		
	}
	
	.letra{
		width: 25px;
		font-weight: bold;	
		display: inline-block;
		//background: red;
		margin-right: 5px;
		vertical-align: top;
		
	}
	
	.opcion_cerrada{
		width: 860px;
		display: inline-block;
		//background: blue;
	}
	
	.div_semi{
		text-align: left;
		margin-left: 33px;
		font-style: italics;
		font-weight: bold;
		//font-size: 28px;
		 margin-top: 10px;
}
	}
	
	#img_semi{
	
	}
	
	#txt_semi{
	
	}
	
	#div_hijas{
		width: 100%;
		//background: grey;
	}
	
	.div_pregunta{
		width: 100%;
		margin-bottom: 60px;
	}
	
	#div_navegacion{
		width: 98%;
		height: 60px;
		margin-left: auto;
		margin-right: auto;
		//background:red;
		text-align: center;
		
	}
	
	.div_flecha{
		width: 60px;
		height: 60px;
		//display: inline-block;
		//background:blue;
		float:left;
		
	}
	
	.img_flecha{
		height: 60px;
		width: 60px;
	}
	
	#div_posiciones{
		width: 830px;
		height: 60px;
		//display: inline-block;
		float:left;
		//background:grey;
		//text-align: center;
	}
	
	#cuadrito1{
		//display: inline-block;
		//background: url('img/cuadrito_cat.png') no-repeat;
		background-color: rgb(255,190,96);
		background-size: cover;
		float:left;
		width: 30px;
		margin-left: 5px;
		margin-right: 4px;
		//background: yellow;
		vertical-align: middle;
		text-align: center;
		height: 60px;
		line-height: 60px;
		border-radius: 10px;
		color: white;
	}
	
	#celda_posiciones{
		//display: inline-block;
		float:left;
		width: 755px;
		height: 60px;
		
	}
	
	#div_cuadritos{
		width: 755px;
		text-align: center;
		height:60px;
		//background: pink;
	}
		
	
	#cuadritoN{
		float:left;
		//display: inline-block;
		//background: url('img/cuadrito_cat_alfa.png') no-repeat;
		background-color: rgb(255,190,96,0.5);
		background-size: cover;
		width: 30px;
		//background: yellow;
		vertical-align: middle;
		text-align: center;
		height: 60px;
		margin-right: 4px;
		line-height: 60px;
		border-radius: 10px;
		color: white;
		
	}
	
	.cuadrito{
		//background: orange;
		//background: url('img/cuadrito_cat_alfa.png') no-repeat;
		background-color: rgb(255,190,96);
		background-size: cover;
		display: inline-block;
		height: 50px;
		margin-right: 4px;
		margin-top: 5px;
		line-height: 50px;
		border-radius: 10px;
		color: white;
		font-size: 16px;
		
	}
	
	#div_finalizar{
		text-align: center;
		margin-top: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 98%;
		//background-color: rgb(255,190,96);
		font-size: 26px;
		font-weight: bold;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;	
	}
	
	
	
	#div_finalizar_txt{
		width:90%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	#div_btn_finalizar_wrap{
		text-align: center;
	}
	
	#div_btn_finalizar{
		margin-top: 20px;
		width: 30%;
		padding-bottom: 10px;
		padding-top: 10px;
		display: inline-block;
		border-radius: 10px;
		//background: url('img/modelo_cat.png') no-repeat;
		background-color: rgb(255,190,96);
		background-size: cover;
		
		margin-left: auto;
		margin-right: auto;
		
	}
	
	#div_pie{
		clear: both;
		width: 100%;
		max-width: 1200px;
		min-width: 900px;
		margin-top: 10px;
	}
	
	
	#div_imgPregunta{
		margin-top:10px;
	}