/*-------- FONTS --------*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,400italic);

/*-------- UNIVERSAL --------*/

.contenedor {width: 960px; margin: 0 auto 0 auto}
*{margin: 0; padding: 0}

/*-------- HEADER --------*/

header {width: 100%;max-height: 80px; background: rgba(255, 0, 0, 0.6); margin: 0}

h1 {font-family: 'source sans pro', sans-serif;font-size: 75px; font-weight: 700;color: rgb(0, 0, 0); padding: 0px 0px 10px 25px;position: relative; bottom: 10px}
a {text-decoration: none}

/*-------- NAV --------*/

nav {width: 100%; min-height: 50px;background: rgb(0, 0, 0);margin: 0px }
nav ul {list-style-type: none}
nav ul li {position: relative; float: left ;margin: 16px 14px 14px 40px; padding-right: 5px}
nav ul li a {text-decoration: none; font-family: 'source sans pro', sans-serif; color: #ffffff;font-weight: 400;font-size: 14px;padding-bottom: 100px}
nav ul li a:hover {color: rgb(255, 0, 0)}


/*--- MAIN, ARTICLES & SECTIONS ---*/

main {width: 100%; min-height: 700px; background: #ededed}

section p {font-family: 'source sans pro', sans-serif; color: black; padding-left: 30px; padding-top: 10px;font-weight: 300}


/*--- h1h2h3h4 ---*/

h2 {font-family: 'source sans pro', sans-serif; color:rgb(255, 0, 0);padding-top: 25px; margin-rigth: 50px;font-weight: 400; font-size: 30px; min-height: 50px}
 h3 {font-family: 'source sans pro', sans-serif; color: black; padding-left: 25px; padding-top: 0;font-weight: 400; clear: both}
 h4 {font-family: 'source sans pro', sans-serif; color: black; padding-left: 25px; padding-top: 0;font-weight: 700; font-style: italic}

/*--- INDEX.HTML ---*/

.tema {width: 25%; min-height: 80px;padding-top: 25px}
.descripcion {width: 60%;min-height: 80px}



.article1 {width: 18%; min-height: 80px;position: relative;float: left}
.article2 {width: 18%; min-height: 80px;position: relative;float: left}
.article3 {width: 18%; min-height: 80px;position: relative;float: left}


/*--- SANTI.HTML ---*/

.santi { position: relative;float: left; width: 300px; height: 300px;margin: 50px}


.article4 nav {width: 100%; min-height: 50px;;margin: 0px; clear: both;background: #ededed }

.article4 nav ul li {min-height: 30px;min-width: 100px; background: rgb(255, 0, 0)}

.article4 nav ul li a {text-decoration: none; }

.article4 h5 {font-family: 'source sans pro', sans-serif; color: #000000;font-weight: 700;font-size: 15px;padding: 5px; margin: 7px;min-height: 20px;min-width: 40px;font-style: italic;text-align: center}

    
      





/*-------- FOOTER --------*/

footer {width: 100%; max-height: 70px; background: #000000;}
footer p {font-family: 'source sans pro', sans-serif; font-size: 11px; color: #fff; text-align: center;padding-left: 30px}