/* CSS Document */
*{margin:0; padding:0;}
body{font-family: 'Rosario', sans-serif;width:100%; background:#fcffb9;}
div {max-width:960px; position:relative; margin: 0px auto 0px auto;}

#contenedor{ max-width:960px; margin:0 auto; background:#fcffb9; position:relative;}

section { width: 100%; margin: 10px 0px 0px 0px;}


header{ max-width:960px;}
header nav {float:right}
header nav ul li {float:left; list-style-type: none; margin:5px; padding:5px}
header nav ul li a {color:#98cb32;}
section article div nav ul li a {list-style-type: none;}

#contenido{ max-width:960px; height:500px; margin:0 auto; background:#fcffb9; position:relative;}

.docentes{ width:100%; background:#fcffb9; height:300px;}
.docentes article{ width:100%; height:auto; background:#C14075; position:relative; float:left; margin:3%; padding:5%;}

#caja{
	background-color:#fcffb9;
	padding:30px;/* de adentro*/
	margin:30px; /* de afuera*/
	position:relative;

}

h1{
	margin:30px;
	text-align:left;
	color:#76A939;
	border-bottom:3px #76A939 solid;
}

#contacto { background-color: #C14075;
	float: left;
	height: 200px;
	width: 950px;
	margin-top: 10px;
	margin-right:10px;
}

footer {width:100%; display:table; padding:15px 0px 0px 0px}
footer p {font-size:12px;}
@media screen and (max-width:320px)
{section article{width:100%;}
section aside{width:100%; font-size:10px; display:none;}}