body {

	background: #F5F5DC;
	color: #333;
	font-family: "Arial";
	font-size: 14px;
	margin: 0;
	text-align: center;
}

footer, header, section {
background: rgba(20,20,20,0.75)
border-radius: 0.5em; 
-webkit-border-radius:0.5em;
box-shadow: rgba(0,0,0,0.6) 0px 5px 10px;
color: #A52A2A;
margin: 1 em auto;
padding: 1 em;
width: 90%;

}

header {
background: url("imagenes/esad.jpg") ;
background-repeat: no-repeat;

}

header h1:hover{   <!-- Bloque donde declaramos que el titulo cambio de apariencia y color -->

	color: #39A373;
	font-size: 3.2em;
	text-shadow:#DDD 0px 2px 1px,
	            #DDD 2px 4px 2px,
                #DDD 4px 6px 3px,
                #DDD 6px 8px 4px;
    -webkit-transform: rotate(7deg) rotateX(30deg) skewX(-5deg); 
}

nav {
    
    background-color:#808000;
    color:white;
    height:auto;
    width:16%;
    padding: 2%;
    float:left;
    font-size: 18px;


}

#formulario{ 
	background: #2c492d;
	border-radius: 0.5em;
	color: white;
	font-size: 1.10em;
	margin: 0.15em auto;
	padding: 0.15em;
	width: 60%;

}

#formulario:hover{
	background: #567f74;
	}
#formulario input{
border: none;
display; block;
margin: 1.0em auto;
width: 60%;

	}

	#formulario input [type="submit"] {
		background: #69d2e7;
		border-radius: 0.3em;
		box-shadow: rgba (0,0,0,0.3) 5px -5px 20px inset;
		color: #444;
		cursor: pointer;
		font-weight: bold;
		width: 60%;
	}