/* CSS Document */
*{margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif;}
div {max-width:960px; position:relative; margin: 0px auto 0px auto;}
section { width: 100%; margin: 10px 0px 0px 0px;}
#cabecera{width:750; height:200px; margin-top: 20px; background-image:url(img/banerdocentes.JPG);}
header nav ul li {float:left; list-style-type: none; margin:5px; padding:5px;}
header nav ul li a {color:#FFF;}
#contenedor{
	width: 800px;
}
.sectionPoch{background-color:#B57F80}
#articulo1 {
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
	
}

#articulo2 {
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	position:relative
}
#articulo3 { 
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	position:relative;
}
.section1{width:100%; position:relative}
.section2{width:100%; position:relative}

#articulo4 { background-color:
#CFC;
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 30px;
	margin-bottom:30px;
	margin-right:30px;
}
#articulo5 { 
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 30px;
	margin-bottom:30px;
	margin-right:20px;
}
#articulo6 {
	
	float: left;
	height: 236px;
	width: 236px;
	margin-top: 30px;
	margin-bottom:30px;
	margin-right:20px;
}
.meluteamo {font-size:40px; 
font-family: 'Open Sans', sans-serif; font-weight:400;}
.meluteamo2 {font-size:70px; 
font-family: 'Open Sans', sans-serif; font-weight:400; text-align:center; padding:20px auto 20px auto;}

#metodologia{ font-family:'Rosario', sans-serif; width: 750px; font-size:14px; position:relative; float:left; margin-top:10px}

@media screen and (max-width:320px)
{section article{width:100%;}
section aside{width:100%; font-size:10px; display:none;}