*{margin: 0; padding: 0;font-family: sans-serif; color: #fff; font-stretch: condensed;}
.pagina{max-width: 960px; margin: 0 auto 0 auto;}

/*HEADER*/
header{width: 100%; min-height: 100px; background-color: #fff;margin-bottom: 1%; margin-top: 1%;}
header section{position: relative; float: left;max-width: 16%;}
header aside{position: relative; float: right; width: 83%;height: 120px;margin-top: 0.75%;}

header aside article{width: 29%; position: relative; float: right;}
.search{height: 25px; width: 100%; background-color: rgba(204, 204, 204, 0.26); box-shadow: -3px 3px 6px #a39f9f inset; border-radius: 5px; margin-top: 2.5%; }
.lupa{position: absolute; right: 5px; top: 3px;}
.log{color: #0099cc; font-weight: bolder; font-size: 16px;}
.clima{position: relative; float: right; margin-right: 1%; width: 16%;}
.dia{color: #747171; font-weight: bold; font-stretch: ultra-condensed; font-size: 13px;}
.temp{color: forestgreen; font-weight: bold; font-stretch: ultra-condensed;font-size: 17px; margin-top: 2%;}
.sol{position: absolute; top: 11px; left: -40px;margin-right: 2%;}

header nav{width: 100%; background-color: #a768db; position: absolute; bottom: 18px; right: 0; height: 50px; box-shadow: 0 4px 0 #5a2584; border-radius: 8px;}
header aside nav article{background-color: #5d1f91; height: 100%; width: 6%; position: absolute; left: 0; bottom: 0; box-sizing: border-box; padding-top: 1%; padding-left: 0.75%; border-top-left-radius: 8px;}
header aside nav ul{list-style-type: none; display:inline-flex; justify-content: space-around; font-weight: bold; position: relative; float: right; font-size: 15px; width: 94%; padding-top: 2%;}
.down{padding-left: 3px;}


/*SECTION*/
section{width: 75%; position: relative;float: left; margin: 1% 1% 0.5% 0;}

/*Article Noticias*/
.noticias{width: 100%; background-color: forestgreen; min-height: 300px; position: relative; float: left;}
.notero{max-width: 66.5%;position: relative; float: left;}
.titulo{width: 66.5%; height: 55px; background-color: rgba(51, 51, 51, 0.75); position: absolute; bottom: 0; left: 0;}
.info{font-stretch: ultra-condensed; font-weight: 500; margin: 1.5% 0 1% 1.5%;}
.subtitulo{font-weight: 600; margin: 0 0 1.5% 1.5%;}

h1{position: relative; float: left; width: 32.5%; letter-spacing: 5px; font-stretch: ultra-condensed; font-weight: normal; font-size: 45px;padding-top: 7px; padding-left: 10px;box-sizing: border-box;}
h2{position: relative; float: left; width: 32.5%; letter-spacing: 5px; font-stretch: ultra-condensed; font-size: 45px; padding-left: 10px; box-sizing: border-box; font-weight: bolder; text-decoration: underline;}

.boton{position: relative; float: left; width: 6px; height: 7px; background-color: #dedede; border-radius: 50%; margin: 18% 0 2% 1.5%;}
.boton1{position: relative; float: left; width: 6px; height: 7px; background-color: #fff; border-radius: 50%; margin: 18% 0 2% 1.5%;}


/*Article Eventos*/
.eventos{width: 66.5%; position: relative; float: left; height: 239px; background-color: forestgreen; box-sizing: border-box; margin-right: 1%; margin-top: 2%;}
.foto{position: relative; float: right; max-width: 49%;}
.superposicion{width: 100%; background-color: rgba(34, 139, 34, 0.73); height: 239px; position: absolute;}
.descrip{font-stretch: extra-condensed; font-weight: bold; position:absolute; bottom: 13px; left: 12px; line-height: 20px;}
.imp{font-stretch: extra-condensed; font-weight: bolder; letter-spacing: 3px;text-decoration: underline;position: absolute; bottom: 14px; left: 38px;}
.t1{letter-spacing: 5px; font-stretch: ultra-condensed; font-weight: normal; font-size: 44px;padding-top: 7px; padding-left: 10px;box-sizing: border-box;}
.t2{letter-spacing: 5px; font-stretch: ultra-condensed; font-size: 44px; padding-left: 10px; box-sizing: border-box; font-weight: bolder; text-decoration: underline;}


/*Article Amigos*/
.amigos{width: 32.5%; position: relative; float: left; height: 239px; background-color: darkseagreen; margin-top: 2%;}
.clasificados{position: relative; float: left; max-width: 100%;}



/*Section2*/
.otros{width: 32.7%; height: 150px; position: relative; float: left; background-color: #5d1f91; box-sizing: border-box; margin-right: 1%; margin-top: 2%;}
.icono{position: relative; float: left; padding-top: 4.25%; padding-left: 4%; height: 20.5%;}

.imp2{font-stretch: extra-condensed; font-weight: bolder; letter-spacing: 3px;text-decoration: underline;position: absolute; bottom: 14px; left: 114px;}

.nosotros{width: 32.6%; height: 150px; position: relative; float: left; background-color:#5d1f91; box-sizing: border-box;overflow: hidden; margin-top: 2%;}
.superposicion2{width: 100%; background-color: rgba(93, 31, 145, 0.72); height: 239px; position: absolute;}

h3{letter-spacing: 3px; font-stretch: ultra-condensed; font-size: 32px; padding-left: 5%; padding-top: 3%; box-sizing: border-box; font-weight: bolder; text-decoration: underline;position: relative; float: left;}
h4{letter-spacing: 3px; font-stretch: ultra-condensed; font-size: 32px; padding-left: 5%; padding-top: 3%; box-sizing: border-box;position: relative; float: left; font-weight: lighter;}




/*ASIDE*/
aside{width: 24%; min-height: 100px; position: relative; float: right; box-sizing: border-box; margin-top: 1%;}


/*Aside Inicio*/
.inicio{min-height: 380px; background-color: rgba(217, 218, 221, 0.15); width: 100%; position: relative; float: right;margin-bottom: 7.5%;; border-radius: 8px;box-shadow: 0 4px 0 rgba(155, 154, 155, 0.35);}
.part{color: #0099cc; font-stretch: ultra-condensed;font-weight: bold; letter-spacing: 2px; font-size: 22px; position: relative; float: left; margin-left: 4%;margin-top: 3%;}
.part2{color: #0099cc; font-stretch: ultra-condensed;font-weight: bolder; letter-spacing: 2px; font-size: 22px;text-decoration: underline; position: relative; float: left; margin-left: 2%;margin-top: 3%;}
.leer{color: #888686; font-size: 16px; font-stretch: extra-condensed;position: relative; float: left; margin: 4% 4% 1% 4%;}

.barra{width: 90%; height: 2px; background-color: #b1b1b1; position: relative; float: left;margin-left: 5%; margin-top: 3%;}
.text{font-stretch: ultra-condensed; font-size: 18px; color: #676666;margin: 3% 2% 0.5% 5%;position: relative; float: left;}
.cuadro{width: 90%; height: 24px; margin-left: 5%; background-color: #fff; border: 2px solid #c9c7c7; border-radius: 5px;position: relative; float: left;}
.stay{width: 5%; height: 10px; background-color: #fff; border: 2px solid #c9c7c7; border-radius: 5px;position: relative; float: left;margin: 5% 0 3% 5%;}
.leer2{color: #888686; font-size: 16px; font-stretch: extra-condensed; position:relative; float: left; margin: 4% 4% 1% 2%;}

.enter{width: 30%; height: 22px; background-color: #0099cc;border-radius: 5px;position: relative; float: left;box-shadow: 0 4px 0 #037fa8;margin: 4% 0 2% 20%;}
.tt{font-stretch: ultra-condensed; font-weight: bolder;font-size: 18px; margin: 2% 0 0 12%;}

.box{width: 90%; height: 66px; background-color: rgba(177, 177, 177, 0.10); border: 2.5px solid rgba(221, 217, 217, 0.50); border-radius: 5px; position: relative; float: left;margin-left: 5%; margin-top: 3%;}
.leer3{color: #888686; font-size: 16px; font-stretch: extra-condensed; position:relative; float: left; margin: 2% 4% 4% 16%;}
.icon{margin-left: 18.5%; margin-right: -15%;}

.leer4{color: #888686; font-size: 14px; font-stretch: extra-condensed; position:relative; float: left; margin: 4% 1% 1% 5%;}
.leer5{color: #1caede; font-size: 14px; font-stretch: extra-condensed; position:relative; float: left; margin-top: 4%; text-decoration: underline;}



/*Aside Social*/
.social{min-height: 150px; background-color: rgba(217, 218, 221, 0.15); width: 100%; position: relative; float: right;margin: 1% 0 1% 0;box-shadow: 0 4px 0 rgba(155, 154, 155, 0.35); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
.head{background-color: #34aedb; width: 100%; min-height: 35px; position: relative; float: left; border-top-right-radius: 7px; border-top-left-radius: 7px;}
.name{font-stretch: ultra-condensed;font-weight:500; letter-spacing: 2px; font-size: 20px; position: relative; float: left; margin-left: 2%; margin-top: 3%;}
.name2{font-stretch: ultra-condensed;font-weight: bolder; letter-spacing: 2px; font-size: 20px;text-decoration: underline; position: relative; float: left; margin-left: 2%;margin-top: 2.5%;}

main aside article article{position: relative; float: left; width: 100%;}
.fb{color: #266fc4; font-size: 20px; font-weight: bolder; font-stretch: extra-condensed;margin-left: 2%; margin-top: 5%; position: relative; float: left;}
.tw{color: #2fdee5; font-size: 20px; font-weight: bolder; font-stretch: extra-condensed;margin: 5% 30% 3% 0%; position: relative; float: left;}

.mini{position: relative; float: left; height: 20%; margin: 5% 5% 3% 3%;}
.mini2{position: relative; float: left; height: 20%; margin: 5% 5% 6% 3%;}
.barra2{width: 100%; height: 2px; background-color: #b1b1b1; position: relative; float: left; margin-top: 2%;}


.clear{clear: both;}

/*FOOTER*/
footer{width: 100%; min-height: 100px;}
footer article{width: 75%; height: 185px; background-color: #a86cdb;margin-top: 1.5%;position: relative; float: left;margin-bottom: 2%;}
footer aside{width: 25%; height: 185px; background-color: #5d1f91; margin-top: 1.5%; position: relative; float: right;padding-left: 2%; padding-top: 0.75%; box-sizing: border-box;margin-bottom: 2%;}
h6{font-stretch: extra-condensed; font-size: 18px; letter-spacing: 3px; font-weight: bolder; text-decoration: underline;margin-top: 8px; margin-bottom: 6px;}
.legal2{font-size: 15px; padding-right: 4%; line-height: 22px; margin: 0;}

footer article ul{list-style-type: none; ;position: relative; float: left; box-sizing: border-box; margin-top: 1%; margin-left: 3.2%; margin-right: 3.5%}

footer article ul li{font-size: 16px; line-height: 22px;}