section#datos{
	background-image: url(../img/contac.jpg);
	background-position: center;
	background-size: cover;
	border: 0.1px solid rgba(0,0,0,0.10);
	height: auto;
	width: 100%;
	text-align: center;
}


section#datos .contenedor {
	border: 0px solid blue;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	margin-bottom: 150px;
	margin-top: 120px;
	height:auto;
} 


div#titulodatos{
	width: 100%;
	height: auto;
	border: 0px solid #d9e026;
	margin-bottom:90px;	
	justify-content: center;
	padding-left:150px;
	padding-right:150px;
	}



h1#titulodatosuno{
	text-align: center;
	letter-spacing: 2px;
	margin-top: 10px;
    font-family: Casual;
	line-height:35px;
	color: #fff;
	font-size:3em;
	margin-bottom: 10px;
	}

#titulodatostres{
	text-align: center;
	letter-spacing: 0.5px;
	margin-top: 10px;
    font-family: Casual;
	line-height: 35px;
	color: #d91b5b;
	margin-bottom: 20px;
	}
	
div#titulodatos hr{
	margin-top: 20px;
	margin-bottom:0px;
	height:1px;
	background-color:#d9e026;
	border: 0px;
	}






div#proyectos{
	width: 17%;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	border: 0px solid green;
	height: auto;
	align-content: center;
	color: #fff;
	margin:15px;
	cursor:pointer;
}


div#proyectos img{
	margin-top:25px;
	margin-bottom: 30px;
	width: 130px;
	height: 130px;
	align-content:center;
	border: 2px solid #35b2ff;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
}

div#proyectos img:hover{
background-color:rgba(255,255,255,0.20);
	border: 2px rgba(255,255,255,0.20);
	padding: 30px;
}




div#alumnos{
	width: 17%;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.2em;
	border: 0px solid green;
	height: auto;
	align-content: center;
	color: #fff;
	margin:15px;
	cursor: pointer;
}

#alumnos img{
	margin-top:25px;
	margin-bottom: 30px;
	width: 130px;
	height: 130px;
	align-content:center;
	border: 2px solid #99d508;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
}

div#alumnos img:hover{
	background-color:rgba(255,255,255,0.20);
	border: 2px rgba(255,255,255,0.20);
	padding: 30px;
}


div#hombres{
	width: 17%;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.1em;
	border: 0px solid green;
	height: auto;
	margin: 15px;
	align-content: center;
	color: #fff;
	cursor: pointer;
}

#hombres img{
	margin-top:25px;
	margin-bottom: 30px;
	width: 130px;
	height: 130px;
	align-content:center;
	border: 2px solid #d91b5b;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
}


div#hombres img:hover{
	background-color:rgba(255,255,255,0.20);
	border: 2px rgba(255,255,255,0.20);
	padding: 30px;
}
	
	
div#mujeres{
	width: 17%;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.1em;
	border: 0px solid green;
	height: 50px;
	margin: 15px;
	align-content: center;
	color: #fff;
	cursor: pointer;
}


#mujeres img{
	margin-top:25px;
	margin-bottom: 30px;
	width: 130px;
	height: 130px;
	align-content:center;
	border: 2px solid #d9e026;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
}


div#mujeres img:hover{
	background-color:rgba(255,255,255,0.20);
	border: 2px rgba(255,255,255,0.20);
	padding: 30px;
	
}


div#otros{
	width: 17%;
	line-height: 30px; 
	font-family: monserratli;
	font-size:1.1em;
	border: 0px solid green;
	height: 50px;
	margin: 15px;
	align-content: center;
	color: #fff;
	cursor: pointer;
}


#otros img{
	margin-top:25px;
	margin-bottom: 30px;
	width: 130px;
	height: 130px;
	align-content:center;
	border: 2px solid #fff;
	padding: 20px;
	transition: padding 0.5s, background-color 0.5s;
	cursor: pointer;
	border-radius: 80%;
	-webkit-border-radius: 80%;
	-moz-border-radius: 80%;
	-ms-border-radius: 80%;
	-o-border-radius: 80%;
}



div#otros img:hover{
	background-color:rgba(255,255,255,0.20);
	border: 2px rgba(255,255,255,0.20);
	padding: 30px;ç
	margin-top: 
}