@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: Trebuchet MS; src: url('../fonts/TREBUC.eot'), url('../fonts/TREBUC.ttf'),  url('../fonts/TREBUC.otf') }
@font-face  { font-family: MemimasAltRegular; src: url('../fonts/MemimasAltRegular.eot'), url('../fonts/MemimasAltRegular.ttf'),  url('../fonts/MemimasAltRegular.otf') }
@font-face  { font-family: Carolina-LT-Std-Roman_9350; src: url('../fonts/Carolina-LT-Std-Roman_9350.eot'), url('../fonts/Carolina-LT-Std-Roman_9350.ttf'),  url('../fonts/Carolina-LT-Std-Roman_9350.otf') }

@font-face  { font-family: BrunoJBStd; src: url('../fonts/BrunoJBStd.eot'), url('../fonts/BrunoJBStd.ttf'),  url('../fonts/BrunoJBStd.otf') }
@font-face  { font-family: PresentLTStd; src: url('../fonts/PresentLTStd.eot'), url('../fonts/PresentLTStd.ttf'),  url('../fonts/PresentLTStd.otf') }

body, html{
    overflow: scroll !important;
}
.cm{
	font-family: PresentLTStd;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#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;
}
#page2_inst{
		position: absolute;
		top: 10px;
		left: 30px;
		font-family: Trebuchet MS;
		width: 880px;
		font-size: 23px;
		text-align: left;
}
#page1{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
			
}
#txt14{
	font-family: BrunoJBStd; color:#0066CC;
    font-size: 60px;
    left: 361px;
    position: absolute;
    top: 104px;
}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display:none;
}
#bgm1{
	background-image:url(../img/bgm1.png);
	background-repeat: no-repeat;
    height: 241px;
    left: 99px;
    position: absolute;
    top: 115px;
    width: 768px;
}
#txt1{
	font-family: PresentLTStd;
	font-size: 29px;
    left: 246px;
    position: absolute;
    top: 122px;
}
#txt2{
	font-family: PresentLTStd;
	font-size: 29px;
    left:525px;
    position: absolute;
    top: 122px;
}
#txt3{
	font-family: PresentLTStd;
	font-size: 29px;
    left:779px;
    position: absolute;
    top: 122px;
}
#txt4{
	font-family: PresentLTStd ;
	font-size: 29px;
    left: 133px;
    position: absolute;
    top: 215px;
}
#txt5{
	font-family: PresentLTStd;
	font-size: 29px;
    left: 389px;
    position: absolute;
    top: 215px;
}
#txt6{
	font-family: PresentLTStd;
	font-size: 29px;
    left: 659px;
    position: absolute;
    top: 215px;
}
#txt7{
	font-family: PresentLTStd;
	font-size: 29px;
    left: 133px;
    position: absolute;
    top: 310px;
}
#txt8{
	font-family: PresentLTStd;
	font-size: 29px;
    left: 525px;
    position: absolute;
    top: 310px;
}
#txt9{
	font-family: PresentLTStd;
    font-size: 29px;
    left: 779px;
    position: absolute;
    top: 310px;
}

