/*GENERAL*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
* {margin: 0; padding: 0; text-decoration: none; font-family: 'Roboto', sans-serif; }
html {font-size: 10pt; font-family: 'Roboto', sans-serif;}
body {background-color: #fff;}
.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: 58%; float: right; padding-top: 2%; }
#lupa {width: 6.25%; float: right; clear: both; padding-top: 2%; margin-left: 1%;}
#iconos img {float: right; width: 5%; margin-left: 1%; padding-top: 5%}




/*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: #468ac9; 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: #fff; font-weight: 500;}
nav ul li:last-child {border-right: 0;}
nav ul li:hover {background-color: #22558a;}


/*MAIN*/
main {width: 100%; box-sizing: border-box;} 
    
    /*SECCION BANNER*/

.banner {width: 100%; position: relative; float: left; box-sizing: border-box; margin-bottom: 4%;}
.banner img {width: 100%;}

     /*SECCION INTERACCION*/

article {width: 31.93%; position: relative; float: left; box-sizing: border-box; margin: 0 2.1% 3% 0;}
article:last-child {margin: 0;}
article img {width: 100%; margin-bottom: 2%;}
#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;}

.clearer {clear: both;}
hr {width: 100%; color: #888888; border-style: solid; border-width: thin;}

     /*SECCION INFO*/

#enterate {text-decoration-style: solid; text-decoration: underline; text-decoration-color: #3e3e3c; color: #3e3e3c; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.2rem; position: relative; float: left; margin: 1% 0 2% 0;}
.info {width: 100%;}
.info aside {float: left; position: relative; box-sizing: border-box; margin-left: 0; width: 31.93%; margin-right: 2.1%;}
.info aside:last-child {margin: 0;}
.info aside h6 {color: #3e3e3c; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1rem; position: relative; float: left; line-height: 1.75rem;}
.info aside p {width: 100%; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 1rem; text-align: justify; line-height: 1.75rem; position: relative; float: left; box-sizing: border-box; color: #3e3e3c;} 
.ver {width: 16.5%; margin-top: 4%;}
#foto-texto {width: 100%; position: relative; float: left; box-sizing: border-box;}


/*FOOTER*/
footer {width: 100%; position: relative; box-sizing: border-box; margin-top: 4%;}
footer p {background-color: #717171; color: #fff; font-weight: 400; font-size: 1rem; padding-left: 16%;}