@charset "UTF-8";
/* CSS Document */
<style>
body, html {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;

}

#main {
   height: 80%;
   display: -webkit-flex;
   display:         flex;
   flex-flow: row;
   
   -webkit-flex-flow: row;
}
#main article {
	background: #eee;
	flex: 3 1 70%;
	order: 2;
	padding:2%;
	
	-webkit-flex: 3 1 70%;
}


#main aside {
	background: #CCF;
	flex: 1 6 40%;
	order: 3;
	padding:2%;
	
	-webkit-flex: 1 6 40%;
}
header, footer  {
	display: block;
	min-height: 2%;
	background: #fff;
	text-align:center;
	font-size:2em;
	padding-top:1%;
	padding-bottom:1%;
}

img {
	float:left;
	margin-top:2%;
	margin-right:2%;
}


h2 {
	color:#666666;
	margin-top:3%;
}

#nombre {
	padding:2%;
}

.clear{
	clear:both;
}


.img3{

	margin-top:3%;
}

#pared {

	display: block;
	min-height: 2%;
	background: #eee;
	text-align:center;
	font-size:1.2em;
	padding-top:2%;
	padding-bottom:2%;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
}

#fecha {
	font-size:0.8em;
	color:#993399;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:1%;
}

</style>