header {
	text-align:center;
	margin-bottom:0.2em;
}
h1 {
	margin:0;
	color:blue;
}
h2 {
	font-size:medium;
}
body{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:0.2em;
	display:flex;
	flex-direction: row;
}
nav li { flex-grow: 1; }
nav a {
	display:block;
	padding:0.5em;
	text-align:center;
	margin-right:0.2em;
	text-decoration:none;
	background:linear-gradient(to bottom, #7C7C7C, #AEAEAE);
	color:blue;
	border-radius: 24px;
	}
nav a:hover {
	background:Coral; 
}
.contenido {
	height: 300px;
	margin-bottom:0.2em;
	display:flex;
	flex-direction: row;
}
article {
	padding: 10px;
	background:LightGray;
	flex-basis: 70%;
	font-family:'Oswald', sans-serif;
}
aside {
	padding: 10px;
	background:LightBlue;
	flex-basis: 30%;
	margin-left:0.2em;
	font-family: source-sans-pro, sans-serif;
}
#marco {
    background-color: white;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
}
#multimedia {
    display: flex;
	flex-direction: row;
    flex-wrap:wrap;
  	font-family:'Oswald', sans-serif;
  	margin:3px;
   	background-color:white;
	padding:0.5em;
	text-align:center;
}
.vertical {
  	padding:3px;
  	border:1px solid black;
  	background-color:white;
  	width:300px;
}
footer {
	text-align:center;
	display: block;
	color:white;
	background:black;
}