*                    { margin: 0; padding: 0; }
footer           { display: none; }
body             { font-size: large; }
section{
	margin: 0 auto;
}


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

header{
	color: white;
}

h1{
	padding-left: 3%;
	}
#h1{color:white;}	

#d1{ background: #eee;}
					   
h2{
	background: #C63;
	color: #FFF;
	padding: 3% 0 3% 3%;
}					   

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

nav {background-color: #000; padding:0px; margin: 0px; 300px;}

nav ul {
	list-style-type: none;
	margin: 0;
}

nav li {
	display: block;
}

nav a {display: block;	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

nav a:hover {
	color: #FFF;
	background-color: #C63;
	border-bottom-color: #069;
}
.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. */
}