@charset "utf-8";


.image1{
	margin-top: 70px;
}

.image1{ 
	position: absolute;
	top: 80px;
	left:180px;
	-webkit-transition:all 1s;
	transition:all 1s;
	cursor:pointer;
}

.image2{ 
	position: absolute;
	top: 180px;
	margin-left:700px;
	-webkit-transition:all 1s;
	transition:all 1s;
	cursor:pointer;
}

.image2:hover{ 
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	-webkit-transition:all 1s;
	transition:all 1s;
}

.image1:hover{ 
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	-webkit-transition:all 1s;
	transition:all 1s;
}

#botonera2 {
	margin:auto;
	width:210px;
	position:absolute;
	bottom:25px;
	left:42%;
}

#botonera2 div {
	margin:0 -2px;
	width:70px;
	height:60px;
	background: #64b238;
	position: relative;
	color:#FFF;
	font-size:3em;
	text-align:center;
	line-height:60px;
}

#botonera2:before {
	background-color:#006633;
    content:"";
    position:absolute;
    width: 99.7%;
    height:20px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    bottom:-4px;
}

#botonera2 div:active {
	background: #006633;
	transform:scaleY(0.8);
}

#botonera2 div:first-child {
	border-radius:10px 0 0 0;
	border-right:solid 2px #006633;
}

#botonera2 div:last-child{position: absolute;top: -60px;left: 75px;border-radius: 10px 10px 0 0;}
#botonera2:before{ width:68px; left: 73.8px; }
#botonera2 div:active {background: #006633; transform:scaleY(0.8);
}

.boton2{
	position:relative;
	text-align: center;	
	width: 320px;
	height: 60px;
	background: #64B238;
	margin-bottom: 100px;
	font-size: 42px;
	padding: 2px 10px;
	border-radius: 15px;
	z-index: 200;
	box-shadow: inset 0 -2px 5px rgba(102,102,102,1);
	color: #FFF;
}

.boton3{
	text-align: center;	
	width: 200px;
	height: 50px;
	background: #64B238;
	font-size: 35px;
	padding: 2px 10px;
	border-radius: 15px;
	z-index: 200;
	box-shadow: 0 0px 8px rgba(102,102,102,1);
	color: #FFF;
	float:right;
	border: solid 2px #006633;
	margin-bottom: 20px;
}


#drags2{
	position:absolute;
	left: 790px;
	top: 145px;
	display: inline-block;
	width: 360px;
	height: 464px;
	cursor: pointer;
}

#drags3{
	margin-left:1025px;
	margin-top: 340px;
	display: inline-block;
	width: 223px;
	height: 116px;
	cursor: pointer;
}

#drags4{
	margin-left: 900px;
	margin-top: 100px;
	display: inline-block;
	width: 360px;
	height: 464px;
	cursor: pointer;
}

#drags5{
	margin-left:-20px;
	margin-top: 300px;
	display: inline-block;
	width: 360px;
	height: 464px;
	cursor: pointer;
}

textarea{
	border-radius: 15px;
	resize:none;
	border: dashed 2px #999;
	font-size: 30px;
	padding: 13px 5px 5px 5px;
	}
	
.textinterno{
	position:absolute;
	font-size: 36px;
	width: 500px;
	border: dashed 2px #666;
	padding: 20px 20px 24px 20px;
	text-align: justify;
	border-radius: 15px;
	top: 300px;
	left: 390px;
	font-family: cabinregular;
}

.drop{
	border-radius: 15px;
	border: dashed 2px #333;
	width: 200px;
	height: 50px;
	margin-left: 710px;
	margin-top: 0px;
	background:  rgba(102,102,102,0.1);
}


.drop2{
	border-radius: 15px;
	border: dashed 2px #333;
	width: 200px;
	height: 50px;
	margin-left: 750px;
	margin-top: -320px;
	background:  rgba(102,102,102,0.1);
}

/*DRAG AND DROP DE COMBUSTIION*/

.drop8{
	border-radius: 15px;
	border: dashed 2px #333;
	width: 200px;
	height: 50px;
	margin-left:1070px;
	margin-top: 320px;
	background:  rgba(102,102,102,0.1);
	position: absolute;
}
#drags33{
	margin-left:530px;
	margin-top: -370px;
	top: -370px;
	width: 223px;
	height: 116px;
	cursor: pointer;
	z-index: 200;
}
.boton4{
	text-align: center;	
	width: 200px;
	height: 50px;
	background: #64B238;
	font-size: 35px;
	padding: 2px 10px;
	border-radius: 15px;
	z-index: 200;
	box-shadow: 0 0px 8px rgba(102,102,102,1);
	color: #FFF;
	float:right;
	border: solid 2px #006633;
	margin-bottom: 20px;
}

/*DRAG AND DROP DE OXIDACION*/

.drop9{
	border-radius: 15px;
	border: dashed 2px #333;
	width: 200px;
	height: 50px;
	margin-left:960px;
	margin-top: 210px;
	background:  rgba(102,102,102,0.1);
	position: absolute;
}
#drags34{
	margin-left:380px;
	margin-top: 130px;
	top: -370px;
	width: 223px;
	height: 116px;
	cursor: pointer;
	z-index: 200;
}
.boton44{
	text-align: center;	
	width: 200px;
	height: 50px;
	background: #64B238;
	font-size: 35px;
	padding: 2px 10px;
	border-radius: 15px;
	z-index: 200;
	box-shadow: 0 0px 8px rgba(102,102,102,1);
	color: #FFF;
	float:right;
	border: solid 2px #006633;
	margin-bottom: 20px;
}
/*INSTRUCCIONES*/
.inst{
	width: 350px;
	height: 378px;
/*	background: red;*/
	position: absolute;
	
}
#inst_uno{
	background: url(../img/inst_back_uno.png);
	top: 110px;
	right: 30px;
}
#inst_dos{
	background: url(../img/inst_back_dos.png);
	top: 140px;
	left: 100px;
	height: 489px;
	z-index: 100;
}

#inst_tres{
	background: url(../img/inst_back_dos.png);
	top: 140px;
	left: 70px;
	height: 489px;
	z-index: 100;
}

#inst_cuatro{
	background: url(../img/inst_back_dos.png);
	top: 140px;
	left: 40px;
	height: 489px;
	z-index: 100;
}