/* Reseteamos los estilos de margin y padding */
{
margin: 0;
padding: 0;
}
/* Le dice al navegador que dibuje los elementos de HTML 5 como block */
header, footer, aside, nav, article {
display: block;
}
body {
	background-color: #3CB
}
header, section, aside{
	background-color: #CCC;
	width: 95%;
	margin: 0px auto;
	text-align: center;
	font-size: 3em;
	color: #FF0000;
	border: 4px solid #FFF;
	margin-bottom: 25px;
	height: 150px;
	font-weight: bold;
}
header{
background: url("") no-repeat 10px 10px,
url("imagenes/encabezado.png");
height: 200px;
}
h1{
margin-left:150px;
}
nav{
   height: 50px;
   margin-bottom: 25px;
	margin: 0px auto;
	margin-bottom: 25px;
	font-weight: bold;
/*Bordes redondeados*/
    -webkit-border-radius:10px;/*Para chrome y Safari*/
    -moz-border-radius:10px;/*Para Firefox*/
    -o-border-radius:10px;/*Para Opera*/
    border-radius:10px;/*El estandar por defecto*/
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));/*Para chrome y Safari*/
    /*Degradados*/
    background-image: -moz-linear-gradient(top center, #FFF, #CCC);/*Para Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #CCC);/*Para Opera*/
    background-image: linear-gradient(top, #FFF, #CCC);/*El estandar por defecto*/
    text-align: center;
    overflow:hidden;
    padding:10px;
    width:950px;
}
nav ul li{
    /*Bordes redondeados*/
    -webkit-border-radius:5px;/*Chrome y Safari*/
    -moz-border-radius:5px;/*Firefox*/
    -o-border-radius:5px;/*Opera*/
    border-radius:5px;/*Estandar por defecto*/
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin-right:10px;
    text-align:center;
    /*Sombras para texto, los mismos parametros que box-shadow*/
    text-shadow: 0px 1px 0px #FFF;
}
nav ul li:hover{
    /*Degradado de fondo*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #FFF, #E3E3E3);/*Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #E3E3E3);/*Opera*/
    background-image: linear-gradient(top, #FFF, #E3E3E3);/*Estandar por defecto*/
    /*Sombras*/
    -webkit-box-shadow:  1px -1px 0px #999;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #999;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #999;/*Opera*/
    box-shadow:  1px -1px 0px #999;/*Estandar por defecto*/
    border:1px solid #E3E3E3;
}
nav ul li a{
    color:#999;
    display:block;
    padding:10px;
    text-decoration:none;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}
nav ul li a:hover {
    color:#000;
}
aside{
	display: table-cell;
	width: 300px;
	float: left;
	width: 470px;
	min-height: 99%;
	background: url(../imagenes/firma.jpg) center top no-repeat;
	margin: 0 10px 0 0;
	font-size: 1em;
	color: #000000;
}
article{
	background-color: #CCC;
	width: 95%;
	margin: 0px auto;
	text-align: center;
	font-size: 1.5em;
	color: #000000;
	border: 4px solid #FFF;
	margin-bottom: 25px;
	height: 150px;
	font-weight: bold;
}
section{
	height: 400px;
font-size: 1.3em;
color: #000000;
text-align: justify;
}
footer{
	height: 75px;
	background-color: #CCC;
	width: 95%;
	margin: 0px auto;
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
	border: 4px solid #FFF;
	margin-bottom: 25px;
	height: 75px;
	font-weight: bold;
}
/* Estilo por defecto */
 
input:required:invalid, textarea {
 
border: 1px solid red;
 
}
 
input:required:valid, textarea {
 
border: 1px solid green;
 
}