html{margin:0px auto; padding:0px; text-align:center; background:#000;}
#contenedor_general{display:block; width:100%; margin:0px auto; padding:0px; text-align:center; }
header{display:block; width:100%; margin:0px auto; padding:0px; text-align:center; height:80px;}
footer{display:block; width:100%; margin:0px auto; padding:0px; text-align:center; background:#fff; padding:20px 0 20px 0;
-moz-box-shadow: 0px 0px 30px #000; 
-webkit-box-shadow: 0px 0px 30px #000; 
box-shadow: 0px 0px 30px #000;
}
#cuerpo{display:block; width:100%; margin:0px auto; padding:0px; text-align:center; background:url(../img/fondo.jpg); padding-bottom:30px;}

@font-face {
    font-family: "MiFuente";
    src: url(../fonts/Comfortaa-Bold.ttf) format("truetype");
}


#sub_cuerpo{ display:inline-block; }
#sub_cuerpo #slider{ max-width:1200px; display:block;
-moz-box-shadow: 0px 0px 30px #000; 
-webkit-box-shadow: 0px 0px 30px #000; 
box-shadow: 0px 0px 30px #000;
}
#sub_cuerpo #botones_store{width:100%; display:block; }
#sub_cuerpo #botones_store ul{display:block; list-style:none;  margin:0px auto; padding:0px; text-align:center; padding-top:10px; padding-bottom:10px;}
#sub_cuerpo #botones_store ul li{display:inline-block; vertical-align:middle; width:200px; margin:10px; }
.bstore{width:100%; background:#000; display:block;  margin:0px auto; padding:0px; text-align:center; border-radius:10px;}
.bstore img{width:100%; display:inline-block; border:none;}
.bstore:hover{width:100%; background:#002B64; display:block;}

#sub_cuerpo #video_juego{width:100%; display:block; background:url(../img/video_28.png) no-repeat; padding:10px 0 10px 0;}
#sub_cuerpo #video_juego video{width:500px; margin:0px auto; display:inline-block;}

#static_header{display:block; background:#fff; height:80px; position:fixed; left:0; top:0; z-index:2;
-moz-box-shadow: 0px 0px 30px #000; 
-webkit-box-shadow: 0px 0px 30px #000; 
box-shadow: 0px 0px 30px #000;
}

#logo{display:block; text-align:center; position:fixed; left:0; top:0; z-index:3; border-radius:5px; background:#fff;
   -webkit-box-shadow: 0 10px 6px -6px #000;
                -moz-box-shadow: 0 10px 6px -6px #000;
                box-shadow: 0 10px 6px -6px #000;
}
#logo img{display:inline-block; vertical-align:middle; width:80%; margin-top:10px;}
#slogan{display:block;  position:fixed; left:0; top:0; z-index:4;}
#slogan #titulo_app{display:block;  text-align:left; color:#000; font-size:30px; margin-top:30px; margin-left:10px; font-family: "MiFuente";}


#sub_cuerpo #banner_sociales{width:100%; display:block;  margin-top:15px;}
#sub_cuerpo #banner_sociales #banner{display:inline-block; vertical-align:middle; width:77%}
#sub_cuerpo #banner_sociales #banner img{width:100%; display:inline-block;}
footer #btn_social{display:block; vertical-align:middle; width:100%;}
footer #btn_social ul{display:block; list-style:none;  margin:0px auto; padding:0px; text-align:center; padding-top:15px; }
footer #btn_social ul li{display:inline-block; vertical-align:middle; margin:3px; width:50px; }
.btn_soc{width:100%; background:#C4C4C4; display:block;  margin:0px auto; padding:0px; text-align:center; height:50px; border-radius:25px; }
.btn_soc img{width:100%; display:inline-block; border:none;}
.btn_soc:hover{width:100%; background:#B0B0B0; display:block;}


@media screen and (max-width: 800px){
	#slogan{display:block;  position:fixed; left:0; top:0; z-index:4;}
#slogan #titulo_app{display:block;  text-align:left; color:#000; font-size:25px; margin-top:40px; 
width: 550px;
height: 100px;
white-space: normal;}
}
@media screen and (max-width: 600px){
	#slogan{display:block;  position:fixed; left:0; top:0; z-index:4;}
#slogan #titulo_app{display:block;  text-align:left; color:#000; font-size:23px; margin-top:20px;
width: 340px;
height: 100px;

white-space: normal;}
#sub_cuerpo #video_juego video{width:300px; margin:0px auto;}
}
@media screen and (max-width: 380px){
	#slogan{display:block;  position:fixed; left:0; top:0; z-index:4;}
#slogan #titulo_app{display:block;  text-align:left; color:#000;
	font-size: 20px;
	margin-top: 25px;
	


width: 230px;
height: 80px;


	white-space: normal;
}
#sub_cuerpo #video_juego video{width:100%; margin:0px auto;}
footer #btn_social ul li{ width:40px; }
.btn_soc{ height:40px; border-radius:20px; }
}