@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: Sans-mt; src: url('../fonts/33535gillsansmt.eot'), url('../fonts/33535gillsansmt.ttf'),  url('../fonts/33535gillsansmt.otf') }
@font-face  { font-family: Trebuchet MS; src: url('../fonts/TREBUC.eot'), url('../fonts/TREBUC.ttf'),  url('../fonts/TREBUC.otf') }


body, html{
	overflow: none !important;
}
#inst{
position: absolute;
left:70px;
top:50px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;


}
#inst_1{
		position: absolute;
		top: 5px;
		left: 20px;
		font-family: Trebuchet MS;
		width: 800px;
		font-size: 20px;
		text-align: left;

}
#restart_msg{
		position: absolute;
		top:0px;
		left: 10px;
		display:none;
}
#close_msg{
		position: absolute;
		top:0px;
		left: 30px;
		display:none;
}
#page1{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 20px;
		width: 910px;
		
		
}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display: none;
		
}
#drag_div{

		position: absolute;
top: 405px;
left: 150px;
}
#div1_text{
position: absolute;
top: 75px;
left: 35px;
height: 55px;
width: 85px;
background-color: #E0EBCD;
border: 1px solid #6FB140;
color: #666666;
font-family: Jacoby;
font-size: 21px;
border-radius: 5px;
}
#div2_text{
position: absolute;
top: 75px;
left: 130px;
height: 40px;
padding-top: 14px;
width: 210px;
background-color: #E0EBCD;
border: 1px solid #6FB140;
color: #666666;
font-family: Jacoby;
font-size: 21px;
border-radius: 5px;
}
#div3_text{
position: absolute;
top: 75px;
left: 350px;
height: 40px;
padding-top: 14px;
width: 255px;
background-color: #E0EBCD;
border: 1px solid #6FB140;
color: #666666;
font-family: Jacoby;
font-size: 21px;
border-radius: 5px;
}
#div4_text{
position: absolute;
top: 75px;
left: 615px;
height: 40px;
padding-top: 14px;
width: 155px;
background-color: #E0EBCD;
border: 1px solid #6FB140;
color: #666666;
font-family: Jacoby;
font-size: 21px;
border-radius: 5px;
}
#div5_text{
position: absolute;
top: 75px;
left: 780px;
height: 55px;
width: 105px;
background-color: #E0EBCD;
border: 1px solid #6FB140;
color: #666666;
font-family: Jacoby;
font-size: 17px;
border-radius: 5px;
}
#div6_text{
position: absolute;
top: 135px;
left: 35px;
height: 40px;
padding-top: 14px;
width: 85px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div7_text{
position: absolute;
top: 135px;
left: 350px;
height: 40px;
padding-top: 14px;
width: 255px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div8_text{
position: absolute;
top: 135px;
left: 780px;
height: 40px;
padding-top: 14px;
width: 105px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div9_text{
position: absolute;
top: 195px;
left: 35px;
height: 40px;
padding-top: 14px;
width: 85px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div10_text{
position: absolute;
top: 195px;
left: 350px;
height: 40px;
padding-top: 14px;
width: 255px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div11_text{
position: absolute;
top: 195px;
left: 780px;
height: 40px;
padding-top: 14px;
width: 105px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div12_text{
position: absolute;
top: 255px;
left: 35px;
height: 40px;
padding-top: 14px;
width: 85px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div13_text{
position: absolute;
top: 255px;
left: 130px;
height: 40px;
padding-top: 14px;
width: 210px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div14_text{
position: absolute;
top: 255px;
left: 350px;
height: 40px;
padding-top: 14px;
width: 255px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#div15_text{
position: absolute;
top: 255px;
left: 780px;
height: 40px;
padding-top: 14px;
width: 105px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#empty_div1{
	position: absolute;
top: 135px;
left: 130px;
height: 55px;
width: 210px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#empty_div2{
	position: absolute;
top: 195px;
left: 130px;
height: 55px;
width: 210px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#empty_div3{
	position: absolute;
top: 135px;
left: 615px;
height: 55px;
width: 155px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#empty_div4{
	position: absolute;
top: 195px;
left: 615px;
height: 55px;
width: 155px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#empty_div5{
	position: absolute;
top: 255px;
left: 615px;
height: 55px;
width: 155px;
border: 1px solid #6FB140;
color: #999999;
font-family: Jacoby;
font-size: 20px;
}
#drag_div1{
		position: absolute;
		top: 45px;
		left: 20px;
		height: 35px;
		padding-top: 5px;
		width: 140px;
		background-color:#FFF;
		border:1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		cursor:pointer;
}
#drag_div2{
		position: absolute;
		top: -10px;
		left: 120px;
		height: 35px;
		padding-top: 5px;
		width: 140px;
		background-color:#FFF;
		border:1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		cursor:pointer;
}
#drag_div3{
		position: absolute;
		top: 45px;
		left: 220px;
		height: 35px;
		padding-top: 5px;
		width: 140px;
		background-color:#FFF;
		border:1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		cursor:pointer;
}
#drag_div4{
		position: absolute;
		top: -10px;
		left: 320px;
		height: 35px;
		padding-top: 5px;
		width: 140px;
		background-color:#FFF;
		border:1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		cursor:pointer;
}
#drag_div5{
		position: absolute;
		top: 45px;
		left: 420px;
		height: 35px;
		padding-top: 5px;
		width: 140px;
		background-color:#FFF;		
		border:1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		cursor:pointer;
}
#drop_div1{
		position: absolute;
		top: 143px;
		left: 165px;
		height: 35px;
		width: 140px;
		background-color: #FFF;
		border: 1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		padding-top: 5px;

}
#drop_div2{
		position: absolute;
		top: 203px;
		left: 165px;
		height: 35px;
		width: 140px;
		background-color: #FFF;
		border: 1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		padding-top: 5px;
}
#drop_div3{
		position: absolute;
		top: 142px;
		left: 622px;
		height: 35px;
		width: 140px;
		background-color: #FFF;
		border: 1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		padding-top: 5px;		
}
#drop_div4{
		position: absolute;
		top: 203px;
		left: 622px;
		height: 35px;
		width: 140px;
		background-color: #FFF;
		border: 1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		padding-top: 5px;		
}
#drop_div5{
		position: absolute;
		top: 263px;
		left: 622px;
		height: 35px;
		width: 140px;
		background-color: #FFF;
		border: 1px solid #666666;
		color: #999999;
		font-family: Jacoby;
		font-size: 20px;
		padding-top: 5px;

}
#check{
		position: absolute;
		top: 440px;
		left: 770px;
		height: 60px;
		width: 145px;
		opacity:1;
}
#check1{
		display:block;
}
#check2{
		display:block;
}
#check3{
		display:block;
}
#check4{
		display:block;
}
#check5{
		display:block;
}
#final_anim{
		position: absolute;
		top: -170px;
		left: 135px;
		width: 255px;
		height: 174px;
		z-index:100;
		display:none;
}
#correct_1{
		position: absolute;
		top: 0px;
		left: 0px;
}
#correct_2{
		position: absolute;
		top: 95px;
		left: 60px;
		cursor:pointer;
}

