*                    { margin: 0; padding: 0; }
body                 { font: 16px Verdana, Geneva, sans-serif; }

#page-wrap           { margin: 0% auto; color: #FFF; background-color: #999; }
#page-wrap > .main   { border: 1px solid #999; padding: 1%; 
	                         margin-bottom: 1px; color: black; }

section { background: #eee; }
nav{ background: #000;}

header {
	background: #069;
}

header h1{color: #FFF;}
					   
img#imagen           { display: block; 
	                   margin: auto;
	                   width: 90%;
	                   max-height: 300px;
					   max-width: 210px;
	                   padding: 5%;}
					   					   
footer               { background: #060; text-align: center; color: #FFF;}

h2{
	background: #C63;
	color: #FFF;
	padding: 20px;
}


#marco {
    background-color: white;
    padding: 0px;
    margin: 0px;
    border: 0px solid black;
}

#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

.vertical {
  padding:3px;
  border:1px solid #999;
  background-color:white;
  width:300px;
  height:400px;
}

.horizontal {
  border:1px solid white;
  background-color:white;
  width:300px;
  height:196px;
}


footer p{
	color: #FFF;
	font-size: 11px;
	}


	
ul {
	list-style-type: none;
	margin: 0px;
	padding: 1px;
}

li {
	display: inline;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 1.5em;
	display: inline;	
	padding: 8px;
	float: left;	/*Los ítem del menú se van ordenando a la izquierda uno detrás de otro*/

}
a:hover {
	color: #FFF;
	background-color: #C63;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #069;
	height: 25px;	/* Éste valor permite que al pasar el ratón por el menú el efecto de línea azul en el fondo del ítem quede dentro del margen del menú*/
}
.clear {
	clear: both;
/* La propiedad clear indica el lado o lados de una caja que no debe ser adyacente a un elemento posicionado de forma flotante con la propiedad float. Both, hace que la caja sobre la que se aplica baje hasta que su borde superior esté por debajo del borde inferior de cualquier elemento flotado a la izquierda o a la derecha. */
}