.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;}
 /* Adjust the line-height for all headlines that have been given the
           slabtext treatment. Use a unitless line-height to stop sillyness */
		    
              @font-face{
	font-family:'titulo';
	src: url('fonts/Strong_Regular.otf')   format('opentype');
	font-weight: lighter;			   
			  }

  @font-face{
	font-family:'tercera';
	src: url('fonts/impact.otf')   format('opentype');
	font-weight: lighter;			   
			  }
	/* es podrien fer servir varies tipografies		
			   @font-face{
	font-family:'textos';
	src: url('fonts/impact')   format('opentype');
	font-weight: lighter; 
			  }*/

p {
	
	font-family:"titulo" ,sans-serif;
	font-size: 30px;
	line-height: 1;
        font-weight: normal;
	color: #00ffec;
	/* Por si vull fer recuadres:
	background-color:#000000;
	opacity:0.9;
	padding: 10px 5px 5px 10px;
	alignment-adjust:central;*/
}

#titulo{
position:relative;
	top: 190px;
	width: 200px;
	margin: 150px 50px 50px 50px;
	font-family:"titulo" ,sans-serif;
	font-size: 20px;
	line-height: 2;
	left: 0px;
	text-transform:uppercase;
	font-weight: normal;
	color: #ffffff;
		
}
#titulo2{
        position:relative;
	top: -150px;
	left: -300px;
	 width: 1100px;
  height: 687px;
  background: url("images_a/dibujo_textos_0.png") no-repeat center;
  background-size: contain;
		
}
#creditos{
	position:relative;
	top: 140px;
	left: 0px;
	width: 200px;
	margin: 15px 50px 50px 50px;
	font-family:"titulo" ,sans-serif;
	font-size: 15px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	
}
#logo {
	position: relative;
	top: 200px;
	left: 350px;
	height: 108px;
	width: 181px;
	pointer-events: auto;
	background: transparent url('images_a/logo_bomb.png') no-repeat;
	background-size: contain;
}
.imagen-fija {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
  pointer-events: auto;

}
.imagen-fija img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Posiciones específicas */

#copyright {
  width: 180px;
  height: 40px;
  top: 1260px;
  left: 370px;
 opacity: 1;
  background: transparent url('images_a/copyright.gif') no-repeat;
}

#oneinkarmy {
  width: 100px;
  height: 40px;
  top: 1260px;
  left: 550px;
 opacity: 0.9;
  background: transparent url('images_a/logo.png') no-repeat;
}

	

#boton-play {
       	 
        top: 50px;
        left: 500px;
	width: 80px; /* Ajusta el tamaño según la imagen */
        height: 80px;
        pointer-events: auto;
        }
#boton-stop {
       	 
        top: 50px;
        left: 590px;
	width: 80px; /* Ajusta el tamaño según la imagen */
        height: 80px;
        pointer-events: auto;
	
        }


.texto_negrita_negro{
	position: relative;
	top: 200px;
	left: 0px;
	width: 500px;
  	height: 100px;
	margin: 15px 50px 50px 50px;
	font-family:"tercera" ,sans-serif;
	font-size: 40px;
	line-height: 4;
	text-transform:uppercase;
	font-weight: normal;
	color: #000000;		
}
#texto_negrita_negro_1{
	top: 50px;
	left: 1850px;
	width: 700px;
	height: 300px;
	background: url("images_a/dibujo_textos_2.png") no-repeat center;
  	background-size: contain;	
}
#texto_negrita_negro_2{
	left: 5500px;	
	background: url("images_a/dibujo_textos_6.png") no-repeat center;
	background-size: contain;
}
#texto_negrita_negro_3{
	top: 220px;
	left: 6550px;
	width: 600px;
	height: 300px;	
	background: url("images_a/dibujo_textos_7.png") no-repeat center;
  	background-size: contain;
}			

.texto_negrita_blanco{
	position: relative;
	top: 200px;
	left: 0px;
	width: 500px;
	height: 100px;
	margin: 15px 50px 50px 50px;
	font-family:"tercera" ,sans-serif;
	font-size: 40px;
	line-height: 4;
	text-transform:uppercase;
	font-weight: normal;
        color: #ffffff;	
}

#texto_negrita_blanco_1
{
	left: 800px;
	width: 600px;
	height: 200px;
	background: url("images_a/dibujo_textos_1.png") no-repeat center;
	background-size: contain;
}	

