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

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

.btn3{
	background-image: url('../img/btn3.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/btn3a.png');
}

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

.btn5{
	background-image: url('../img/boton1-2.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/boton1-2a.png');
}
.btn6{
	background-image: url('../img/boton2-2.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/boton2-2a.png');
}
.btn7{
	background-image: url('../img/boton3-2.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 380px;
    left: 1162px;
    width: 209px;
    height: 68px;
    cursor: pointer;
}
.btn7:hover{
	opacity: 0.85;
}
.btn7activado{
	background-image: url('../img/boton3-2a.png');
}

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

.ins{
	position:absolute;
	top: 119px;
    left: 65px;
	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: 55px;
	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: 40px;
    width: 24px;
    font-size: 42px;
    background: none;
    border-radius: 5px;
    border: dashed 5px #fff;
    text-align: center;
	color: #FFF;
}

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

.boton1{
	background-image: url('../img/boton1-2.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/boton1-2a.png');
}

.boton2{
	background-image: url('../img/boton2-2.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/boton2-2a.png');
}

.boton3{
	background-image: url('../img/boton3-2.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/boton3-2a.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: 367px;
}
.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);
}

.botonpop{
	position:absolute;
	top: 250px;
	width: 66px;
	height: 60px;
	cursor: pointer;
	border-radius: 5px;
}
.botonpop:hover{
	border: solid 3px #900;
}

.cuadrorojo{
	position: absolute;
	width: 267px;
	height: 224px;
	border: solid 3px #fff;
	border-radius: 5px;
}

.parrafo{
	position:absolute;
	top: 215px;
    left: 200px;
	font-size: 32px;
	width: 753px;
	text-align: justify;
}

#marca1{    
	position: absolute;
    top: 243px;
    right: 154px;
    cursor: pointer;
    width: 57px;
    height: 432px;
}
#marca2{
	position: absolute;
    top: 251px;
    right: 221px;
    cursor: pointer;
    width: 57px;
    height: 432px;
}

#drags {
    position: relative;
    top: 150px;
    left: 1076px;
    z-index: 10;
    width: 245px;
}

#drags img {
    margin: 0px;
}

#drags img:hover {
	cursor: pointer;
}

#drops div {    
    width: 126px;
    height: 31px;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    top: 116px;
    left: 192px;
    /*margin: 20px;
    border: 2px dashed black;
	background: rgba(255,255,255,0.2);*/
    vertical-align: middle;
}

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

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

.nosirve{
	pointer-events:none;
}