@font-face {font-family: Jacoby; src: url('../fonts/Jacoby_ICG_Black.eot'), url('../fonts/Jacoby_ICG_Black.ttf'), url('../fonts/jacoby_icg_black.otf')}
@font-face {font-family: carolinaltstdroman;src: url('../fonts/carolinaltstdroman_9350.eot'), url('../fonts/carolinaltstdroman_9350.ttf'), url('../fonts/carolinaltstdroman_9350.otf')}
@font-face {font-family: jacoby;src: url('../fonts/jacoby_icg_black.eot'), url('../fonts/jacoby_icg_black.ttf'), url('../fonts/jacoby_icg_black.otf')}

body, html{
    overflow: none !important;
}

#page1_inst{
position: absolute;
left:75px;
top:50px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}
#wrong_area {
    height: 320px;
    left: 490px;
    position: absolute;
    top: 60px;
    width: 390px;
	cursor:pointer;
}
#page2_inst {
	position: absolute;
	top: 12px;
	left: 30px;
	font-family: Trebuchet MS;
	width: 880px;
	font-size: 20px;
	text-align: left;
}
#page1 {
	height: 505px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 25px;
	width: 910px;
}
#page2 {
	height: 505px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 910px;
	display: none;
}


#bgImg {
	position: absolute;
	background-image: url('../img/bgImg2.png');
	background-repeat: no-repeat;
	width: 920px;
	height: 585px;
	left: -5px;
	top: -45px;
}

#bgImg2{
	background-image: url("../img/bgImg3.png");
    background-repeat: no-repeat;
    height: 585px;
    left: 11px;
    position: absolute;
    top: 42px;
    width: 920px;
}

.text {
	position: absolute;
	width: 150px;
	height: 27px;
	font-family: jacoby;
	font-size: 28px;
	text-align: center;
	color: #666;
	top: 1px;
}

.txt {
	position: absolute;
	font-family: jacoby;
	font-size: 25px;
	color: #333;
}

#txt1 {
	top: 84px;
	left: 287px;
}

#txt2 {
	top: 121px;
	left: 126px;
}

#txt3 {
	top: 121px;
	left: 333px;
}

#txt4 {
	width: 234px;
	top: 161px;
	left: 90px;
}

#txt5 {
	width: 234px;
	top: 197px;
	left: 90px;
}

#txt6 {
	width: 234px;
	top: 234px;
	left: 90px;
}

#txt7 {
	width: 234px;
	top: 268px;
	left: 90px;
	color: #585D6C;
}

#txt8 {
	width: 234px;
	top: 306px;
	left: 90px;
	color: #63736F;
}

#txt9 {
	width: 234px;
	top: 161px;
	left: 330px;
	color: #755C5C;
}

#txt10 {
	width: 234px;
	top: 197px;
	left: 330px;
	color: #755C5C;
}

#txt11 {
	width: 234px;
	top: 234px;
	left: 330px;
	color: #755C5C;
}

#txt12 {
	width: 234px;
	top: 268px;
	left: 330px;
	color: #6E5D6C;
}

#txt13 {
	width: 234px;
	top: 306px;
	left: 330px;
	color: #6E5D6C;
}

#text_1{
	font-family: jacoby;
    font-size: 18px;
    left: 660px;
    position: absolute;
    top: 180px;
	color: #666666;
	}
#text_2{
	font-family: jacoby;
    font-size: 18px;
    left: 652px;
    position: absolute;
    top: 275px;
	color: #666666;
	}

.draggable {
	position: absolute;
	background-color: #FFF;
	border: #6FB140 1px solid;
	width: 150px;
	height: 33px;
	cursor: pointer;
}

.droppable {
	position: absolute;
	width: 150px;
	height: 27px;
	font-family: jacoby;
	font-size: 28px;
	text-align: center;
	color: green;
	top: 1px;
}

#drg1 {
	left: 190px;
	top: 385px;
}

#drg2 {
	left: 450px;
	top: 385px;
}

#drg3 {
	left: 190px;
	top: 440px;
}

#drg4 {
	left: 450px;
	top: 440px;
}

#drp1 {
	left: 651px;
	top: 83px;
}

#drp2 {
	left: 651px;
	top: 122px;
}

#drp3 {
	left: 651px;
	top: 208px;
}

#drp4 {
	left: 652px;
	top: 303px;
}

#corregir {
	position: absolute;
	left: 730px;
	top: 421px;
	display: block;
	cursor: pointer;
	width: 145px;
   height: 60px;
}

