body{
	font-family:Verdana,Arial,Sans-Serif;
  background: #e1ffff; /* Old browsers */
background: -moz-linear-gradient(top,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */

  
  
}
header{
	display: block;
  min-height: 10%;
	text-align:center;
	background-color: #bdbdbd;
	color:#b40404;
}
header img{
  vertical-align:middle;
  display:block;
  margin:auto;
  width:90%;
  max-height:100px;
}
nav{
    flex:1 6 10%;
    order:1;
    border:1px;
    border-style:solid;
    padding-right:10px;
}
section{
	color: #00ff00;
	flex:1 6 60%;
  order:2;
}
aside{
  border:1px;
  border-style:solid;
  background-color: #E0F8F7;
  flex:1 6 20%;
  order:3;
}
footer{
	display:block;
	text-align:center;
	background-color: #e6e6e6;
	color:#b40404;
}
 .clear{
      clear: both;}
#main{
	border:2px;
	border-style: solid;
	border-color:ff0000;
	display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;
}
.resultado{
  margin:10px;
  width:300px;
  height:150px;
  border-radius:24px;
  box-shadow:0 0 5px 5px #888;
  text-align:center;
}
.main_seccion{
   display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;
   
}
.imagen{
  margin:10px;
  width:75px;
  height:80px;
  border-radius:24px;
  box-shadow:0 0 5px 5px #888;
  background:
}
.titulo{
  margin:10px;
  text-align:center;
  height:80px;
  width:90%;
}

ul {list-style-type: none;
margin:0px;
padding:0px;
border-top-width: 1px;
border-right-width: 0px;
border-left-width: 1px,
border-top-style:solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #ccc
border-right-color:#ccc;
border-left-color: #ccc;
text-align:center;
}
a {
  color:#00f;
  text-decoration: none;
  font-size: 0.9em;
  display: block;
  padding:1px;
 }
  a:hover {
  color:#e0f8f7;
  border-right-width: 5px;
  border-right-style: solid;
  border-right-color: #ff0000;
  background-color: #5852fa
  }
  h3{
  	color:#ff0000;
  	text-align:center;
  }