/* CSS Document */
*{ margin:0; padding:0; border:0;  -webkit-text-size-adjust: none;-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);	}



strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif;}
.menu{ display:none; }
.menu_ipad{ position:absolute; left:0; top:60px; display:block; z-index:100;}
.logo_ipad{ position:fixed;  right:2%;  z-index:140;  }
.logo{ display:none;  }
	

.loading{ width:451px; height:113px; padding:0 0 0 40px; background-image:url(../images/juego/fd_loading.png); background-repeat:no-repeat; position:absolute; z-index:100; text-align:center; top:520px; right:0px;  display:block;}
.loading .puntos{ width:300px; margin:30px auto; text-align:center; font-family:'ToyotaDisplayBold', Arial, Verdana;  font-size:22px; color:#fff; }
.loading .puntos img{ margin:5px 0 0 0; vertical-align:middle; }

#play{  position:absolute; z-index:100; top:520px; right:0px; z-index:99;  }

#menu_juego{ width:431px; height:113px; padding:0 0 0 60px; background-image:url(../images/juego/fd_menu.png); background-repeat:no-repeat; position:absolute; z-index:100; text-align:left; top:520px; right:0px; z-index:99; display:none;}

#menu_juego .opc{ vertical-align:middle; margin:30px 2px 0 2px;}



.sistema{ width:340px; height:110px; position:absolute; z-index:99; top:515px; left:50px; background-image:url(../images/juego/fd_sistema.png); background-repeat:no-repeat; padding:0 0 0 115px; display:none;}
.sistema h2{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-size:22px; color:#fff; text-align:left; margin:10px 0 0 0; font-weight:bold; text-shadow: 1px 1px 3px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1); padding:20px 0 0 0;}
.sistema p{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#fff; text-align:left; margin:10px 0 0 0; text-shadow: 1px 1px 3px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);} 

#sistema_3 .sistema p{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; color:#000; font-size:16px; font-weight:normal; text-align:left; margin:10px 0 0 0;} 



.rotar_in{-webkit-transition:0.8s; -webkit-transform:rotate(-10deg);   }
.rotar_out{-webkit-transition:0.8s; -webkit-transform:rotate(0deg);   }


.paisaje_in{ -webkit-animation:drive 30s linear infinite;}
.suelo_in{ -webkit-animation:drive 2.5s linear infinite;}
.carretera_in{ -webkit-animation:drive 1s linear infinite;}


#contenedor{ width:100%;  overflow:hidden; }
#contenedor .escenario{ width:100%; height:100%; position:absolute; overflow:hidden;    }
#escenario_1{ margin-left:0%; display:block;}
#escenario_2{ margin-left:-100%; display:none;}
#escenario_3{ margin-left:-100%; display:none;}
#escenario_4{ margin-left:-100%; display:none;}

.paisaje_1 {
	background:url(../images/juego/fondo_top_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;
	top:0;

}
.suelo_1 {
	background:url(../images/juego/cesped_1.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_1 {
	background:url(../images/juego/fondo_bottom_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

.paisaje_2 {
	background:url(../images/juego/fondo_top_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;

}
.suelo_2 {
	background:url(../images/juego/cesped_2.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_2{
	background:url(../images/juego/fondo_bottom_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}


.paisaje_3 {
	background:url(../images/juego/fondo_top_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:456px;
	width: 110%;

}
.suelo_3 {
	background:url(../images/juego/arboles_nevados.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:140px;
	left:0;
	height:327px;
	width: 110%;
	z-index:3;
 
}
.carretera_3 {
	background:url(../images/juego/fondo_bottom_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:2;
	 
}



.paisaje_4 {
	background:url(../images/juego/fondo_top_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:552px;
	width: 110%;

}
.suelo_4 {
	background:url(../images/juego/dunas.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:285px;
	left:0;
	height:130px;
	width: 110%;
	z-index:2; 
 
}
.carretera_4 {
	background:url(../images/juego/fondo_bottom_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}


#capalluvia{ width:100%; height:100%; position:absolute; z-index:6; display:none;}
.lluvia1{ width:100%; height:100%; position:absolute; }
.lluvia2{ width:100%; height:100%; position:absolute; }
.lluvia3{ width:100%; height:100%; position:absolute; }


#coche {
	background:url(../images/juego/coche.png);
	position:absolute;
	z-index:4;
	top:260px;
	left:50%;
	width: 541px;
	height: 216px;
	margin: 0px auto 0 -270px;
	display:block;
	 
}

#coche:active {
	-webkit-transform: translate(100em, 0);
}


.ruedaIzqda_ini {
	background:url(../images/juego/ruedaIzda_ini.png);
	width:87px;
	height:87px;
	position: absolute;
	top:124px;
	left:66px;
}
.ruedaDcha_ini {
	background:url(../images/juego/ruedaDcha_ini.png);
	width:87px;
	height:87px;
	position: absolute;
	top:124px;
	left:396px;
}

.ruedaIzqda {
	background:url(../images/juego/ruedaIzda.png);
	width:87px;
	height:87px;
	position: absolute;
	top:124px;
	left:66px;
	-webkit-animation:spin 1.2s linear infinite;
	-webkit-transform: translateZ(0);
}
.ruedaDcha {
	background:url(../images/juego/ruedaDcha.png);
	width:87px;
	height:87px;
	position: absolute;
	top:124px;
	left:396px;
	-webkit-animation:spin 1.2s linear infinite;
	-webkit-transform: translateZ(0);
}

@media screen and (orientation:portrait) {
    .girar { width:100%; height:100%; position:fixed; z-index:112; background-image:url(../images/juego/fd_gira.jpg); background-position:center center; background-repeat:no-repeat; background-color:#000; display: block;  }

}
@media screen and (orientation:landscape) {
    .girar { display: none; }
}


@media
only screen and (-webkit-device-pixel-ratio : 1.5)  {
/* Styles */

#general{ height:480px; width:100%; overflow:hidden; position:absolute;  }
#general .escenario{ width:100%; overflow:hidden;  }
#menu_juego{  top:480px; position:absolute; z-index:99;}
.sistema{ width:500px; height:93px; position:fixed; z-index:4; top:40px; left:20%; background-repeat:no-repeat; padding:0 0 0 115px; display:none;}
.sistema h2{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-size:30px; color:#333; text-align:left; margin:10px 0 0 0; font-weight:bold; text-shadow: none}
.sistema p{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#333; text-align:left; margin:10px 0 0 0; text-shadow:none} 

.menu{ position:fixed; top:60px; left:0px; z-index:7; display:block; }
.loading{top:480px;}
#play{ top:480px; position:absolute;}
.menu_ipad{ display:none;}
.logo_ipad{ display:none; }
.logo{ position:fixed;  right:1.5%;  z-index:140;display:block;  }


.paisaje_1 {
	background:url(../images/juego/fondo_top_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	background-size:100%;	
	position:absolute;
	height:462px;
	width: 110%;
	top:0;

}
.suelo_1 {
	background:url(../images/juego/cesped_1.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_1 {
	background:url(../images/juego/fondo_bottom_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

.paisaje_2 {
	background:url(../images/juego/fondo_top_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;

}
.suelo_2 {
	background:url(../images/juego/cesped_2.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_2{
	background:url(../images/juego/fondo_bottom_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:371px;
	width: 110%;
	z-index:3;
	 
}


.paisaje_3 {
	background:url(../images/juego/fondo_top_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:456px;
	width: 110%;

}
.suelo_3 {
	background:url(../images/juego/arboles_nevados.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:140px;
	left:0;
	height:327px;
	width: 110%;
	z-index:3;
 
}
.carretera_3 {
	background:url(../images/juego/fondo_bottom_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:2;
	 
}



.paisaje_4 {
	background:url(../images/juego/fondo_top_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:552px;
	width: 110%;

}
.suelo_4 {
	background:url(../images/juego/dunas.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:285px;
	left:0;
	height:130px;
	width: 110%;
	z-index:2; 
 
}
.carretera_4 {
	background:url(../images/juego/fondo_bottom_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

}

@media
only screen and (-webkit-device-pixel-ratio : 1.5)  and (max-device-width:1280px) and (orientation: landscape)  {
.menu{ position:fixed; top:60px; left:0px; z-index:7; display:block; width:16.69921875%; }
.menu_ipad{ display:none;}
}


@media
only screen and (-webkit-device-pixel-ratio : 1.5)  and (max-device-width: 800px) and (orientation: landscape)  {
/* Styles for Android 480 * 800 */
#coche {
	background:url(../images/juego/coche.png);
	position:absolute;
	z-index:10;
	top:120px;
	left:50%;
	width: 541px;
	height: 216px;
	margin: 0px auto 0 -270px;
	display:block;
	 
}

#general{ height:480px; width:100%; overflow:hidden; position:absolute;  }
#general .escenario{ width:100%; overflow:hidden;  }
#menu_juego{  top:336px; position:absolute; z-index:99;}
#menu_juego .nodisplay{ display:none;}
.sistema{ width:440px; height:110px; position:fixed; z-index:4; top:6px; left:18%; background-repeat:no-repeat; padding:0 0 0 115px; display:none;}
.sistema h2{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-size:20px; color:#333; text-align:left; margin:10px 0 0 0; font-weight:bold; text-shadow: none}
.sistema p{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333; text-align:left; margin:10px 0 0 0; text-shadow:none} 

.menu{ position:fixed; top:60px; left:0px; z-index:7; display:block; width:16.69921875%; }
.loading{top:336px;}
#play{ top:336px; position:absolute; }
.menu_ipad{ display:none;}
.logo_ipad{ display:none; }
.logo{ position:fixed;  right:1.5%;  z-index:140;display:block;  }


.paisaje_1 {
	background:url(../images/juego/fondo_top_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	background-size:100%;	
	position:absolute;
	height:462px;
	width: 110%;
	top:0;

}
.suelo_1 {
	background:url(../images/juego/cesped_1.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:200px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_1 {
	background:url(../images/juego/fondo_bottom_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:275px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

.paisaje_2 {
	background:url(../images/juego/fondo_top_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;

}
.suelo_2 {
	background:url(../images/juego/cesped_2.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:200px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_2{
	background:url(../images/juego/fondo_bottom_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:275px;
	left:0;
	height:371px;
	width: 110%;
	z-index:3;
	 
}


.paisaje_3 {
	background:url(../images/juego/fondo_top_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:456px;
	width: 110%;

}
.suelo_3 {
	background:url(../images/juego/arboles_nevados.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:20px;
	left:0;
	height:327px;
	width: 110%;
	z-index:3;
 
}
.carretera_3 {
	background:url(../images/juego/fondo_bottom_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:275px;
	left:0;
	height:430px;
	width: 110%;
	z-index:2;
	 
}



.paisaje_4 {
	background:url(../images/juego/fondo_top_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:552px;
	width: 110%;

}
.suelo_4 {
	background:url(../images/juego/dunas.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:200px;
	left:0;
	height:130px;
	width: 110%;
	z-index:2; 
 
}
.carretera_4 {
	background:url(../images/juego/fondo_bottom_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:275px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

}



@media
only screen and (-webkit-device-pixel-ratio : 2) and (max-device-width: 480px) and (orientation: landscape)  {
/* Styles */
#general{ height:680px; width:100%; overflow:hidden; position:absolute;  }
#general .escenario{ width:100%; overflow:hidden;  }
#menu_juego{  top:440px; position: absolute;}
.sistema{ width:500px; height:110px; position:fixed; z-index:4; top:40px; left:20%; background-repeat:no-repeat; padding:0 0 0 115px; display:none;}
.sistema h2{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-size:28px; color:#333; text-align:left; margin:10px 0 0 0; font-weight:bold;  text-shadow:none;}
.sistema p{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#333; text-align:left; margin:10px 0 0 0; text-shadow:none;} 
.menu{ position:fixed; top:60px; left:0px; z-index:7; display:block; }
.loading{top:440px;}
#play{ top:440px;}
.menu_ipad{ display:none;}
.logo_ipad{ display:none; }
.logo{ position:fixed;  right:1.5%;  z-index:140;display:block;  }
#coche {
	background:url(../images/juego/coche.png);
	position:absolute;
	z-index:4;
	top:220px;
	left:50%;
	width: 541px;
	height: 216px;
	margin: 0px auto 0 -270px;
	display:block;
	 
}


.paisaje_1 {
	background:url(../images/juego/fondo_top_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;
	top:0;

}
.suelo_1 {
	background:url(../images/juego/cesped_1.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_1 {
	background:url(../images/juego/fondo_bottom_1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}

.paisaje_2 {
	background:url(../images/juego/fondo_top_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:462px;
	width: 110%;

}
.suelo_2 {
	background:url(../images/juego/cesped_2.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:290px;
	left:0;
	height:161px;
	width: 110%;
	z-index:2;
 
}
.carretera_2{
	background:url(../images/juego/fondo_bottom_2.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}


.paisaje_3 {
	background:url(../images/juego/fondo_top_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:456px;
	width: 110%;

}
.suelo_3 {
	background:url(../images/juego/arboles_nevados.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:140px;
	left:0;
	height:327px;
	width: 110%;
	z-index:3;
 
}
.carretera_3 {
	background:url(../images/juego/fondo_bottom_3.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:2;
	 
}



.paisaje_4 {
	background:url(../images/juego/fondo_top_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	height:552px;
	width: 110%;

}
.suelo_4 {
	background:url(../images/juego/dunas.png);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:285px;
	left:0;
	height:130px;
	width: 110%;
	z-index:2; 
 
}
.carretera_4 {
	background:url(../images/juego/fondo_bottom_4.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	position:absolute;
	top:395px;
	left:0;
	height:430px;
	width: 110%;
	z-index:3;
	 
}
}


@media (max-device-width: 1024px) and (orientation: landscape) { 
#general{ height:672px; width:100%; overflow:hidden; position:absolute;  }

}

 @-webkit-keyframes drive {
 from {
background-position:0px top;
}
to {
	background-position:-1124px top;
}
}

 @-webkit-keyframes spin {
 from {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(1080deg);
}
}

 @-webkit-keyframes rotar {
 from {
 -webkit-transform:rotate(0deg) ;
}
to {
 -webkit-transform:rotate(-10deg) ;
}
}

 @-webkit-keyframes volver {
 from {
 -webkit-transform:rotate(-10deg) translate3d(0, -50px, 0) ;
}
to {
 -webkit-transform:rotate(0deg)  translate3d(0, 0, 0);
}
}

@-webkit-keyframes lluvia{
   from {top: 0%;}
   to {top: 100%;}
}