*{margin: 0; padding: 0}



body {font-family:'Source Sans Pro', sans-serif; background: #ffefcf; max-width: 960px; margin: 0 auto 0 auto}



/*Header */

.logovilo {position: center; float: center; width: 25%;}
.menu {background: #927f6b; wifth: 960px; height: 30px;}
.navegador {color: #ffefcf; text-decoration: none; padding: 2px; line-height: 2px; padding-top: 40px; width: 100%; height: 10px; margin-top: 44px }


header nav {width: 100%; }
header nav ul {list-style-type: none;}
header nav ul li {display: inline; margin-left: auto; margin-right: auto; box-sizing: border-box}
header nav ul li a {color: #ffefcf; text-decoration: none; font-size: 16px; font-weight: normal; box-sizing: content-box; margin: 3%; padding: 2%; margin-top: 15px}
.menucolor { font-size: 16px; padding: 2%; border-radius: 10px}

a.menucolor:hover {background-color: #ffefcf; color: #927f6b}
a.menucolor:active {background-color:  #ffefcf; color: #927f6b}



/* Margenes*/

.margin1 {margin-top: 1%}
.margin2 {margin-top: 2%}
.margin4 {margin-top: 4%}
.margin5 {margin-top: 5%}
.margin6 {margin-top: 6%}
.margin7 {margin-top: 7%}
.margin8 {margin-top: 8%}
.margin10 {margin-top: 10%}
.margin14 {margin-top: 14%}
.margin15 {margin-top: 15%}
.margin17 {margin-top: 17%}
.margin20 {margin-top: 20%}
.margin21 {margin-top: 21%}
.margin25 {margin-top: 25%}
.margin35 {margin-top: 35%}


.marginleft2 {margin-left: 2%}
.marginleft3 {margin-left: 3%}
.marginleft5 {margin-left: 5%}
.marginleft10 {margin-left: 10%}
.marginleft25 {margin-left: 25%}

.marginright5 {margin-right: 5%}
.marginright10 {margin-right: 10%}

.marginbottom2 {margin-bottom: 2%}
.marginbottom5 {margin-bottom: 5%}


/* Anchos */
.ancho20 {width: 20%}
.ancho25 {width: 25%}
.ancho30 {width: 30%}
.ancho40{width: 40%}
.ancho42{width: 42%}
.ancho45{width: 45%}
.ancho48{width: 48%}
.ancho50 {width: 50%}
.ancho55 {width: 55%}
.ancho80 {width: 80%}
.ancho95{width: 95%}
.ancho100 {width: 100%}



.xright {position: relative; float: right; width: 36%}
.xleft2 {position: relative; float: left; width: 60%}

.floatright{position: relative; float: right}
.floatleft {position: relative; float: left}





/*Section */
section {width: 75%; min-height: 800px; background: #ffefcf; position: relative; float: right}
.bandasemergentes {margin-left: 0%; margin-top: 3%; position: relative; float: left; width: 100%}
.imgbandas {position: absolute}
.fondohuerta {position: relative}

.titulobanda {font-family: 'Source Sans Pro', sans-serif;position: absolute; font-weight: bold; margin-top: 175px; margin-left: 30px; color:  #ffefcf;  text-decoration: none; font-size: 20px}

.textobandas {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; margin-top: 200px; margin-left: 30px; color:  #ffefcf; position: absolute; text-decoration: none; font-size: 15px}


/*Pone Play */
.poneplay {position: relative}
.tituloponeplay  {font-family: 'Source Sans Pro', sans-serif; font-weight: bold; margin-top: 20px;margin-left: 15px; color:  #f6a848; position: absolute; text-decoration: none; font-size: 20px}
.textoponeplay {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; margin-top: 320px;margin-left: 15px; color: black; position: absolute; text-decoration: none}


.iconoplay {position: absolute; top: 38%; left: 42% ; margin-left: 3%}




/*Huerta */
.imghuerta {position: relative}

.titulohuerta { font-family: 'Source Sans Pro', sans-serif; font-weight: bold; margin-left: 200px; color: #927f6b; position: absolute; font-size: 18px; text-decoration: none}

.textohuerta {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color:  black; position: absolute; text-decoration: none; font-size: 11px; width:38%; margin-left: 200px}




/* Reapertura cine */

.imgreapertura {position: relative}

.textoreapertura { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 11px; color: black; position: absolute; text-decoration: none; margin-top: 80px; margin-left: 200px}

.reaperturadelcine {width: 28%; position: relative; float: left; margin-top: 0px; margin-left:5%}
.reapertura { font-family: 'Source Sans Pro', sans-serif; font-weight: bold; font-size: 18px; margin-top: 20px; margin-left: 200px; color: #c4d4b7; position: absolute; text-decoration: none}
.cine.reapertura { position: relative; bottom: 0px}








/* Aside */

aside {width: 25%; min-height: 300px; position: relative; float: left}


/* twitter */
.twitter {margin-left: 0%; margin-top: 10%}

.tw1 {font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; margin-top: 30px;margin-left: 70px; color: black; position: absolute;}

.tw2 {font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; margin-top: 112px;margin-left: 70px; color: black; position: absolute;}

.tw3 {font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; margin-top: 195px;margin-left: 70px; color: black; position: absolute;}

.tw4 {font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; margin-top: 277px;margin-left: 70px; color: black; position: absolute;}


.seguinosen {font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: black; position: relative; bottom: 35px; left: 15px}



/* Chat */
.comunidadchat { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 18px; color: #fff; text-decoration: none; position: absolute; margin-top: 25px; margin-left: 100px}
.iconochat {position: absolute; margin-top: 25px; margin-left: 15px}
.registratechat {position: absolute; bottom: 5.5%; right: 18%}

.usuario {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 16px; color: #fff; text-decoration: none;position: absolute; margin-top: 42%; margin-left: 15px}

.contraseña {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 16px; color: #fff; text-decoration: none;position: absolute; margin-top: 58%; margin-left: 15px}

 



/*Footer */
.separador {width: 100%; clear: both}

footer {width: 100%; height: 30px; background: #ffefcf; text-align: center;font-size: 12px; }