@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: "Present";
    src: url("../fonts/PresentLTStd.eot"), url("../fonts/PresentLTStd.ttf"), url("../fonts/PresentLTStd.otf");
}
body, html{
    overflow:none !important;
    background-color:  rgb(204, 204, 204);
}

#all{
    position:absolute;
    top:0px;
    left:0px;
    width:920px;
    height:635px;
    background: url("../cover_case/bg0.png");
    background-size:920px 585px;
    background-repeat:no-repeat;
    border-radius: 10px;
    background-color: white;
}
#t1 {
position: absolute;
left: 75px;
top: 20px;
width: 600px;
font-size: 24px;
color: #333333;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-style: normal;
}
#t2 {
position: absolute;
left:75px;
top:105px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}

#contenedor{
position: absolute;
top: 60px;    
}
#images1 {
    height: 380px;
    left: 25px;
    position: absolute;
    top: 95px;
    width: 880px;
}
#plus1 {
    cursor: pointer;
    height: 16px;
    left: 406.1px;
    position: absolute;
    top: 146px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus1 {
    cursor: pointer;
    height: 16px;
    left: 405px;
    position: absolute;
    top: 163px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_1 {
    font-size: 39px;
    left: 376px;
    position: absolute;
    top: 141px;
	font-family:Present;
}
#plus2 {
    cursor: pointer;
    height: 16px;
    left: 541.1px;
    position: absolute;
    top: 144px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus2 {
    cursor: pointer;
    height: 16px;
    left: 540px;
    position: absolute;
    top: 164px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_2 {
    font-size: 39px;
    left: 512px;
    position: absolute;
    top: 141px;
	font-family:Present;
}
#plus3 {
    cursor: pointer;
    height: 16px;
    left: 666.1px;
    position: absolute;
    top: 144px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus3 {
    cursor: pointer;
    height: 16px;
    left: 666px;
    position: absolute;
    top: 166px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_3 {
    font-size: 39px;
    left: 637px;
    position: absolute;
    top: 141px;
	font-family:Present;
}
#plus4 {
    cursor: pointer;
    height: 16px;
    left: 406.1px;
    position: absolute;
    top: 193px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus4 {
    cursor: pointer;
    height: 16px;
    left: 404px;
    position: absolute;
    top: 213px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_4 {
    font-size: 39px;
    left: 376px;
    position: absolute;
    top: 189px;
	font-family:Present;
}
#plus5 {
    cursor: pointer;
    height: 16px;
    left: 540.1px;
    position: absolute;
    top: 194px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus5 {
    cursor: pointer;
    height: 16px;
    left: 540px;
    position: absolute;
    top: 213px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_5 {
    font-size: 39px;
    left: 512px;
    position: absolute;
    top: 188px;
	font-family:Present;
}
#plus6 {
    cursor: pointer;
    height: 16px;
    left: 666.1px;
    position: absolute;
    top: 194px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus6 {
    cursor: pointer;
    height: 16px;
    left: 666px;
    position: absolute;
    top: 215px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_6 {
    font-size: 39px;
    left: 636px;
    position: absolute;
    top: 188px;
	font-family:Present;
}
#plus7 {
    cursor: pointer;
    height: 16px;
    left: 406.1px;
    position: absolute;
    top: 300px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus7 {
    cursor: pointer;
    height: 16px;
    left: 407px;
    position: absolute;
    top: 321px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_7 {
    font-size: 39px;
    left: 376px;
    position: absolute;
    top: 296px;
	font-family:Present;
}
#plus8 {
    cursor: pointer;
    height: 16px;
    left: 542.1px;
    position: absolute;
    top: 300px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus8 {
    cursor: pointer;
    height: 16px;
    left: 541px;
    position: absolute;
    top: 322px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_8 {
    font-size: 39px;
    left: 510px;
    position: absolute;
    top: 298px;
	font-family:Present;
}
#plus9 {
    cursor: pointer;
    height: 16px;
    left: 669.1px;
    position: absolute;
    top: 301px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus9 {
    cursor: pointer;
    height: 16px;
    left: 669px;
    position: absolute;
    top: 321px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_9 {
    font-size: 39px;
    left: 636px;
    position: absolute;
    top: 300px;
	font-family:Present;
}
#plus10 {
    cursor: pointer;
    height: 16px;
    left: 405px;
    position: absolute;
    top: 350px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus10 {
    cursor: pointer;
    height: 16px;
    left: 407px;
    position: absolute;
    top: 370px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_10 {
    font-size: 39px;
    left: 376px;
    position: absolute;
    top: 344px;
	font-family:Present;
}
#plus11 {
    cursor: pointer;
    height: 16px;
    left: 541.1px;
    position: absolute;
    top: 349px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus11 {
    cursor: pointer;
    height: 16px;
    left: 541px;
    position: absolute;
    top: 370px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_11 {
    font-size: 39px;
    left: 510px;
    position: absolute;
    top: 347px;
	font-family:Present;
}
#plus12 {
    cursor: pointer;
    height: 16px;
    left: 669.1px;
    position: absolute;
    top: 350px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus12 {
    cursor: pointer;
    height: 16px;
    left: 669px;
    position: absolute;
    top: 371px;
    width: 14px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#val_12 {
    font-size: 39px;
    left: 637px;
    position: absolute;
    top: 347px;
	font-family:Present;
}
#right1 {
    left: 408px;
    position: absolute;
    top: 147px;
	display:none;
}
#wrong1 {
    left: 408px;
    position: absolute;
    top: 147px;
	display:none;
}
#right2 {
    left: 543px;
    position: absolute;
    top: 147px;
	display:none;
}
#wrong2 {
    left: 543px;
    position: absolute;
    top: 147px;
	display:none;
}
#right3 {
    left: 670px;
    position: absolute;
    top: 146px;
	display:none;
}
#wrong3 {
   left: 670px;
    position: absolute;
    top: 146px;
	display:none;
}
#right4 {
    left: 410px;
    position: absolute;
    top: 191px;
	display:none;
}
#wrong4 {
   left: 410px;
    position: absolute;
    top: 191px;
	display:none;
}
#right5 {
    left: 544px;
    position: absolute;
    top: 190px;
	display:none;
}
#wrong5 {
    left: 544px;
    position: absolute;
    top: 190px;
	display:none;
}
#right6 {
    left: 673px;
    position: absolute;
    top: 192px;
	display:none;
}
#wrong6 {
    left: 673px;
    position: absolute;
    top: 192px;
	display:none;
}
#right7 {
    left: 409px;
    position: absolute;
    top: 300px;
	display:none;
}
#wrong7 {
     left: 409px;
    position: absolute;
    top: 300px;
	display:none;
}
#right8 {
    left: 550px;
    position: absolute;
    top: 300px;
	display:none;
}
#wrong8 {
    left: 550px;
    position: absolute;
    top: 300px;
	display:none;
}
#right9 {
    left: 677px;
    position: absolute;
    top: 300px;
	display:none;
}
#wrong9 {
   left: 677px;
    position: absolute;
    top: 300px;
	display:none;
}
#right10 {
    left: 412px;
    position: absolute;
    top: 348px;
	display:none;
}
#wrong10 {
    left: 412px;
    position: absolute;
    top: 348px;
	display:none;
}
#right11 {
    left: 548px;
    position: absolute;
    top: 348px;
	display:none;
}
#wrong11 {
    left: 548px;
    position: absolute;
    top: 348px;
	display:none;
}
#right12 {
    left: 673px;
    position: absolute;
    top: 348px;
	display:none;
}
#wrong12 {
   left: 673px;
    position: absolute;
    top: 348px;
	display:none;
}
#validate {
   background-image: url("../img/corregir.png");
