
#tabs1{
	position: relative;
	overflow: hidden;
}
#force_game{
	position: absolute;
	background: url(../img/actividad2/Parte2/S_G10_U04_L06-BaseCarro.png) no-repeat ;
	background-position: 0px -4px;
	width: 1102px;
	height: 545px;
	left: 0px;
	top: 109px;
	font-size: 0.8em;
	font-family: Arial;
}
#force_game *{ position: absolute; display: inline-block; }
#force_game .controls{ 
	width: 90px;
	height: 90px;
	border-radius: 45px;
	background: rgba(0,0,0, 0);
	cursor: pointer;
	border: 8px solid rgba(0,0,0,0);	
	/*transition: all 0.3s;
	-webkit-transition: all 0.3s;*/
}
/*#force_game .controls:active{ border-color: rgba(0,0,0, 0.5); }*/
#force_game .controls.start, 
#force_game .controls.restart{ 
	width: 100px;
  	height: 128px;
  	border-radius: 35px; 
  	bottom: 15px;
  	background-repeat: no-repeat;
}
#force_game .controls.start{
	background-image: url('../img/actividad2/Parte2/S_G10_U04_L06-btniniciar.png');
	left: 15px;
}
#force_game .controls.start.continuar{
	background-image: url('../img/actividad2/Parte2/S_G10_U04_L06-btncontinuar.png');
	background-position: -8px -2px;
}

#force_game .controls.restart{
	background-image: url('../img/actividad2/Parte2/S_G10_U04_L06-btnReiniciar.png');
	left: 120px;
}
#force_game em { 
	/*display: none; */
	font-size: 1.8em; 
	color: #474D4E; 
	font-style: normal; 
	font-weight: bolder; 
	
}
#force_game .forces.car{ 
	top: -25px;
	left: 226px; 
}
#force_game .forces.res{ 
	top: 0px;
  	left: 398px;
}
#force_game .forces.rocks{ top: 440px; left: 810px; }
#force_game .forces.rocks:after{ 
	content: url(../img/actividad2/Parte2/SB_S_G10_U01_L05act1juego5.png);
	right: -36px;
	position: absolute;
}

#force_game .clock{   
	top: 337px;
	left: 432px;
	font-size: 3.6em;
	font-weight: bolder;
	color: #666;
	letter-spacing: -1px;
	background-color: white;
	padding: 1px 20px;
}

#force_game .more{  width: 251px; height: 100px; cursor: pointer;}
#force_game .more.uno{ 	 
	background: rgba(0,0,0, 0) url(../img/actividad2/Parte2/S_G10_U04_L06-btnMasCargaBalanza.png) no-repeat -1px 1px;
	top: 219px;
  	left: 760px;
}
#force_game .more.dos{ 	 
	background: rgba(0,0,0, 0) url(../img/actividad2/Parte2/S_G10_U04_L06-btnMasCargaCarro.png) no-repeat -1px 1px; 
	top: -110px;
  	left: 715px;
}


#force_game .controls.start.disabled,
#force_game .controls.more.disabled{ /*background-color: rgb(228, 228, 228);*/ cursor: auto; opacity: 0.7; }
#force_game .controls.start.disabled:active,
#force_game .controls.more.disabled:active{ border-color: rgba(0,0,0,0); } 


#force_game > span.img{ 
	display: inline-block;
}
#force_game span.img.car{ 
	background: transparent url(../img/actividad2/Parte2/S_G10_U04_L06-PesosCarro.png) no-repeat;	
	background-position: -183px 0px;
	top: -27px;
  	left: 90px; 
  	width: 166px; 
  	height: 148px; 
}
#force_game span.img.car:before{
	content: " ";
	display: block;
	position: absolute;
	width: 200px;
	height: 10px;
	top: 36px;
	left: -177px;
	background-color: white;
}
#force_game span.img.res{ 
	background: url(../img/actividad2/Parte2/S_G10_U04_L06-dinamometro.png) no-repeat left center;	
	top: -15px;
	left: 197px;
	width: 435px;
	height: 55px;
}
#force_game span.img.polea{ 
	background: url(../img/actividad2/Parte2/SB_S_G10_U01_L05act1juego4.png) no-repeat left center;	
	top: 235px; left: 675px; width: 84px; height: 92px; 
}
#force_game span.img.rocks{ 
	background: white url(../img/actividad2/Parte2/S_G10_U04_L06-PesosBalanza.png) no-repeat;	
	top: 122px;
  	left: 1049px; 
  	width: 84px; 
  	height: 423px;
  	background-position: -127px -9px;
}
/*#force_game span.img.rocks:after{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 82px; 
	height: 107px; 
	display: inline-block;
	background: url(../img/actividad2/Parte2/SB_S_G10_U01_L05act1juego3.png) no-repeat;
	background-position:  0px 0px;
} */

#force_game span.velocidad,#force_game span.distancia{
	width: 281px;
	height: 50px;
	padding: 6px 10px 12px 219px;
	left: 100px;
	font-size: 1.8em;
	color: #666;
}

#force_game span.velocidad{
	background: url(../img/actividad2/Parte2/S_G10_U04_L06-BtnVelocidad.png) no-repeat;
	top: 125px;
}
#force_game span.distancia{
	background: url(../img/actividad2/Parte2/S_G10_U04_L06-btnDistancia.png) no-repeat;
	top: 180px;
}

.moveX1{ transform: translateX(100px); -webkit-transform: translateX(100px); }
.moveX2{ transform: translateX(200px); -webkit-transform: translateX(200px); }
.moveX3{ transform: translateX(300px); -webkit-transform: translateX(300px); }

.moveY1{ transform: translateY(100px); -webkit-transform: translateY(100px); }
.moveY2{ transform: translateY(200px); -webkit-transform: translateY(200px); }
.moveY3{ transform: translateY(300px); -webkit-transform: translateY(300px); }

.img, .forces{
	-webkit-transition: all 2.5s ease;                  
	-moz-transition: all 2.5s ease;                 
	-o-transition: all 2.5s ease;   
	-ms-transition: all 2.5s ease;          
	transition: all 2.5s ease;
}
#force_game .moveX1,.moveY1{
	-webkit-transition: all 5s ease;                  
	-moz-transition: all 5s ease;                 
	-o-transition: all 5s ease;   
	-ms-transition: all 5s ease;          
	transition: all 5s ease;	
}
#force_game .moveX2,.moveY2{
	-webkit-transition: all 2.5s ease;                  
	-moz-transition: all 2.5s ease;                 
	-o-transition: all 2.5s ease;   
	-ms-transition: all 2.5s ease;          
	transition: all 2.5s ease;	
}
#force_game .moveX3,.moveY3{
	-webkit-transition: all 1s ease;                  
	-moz-transition: all 1s ease;                 
	-o-transition: all 1s ease;   
	-ms-transition: all 1s ease;          
	transition: all 1s ease;	
}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;

    animation-name: blinker;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}