#sign1{
	color:#3399FF;
    font-family: Carolina-LT-Std-Roman_9350;
    font-size: 36px;
    left: 29px;
    position: absolute;
    top: 123px;
}
#sign2{
	font-family: Carolina-LT-Std-Roman_9350; color:#FF9900;
    font-size: 36px;
    left: 28px;
    position: absolute;
    top: 215px;
}
#sign3{
	font-family: Carolina-LT-Std-Roman_9350; color:#33CC33;
    font-size: 36px;
    left: 28px;
    position: absolute;
    top: 310px;
}
#add{
	left: 108px;
    position: absolute;
    top: -27px;
}
#plus{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num{
	
  	font-size: 29px;
    left: 16px;
    position: absolute;
    top: 150px;
}
#minus{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add1{
	left: 367px;
    position: absolute;
    top: -27px;
}
#plus1{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num1{
	
 	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus1{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add2{
	left: 636px;
    position: absolute;
    top: -27px;
}
#plus2{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num2{
	
  	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus2{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add3{
	left: 223px;
    position: absolute;
    top: 65px;
}
#plus3{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num3{
	
 	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus3{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add4{
	left: 500px;
    position: absolute;
    top: 66px;
}
#plus4{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num4{
	
  	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus4{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add5{
	left: 755px;
    position: absolute;
    top: 66px;
}
#plus5{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num5{
	
 	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus5{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add6{
	left: 225px;
    position: absolute;
    top: 160px;
}
#plus6{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num6{
	
 	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus6{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add7{
	left: 366px;
    position: absolute;
    top: 160px;
}
#plus7{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num7{
	
  	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus7{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}
#add8{
	left: 637px;
    position: absolute;
    top: 160px;
}
#plus8{
	background-image:url(../img/plus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 149px;
    width: 15px;
}
#num8{
	
  	font-size: 29px;
    left: 14px;
    position: absolute;
    top: 150px;
}
#minus8{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    left: 72px;
    position: absolute;
    top: 170px;
    width: 15px;
}

#correct{
	left: 730px;
    position: absolute;
    top: 415px;
	cursor:pointer;
}

#drop1_correct{
	display: none;
    left: 160px;
    position: absolute;
    top: 114px;
}
#drop1_wrong{
	display: none;
    left: 160px;
    position: absolute;
    top: 114px;
}
#drop2_correct{
	display: none;
    left: 417px;
    position: absolute;
    top: 114px;
}
#drop2_wrong{
	display: none;
    left: 417px;
    position: absolute;
    top: 114px;
}
#drop3_correct{
 	display: none;
    left: 689px;
    position: absolute;
    top: 114px;
}
#drop3_wrong{
	display: none;
    left: 689px;
    position: absolute;
    top: 114px;
}
#drop4_correct{
	display: none;
    left: 287px;
    position: absolute;
    top: 206px;
}
#drop4_wrong{
	display: none;
    left: 287px;
    position: absolute;
    top: 206px;
}
#drop5_correct{
	display: none;
    left: 557px;
    position: absolute;
    top: 206px;
}
#drop5_wrong{
	display: none;
    left: 557px;
    position: absolute;
    top: 206px;
}
#drop6_correct{
	display: none;
    left: 812px;
    position: absolute;
    top: 206px;
}
#drop6_wrong{
	display: none;
    left: 812px;
    position: absolute;
    top: 206px;
}
#drop7_correct{
	display: none;
    left: 287px;
    position: absolute;
    top: 301px;
}
#drop7_wrong{
	display: none;
    left: 287px;
    position: absolute;
    top: 301px;
}
#drop8_correct{
	display: none;
    left: 417px;
    position: absolute;
    top: 301px;
}
#drop8_wrong{
	display: none;
    left: 417px;
    position: absolute;
    top: 301px;
}
#drop9_correct{
	display: none;
    left: 689px;
    position: absolute;
    top: 301px;
}
#drop9_wrong{
	display: none;
    left: 689px;
    position: absolute;
    top: 301px;
}
#sig{
	position:absolute;
	left:0px;
	top:0px;
}
#siguiente{
	position:absolute;
	left:150px;
	top:-375px;
	cursor:pointer;
	display:none;
}
#rin{
	position:absolute;
	left:0px;
	top:0px;
}
#reiniciar{
	position:absolute;
	left:150px;
	top:-375px;
	cursor:pointer;
	display:none;
}



/*page2*/

#bgm2{
	background-image:url(../img/page2.jpg);
	background-repeat: no-repeat;
    height: 463px;
    left: 65px;
    position: absolute;
    top: 44px;
    width: 782px;
}
#txt11{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 29px;
    left: 344px;
    position: absolute;
    top: 199px;
}
#txt12{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 22px;
    left: 228px;
    position: absolute;
    top: 292px;
}
#txt13{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 24px;
    left: 309px;
    position: absolute;
    top: 359px;
}
#inputTxt{
	 background-color: transparent;
    border: medium none;
    font: lighter 28px avenir,arial;
    left: 211px;
    position: absolute;
    text-align: center;
    top: 250px;
    width: 444px;
}
#fecha_input{
	background-color: transparent;
    border: medium none;
    font: lighter 25px avenir,arial;
    left: 385px;
    position: absolute;
    text-align: center;
    top: 353px;
    width: 163px;
}
/*.input_No{
	left:-6px;
	width:78px;
}*/