@CHARSET "ISO-8859-1";


::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 0px;
  
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
  border: 0px none #ffffff;
  border-radius: 0px;
}

 
    
body{
background-color:#999999;	
background-attachment: scroll;
background-image:url(bomb.png);
background-position: initial;
background-repeat: repeat;
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	user-select: none; 
	cursor: default;
}
.top{
	
	transition: left 1s;
	transition-timing-function: ease_out;
	//display:none;
	font-family: bebas;
	font-size:30px;
	box-sizing: border-box;
	width:100%;
	//background-color:rgba(55, 184, 235, 0.67);
	
//	background: -webkit-linear-gradient(top, rgba(55, 184, 235, 0.0) , rgba(55, 184, 235, 1)); /* For Safari 5.1 to 6.0 */
    //background: -o-linear-gradient(top, rgba(55, 184, 235, 0.0) , rgba(55, 184, 235, 1)); 
    //background: -moz-linear-gradient(top, rgba(55, 184, 235, 0.0) , rgba(55, 184, 235, 1)); 
    //background: linear-gradient(to top, rgba(55, 184, 235, 0.0)  ,  rgba(55, 184, 235, 1)); 
	
	margin:0px;
	position:fixed;
	padding:5px;
	left:-100%;
	top:0px;
	
	opacity:1;
	
	
}

@font-face {
   font-family: bebas;
   src: url(asdf11.ttf);
}


.main{
	text-align:center;
	//box-shadow:0px 5px 0px  #0f85ac;
	position:absolute;
	left:5%;
	top:50px;
	bottom:50px;
	//border-radius: 25px;
	//box-shadow:0px 5px 5px  #575757;
	
	//background-color: #37B8EB;
	background-color:rgba(55, 184, 235, 0.5);
	width:90%;
	overflow-y:scroll;
	overflow-x: hidden;
	//padding-bottom:5px; 
}
.relog{ 	
	
	position :absolute;
	left:25%;
	
	
	text-shadow:0px 0px 10px  black;
	//#2884a6;
	//padding-right:20px;
	
	float:left;
	text-align:center;
	//font-family:bebas;
	//position:fixed;
	
	
	
	
		color:#feafea;
		-webkit-text-stroke: 1px black;///////
	
		background-color: #37B8EB;
	
	
}
.bombr{ 	
	
		position :absolute;
		left:60%;
	
	text-shadow:0px 0px 10px  black;
	
	float:left;
	text-align:center;
	//font-family:bebas;
	//position:fixed;
	
	
	
	
		color:#feafea;
		-webkit-text-stroke: 1px black;///////
	
		background-color: #37B8EB;
	
	
}
.titulo_juego, .boton , .instrucciones{
	
	
	font-family:bebas;

		
	padding:5px;
	padding-right:20px;
	padding-left:20px;
	
	text-align: center;
	background-color:  #8BCAE3;
	margin:15px;
	margin-bottom:20px;
	font-size:25px;
	color:#feafea;
	-webkit-text-stroke: 1px black;
	
}
.instrucciones{
		background-color:rgba(0,0,0,0);
		color:black;
		-webkit-text-stroke: 0px black;
		font-size:9px;
		//opacity:0.5
}
	
.mejor-tiempo{
	font-size:17px;
	-webkit-text-stroke: 0px black;
	color:black;
	
}
.boton:active{
	
		background-color:  #BAE1F0;
	
}
#bandera:active{
	
		background-color:  #BAE1F0;
	
}

#menu:active{
	
		background-color:  #BAE1F0;
	
}

.titulo_juego{
		font-size:35px;
	
	background-color:rgba(0,0,0,0);
	box-shadow:0px 5px 0px rgba(0,0,0,0);
	
}
#menu{    
	//cursor: pointer;
	//border-radius: 15px;
		//box-shadow:5px 5px 5px  #2884a6;
	
		text-align:center;
		width: 50px;
	
	
	display:inline;
	float:right;
	//padding:7px;	
	
	background-color: #37B8EB;
	//width: 10%;
	
			box-shadow:0px 5px 0px  gray;
	
	
}
#bandera{
	//cursor: pointer;
	//border-radius: 15px;
		//box-shadow:5px 5px 5px  #2884a6;
	
	text-align:center;
	text-shadow:0px 0px 0px  red;
	color:LightCoral;
	display:inline;
	float:left;

	background-color: #37B8EB;
	width: 50px;
	
			box-shadow:0px 5px 0px  gray;
	
}

.fondo{
	
	opacity:1.0;
	transition: left 1s;
	transition-timing-function: ease_out;
	//overflow:visible;
	padding:0px;
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	//background-color: rgba(0,0,0,0);
	
	
	
}

#menu_inicial{


}

#menu_clasico{
	
		
	left:-100%;
	
}

#pausa{
	left:-100%;
	
	
	
}

#menu_perdio{	
	left:-100%;
}
#menu_gano_challenge{
	left:-100%;	
}

#menu_gano{
	left:-100%;
}
#menu_challenge{
	
	left:-100%;
}

#final{
	display:none;
	background-color: rgba(100,100,100,0.5);
	
}




#facil{
	color:#4EFF68;
	
}

#medio{
	color:#f2ff4f;
	
}

#dificil{
	color:#ff4f4f;;
	
}


#canvas{
	
	padding:0px;
	transition:left 1s;
	transition-timing-function: ease_out;
	opacity:1;
	position:fixed;
	left:-100%;
	margin:0px;
	
	
}