*{margin: 0; padding: 0}

body {font-family: 'quicksand'; background: #ffffff; max-width: 960px; margin: 0 auto 0 auto; margin-top: 70px}
.contenedor{  max-width: 960px;}


/* Header */

header{background: #ffffff;width: 100%}
.iniciar { position: relative; float: right; padding: 24px;}
p {font-size: 11px; font-weight: bold; color:#3F00D0;list-style-type: none;}
.iniciar img {margin-top: 8px}

.logovilo{padding-top: 48px; margin-left: 393px}

header nav { width: 100%; height: 52px; padding-left: 14%}
header nav ul {list-style-type: none;}
header nav ul li {display: inline; padding-left: 15px;}
header nav ul li a {color: #3F00D0; text-decoration: none; font-family: 'quicksand'; font-weight: 400}


/* Main */

main{width: 100%; height: 490px; background-color:#ffffff}


/* Section Banner */

.banner{width: 100%; background-color:#ffffff;padding-top: 39px;}
.imgbanner{margin-left: 150px}
.iconcargando{margin-left: 449px; padding-top: 1%;}


/*Section noticias */
.noticias{width:59%;background-color: #ffffff;position: relative;float: left;height: 490px; padding-top: 1%}

/* Article play*/
.play{box-sizing: border-box; margin-left: 16%; margin-right: 1%; padding-left: 10%; padding-right: 3%;}
.playimg{padding-top: 1%}

/* Article informate*/
.informate{width: 69%;}
.iconinfor{padding-left: 38%; padding-top: 4%;}
.informateimg{padding-top: 2%;  padding-left: 38%;}
.tituloinfor{position:relative; float: right; margin-top: -31%; font-size: 16px; font-weight: bold;  line-height: 20px;}    .textoinfor{position:relative; float: right; font-size: 9px; font-weight: bold; margin-top: -18%; line-height: 14px} 

/* Article Sumate */
.sumate{position: relative; float: right; width;  margin-top: -21%; width: 26%;}

/* Aside*/
    
aside {width: 41%; position: relative; box-sizing: border-box; padding-left: 1%; padding-right: 16%; float: right; background-color: #ffffff;height: 501px}
.agenda{  padding-top: 5%}
.textoagenda{padding-top: 2%}
.tiuloag{font-size: 10px; font-weight: bolder; line-height: 22px;}
.parrafoag{font-size: 9px; font-weight: bold; margin-top: 2%;}

.encuesta{margin-top: 10%}
.chat{margin-top: 8%}

/*footer*/

.separador {width: 100%; clear: both}
footer {width: 100%; height: 63px;; background: rgb(0, 209, 171);}
footer p{box-sizing: border-box;
  padding: 23px; font-size: 9px; font-weight: normal}