#texto_negrita_blanco_2
{	
left: 2350px;
width: 450px;
height: 300px;
  background: url("images_a/dibujo_textos_3.png") no-repeat center;
  background-size: contain;


}	
#texto_negrita_blanco_3{
left: 3400px;  
width: 400px;
height: 300px;
  background: url("images_a/dibujo_textos_4.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_4{
left: 4500px;
width: 600px;
height: 400px;
  background: url("images_a/dibujo_textos_5.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_5{
left: 6600px;
  background: url("images_a/dibujo_textos_8.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_6{
top: 100px;
left: 6750px;
width: 450px;
height: 280px;
  background: url("images_a/dibujo_textos_9.png") no-repeat center;
  background-size: contain;


}	
#texto_negrita_blanco_7{
left: 7950px;
width: 500px;
height: 400px;
  background: url("images_a/dibujo_textos_10.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_8{
top: 250px;
left: 8225px;
width: 770px;
height: 300px;
  background: url("images_a/dibujo_textos_11.png") no-repeat center;
  background-size: contain;

	
}	
#texto_negrita_blanco_9{
left: 9100px;
width: 700px;
height: 200px;
  background: url("images_a/dibujo_textos_12.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_10{
left: 10700px;
  background: url("images_a/dibujo_textos_13.png") no-repeat center;
  background-size: contain;
}	
#texto_negrita_blanco_11{
left: 11700px;
  /*background: url("images_a/dibujo_textos_14.png") no-repeat center;*/
  /*background-size: contain;*/


}

#texto_negrita_blanco_12{
left: 12300px;
 /* background: url("images_a/dibujo_textos_15.png") no-repeat center;*/
 /* background-size: contain;*/
}
	
.slabtexted p
            {
	line-height:3;
	font-weight:lighter;
			}
body {
  margin: 0px;
  padding: 0px;
	background-color: rgb(255,255,255);
	color: white;
}
.container {
	position: absolute;
	
	left: 0px;
	right: 0px;
	margin: 0px auto 0px auto;
	padding: 0px;
	top: 0px;
	 width: 768px;
	height: 1300px;
	color: white;
	background-color: rgb(255,255,255);
	overflow: hidden;
}
#parallax {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: absolute;
	color: white;
    width: 768px;
	height: 1300px;
	background-color: transparent;
	cursor: move;
    z-index: 4;
}
#layer1 {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: absolute;
	color: white;
	height: 1300px;
	
	cursor: move;
    	z-index: 3;
}
#layer2 {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: absolute;
	color: white;
	height: 1300px;
	cursor: move;

   	
	z-index: 2;
}
#layer3 {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: absolute;
	color: white;
	height: 100%;
	cursor: move;
       

	z-index: 1;
}

}
.panel {
	float:left;
	margin: 0px;
	padding: 0px;
	height: 1300px;
        width: 700px;
        background-color: transparent;
}
.content {
    position: relative;
    float: left;
    
}
/* primeros fondos */
#fondo_1 {
	position: absolute;
	top:0px;
	float:left;
	left: 0px;
        width: 768px;
        height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_0.gif') no-repeat;
	background-size: cover;
}
#fondo_2 {
	position: absolute;
	top:0px;
	float:left;
	left: 768px;
 	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_1.gif') no-repeat;
	background-size: cover;
}
#fondo_3 {
	position: absolute;
	top:0px;
	float:left;
	left: 1536px;
  	width: 768px;
   	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_2.gif') no-repeat;
	background-size: cover;
}
#fondo_4 {
	position: absolute;
	top:0px;
	float:left;
	left: 1854px;
  	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_3.gif') no-repeat;
	background-size: cover;
}
#fondo_5 {
	position: absolute;
	top:0px;
	float:left;
	left: 2622px;
   	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_4.gif') no-repeat;
	background-size: cover;
}
#fondo_6 {
	position: absolute;
	top:0px;
	float:left;
	left: 3390px;
  	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_5.gif') no-repeat;
	background-size: cover;
}
#fondo_7 {
	position: absolute;
	top:0px;
	float:left;
	left: 4158px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_6.gif') no-repeat;
	background-size: cover;
}
#fondo_8 {
	position: absolute;
	top:0px;
	float:left;
	left: 4926px;
 	width: 768px;
   	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_7.gif') no-repeat;
	background-size: cover;
}
#fondo_9 {
	position: absolute;
	top:0px;
	float:left;	
	left: 5504px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_8.gif') no-repeat;
	background-size: cover;
}
#fondo_10 {
	position: absolute;
	top:0px;
	float:left;
	left: 6272px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_9.gif') no-repeat;
	background-size: cover;
}
#fondo_11 {
	position: absolute;
	top:0px;
	float:left;
	left: 7040px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_10.gif') no-repeat;
	background-size: cover;
}
#fondo_12 {
	position: absolute;
	top:0px;
	float:left;
	left:7808px;
 	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_11.gif') no-repeat;
	background-size: cover;
}
#fondo_13 {
	position: absolute;
	left: 8170px;
	top:0px;
	float:left;
	width: 758px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_12.gif') no-repeat;
	background-size: cover;
}
#fondo_14 {
	position: absolute;
	top:0px;
	float:left;
	left: 8928px;
 	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_13.gif') no-repeat;
	background-size: cover;
}
#fondo_15 {
	position: absolute;
	top:0px;
	float:left;
	left: 9629px;
 	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_14.gif') no-repeat;
	background-size: cover;
}
#fondo_16 {
	position: absolute;
	top:0px;
	float:left;
	left: 10395px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_15.gif') no-repeat;
	background-size: cover;
}
#fondo_17 {
	position: absolute;
	top:0px;
	float:left;
	left: 10920px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_16.gif') no-repeat;
	background-size: cover;
}
#fondo_18 {
	position: absolute;
	top:0px;
	float:left;
	left: 11688px;
	width: 790px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_17.gif') no-repeat;
	background-size: cover;
}
#fondo_19 {
	position: absolute;
	top:0px;
	float:left;
	left: 12456px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_18.gif') no-repeat;
	background-size: cover;
}
#fondo_20 {
	position: absolute;
	top:0px;
	float:left;
	left: 13224px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_19.gif') no-repeat;
	background-size: cover;
}
#fondo_21 {
	position: absolute;
	top:0px;
	float:left;
	left: 13750px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_20.gif') no-repeat;
	background-size: cover;
}
#fondo_22 {
	position: absolute;
	top:0px;
	float:left;
	left: 14518px;
	width: 768px;
   	 height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_21.gif') no-repeat;
	background-size: cover;
}
#fondo_23 {
	position: absolute;
	top:0px;
	float:left;
	left: 15286px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_22.gif') no-repeat;
	background-size: cover;
}
#fondo_24 {
	position: absolute;
	top:0px;
	float:left;
	left: 16054px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_23.gif') no-repeat;
	background-size: cover;
}
#fondo_25 {
	position: absolute;
	top:0px;
	float:left;
	left: 16640px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_24.gif') no-repeat;
	background-size: cover;
}
#fondo_26 {
	position: absolute;
	top:0px;
	float:left;
	left: 17408px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_25.gif') no-repeat;
	background-size: cover;
}
#fondo_27 {
	position: absolute;
	top:0px;
	float:left;
	left: 18176px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_26.gif') no-repeat;
	background-size: cover;
}

