*{margin:0;padding:0;list-style:none;text-decoration:none}body{position:relative;background-color:#172025;background-image:url(../img/intro/back.svg);background-repeat:repeat-x;background-position:top;overflow:hidden}
#marco{position:absolute;width:1060px;height:560px;border-radius:10px 10px 0 0;box-shadow:0 5px 10px black;background:#172025;top:-30px;left:50%;margin-left:-530px}
#contenedor{position:relative;margin:5vh auto;width:1000px;height:500px;background:white}#contenedor #ingreso{position:absolute;width:1000px;height:500px;top:0;left:0;background:url(../img/intro/ingreso.svg)}
#contenedor #ingreso #ingresoFacebook{position:absolute;width:300px;top:300px;left:50%;margin-left:-150px;cursor:pointer}#contenedor #ingreso #ingresoFacebook img{width:50px;height:50px;float:left}
#contenedor #ingreso #ingresoFacebook button{width:249px;height:50px;margin-left:1px;border:0;background:#3b5998;color:white;font-size:16px;cursor:pointer}
#contenedor #inicio{position:absolute;width:1000px;height:500px;top:0;left:0;background:url(../img/intro/inicio.svg);font-family:'Patrick Hand',cursive}
#contenedor #inicio #cerrarSesion{position:absolute;right:0;text-align:center;color:white;top:-25px;cursor:pointer}#contenedor #inicio #saludo{position:absolute;left:50%;width:1000px;text-align:center;margin-left:-500px;color:white}
#contenedor #inicio .niveles{float:left;position:relative;width:33.33%;height:300px;margin-top:200px;text-align:center}#contenedor #inicio .niveles .puntaje{position:absolute;top:-120px;left:50%;width:100%;margin-left:-50%;color:white;font-size:20px}
#contenedor #inicio .niveles button{display:block;width:100px;margin:10px 0;padding:10px;border:0;background:#131c17;color:white;font-size:20px;border-radius:10px 0 10px 0;font-family:'Patrick Hand',cursive;cursor:pointer}
#contenedor #inicio .niveles button:hover{width:120px;margin:15px 0;transition:all .1s}#contenedor #inicio .niveles button:active{background:green}#contenedor #inicio .niveles .puntajes{background:rgba(0,0,0,.8);padding:10px;margin:10px;border-radius:10px;color:yellow}
#contenedor #inicio .niveles .puntajes ul li{display:inline-block;width:30%;margin:20px 2px 5px 2px}#contenedor #inicio .niveles .puntajes ul li img{border-radius:100%;width:30px}
#contenedor #inicio .niveles .puntajes ul li h3{font-weight:100;color:white}#contenedor #inicio .niveles .puntajes ul li h2{font-weight:100}#contenedor #lienzo{display:none}
#btnAmpliar{display:none;position:relative;width:150px;padding:10px 5px;background:green;color:white;text-align:center;line-height:20px;border-radius:0 0 10px 10px;cursor:pointer;font-family:'Patrick Hand',cursive}
#contenedor #tablero{display:none;position:absolute;top:0;left:0;width:1000px;height:60px;background:rgba(0,0,0,.5);font-family:'Patrick Hand',cursive}
#contenedor #tablero #vidas{position:absolute;top:0;left:0;width:220px;height:60px;color:white;font-size:20px}#contenedor #tablero #vidas p{float:left;line-height:60px;padding-left:10px;width:50px;font-weight:bold}
#contenedor #tablero #vidas ul{float:left;width:140px;height:70px;margin-left:10px}#contenedor #tablero #vidas ul li{margin:8px 2px;float:left;width:40px;height:40px;border-radius:100%;line-height:40px;background:rgba(255,255,255,.5);text-align:center}
#contenedor #tablero #vidas ul li img{padding-top:7px;width:60%}#contenedor #tablero #energia{position:absolute;top:0;left:220px;width:340px;height:60px;color:white;font-size:20px}
#contenedor #tablero #energia p{float:left;line-height:60px;padding-left:10px;width:50px;font-weight:bold}#contenedor #tablero #energia progress{float:left;width:200px;margin-top:20px;margin-left:30px}
#contenedor #tablero #energia span{float:left;line-height:60px;padding-left:5px}#contenedor #tablero #monedas{position:absolute;top:0;left:560px;width:200px;height:60px;color:white;font-size:20px}
#contenedor #tablero #monedas p{float:left;line-height:60px;padding-left:20px;width:50px;font-weight:bold}#contenedor #tablero #monedas span{float:left;line-height:60px;padding-left:30px;font-weight:bold}
#contenedor #tablero #spriteMoneda{float:left;margin-top:5px;margin-left:10px;width:50px;height:50px;background-image:url(../img/utileria/monedas.png);background-position:0 0;background-size:cover}
#contenedor #tablero #sonido{position:absolute;top:0;right:80px;width:150px;height:60px;color:white;font-size:20px}#contenedor #tablero #sonido p{float:left;line-height:60px;padding-left:5px;width:50px;font-weight:bold}
#contenedor #tablero #sonido ul{float:left;width:65px;height:70px;margin-left:30px}#contenedor #tablero #sonido ul li{float:left;width:8px;height:20px;background:white;margin:19px 3px;cursor:pointer}
#contenedor #tablero #sonido ul li:first-child{height:7px;margin-top:32px}#contenedor #tablero #sonido ul li:nth-child(2){height:14px;margin-top:25px}
#contenedor #tablero #salida{position:absolute;top:0;right:0;width:80px;height:60px;color:white;font-size:20px;text-align:center}#contenedor #tablero #salida button{width:50px;font-weight:bold;border:0;margin-top:15px;padding:5px;background:black;color:white;font-family:'Patrick Hand',cursive;cursor:pointer;border-radius:2px}
#contenedor #gameover{display:none;position:absolute;top:0;left:0;width:1000px;height:500px;z-index:1;background:rgba(0,0,0,1);font-family:'Patrick Hand',cursive;color:white}
#contenedor #gameover h1{line-height:500px;text-align:center}#contenedor #final{display:none;position:absolute;top:0;left:0;width:1000px;height:500px;z-index:1;background:rgba(0,0,0,.9);font-family:'Patrick Hand',cursive;color:white}
#contenedor #final #btnCompartir{cursor:pointer}#contenedor #final h1{margin-top:2%;text-align:center;font-size:55px}#contenedor #final ul{position:absolute;width:80%;height:200px;top:50%;left:10%}
#contenedor #final ul li{float:left;padding:20px 0;height:150px;width:30%;margin:0 1%;text-align:center;font-size:20px;background:rgba(100,0,0,.5);border-radius:20px}
#contenedor #final #spriteMonedaFinal{position:relative;left:50%;margin-left:-40px;width:80px;height:80px;background-image:url(../img/utileria/monedas.png);background-position:0 0;background-size:cover}
#contenedor #final ul li ol li{background:rgba(0,0,0,0);height:45px}#contenedor #final ul li ol li img{width:60%}#contenedor #carga{display:none;position:absolute;top:0;left:0;width:1000px;height:500px;background:black;text-align:center;font-size:40px;color:white;opacity:1;transition:opacity 1s ease;font-family:'Patrick Hand',cursive}
#contenedor #carga #preload{padding-top:17%}footer{position:relative;padding:8px;font-family:sans-serif;color:rgba(255,255,255,.5);font-size:12px}footer a{color:white}
#vertical{display:none}@media all and (orientation:portrait){#contenedor{display:none}#vertical{display:block;position:fixed;width:100%;height:100vh;z-index:1;background:url(../img/vertical.jpg);background-size:cover;background-position:center}
}#instruccionesTouch{display:none}#ingresoSinFacebook{display:none}#controles{display:none}@media only screen and (max-width:1024px){#ingresoFacebook,#btnCompartir{display:none}
#instruccionesTouch{display:block;position:relative;width:800px;height:auto;margin:auto;z-index:1;border:20px solid #000;border-radius:10px}#instruccionesTouch button{position:absolute;width:50px;height:50px;right:-30px;top:-30px;border-radius:100%;color:white;background:#000;border:5px solid white}
#instruccionesTouch img{width:100%}#ingresoSinFacebook{display:block;position:absolute;width:300px;top:280px;left:50%;padding:20px;background:rgba(0,0,0,.5);margin-left:-150px}
#ingresoSinFacebook input{padding:10px;width:92%;margin:5px 0;border:2px solid silver}#ingresoSinFacebook button{padding:10px;width:92%;margin:5px 5%;border:0;background:#009;color:white}
#izquierda{position:absolute;left:60px;bottom:25px;width:80px;height:80px;background:url(../img/touch/controlFlecha.svg)}#derecha{position:absolute;left:180px;bottom:25px;width:80px;height:80px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);background:url(../img/touch/controlFlecha.svg)}
#arriba{position:absolute;right:60px;bottom:25px;width:80px;height:80px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);background:url(../img/touch/controlFlecha.svg)}
#disparo{position:absolute;right:180px;bottom:25px;width:80px;height:80px;background:url(../img/touch/controlDisparo.svg)}}