@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
* {margin: 0; padding: 0}
.contenedor {max-width: 960px; margin: 0 auto 0 auto; font-family: 'Roboto Slab', serif;}

html {background-image:url(Imagen16.png)}

header {max-width: 100%; min-height: 100px; background: #ffbbaf;margin-top: 80px}
header h1 {padding: 30px; font-size: 50px; text-align: center; color: #ffffff}

nav {max-width: 100%; min-height: 40px; background: #7bf2e4;}
nav ul {list-style-type: none;}
nav ul li {position: relative; float: left; margin: 3px auto 8px auto; padding-left: 130px}
nav ul li a {text-decoration: none; color: #ffffff; font-size: 22px; margin: 5px}

section {max-width: 100%; min-height: 45px; background: #ffffff; margin-top: 20px}
section img {width: 50%; height: 52%;}
section article {width: 50%; height: 50%; position: relative; float: right}
section article h4 {color: #ffbbaf; font-size: 20px; margin-left: 8%; margin-top: 12%;}
section article p {margin-top: 2%; margin-left: 8%; margin-right: 8%;}


footer { max-width: 100%; min-height: 70px; background: #c4c4c4; padding-top: 2%; padding-bottom: 1%; margin-bottom: 3%; margin-top: 2%}
footer p {font-size: 13px; color: #ffffff; text-align: center; line-height: 150%}