@font-face {
       font-family: 'MyriadPro';
	src : url('/img/reto/MyriadPro-Regular.otf') format('truetype');
	font-style: normal;
 	 font-weight: normal;
}

body{
	margin:0px;
	padding:0px;
       font-family: 'MyriadPro';

}

img{
	border:none;
}

.pagina{
	max-width:1200px;
	margin:auto;

}




.limpiador{
	clear:both;
}

h1{
	color: rgb(206,132,49);
	font-size:36px;
	
}

h2{
	color: rgb(206,132,49);
	font-size:24px;
	
}

.encabezado{
	position:relative;

}

.encabezado_amarillo{
	background-color: rgb(246, 224, 91);
	float:left;
	position:relative;
	width:80%;
}

.encabezado_logo{
	margin-top:50px;
	vertical-align:middle;
	float:right;
	width:20%;
}



.encabezado_mono{
	position:absolute;
	left:20px;
	width:15%;
}

.encabezado_mono img{
	width:100%;
}

.encabezado_quetanto{
	position:absolute;
	width:75%;
	margin-left:20%;
	margin-top:30px;
}

.encabezado_quetanto img{
	width:100%;
}


.encabezado_menu{
	width:80%;
	margin-left:20%;
}


.encabezado_menu a{
	display:block;
	width:22%;
	float:left;
	border:0px;
	text-decoration:none;
	margin-right:3%;
}

.encabezado_menu a img{
	width:100%;
	border:0px;
}


.encabezado_quetanto_mobil{
	visibility:hidden;
}


.contenido{
	float:left;
	width:80%;
}

.contenido_grados{
	color:#777;
	font-size:24px;
	margin-top:50px;
	width:100%;
}

.contenido_grados a{
	float:left;
	display:block;
	width:10%;
	padding-top:20px;
	margin-left:3.3%;
	margin-right:3.3%;
}

.contenido_grados img{
	width:100%;
}

.contenido_materias{
	color:#777;
	background-color: rgb(240, 240, 240);
	font-size:24px;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;

}

.contenido_materias a{
	float:left;
	display:block;
	width:10%;
	padding-top:20px;
	margin-left:3.3%;
	margin-right:3.3%;
}

.contenido_materias img{
	width:100%;
}

.contenido_trimestres{
	color:#777;
	font-size:24px;
	margin-top:50px;
	padding-top:20px;
	width:100%;

}

.contenido_trimestres a{
	float:left;
	display:block;
	padding-top:20px;
	width:20%;
	margin-left:2.5%;
	margin-right:2.5%;
}

.contenido_trimestre_i{
	position:relative;
	width:60%;

}

.contenido_trimestres img{
	width:100%;
}

#contenido_iniciar{
	font-size:24px;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:50px;
	width:100%;

}


.lateral{
	height:100%;
	width:20%;
	float:right;
	background-color: rgb(250, 239, 173);
	text-align:center;
	font-weight:bold;
	font-size:24px;
	padding-bottom:150px;

}
.lateral span{
	color: rgb(206,132,49);
}

.contenido_con_lateral{
	float:left;
	width:80%;
}

.message{
	font-size:24px;
	background-color: rgb(250, 239, 173);
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	
}



.input div{
	float:left;
	width:21%;
	margin-left:0%;
	margin-right:1.5%;
	text-align:left;
	line-height:20px;
	background-color: rgb(240, 240, 240);
	padding:10px;
	padding-left:5px;
}

.input div input{

	padding:0px;
	margin:0px;

	margin-right:5px;
	margin-left:5px;


}


a{
	color:#000;
	text-align:left;
	text-decoration:none;
}

.retroalimentativo{
	margin-top:100px;
	padding-top:30px;
	padding-bottom:30px;
	background:#e4ffbc;
	border-radius: 20px;
	width:70%;
	margin-bottom:100px;

	
}

.retroalimentativo_1{
	color: rgb(120,170,35);
	font-size:40px;
}

.retroalimentativo_2{
	margin-top:20px;
	color: rgb(120,170,35);
	font-size:24px;
}

.label_pregunta img{
	display:block;
	margin-bottom:20px;
}


.contenido_inicio_1{
	width:60%;
	margin-left:20%;
	margin-right:20%;

}	

.contenido_inicio_1 img{
	float:left;
}

.contenido_inicio_1 div{
	padding-top:30px;
	margin-left:240px;
	text-align:justify;
	line-height:30px;
	font-size:20px;
	color:#555;
}

.contenido_inicio_2{
	margin-top:20px;
	padding-top:20px;
	background-color: rgb(240, 240, 240);
	color:#555;
	font-size:18px;

}

.contenido_inicio_2_izq{
	float:left;
	width:50%;
	text-align:left;
        border-right: 1px solid #555;

	
}

.contenido_inicio_2_izq_i{
	padding:20px;
	
}


.contenido_inicio_2_der{
	float:left;
	width:49%;
	text-align:left;


	
}

.contenido_inicio_2_der_i{
	padding:20px;
	
}

.formulario{
	font-size:20px;
	color:#555;
}

.formulario label{
	margin-top:40px;
	text-align:left;
}

.formulario .select{
	text-align:left;
}

.formulario .checkbox{
	margin-top:40px;
	text-align:left;
}

.formulario a{
	color:#0000ff;
	font-weight:bold;
}

.formulario_registro{
	width:760px;
	margin-top:20px;
	font-size:24px;
}

.formulario_registro_separador{
        border: 3px solid #CE8431;
	border-radius: 20px;
	padding:20px;
	margin-bottom:20px;

	color:#a7abab;
	font-size:24px;

}


.formulario_registro_separador span {
	color:#a7abab;
	font-size:16px;
}

.formulario_registro_separador table {
	width:700px;
}

.formulario_registro_separador table tr td{
	color:#a7abab;
	text-align:left;
}

.formulario_registro .input{
	width:100%;
	font-size:24px;
}



.formulario_registro input{
	padding:3px;
	padding-left:10px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
        border: 3px solid #a7abab;
	color:#a7abab;
	font-size:24px;
	
}

.formulario_registro select{
	padding:3px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
        border: 3px solid #a7abab;
	color:#a7abab;
	width:200px;
	font-size:20px;
	background:#fff;
}

.he_leido{
	float:left;
}

.he_leido input{
	margin:0px;	
	padding:0px;
	margin-top:3px;
}

.he_leido label{
	color:#a7abab;
	margin-left:10px;
	font-size:16px;
}