/*GENERAL*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
* {margin: 0; padding: 0; text-decoration: none; font-family: 'Roboto', sans-serif; }
html {font-size: 10pt; font-family: 'Roboto', sans-serif;}
.fondo {width: 100%; background-repeat:no-repeat; background-size:cover;}
.contenedor {margin: 3% auto;  width: 960px; box-sizing: border-box;}


/*HEADER*/
#logo {width: 20%;}
header {width: 100%; margin-bottom: 5%}
#botonera {float: right; width: 49%;}
#barra {width: 93.3%; clear: both; float: left; padding-top: 4%; }
#lupa {width: 6.7%; float: left; padding-top: 4%;}
#iconos img {float: right; width: 8.5%; margin-left: 2.25%;}



/*NAV*/
nav {width: 100%; margin-bottom: 4%; float: left; box-sizing: border-box;}
nav ul {list-style-type: none; width: 100%;}
nav ul li {width: 25%; font-size: 1.5rem; text-align: center; background-color: #d4d4d4; float: left; box-sizing: border-box; padding: 0.5% 7.175% 0.5% 7.175%; border-right-style: solid; border-right-width: 0.25%; border-right-color: #70706e; font-weight: 500;}
nav ul li:last-child {border-right: 0;}
nav ul li:hover {background-color: #7abce0;}


/*MAIN*/
main {width: 100%; margin-bottom: 75%; box-sizing: border-box;} 
section {width: 31.93%; position: relative; float: left; box-sizing: border-box; margin: 0 2.1% 5% 0;}
section:last-child {margin: 0;}
section img {width: 100%; margin-bottom: 5%;}
#participa {width: 100%;}
.izq {width: 47%; position: relative; float: left; box-sizing: border-box;}
.der {width: 47%; position: relative; float: right; box-sizing: border-box;}
h6 {font-size: 1.25rem; font-weight: 500; color: #fff; margin: 0 0 5px 3%;}
article:last-child {margin-right: 0;}


/*FOOTER*/
footer {width: 100%;}
footer p {background-color: rgba(255, 255, 255, 0.56); color: #000; font-weight: 400; font-size: 1rem; padding-left: 16%;}