@charset "UTF-8";
/* CSS Document */

@font-face { font-family:'Lato'; @import url(http://fonts.googleapis.com/css?family=Lato:400,900); }
* {width:960 px; margin:0; padding:o;}

/* MENU */
header {width:960px; height:290px; background: rgb(191,240,298);}
.logo { position:absolute; top:150px; left:40px;}
header nav { position:relative; float:left; margin-left:230px; }
header nav ul li { list-style-type:none; display:inline; }
header nav ul li a{ text-decoration:none; font-family: 'Lato', sans-serif; font-size:16px; font-weight:500; color:#FFFFFF; margin-right:25px; padding-top:20px; }
header nav ul li a: hover { font-weight:700;} 
.redes { position:relative; float:right;}

/* MAIN */

main {width: 960px; min-height:680px;}

section {width:70%}
section article { position:relative; float: left; margin-left:20px;}
.vivo { margin-top:60px; margin-left:10px; }
.destacados {width:30%; position: relative; float:left; margin-top:30px; margin-left:22px;}
.noti1 { font-family: 'Lato', sans-serif; color:#000; font-weight:500; font-size:16px; position:absolute; top:60px; left:10px;}
.noti2 { font-family: 'Lato', sans-serif; color:#FFF; font-weight:500; font-size:12px; position:absolute; top:60px; left:10px;}
.noti3 { font-family: 'Lato', sans-serif; color:#FFF; font-weight:500; font-size:12px; position:absolute; top:80px; left:10px;}

aside { width:25%; }
.textovivo { font-family: 'Lato', sans-serif; font-size:16px; color:#000000; text-align:left; position:absolute; top:630px; right: 60px; }


/* PIE DE PÁGINA*/
footer {width:960px; height:50px; background: rgb(191,240,298); position:relative; float:left; }
.viloredes { position: relative; float:right; }