@charset "utf-8";
/* CSS Document */
* {margin: 0 auto;}
/*Doy estilo a mi HEADER*/
header {background-image: url("../img/fondo1.jpg");background-size: 100%;width: 100%; height: 800px;padding-top: 5%;background-position: top}
header img {width: 15%;float: left;margin-left: 4%;}
h1{text-align: left;letter-spacing: 10px; font-size: 8em;color: #fEff00;padding: 5% 0 0 27%;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";margin: 0px;}
/*Doy estilo a mi botón y a su enlace*/
button {background-color: #808080;border: solid #fffd54 4px;color: #fffd54; padding: 25px 65px;margin: 17% 46%; text-align: center;display: block;font-size: 3em;cursor: pointer}
button:hover{background-color: #fffd54; color: #808080;border: solid #808080 6px;}
a {text-decoration: none;}
/*doy estilo a mi CAPA 2*/
.capa2 {text-align: center;background-color: #808080;padding-top: 4%;}
.capa2 img {width: 40%;border-radius: 10px;box-shadow: 2px 5px 10px #000;}
.capa2 h2 {margin: 4% 0;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-size: 4em;color: #FEFF00;text-transform: uppercase;}
/*doy esilo a mi capa párrafos*/
.parrafos {color: #fff;text-align: justify;padding: 0 10% 0 10%;height: 550px;}
.parrafos p {width: 47%;font-size: 2em;}
p.uno {float: left;padding-right: 30px;border-right: solid #fffd54 3px; display: inline;}
p.dos {float: left;padding-left: 30px;}
/*doy esilo a mi capa 3*/
.capa3{text-align: center;background-color: #737f8e;padding: 4% 0;}
.capa3 h2{ margin: 4% 0; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";color: #fffd54;text-transform: uppercase;font-size: 4em;}
.capa3 img{width: 30%;text-align: center;vertical-align: middle;}
.foto1 {padding: 6% 0 6% 0;}
.primera {padding-right: 8%;}
/*doy estilos al footer*/
footer {height: 150px;background-color: black;color: white;text-align: center;font-size: 1.5em;}
footer p {padding-top: 60px;}
footer p a {text-decoration-color: blue;text-decoration: underline;}



