*{margin: 0; padding: 0;}

.contenedor{margin:5%;max-width: 960px;width: 100%;}

header{background: white; width:100%;height: 50px}

.logo {background: #911b1b; height:30px;  width:20%;  position:relative;float: left}

body header nav ul li {display:inline;position: relative;float: right;text-decoration: none;padding: 1%;margin:0.3%; color:#240505;box-sizing: border-box;widht:100%;height: 30px;font-family: sans-serif; font-size: 12px}

.activate{background: #0fbcf0;color:white;}
.programas{background: #f0a20f;color:white}
.viloamigos{background: #7b01d4;color:white}
.vecinosonline{background: #11cc43;color:white}
.iniciarsesion{background: #000000;color:white}

main{background: #0ead95; color: #000; width: 100%;  height: 430px;margin:2% 0 0 0;}

section{width: 70%;background: #fff9f9;height:600px;position: relative;float:left;box-sizing: border-box}

main article h1{widht:70%;background: #000000;height:30px;position:relative;float:left;margin:1% 0%;padding:2%;color:#fa8a07;font-family: sans-serif;font-size: 22px}


.a {widht:100%;height:280px;position:relative;float:left;margin:1% 1%;padding:0%;}

.franjablancavideo{width:98%; background: #fff;height:20px;padding: 1%;margin: 1% 0%;position: absolute;top: 20px;left:0}

.b {background: #fff9f9;widht:20%;height:50px;position:relative;float:left;margin:1% 0% 1% 0%;}
.c {background: #fff9f9;widht:20%;height:50px;position:relative;float:left;margin:1% 0% 1% 0%;}
.d {background: #fff9f9;widht:20%;height:50px;position:relative;float:left;margin:1% 0% 1% 0%;}

.div{clear:both;}

main div article {max-width:30%;height:20px;position:relative;float:left;margin:1% ;box-sizing: border-box}

main div article img{position:relative;float:left;margin:0%;padding:0%; }

.foto{margin: 1%;}

h2{background: #fff9f9;widht:30%;height:40px;position:relative;float:left;margin:1% ;padding:0% ;color:#0fbcf0;font-family: sans-serif;font-size: 22;}

iconos{width: 100%;height:20px;background: rgba(0, 0, 0, 0.51);position:absolute;top:0;right:0;z-index: 4}


h3{widht:100%;height:20px;position:relative;float:right;margin:0% ;padding:0% ;color:#0fbcf0;font-family: sans-serif;font-size: 12px;}

h4{widht:100%;height:20px;position:absolute;margin:0% ;padding:0%;color:#f47c05;font-family: sans-serif;font-size: 9px;top: 0;left: 0;z-index: 6}

h5{widht:20%;height:20px;position:absolute;top:20px;left:105px;margin:0% ;padding:0%;color:#000000;font-family: sans-serif;font-size: 9px;}


main aside{width: 30%;height: 600px;position:relative;float:right;background: #fff;}

main aside div icons{background: black;width:100%;height:140px;padding: 0%;margin: 0%;position: absolute;z-index: 10}

h6{widht:80%;height:40px;position:relative;float:left;margin:1% ;padding:5% ;color:#ffffff;font-family: sans-serif;font-size: 12px;}

.cuadradoblanco{background: white; width:80%;height:20px;padding: 0%;margin: 3%;position: absolute;top: 40px;left:1px;}

.cuadradoblanco2{background: white; max-width:50%;height:20px;padding: 0%;margin: 3%;position: absolute;top: 70px;left:1px}

.cuadradonegro1{background: black;border: 2px solid white; width:20%;height:20px;padding: 0%;margin: 1% 2% 1% 7%;position: absolute;top: 70px;left:155px;}

.login{position: absolute;top: -13;font-size: 8px;}

.agenda{background: #0fbcf0;width: 100%;height: 50px;position: absolute;top: 180px;}

h7{width: 100%;height: 40px;color:white;font-family: sans-serif;font-size: 20px}

.calendario{position:absolute;top:250px;left:-1px;}

h8{widht:100%;height:20px;position:absolute;margin:1% ;padding:2%;color:#f47c05;font-family: sans-serif;font-size: 14px;top: -5px;left:0}