@font-face{
    font-family:"Bebas";
	src:url(fonts/BebasNeue-webfont.ttf), url(fonts/BebasNeue-webfont.otf), url(fonts/BebasNeue-webfont.eot);
}

*{
	margin:0px;
	padding:0px;
}

html{
	height:100%;
}

body{
    overflow: hidden;
	text-align: center;
	font-family:"Bebas",Arial,"Helvetica";
	color:#333;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

h1{
	font-size:2em;
	font-family: 'Press Start 2P', cursive;
	padding:5px;
	color:#5f0f08;
	text-shadow:2px 2px 2px #cf756c,3px 3px 2px #9D1D11,4px 4px 2px #77160D, 5px 5px 2px rgb(30,30,30),6px 6px 2px #370A06,7px 7px 2px #000;
}

p{
	padding:10px;
	font-size:18px;
}

#game{
    margin: auto;
    /*width: 800px;
    height: 600px;*/    
    box-shadow:10px 10px 10px rgba(9, 43, 95, 0.8);
}

a{
	color: inherit;
	text-decoration: none;
}

#loadGame{
	position: absolute;
}

#porcentaje{
	font-weight:bolder;
	color:#000;
	font-size:24px;
	position: absolute;
	z-index:10;
}

#wrapper{
	display:none;
}

#game, #anuncio{
	display: inline-block;
	vertical-align: middle;
}