@charset "UTF-8";
/* CSS Document */

@font-face { font-family:'Lato'; @import url(http://fonts.googleapis.com/css?family=Lato:400,900); }

* {max-width:960px; margin:0; padding:0;}

/* ENCABEZADO */
header { max-height:280px; width:960px; background:#009966;}
h1 {font-family: 'Lato', sans-serif; font-size:16px; color: #FFF; position:absolute; top:230px; left:36px;}
header nav { width:25%; font-family: 'Lato', sans-serif; font-size:12px; font-weight:200; color:#FFFFFF; position: absolute; top: 230px; right: 180px; }
header nav ul li { list-style-type:none; }
header nav ul li a { text-decoration:none; color:#FFFFFF;}
header nav ul li a:hover {font-size:17px; font-weight:400; transition: 1s; }


/* MAIN */
main {width: 100%; max-height:240px; background:#FFFFFF;}
section {width:75%; background:#FFFFFF; min-height:240px; position:relative; float:left; margin:0; padding:0;}
section article {width:25%; position:relative; float:left; margin-top:60px; margin-left:35px; }
article {font-family: 'Lato', sans-serif; font-size:10px; color:#999; }
.titulo {font-family: 'Lato', sans-serif; font-size:12px; color:#666;} 
main section article ul {list-style:none}
.materias { width:20%;}
.imagenesprop { margin:20px;}
.imgseparador { margin-top:20px;}

aside {width:25%; max-height:240px; position:relative; float:right;}

.propuesta { min-height:240px;}
.textopropuesta { padding:5px; font-family: 'Lato', sans-serif; font-size:12px; color:#999; max-height:240px; font-size: 11px; position:relative; float: right; width:19%; text-align:6px; margin: 3px; margin-top:15px; }

/* PIE DE PÁGINA */
separador {width:100%; clear:both; }
footer { width:100%;
	height:20px;
	background:#009966; position:relative; float:left;
	font-family: 'Lato', sans-serif;
	font-size:8px;
	font-weight:200;
	color:#FFFFFF;
	text-align:center;
	padding-top: 6px; padding-bottom:6px;
}