@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: "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;
}
div{
	-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:80px;
top:65px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}
#page2_inst{
	font-family: Trebuchet MS;
    font-size: 21px;
    left: 30px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 880px;
}
#page1{
		height: 505px;
		left: -50px;
		position: absolute;
		text-align: center;
		top: 100px;
		width: 910px;
			
}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display:none;
}

/*page 1 starts*/

#top1{
	font-family:Jacoby;
    font-size: 38px;
    left: 222px;
    position: absolute;
    top: 46px;
}
#top2{
	font-family:Jacoby;
    font-size: 38px;
    left: 511px;
    position: absolute;
    top: 46px;
}
#top3{
	font-family:Jacoby;
    font-size: 38px;
    left: 222px;
    position: absolute;
    top: 287px;
}
#top4{
	font-family:Jacoby;
    font-size: 38px;
    left: 511px;
    position: absolute;
    top: 287px;
}


#txt1{
	font-family: PresentLTStd;
    left: 135px;
    position: absolute;
    top: 85px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt2{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 255px;
    position: absolute;
    top: 85px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt3{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 511px;
    position: absolute;
    top: 85px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt4{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 631px;
    position: absolute;
    top: 85px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt5{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 135px;
    position: absolute;
    top: 260px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt6{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 255px;
    position: absolute;
    top: 260px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt7{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 511px;
    position: absolute;
    top: 260px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#txt8{
	font-family: PresentLTStd;
    font-size: 43px;
    left: 631px;
    position: absolute;
    top: 260px;
	color:black;
	font-size: 40px;
	border: 2px solid cornflowerblue;;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}


#symbol1{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 43px;
    left: 218px;
    position: absolute;
    top: 90px;
}
#symbol2{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 43px;
    left: 593px;
    position: absolute;
    top:90px;
}
#symbol3{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 43px;
    left: 218px;
    position: absolute;
    top: 260px;
}
#symbol4{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 43px;
    left: 593px;
    position: absolute;
    top: 260px;
}


#line1{
    left: 325px;
    position: absolute;
	top: 85px;
	color:black;
	font-size: 40px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
}
#line2{
	font-size: 40px;
    height: 10px;
    left: 647px;
    position: absolute;
    top: 95px;
    width: 147px;
}
#line3{
	font-size: 40px;
    height: 10px;
    left: 273px;
    position: absolute;
    top: 268px;
    width: 147px;
}
#line4{
	font-size: 40px;
    height: 10px;
    left: 647px;
    position: absolute;
    top: 268px;
    width: 147px;
}

#add1{
	left: 380px;
    position: absolute;
    top: 90px;
}
#plus{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add2{
	left: 400px;
    position: absolute;
    top: 90px;
}
#plus1{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num1{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus1{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add3{
	left: 755px;
    position: absolute;
    top: 90px;
}
#plus2{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num2{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus2{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add4{
	left: 775px;
    position: absolute;
    top: 90px;
}
#plus3{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num3{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus3{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add5{
	left: 380px;
    position: absolute;
    top: 265px;
}
#plus4{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num4{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus4{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add6{
	left: 400px;
    position: absolute;
    top: 265px;
}
#plus5{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num5{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus5{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add7{
	left: 755px;
    position: absolute;
    top: 265px;
}
#plus6{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num6{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus6{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}
#add8{
	left: 775px;
    position: absolute;
    top: 265px;
}
#plus7{
	background-image:url(../img/plus.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	position:absolute;
	left:5px;
	top:0px;
	cursor:pointer;
}
#num7{
	font-family: PresentLTStd;
    font-size: 33px;
    left: 2px;
    position: absolute;
    top: 14px;
}
#minus7{
	background-image:url(../img/minus.png);
	background-repeat: no-repeat;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 56px;
    width: 16px;
	cursor:pointer;
}


#correct1{
	left: 435px;
    position: absolute;
    top: 90px;
	display:none;
}
#wrong1{
	left: 435px;
    position: absolute;
    top: 90px;
	display:none;
	
}
#correct2{
	left: 810px;
    position: absolute;
    top: 90px;
	display:none;
}
#wrong2{
	left: 810px;
    position: absolute;
    top: 90px;
	display:none;
	
}
#correct3{
	left: 435px;
    position: absolute;
    top: 260px;
	display:none;
}
#wrong3{
	left: 435px;
    position: absolute;
    top: 260px;
	display:none;
	
}
#correct4{
	left: 810px;
    position: absolute;
    top: 260px;
	display:none;
}
#wrong4{
	left: 810px;
    position: absolute;
    top: 260px;
	display:none;
}



#correct{
	left: 636px;
    position: absolute;
    top: 433px;
	cursor:pointer;
-webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}
.correct_1:hover{
	-webkit-transform: rotate(-8deg);
     -moz-transform: rotate(-8deg) ;
       -o-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
}

#sig{
	position:absolute;
	left:0px;
	top:0px;
}
#siguiente{
	position:absolute;
	left:340px;
	top:-375px;
	cursor:pointer;
	display:none;
}
#rin{
	position:absolute;
	left:0px;
	top:0px;
}
#reiniciar{
	position:absolute;
	left:340px;
	top:-375px;
	cursor:pointer;
	display:none;
}




#imgNew
{
	background-image:url(../img/bgm2.png);
	background-repeat: no-repeat;
    height: 469px;
    left: 6px;
    position: absolute;
    top: 39px;
    width: 889px;
}
#txt16{
	font-family: BrunoJBStd;
    font-size: 58px;
    left: 353px;
    position: absolute;
    top: 105px;
	color:#0099FF;
}
#txt11{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 27px;
    left: 341px;
    position: absolute;
    top: 199px;
	z-index:1;
}
#txt12{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 21px;
    left: 253px;
    position: absolute;
    top: 301px;
}
#txt13{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 27px;
    left: 554px;
    position: absolute;
    top: 412px;
}
#inputTxt{
	background-color: transparent;
    border: medium none;
    font: lighter 28px avenir,arial;
    left: 268px;
    position: absolute;
    text-align: center;
    top: 242px;
    width: 358px;
}
#fecha_input{
	background-color: transparent;
    border: medium none;
    font: lighter 25px avenir,arial;
    left: 626px;
    position: absolute;
    text-align: center;
    top: 402px;
	width: 128px;
}

#hold_1{
	border: 2px solid cornflowerblue;;
	border-radius: 15px;
	width: 60px;
	height: 85px;
	position: absolute;
	left: 370px;
	top: 78px;
}
#hold_2{
	border: 2px solid cornflowerblue;;
	border-radius: 15px;
	width: 60px;
	height: 85px;
	position: absolute;
	left: 745px;
	top: 78px;
}

#hold_3{
	border: 2px solid cornflowerblue;;
	border-radius: 15px;
	width: 60px;
	height: 85px;
	position: absolute;
	left: 370px;
	top: 253px;
}

#hold_4{
	border: 2px solid cornflowerblue;;
	border-radius: 15px;
	width: 60px;
	height: 85px;
	position: absolute;
	left: 745px;
	top: 253px;
}