@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
* {margin: 0; padding: 0;} 

.contenedor {max-width: 960px; margin: 0 auto 0 auto;}

.iconosredes {position: relative; float: right; margin: 20px 0px 20px 0px;}

.barra { width: -65%; position: relative; float: right; margin: 8px 0px 8px 0px;}

html { font-size: 16px;}

body {font-family: 'Lato', sans-serif;}

header {width: 100%; min-height: 200px; margin: 10px 0px 10px 0px;}

nav {position: relative; float: left; width: 99%; min-height: 30px; box-sizing: 
     border-box; margin-top:10px; }
nav ul {list-style-type: none; }
nav ul li {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.875rem; color: #000;
          position: relative; float: right; margin: 15px; padding: 2px 5px; }
a {color: #000; text-decoration: none;}
nav ul li a:hover {background: #ca451b; color: #fff; padding: 2px 5px; }

.columna1 {width: 70%; min-height: 300px; position: relative; float: left; 
                margin: 10px; box-sizing: border-box;}

.columna2 {width: 24%; min-height: 275px; background: #ffa900; position: relative; 
          float: right; margin-top: 10px; box-sizing: border-box;}

.iconousuario { margin: 10px 75px 10px 75px;}

.usuario {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 0.6875rem; 
         color: #808080; background: #fff; margin: 10px 40px 0px 40px ; padding: 15px;}

.contraseña {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 0.6875rem; 
            color: #808080; background: #fff; margin: 10px 40px 0px 40px; padding: 15px; }

.invitacion {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 0.6875rem; 
            color: #ca451b; text-align: center; margin:20px;}

.registrate { margin: 10px 75px 10px 75px;}

.columna3 { width: 30%; min-height: 500px; position: relative; float: left; 
                margin: 15px; box-sizing: border-box;}


.titulo1 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.125rem;
          color: #ca451b}

.video { margin-top: 15px;}

.subtitulo1 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.125rem;
          color: #050505; margin: 10px 0px 10px 0px;}

p {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.75rem;
          color: #050505; text-align: left;}

.iconomas {position: relative; float: right; margin-top: -8px;}

.cajanaranja {background: #f07801; width: 105%; min-height: 100px; margin-top: 30px;}

.destacado1 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1rem;
          color: #fff; margin: 20px 0px 20px 0px; position:absolute; top: 410px;left: 50px;} 

.destacado2 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.875rem;
          color: #fff; margin: 20px 0px 20px 0px; position:absolute; top: 435px;left: 50px;} 

.destacado3 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.875rem;
          color: #fff; margin: 20px 0px 20px 0px; position:absolute; top: 450px;left: 50px;}

.entrar {position: absolute; top: 480px;left: 180px;}

.columna4 {width: 40%; min-height: 500px; position: relative; float: left; 
                margin: 15px; box-sizing: border-box;}

.titulo2 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.125rem;
          color: #ca451b}

.carbonada {margin-top: 15px;}

.subtitulo2 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1rem;
    color: #050505; position: absolute; top: 70px ; left: 235px;}

.destacado4 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.75rem;
    color: #050505; text-align: left; position:absolute; top: 100px;left: 235px;}

.iconomas1 {position: relative; float: right; margin-top: -25px;}

.chipa {margin-top: 35px;}

.subtitulo3 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1rem;
    color: #050505; position: absolute; top: 230px ; left: 235px;}

.destacado5 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.75rem;
    color: #050505; text-align: left; position:absolute; top: 260px;left: 235px;}

.iconomas2 {position: relative; float: right; margin-top: -20px;}

.alfajor {margin-top: 35px;}

.subtitulo4 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1rem;
    color: #050505; position: absolute; top: 390px ; left: 235px;}

.destacado6 { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.75rem;
    color: #050505; text-align: left; position:absolute; top: 440px;left: 235px;}

.iconomas3 {position: relative; float: right; margin-top: -20px;}

.columna5 {width: 20%; min-height: 500px; position: relative; float: right; 
                 margin: 15px; box-sizing: border-box;}

.titulo3 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.125rem;
          color: #ca451b}

.romina {margin-top: 15px;}

.subtitulo5 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem;
    color: #050505; position: absolute; top: 70px ; left: 100px;}

.lugar1 {position: absolute; top: 100px ; left: 90px;}

.destacado7 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 106px ; left: 117px;}

.pinche1 {position: absolute; top: 130px ; left: 90px;}

.destacado8 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 140px ; left: 117px;}

.boton1 {position: relative; float: right; margin-top: 5px;}


.joaquin {margin-top: 45px;}

.subtitulo6 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem;
    color: #050505; position: absolute; top: 200px ; left: 100px;}

.lugar2 {position: absolute; top: 230px ; left: 90px;}

.destacado9 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 235px ; left: 117px;}

.pinche2 {position: absolute; top: 260px ; left: 90px;}

.destacado10 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 265px ; left: 117px;}

.boton2 {position: relative; float: right; margin-top: 8px;}

.martin {margin-top: 45px;}

.subtitulo7 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem;
    color: #050505; position: absolute; top: 335px ; left: 100px;}

.lugar3 {position: absolute; top: 352px ; left: 90px;}

.destacado11 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 355px ; left: 117px;}

.pinche3 {position: absolute; top: 380px ; left: 90px;}

.destacado12 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.6875rem;
    color: #050505; text-align: left;position: absolute; top: 388px ; left: 117px;}

.boton3 {position: relative; float: right; margin-top: -5px;}

.cajaamarilla {background: #ffa900; width:100%; min-height: 70px; margin-top: 30px;}

.texto1 { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem;
    color: #ca451b; text-align: left;position: absolute; top: 460px ; left: 10px;}

.entrar1 {position: absolute; top: 480px;left: 100px;}

aside {width: 100% ; min-height: 900px; box-sizing: border-box;}

footer { width: 100%; min-height: 100px; background: #202020; box-sizing: border-box; margin: 2% 0% 2% 0%;}

.logo {position: relative; float: left; margin: 20px;}

.legales {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 0.75rem;
    color: #fff; text-align: left; padding-top: 25px; padding-right: 50px;}