.btn1{
	background-image: url('../img/btn_03_03_01.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 660px;
	left: 120px;
	width: 299px;
    height: 59px;
	cursor: pointer;
}
.btn1:hover{
	opacity: 0.85;
}
.btn1activado{
	background-image: url('../img/btn_03_03_01a.png');
}

.btn2{
	background-image: url('../img/btn_03_03_02.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 660px;
    left: 474px;
    width: 244px;
    height: 59px;
	cursor: pointer;
}
.btn2:hover{
	opacity: 0.85;
}
.btn2activado{
	background-image: url('../img/btn_03_03_02a.png');
}

.btn3{
	background-image: url('../img/btn_03_03_03.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 660px;
    left: 775px;
    width: 209px;
    height: 59px;
	cursor: pointer;
}
.btn3:hover{
	opacity: 0.85;
}
.btn3activado{
	background-image: url('../img/btn_03_03_03a.png');
}

.btn4{
	position: absolute;
    top: 155px;
    left: 716px;
    width: 521px;
    height: 482px;
    cursor: pointer;
}

.btn5{
	background-image: url('../img/boton1.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 210px;
    left: 1162px;
    width: 209px;
    height: 59px;
    cursor: pointer;
}
.btn5:hover{
	opacity: 0.85;
}
.btn5activado{
	background-image: url('../img/boton1a.png');
}
.btn6{
	background-image: url('../img/boton2.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 295px;
    left: 1162px;
    width: 209px;
    height: 59px;
    cursor: pointer;
}
.btn6:hover{
	opacity: 0.85;
}
.btn6activado{
	background-image: url('../img/boton2a.png');
}
.btn7{
	background-image: url('../img/boton3.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 380px;
    left: 1162px;
    width: 209px;
    height: 59px;
    cursor: pointer;
}
.btn7:hover{
	opacity: 0.85;
}
.btn7activado{
	background-image: url('../img/boton3a.png');
}

.btnback{
	background-image: url('../img/botonback.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 281px;
    left: 359px;
    width: 90px;
    height: 90px;
    cursor: pointer;
}
.btnback:hover{
	opacity: 0.85;
}

.ins{
	position:absolute;
	top: 116px;
    left: 67px;
	opacity: 0;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.ins2{
	position:absolute;
	top: 115px;
    left: 40px;
	opacity: 0;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.ins3{
	position:absolute;
	top: 115px;
    left: 90px;
	opacity: 0;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

textarea{
	position: absolute;
    top: 232px;
    left: 198px;
    width: 1029px;
    height: 387px;
	font-size: 24px;
	padding: 15px;
	border-radius: 12px;
	border: dashed 2px #999999;
	font-family: Myriad Pro;
	text-align:justify;
	resize:none;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::-webkit-scrollbar {
      width: 20px;
}
::-webkit-scrollbar-track {
      background-color: #2CA396;
} 
::-webkit-scrollbar-thumb {
      background-color: #1BE7DC;
	  border-radius: 7px;
}

input{
	position: absolute;
    height: 71px;
    width: 24px;
    font-size: 67px;
    background: none;
    border-radius: 5px;
    border: none;
    text-align: center;
    color: #000101;
    font-family: arial;
	padding-top: -50px;
}

input[type=checkbox] {
	width: 27px;
	height: 27px;
}

.boton1{
	background-image: url('../img/boton1.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 230px;
	left: 440px;
	width: 76px;
    height: 72px;
	cursor: pointer;
}
.boton1:hover{
	transform: scale(1.1,1.1);
}
.boton1activado{
	background-image: url('../img/boton1a.png');
}

.boton2{
	background-image: url('../img/boton2.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 230px;
	left: 570px;
	width: 76px;
    height: 72px;
	cursor: pointer;
}
.boton2:hover{
	transform: scale(1.1,1.1);
}
.boton2activado{
	background-image: url('../img/boton2a.png');
}

.boton3{
	background-image: url('../img/boton3.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 230px;
	left: 710px;
	width: 76px;
    height: 72px;
	cursor: pointer;
}
.boton3:hover{
	transform: scale(1.1,1.1);
}
.boton3activado{
	background-image: url('../img/boton3a.png');
}

.boton4{
	background-image: url('../img/boton4.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 230px;
	left: 850px;
	width: 76px;
    height: 72px;
	cursor: pointer;
}
.boton4:hover{
	transform: scale(1.1,1.1);
}
.boton4activado{
	background-image: url('../img/boton4a.png');
}

.popupimg{
	position: absolute;
	cursor: pointer;
}
.popupimg:hover{
	transform: scale(1.1,1.1);
	z-index: 100;
}

.play{
	position: absolute;
	cursor: pointer;
	top: 330px;
    left: 360px;
}
.play:hover{
	transform:scale(1.1,1.1);
}

.reini{
	position: absolute;
	cursor: pointer;
	top: 330px;
    left: 360px;
	visibility: hidden;
}
.reini:hover{
	transform:scale(1.1,1.1);
}

/*#drag1{
	position: absolute;
	top: 248px;
    left: 1022px;
}

#drag2{
	position: absolute;
	top: 312px;
    left: 1022px;
}

#drag3{
	position: absolute;
	top: 388px;
    left: 1022px;
}

#drag4{
	position: absolute;
	top: 451px;
    left: 1022px;
}

#drag5{
	position: absolute;
	top: 515px;
    left: 1022px;
}

#drag6{
	position: absolute;
	top: 592px;
    left: 1022px;
}

#drop1{
	position: absolute;
    top: 316px;
    left: 142px;
    width: 370px;
    height: 331px;
    border: dashed;
	border-radius: 5px;
}
#drop2{
	position: absolute;
    top: 316px;
    left: 613px;
    width: 370px;
    height: 331px;
    border: dashed;
	border-radius: 5px;
}*/


#drags {
    position: relative;
    top: -228px;
    left: 998px;
    z-index: 10;
    width: 337px;
}

#drags img {
    margin: 0px;
}

#drags img:hover {
	cursor: pointer;
}

#drops div {
    background: rgba(255,255,255,0.2);
    width: 371px;
    height: 331px;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    top: 186px;
    left: 102px;
    margin: 20px;
    border: 2px dashed black;
    vertical-align: middle;
}

#drops div img {
	margin-left: 28px;
	margin-top: 28px;
}

#drops div img.dropped:hover {
	cursor: pointer;
}

.close {
	position:absolute;
	top:20px;
	right:20px;
	width:60px;
}