#main_div
{
	height: 315px;
    left: 489px;
    position: absolute;
    top: 100px;
    width: 408px;
}

#img1_div
{
	position:absolute;
	top:50px;
	left:50px;
	width:75px;
	height:75px;
}
#img1_div {
    height: 75px;
    left: 50px;
    position: absolute;
    top: 50px;
    width: 75px;
}
#page2IMG {
    height: 291px;
    left: 44px;
    opacity: 0.3;
    position: absolute;
    top: 68px;
    width: 393px;
}
#timer_IMG {
    left: 58px;
    position: absolute;
    top: 30px;
}
#timer_txt1 {
    font-size: 30px;
    height: 29px;
    left: 72px;
    position: absolute;
    text-align: center;
    top: 71px;
    width: 38px;
}
#timer_txt2 {
    font-size: 30px;
    height: 29px;
    left: 121px;
    position: absolute;
    text-align: center;
    top: 71px;
    width: 38px;
}
#timer {
    height: 118px;
    left: 26px;
    position: absolute;
    top: 375px;
    width: 217px;
}
#reiniciar_pg2 {
    left: 475px;
    position: absolute;
    top: -350px;
}
#reiniciar_img_pg2 {
    height: 241px;
    left: 0;
    position: absolute;
    top: 0;
    width: 381px;
}
#reiniciar_click_pg2 {
	background-color: rgba(0,0,0,0);
    cursor: pointer;
    height: 48px;
    left: 110px;
    position: absolute;
    top: 158px;
    width: 164px;
}
#siguiente_pg2 {
    left: 475px;
    position: absolute;
    top: -350px;
}
#siguiente_img_pg2 {
    height: 241px;
    left: 0;
    position: absolute;
    top: 0;
    width: 381px;
}
#siguiente_click_pg2 {
    cursor: pointer;
    height: 48px;
    left: 110px;
    position: absolute;
    top: 158px;
    width: 164px;
}
#drop11 {
	background-color: rgba(0,0,0,0);
    height: 98px;
    left: 42px;
    position: absolute;
    top: 67px;
    width: 134px;
}
#drop12 {
	background-color: rgba(0,0,0,0);
    height: 132px;
    left: 158px;
    position: absolute;
    top: 50px;
    width: 168px;
}
#drop13 {
	background-color: rgba(0,0,0,0);
    height: 131px;
    left: 296px;
    position: absolute;
    top: 52px;
    width: 154px;
}
#drop14 {
	background-color: rgba(0,0,0,0);
    height: 148px;
    left: 37px;
    position: absolute;
    top: 138px;
    width: 169px;
}
#drop15 {
	background-color: rgba(0,0,0,0);
    height: 148px;
    left: 168px;
    position: absolute;
    top: 139px;
    width: 147px;
}
#drop16 {
	background-color: rgba(0,0,0,0);
    height: 148px;
    left: 280px;
    position: absolute;
    top: 139px;
    width: 160px;
}
#drop17 {
	background-color: rgba(0,0,0,0);
    height: 103px;
    left: 300px;
    position: absolute;
    top: 257px;
    width: 144px;
}
#drop18 {
	background-color: rgba(0,0,0,0);
    height: 108px;
    left: 150px;
    position: absolute;
    top: 255px;
    width: 186px;
}
#drop19 {
	background-color: rgba(0,0,0,0);
    height: 101px;
    left: 42px;
    position: absolute;
    top: 257px;
    width: 136px;
}
#clock {
    left: 36px;
    position: absolute;
    top: 27px;
}
#clock_gif {
    display: none;
    left: 23px;
    position: absolute;
    top: 19px;
}
#drop_over {
	background-color: rgba(0,0,0,0);
    display: none;
    height: 500px;
    left: 10px;
    position: absolute;
    top: 1px;
    width: 100%;
}

.droppable_pg2 {
	background-color: rgba(0,0,0,0);
/*	z-index: 1; */
}