*{box-sizing:border-box;}
body{
	background: url('../imagenes/imagenes/fondo.jpg');
	background-attachment: fixed;
	background-size: cover;
}
.principal{
	width: 70%;
	margin: auto;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1000px;
}
header{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	
}
.enlaces{
	margin-left: 30px;
	text-decoration:none ;
	color:white;
}

section{
	background: white;
	padding:10px;
	width: 70%;
	line-height: 25px;
}
aside{
	display: flex;
	width: 30%;
	background: rgb(91,126,196);
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
	text-align: center;
	color: white;
}
#asside{
	padding: 45px

}
#im2{
	width: 100%;
}
footer{
	width: 100%;
	background: rgba(255,255,255,0.2);
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding: 10px;
	margin-top: 10px;
	color: white;
}
#subrayado{
	color: white;
}
#asside{
background:rgb(72,100,157);
}
@media screen and (max-width: 800px){
	section{
		width: 100%;
	}
	aside{
		width: 100%;
		flex-direction: row;
		}
	#asside{
		width:40%;
	}
}
@media screen and (max-width: 600px){
	header{
		flex-direction: column;

	}
	footer{
		flex-direction: column;
		text-align: center;

	}
	nav{
			background: rgba(255,255,255,0.2);
			padding: 15px;
			width: 100%;
			margin: 10px;
	}
#footerhijo2{
	order: 1;
}
#footerhijo1{
	order: 2;
}
}
@media screen and (max-width: 400px){
	footer{
		display: none;
	}
}