cursor: pointer;
height: 76px;
left: 710px;
position: absolute;
top: 472px;
width: 160px;
}
#restart1 {
    background: url("../img/restart.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px;
    left: 821px;
    position: absolute;
    top: 10px;
    width: 28px;
}
#restart2 {
    background: url("../img/restart_over2.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 55px;
    left: -38px;
    position: absolute;
    top: 34px;
    width: 103px;
}
#restart1:hover {
    background: url("../img/restart_over1.png") repeat scroll 0 0 transparent;
}
#restart1:hover #restart2 {
    display: block;
}
#close1 {
    background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px;
    left: 861px;
    position: absolute;
    top: 10px;
    width: 28px;
}
#close2 {
    background: url("../img/close_over2.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 55px;
    left: -38px;
    position: absolute;
    top: 32px;
    width: 104px;
}
#close1:hover {
    background: url("../img/close_over1.png") repeat scroll 0 0 transparent;
}
#close1:hover #close2 {
    display: block;
}
#correctanimation {
    height: 241px;
    left: 26px;
    position: absolute;
    top: -374px;
    width: 348px;
}
#wronganimation {
    height: 241px;
    left: 26px;
    position: absolute;
    top: -374px;
    width: 348px;
}
#t4a {
    height: 36px;
    left: 111px;
    position: absolute;
    top: 440px;
    width: 165px;
}
#box11 {
    height: 168px;
    left: 0;
    position: absolute;
    top: 0;
    width: 540px;
}
#box12 {
    height: 168px;
    left: 0;
    position: absolute;
    top: 0;
    width: 540px;
}
#img1 {
    height: 161px;
    left: 8px;
    position: absolute;
    top: 232px;
    width: 343px;
}
#main_div {
    height: 315px;
    left: 489px;
    position: absolute;
    top: 100px;
    width: 408px;
}
#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 {
    cursor: pointer;
    height: 48px;
    left: 110px;
    position: absolute;
    top: 136px;
    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 {
    height: 98px;
    left: 42px;
    position: absolute;
    top: 67px;
    width: 134px;
}
#drop12 {
    height: 132px;
    left: 158px;
    position: absolute;
    top: 50px;
    width: 168px;
}
#drop13 {
    height: 131px;
    left: 296px;
    position: absolute;
    top: 52px;
    width: 154px;
}
#drop14 {
    height: 148px;
    left: 37px;
    position: absolute;
    top: 138px;
    width: 169px;
}
#drop15 {
    height: 148px;
    left: 168px;
    position: absolute;
    top: 139px;
    width: 147px;
}
#drop16 {
    height: 148px;
    left: 280px;
    position: absolute;
    top: 139px;
    width: 160px;
}
#drop17 {
    height: 103px;
    left: 300px;
    position: absolute;
    top: 257px;
    width: 144px;
}
#drop18 {
    height: 108px;
    left: 150px;
    position: absolute;
    top: 255px;
    width: 186px;
}
#drop19 {
    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 {
    display: none;
    height: 500px;
    left: 10px;
    position: absolute;
    top: 1px;
    width: 100%;
}
#correctanimation {
    height: 241px;
    left: 20px;
    position: absolute;
    top: -250px;
    width: 348px;
}
#t4 {
    height: 39px;
    left: 96px;
    position: absolute;
    top: 366px;
    width: 82px;
}
#k1 {
    height: 260px;
    left: 16px;
    position: absolute;
    top: 138px;
    width: 794px;
}
#page2 {
    display: none;
}
#all {
    -moz-user-select: none;
}