#fondo_28 {
	position: absolute;
	top:0px;
	float:left;
	left: 18944px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_27.gif') no-repeat;
	background-size: cover;
}
#fondo_29 {
	position: absolute;
	top:0px;
	float:left;
	left: 19530px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_28.gif') no-repeat;
	background-size: cover;
}
#fondo_30 {
	position: absolute;
	top:0px;
	float:left;
	left: 20298px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_29.gif') no-repeat;
	background-size: cover;
}
#fondo_31 {
	position: absolute;
	top:0px;
	float:left;
	left: 21066px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_30.gif') no-repeat;
	background-size: cover;
}#fondo_32 {
	position: absolute;
	top:0px;
	float:left;
	left: 21834px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_31.gif') no-repeat;
	background-size: cover;
}#fondo_33 {
	position: absolute;
	top:0px;
	float:left;
	left: 22200px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_32.gif') no-repeat;
	background-size: cover;
}
#fondo_34 {
	position: absolute;
	top:0px;
	float:left;
	left: 22968px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_33.gif') no-repeat;
	background-size: cover;
}
#fondo_35 {
	position: absolute;
	top:0px;
	float:left;
	left: 23736px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_34.gif') no-repeat;
	background-size: cover;
}
#fondo_36 {
	position: absolute;
	top:0px;
	float:left;
	left: 24504px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_35.gif') no-repeat;
	background-size: cover;
}
#fondo_37 {
	position: absolute;
	top:0px;
	float:left;
	left: 25272px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_36.gif') no-repeat;
	background-size: cover;
}
#fondo_38 {
	position: absolute;
	top:0px;
	float:left;
	left: 26040px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_37.gif') no-repeat;
	background-size: cover;
}
#fondo_39 {
	position: absolute;
	top:0px;
	float:left;
	left: 26808px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_38.gif') no-repeat;
	background-size: cover;
}
#fondo_40 {
	position: absolute;
	top:0px;
	float:left;
	left: 27574px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_39.gif') no-repeat;
	background-size: cover;
}

#fondo_41 {
	position: absolute;
	top:0px;
	float:left;
	left: 28200px;
	width: 768px;
    	height: 1263px;
	pointer-events: auto;
	background: transparent url('images_a/image_a_40.gif') no-repeat;
	background-size: cover;
}

.texto_negrita_blanco,
.texto_negrita_negro {
  font-size: 0;
  line-height: 0;
  color: transparent;
}