@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

/* se le dan las propiedades al contenedor exterior*/
/* #d8d8d8 es un color gris claro */

#contenedor{
	width: 1200px;
	height: 1300px;
	background: #D8D8D8;
	margin: 0.5em auto;
	padding: 0.5em;
}

/* se le dan propiedades al encabezado*/

#header{
	height: 10%;
	background: #FFFFFF;
	margin: 1em;
}

/* se le dan las propiedades al nav*/

#nav{
	height: 3%;
	background: #000089;
	margin: 1em;
}

/* se le asignan propiedades al contenedor contenido */
/* f9f9f9 es color gris */

#contenido{
	height: 68%;
	background: #F9F9F9;
	margin:10px;
}

/* se le asignan propiedades al contenedor footer*/
/* #000089 es color azul rey */

#footer{
	height: 7%;
	background: #000089;
	margin:1em;
}

/* #ffffff es un blanco  */

.pie{
	text-align: center;
	color: #FFFFFF;
	font-size: 2;
	}


/* se definen los contenedores internos de contenido */
/* #E0F2F7 es color azul claro */

#section{
	height: 95%;
	width: 24%;
	background: #E0F2F7;
	border-radius: 1em;
	float: left;
	margin:1em;
	}

.modulos{
	text-align: center;
}

#aside{
   	height:95%;
	width: 70%;
	background: #E0F2F7;
	border-radius: 1em;
	float: right;
	margin: 1em;
}

/* aqui se define la posicion de la hoja del libro en el contenedor respectivo*/