#mySplash{
			width:100%;
			height:100%;
			background:#112233;
			font-family: 'Roboto';
			font-size: 2vh;
}
#titulo{ width:100%;
		 height:15%;
		 background:#223344;
		 font-size: 4em;

}
#categoria{width:100%;
		   height:15%;
		   background:#334455;
		   font-size: 2.5em;
}
#tiempoRes{width:100%;
		   height:30%;
		   background:#445566;
		   font-size: 6em;
}
#minRes{width:50%;
		height:100%;
		background:#445566;
		font-size: 1em;
		float:left;
		position:relative;
}
#segRes{width:50%;
		height:100%;
		background:#556677;
		font-size: 1em;
		float:left;
		position:relative;
}
#gameInfo{width:100%;
		   height:25%;
		   background:#445566;
		   font-size: 4em;
}
#nivelActual{width:50%;
		height:100%;
		background:#556677;
		font-size: 1em;
		float:left;
		position:relative;
}
#qActual{width:50%;
		height:100%;
		background:#445566;
		font-size: 1em;
		float:left;
		position:relative;
}
#controles{width:100%;
		   height:15%;
		   background:#778899;
		   font-size: 2.5em;
}
#config{width:25%;
		height:100%;
		float:left;
		position:relative;
		background:#8899AA;
		font-size: 2.5em;
}
#startButton{width:75%;
			 height:100%;
			 float:left;
			 position:relative;
			 background:#99AABB;
			 font-size: 1.5em;
			 
}
#biniciarJuego{
	background-image: url('../img/iniciar.svg');
	background-repeat: no-repeat;
    background-size: contain;	
	background-position: center;
	background-color:#d2ff52;
	border: none;
	
}
#toggleSound{
	background-image: url('../img/music-on.svg');
	background-repeat: no-repeat;
    background-size: contain;	
	background-position: center;
	background-color:#8899AA;
	margin: auto;
	border: none;	
}
/* Codigo para el loader */
#loadScreen{
	width: 100%;
	height:100%;
    position: relative;
	opacity:1;
	background: #eee url('../img/patron-fondo.png');

    /*centrado del boton del splash*/
}
.loading {
  display: inline-block;
  margin: 5em;
  border-width: 30px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
     -moz-animation: spin 1s linear infinite;
       -o-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  }
/*Tres estilos disponibles para cambiar*/
.estilo-1 {
  border-style: solid;
  border-color: #444 transparent;
  }

.estilo-2 {
  border-style: double;
  border-color: #444 transparent;
  }

.estilo-3 {
  border-style: double;
  border-color: #444 #fff #fff;
  }

@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(359deg); }
  }

@-moz-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
  }

@-o-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
  }

@keyframes spin {
  100% {  transform: rotate(359deg); }
  }
/*Splash screen FIN*/