#dummyImg {
	position: absolute;
	left: 730px;
	top: 421px;
	opacity: 0;
}

#img1 {
	position: absolute;
	left: 825px;
	top: 75px;
	width: 60px;
	display: none;
}

#img2 {
	position: absolute;
	left: 825px;
	top: 112px;
	width: 60px;
	display: none;
}

#img3 {
	position: absolute;
	left: 825px;
	top: 196px;
	width: 60px;
	display: none;
}

#img4 {
	position: absolute;
	left: 825px;
	top: 297px;
	width: 60px;
	display: none;
}

#field {
	height: 400px;
	cursor: default;
	margin-left: -10px;
	position: absolute;
	display: none;
}

#correct {
	position: absolute;
	margin-top: -50px;
	margin-left: 320px;
	height: 215px;
    width: 387px;
}

#siguente {
	background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 41px;
    left: 439px;
    position: absolute;
    top: 435px;
    width: 148px;
}

#field1 {
	height: 400px;
	cursor: default;
	margin-left: -10px;
	position: absolute;
	display: none;
}

#reiniciar {
	background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 41px;
    left: 439px;
    position: absolute;
    top: 435px;
    width: 148px;
}

#wrong {
	position: absolute;
	margin-top: -50px;
	margin-left: 320px;
	height: 215px;
width: 387px;
}
 
 #field_2 {
	height: 400px;
	cursor: default;
	margin-left: -10px;
	position: absolute;
	display: none;
}

#correct_2 {
	position: absolute;
	margin-top: -50px;
	margin-left: 320px;
	height: 215px;
	width: 387px;

}


#field1_2 {
	height: 400px;
	cursor: default;
	margin-left: -10px;
	position: absolute;
	display: none;
}

#reiniciar_1 {
	position: absolute;
	width: 175px;
	height: 60px;
	left: 405px;
	top: 334px;
	cursor: pointer;
}

#wrong_2 {
	position: absolute;
	margin-top: -50px;
	margin-left: 320px;
	width: 350px;
}

#countdown_text{
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	left: 412px;
	top: 446px;
	z-index: 1;
}

#dif1{
	position: absolute;
	background-color: transparent;
	width: 70px;
	height: 53px;
	top: 99px;
	left: 545px;
	cursor: pointer;
}
#dif2{
	position: absolute;
	background-color: transparent;
	width: 30px;
	height: 30px;
	top: 165px;
	left: 551px;
	cursor: pointer;
}
#dif3{
	position: absolute;
	background-color: transparent;
	width: 80px;
	height: 70px;
	top: 214px;
	left: 787px;
	cursor: pointer;
}
#dif4{
	position: absolute;
	background-color: transparent;
	width: 79px;
	height: 113px;
	top: 213px;
	left: 471px;
	cursor: pointer;
}
#dif5{
	position: absolute;
	background-color: transparent;
	width: 24px;
	height: 24px;
	top: 295px;
	left: 584px;
	cursor: pointer;
}
#dif6{
	position: absolute;
	background-color: transparent;
	width: 24px;
	height: 25px;
	top: 298px;
	left: 630px;
	cursor: pointer;
}
#dif7{
	position: absolute;
	background-color: transparent;
	width: 31px;
	height: 27px;
	top: 311px;
	left: 686px;
	cursor: pointer;
}

#block{
	position: absolute;
	width: 400px;
	height: 303px;
	background-color: transparent;
	left: 484px;
	top: 67px;
	cursor: pointer;
}

#r1{
	width: 64px;
	position: absolute;
	top: 94px;
	left: 550px;
	display: none;
	opacity: 0;
}

#r2{
	width: 30px;
	position: absolute;
	top: 165px;
	left: 552px;
	display: none;
	opacity: 0;
}

#r3{
	width: 77px;
	position: absolute;
	top: 211px;
	left: 791px;
	display: none;
	opacity: 0;
}

#r4{
	width: 100px;
	position: absolute;
	top: 215px;
	left: 460px;
	display: none;
	opacity: 0;
}

#r5{
	width: 25px;
	position: absolute;
	top: 295px;
	left: 584px;
	display: none;
	opacity: 0;
}

#r6{
	width: 23px;
	position: absolute;
	top: 298px;
	left: 630px;
	display: none;
	opacity: 0;
}

#r7{
	width: 33px;
	position: absolute;
	top: 309px;
	left: 687px;
	display: none;
	opacity: 0;
}