body { background: #999; }
header {
	background: #069;
}

nav {background-color: #000;}
section   { float: left; width: 80%; height: 280px; padding: 5px;}
footer    { clear: both;  display: block; }

#d1{
	float: right; width: 15%; height: 280px ;
background: #eee;
}


img#imagen           { display: block; 
	                   margin: auto;
	                   width: 90%;
	                   max-height: 300px;
					   max-width: 210px;
	                   padding: 5%;}

#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;
}

.clear{
	clear: both;
}

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

footer p{
	color: #FFF;
	font-size: 11px;
	}
	
ul {
	list-style-type: none;
	margin: 0px;
}

li {
	display: block;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 1.5em;
	display: block;	/*hace que la caja de un elemento sea de bloque y ocupa todo el espacio disponible hasta final de linea*/
	float: left;	/*Los ítem del menú se van ordenando a la izquierda uno detrás de otro*/

}
a:hover {
	color: #FFF;
	background-color: #C63;
	height: 25px;
}
.clear {
	clear: both;
}