html,body {
	width: 100%;
	}

.titulo {
	background:#0000ff;
    padding-bottom: 150 px;
	text-align:center;
    }
	
nav{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;/*El estandar por defecto*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
    background-image: -moz-linear-gradient(top center, #FFF, #CCC);
    background-image: -o-linear-gradient(top, #FFF, #CCC);
    background-image: linear-gradient(top, #FFF, #CCC);
    overflow:hidden;
    padding:5px;
    }
	
nav ul{
    list-style:none;
    
    padding:0;
    }
	
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:14px;
    font-weight:bold;
    margin-right:5px;
    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;
    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;
    }	

.centro {
    background: #ccc;
    }
 
.pie {
	margin: 1px;
    position: relative;
    margin-top: -30px;
    height: 40px; 
    padding:10px 0px;
    clear: both;
    background: #286af0;
    text-align: center;
    color: #0000ff;
    }

figure {
    display: table; margin: 0 auto;
    }


*:focus { outline: none; } 

.contact_form h2, .contact_form label { font-family: Georgia, Times, "Times New Roman", serif; } 

.form_hint, .required_notification { font-size: 11px; } 

.contact_form ul { width: 750px; list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; }
 
.contact_form li { padding: 12px; border-bottom: 1px solid #eee; position: relative; } 

.contact_form li:first-child, .contact_form li:last-child { border-bottom: 1px solid #777; } 

.contact_form h2 { margin: 0; display: inline; } 

.required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; } 

.contact_form label { width: 150px; margin-top: 3px; display: inline-block; float: left; padding: 3px; }

.contact_form input { height: 20px; width: 220px; padding: 5px 8px; }

.contact_form textarea { padding: 8px; width: 300px; }

.contact_form button { margin-left: 156px; } 

.contact_form input, .contact_form textarea {
	 border: 1px solid #aaa; 
	 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 2px;
	 padding-right: 30px; 
	 -moz-transition: padding .25s; 
	 -webkit-transition: padding .25s;
	 -o-transition: padding .25s; 
	 transition: padding .25s;
	 } 
		 
.contact_form input:focus, .contact_form textarea:focus {
	 background: #fff;
	 border: 1px solid #555;
	 box-shadow: 0 0 3px #aaa;
	 padding-right: 70px;
	 } 

.contact_form input:required, .contact_form textarea:required {
	 background: #fff url(images/red_asterisk.png) no-repeat 98% center;
	 } 
	  
.contact_form input:required:valid, .contact_form textarea:required:valid {
	 background: #fff url(images/valid.png) no-repeat 98% center;
	 box-shadow: 0 0 5px #5cd053; 
	 border-color: #28921f;
	  }
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	 background: #fff url(images/invalid.png) no-repeat 98% center;
	 box-shadow: 0 0 5px #d45252;
	 border-color: #b03535;
	 } 

.form_hint { 
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left: 8px;
    padding: 1px 6px; 
	z-index: 999; /* hints stay above all other elements */ 
	position: absolute; /* allows proper formatting if hint is two lines */ 
	display: none;
	} 
	 
.form_hint::before {
	 content: "\25C0"; 
	 color: #d45252; 
	 position: absolute; top: 1px; 
	 left: -6px;
     }
	  
.contact_form input:focus + .form_hint { 
    display: inline;
    } 
 
.contact_form input:required:valid + .form_hint {
    background: #28921f; 
    } 
	  
.contact_form input:required:valid + .form_hint::before { 
    color: #28921f;
    } 

button.submit {
	background-color: #68b12f; 
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e)); 
	background: -webkit-linear-gradient(top, #68b12f, #50911e); 
	background: -moz-linear-gradient(top, #68b12f, #50911e); 
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e); 
	border: 1px solid #509111; 
	border-bottom: 1px solid #5b992b; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset; 
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	 color: white; 
	 font-weight: bold; 
	 padding: 6px 20px; 
	 text-align: center; 
	 text-shadow: 0 -1px 0 #396715; 
	 } 
 
 button.submit:hover {
	  opacity: .85; 
	  cursor: pointer;
	   } 
	   
button.submit:active {
    border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset;
	-webkit-box-shadow: 0 0 10px 5px #356b0b inset; 
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset; 
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	}