body {background: #dddddd;}
.contenedor {max-width: 960px; margin: 0 auto 0 auto;font-family: arial}
header {width: 100%; height: 160px}
.logo {width: 25%; margin-top: 2%;}
header nav ul li a {color: #ffffff;}
ul {display: flex; justify-content: space-around;}
nav { width: 96%; height: 10px; background: #8021a2; padding: 2%; margin: 0 auto 0 auto;list-style: none;margin-top: 2%}
* {margin: 0; padding: 0; list-style: none; font-family: arial;}
.titulo {width: 40%; position: absolute; bottom: 10px; left: 0; padding: 1.5%; font-size: 35px; color: #ffffff;} 
.textoinfo {width: 29%; position: absolute; bottom: 25px; right: 0; padding: 1.2%; font-size: 11px; color: #000000; background: rgba(221, 221, 221, 0.64);}
section p {margin-left: 2%; margin-top: 3%;}
.imagen {margin-left: 1.8%; margin-top: 3%; margin-bottom: 1%;}
.imagendos {margin-left: 1.8%; margin-top: -0.1%; margin-bottom: 3%;}


.arriba{position: relative; float: left; width: 100%;margin-bottom: 4%;}
.vilo{position:relative; float: left; }

.abajo{width: 100%; height: 200px; position: relative; float: left; box-sizing: border-box;}
h1{font-size: 17px; font-weight: normal; text-decoration: underline;margin-bottom: 2%}
.noticias{ margin-top: 1%; width: 31%; position: relative; float: left; margin-right: 3.5%;}
.1{position: relative; float: left;}
h2{font-size: 15px; color: #fff; font-weight: normal;background-color: rgba(128, 33, 162, 0.5); position: absolute; top: 12px; right: 0; padding: 2%;}
.descrip{font-size: 11.5px; position: relative; float: right; width: 39%; line-height: 13px; margin-top: 16%;}
.2 {position: relative; float: right;}
.noticias2 { margin-top: 1%; width: 31%; position: relative; float: right;}
.descrip2 {font-size: 11.5px; position: relative; float: right; width: 39%; line-height: 13px; margin-top: 16%;}

.clear{clear: both;}
body main section{margin-bottom: 2%; width: 100%; height: 615px;}
body main aside{width: 100%; position: relative; float: left; height: 400px;}
.info{font-size: 11.5px; position: relative; float: right; width: 39%; line-height: 13px; margin-top: 14%;}
.barra{position: relative; float: right; width: 39%; height: 3px; background-color: #8021a2; bottom: 29px;}
.mas {position: relative; float: right; color: #8021a2; bottom: 17px; width: 0;}

footer {max-width: 960px; height: 100px; background: #cbcbcb; margin: 0 auto 0 auto; position: relative;}
h3 {font-size: 10px;}
body footer ul {width: 10%; list-style-type: none; display: inline; position: relative; float:left; margin: 2% 4%;}   
body footer ul li{font-size: 9px;}

.twitter {position: absolute; right: 15px; top: 15px;}