@font-face {
  font-family: 'Aguafina Script';
  font-style: normal;
  src: url('http://fonts.gstatic.com/s/aguafinascript/v5/65g7cgMtMGnNlNyq_Z6CvMRAjcwhH4MEdRofTbA0Ghw.eot');
  src: url('http://fonts.gstatic.com/s/aguafinascript/v5/65g7cgMtMGnNlNyq_Z6CvMRAjcwhH4MEdRofTbA0Ghw.eot?#iefix') format('embedded-opentype'),
       local('Aguafina Script Regular'),
       local('Aguafina-Script-regular'),
       url('http://fonts.gstatic.com/s/aguafinascript/v5/65g7cgMtMGnNlNyq_Z6CvD0A2HYWcDnyPjB41uRf5i4.woff2') format('woff2'),
       url('http://fonts.gstatic.com/s/aguafinascript/v5/65g7cgMtMGnNlNyq_Z6CvAKy3Ahh2i_dZitryYE_ZUE.woff') format('woff'),
       url('http://fonts.gstatic.com/s/aguafinascript/v5/65g7cgMtMGnNlNyq_Z6CvOCCe9ONX3soS2UUkIHWRRQ.ttf') format('truetype'),
       url('http://fonts.gstatic.com/l/font?kit=65g7cgMtMGnNlNyq_Z6CvDOOHwNldbZYpbzbEl7ku10&skey=572306981a7a1f93&v=v5#AguafinaScript') format('svg');
}

body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

aside {
	background: #CCF;
	flex: 1 6 20%;
	order: 3;
}

header {
	display: block;
	min-height: 10%;
	background-color: #004142;
	background-color: #FFFFFF;
   	background: -moz-linear-gradient(#004142, #FFFFFF);              /* F 3.6+ */
   	background: -ms-linear-gradient(#004142, #FFFFFF);               /* IE 10+ */
   	background: -webkit-linear-gradient(#004142, #FFFFFF);           /* FF 3.6+ */
   	background: -o-linear-gradient(#004142, #FFFFFF);                /* Safari 5.1+, Chrome 10+ */
   	background: linear-gradient(#004142, #FFFFFF);                   /* ESTILO ESTANDAR */
   	font-family: Aguafina Script;
	font-size: 50px;
 	font-weight: 400;
 	text-align : center;
 	color : White;
}

footer {
	display: block;
	min-height: 10%;
	background-color: #004142;
	background-color: #FFFFFF;
   	background: -moz-linear-gradient(#004142, #FFFFFF);              /* F 3.6+ */
   	background: -ms-linear-gradient(#004142, #FFFFFF);               /* IE 10+ */
   	background: -webkit-linear-gradient(#004142, #FFFFFF);           /* FF 3.6+ */
   	background: -o-linear-gradient(#004142, #FFFFFF);                /* Safari 5.1+, Chrome 10+ */
   	background: linear-gradient(#004142, #FFFFFF);                   /* ESTILO ESTANDAR */
}

#menu {
   height: 14%;
   display: -webkit-flex;
   display: flex;
   flex-flow: row;
}
#menu nav ul {
	list-style-type:none;
	margin:auto;
	padding:0;
	width: 75em;
	display:flex;
	flex-direction: row;
	background-color: #004142;
	background-color: white;
}
#menu nav ul li{
	float: left;
	margin: auto;
}
#menu li { flex-grow: 1; }

#menu a {
	font-family: Aguafina Script;
	font-size: 1.2em;
	display:block;
	padding:1em;
	background-color:#004142 ;
	text-align:center;
	margin-right:0.2em;
	text-decoration:none;
	color:white;
}

#menu a:hover {background-color:blue; }

#articulo{
	border-radius: 35px 35px 35px 35px;
	-moz-border-radius: 35px 35px 35px 35px;
	-webkit-border-radius: 35px 35px 35px 35px;
	border: 3px solid #000000;
	background: #CFC;
	flex: 3 1 60%;
	order: 2;
}

img {
    vertical-align:middle;
}