body{
	font-family:Verdana,Arial,Sans-Serif;
}
header{
	display: block;
    min-height: 10%;
	text-align:center;
	background-color: #bdbdbd;
	color:#b40404;
}
nav{
    flex:1 6 10%;
    order:1;
    border:1px;
    border-style:solid;
    padding-right:10px;
}
section{
	color: #00ff00;
	flex:1 6 80%;
    order:2;
}
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:200px;
  height:200px;
  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;
}
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;
  }