@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) !important;
}
#all{
    position:absolute;
    top:0px;
    left:0px;
    width:920px;
    height:635px;
    background-image:url("../cover_case/bg0.png");
    background-size:920px 585px;
    background-repeat:no-repeat;
    border-radius: 10px;
    background-color: white;
}

/*body,html{
background-color: #CCC;
overflow: scroll;
}
#all{
border-radius: 10px;
margin-top: 7%;
}
#all {
    background-image: url("../cover_case/bg0.png");
    height: 587px;
    left: 0;
    position: absolute;
    top: 0;
    width: 919px;
}*/
#t1 {
  position: absolute;
  left: 75px;
  top: 25px;
  width: 600px;
  font-size: 22px;
  color:black;
  font-family: sans-serif;
}
#t1b {
    color: black;
    font-family:sans-serif;
    font-size: 13px;
    height: 41px;
    left: 100px;
    position: absolute;
    top: 61px;
    width: 572px;
    z-index: 99!important;
}
#t2 {
  position: absolute;
  left:75px;
  top:100px;
  font-family:sans-serif;
  font-size: 13px;
}
#t3 {
    color: #000000;
    font-family: jacoby;
    font-size: 24px;
    height: 15px;
    left: 32px;
    position: absolute;
    top: 94px;
    width: 704px;
}
#img3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/box2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 177px;
    left: 353px;
    position: absolute;
    top: 130px;
    width: 539px;
}
#img4 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/box2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 177px;
    left: 353px;
    position: absolute;
    top: 314px;
    width: 539px;
}
#txt3 {
    font-family: jacoby;
    font-size: 22px;
    left: 20px;
    line-height: 65px;
    position: absolute;
    top: 11px;
}
#txt4 {
    font-family: jacoby;
    font-size: 22px;
    left: 19px;
    line-height: 65px;
    position: absolute;
    top: 14px;
}
#box1 {
    left: 110px;
    position: absolute;
    top: 0;
}
#box2 {
    left: 11px;
    position: absolute;
    top: 67px;
}
#box3 {
    left: 110px;
    position: absolute;
    top: 0;
}
#box4 {
    left: 30px;
    position: absolute;
    top: 65px;
}
#validate {
    background-image: url("../img/corregir.png");
cursor: pointer;
height: 78px;
left: 710px;
position: absolute;
top: 474px;
width: 160px;
}
#plus1 {
    cursor: pointer;
    height: 16px;
    left: 122px;
    position: absolute;
    top: -2px;
    width: 12px;
    z-index: 4;

}
#minus1 {
    cursor: pointer;
    height: 16px;
    left: 122px;
    position: absolute;
    top: 54px;
    width: 12px;
    z-index: 4;

}
#plus2 {
    cursor: pointer;
    height: 16px;
    left: 23px;
    position: absolute;
    top: 65px;
    width: 12px;
    z-index: 4;

}
#minus2 {
    cursor: pointer;
    height: 16px;
    left: 23px;
    position: absolute;
    top: 122px;
    width: 12px;
    z-index: 4;
}
#plus3 {
    cursor: pointer;
    height: 16px;
    left: 253px;
    position: absolute;
    top: 66px;
    width: 12px;
    z-index: 4;
}
#minus3 {
    cursor: pointer;
    height: 16px;
    left: 253px;
    position: absolute;
    top: 123px;
    width: 12px;
    z-index: 4;
}
#val_1 {
    left: 122px;
    position: absolute;
    top: 4px;
	font-family:Present;
}
#val_2 {
    left: 23px;
    position: absolute;
    top: 70px;
	font-family:Present;
}
#val_3 {
    left: 249px;
    position: absolute;
    top: 71px;
	font-family:Present;
}
#plus4 {
    cursor: pointer;
    height: 16px;
    left: 122px;
    position: absolute;
    top: -3px;
    width: 12px;
    z-index: 4;

}
#minus4 {
    cursor: pointer;
    height: 16px;
    left: 122px;
    position: absolute;
    top: 54px;
    width: 12px;
    z-index: 4;

}
#plus5 {
    cursor: pointer;
    height: 16px;

    left: 52px;
    position: absolute;
    top: 63px;
    width: 12px;
    z-index: 4;

}
#minus5 {
    cursor: pointer;
    height: 16px;
    left: 52px;
    position: absolute;
    top: 121px;
    width: 12px;
    z-index: 4;
}
#plus6 {
    cursor: pointer;
    height: 16px;
    left: 72px;
    position: absolute;
    top: 63px;
    width: 12px;
    z-index: 4;

}
#minus6 {
    cursor: pointer;
    height: 16px;
    left: 72px;
    position: absolute;
    top: 121px;
    width: 12px;
    z-index: 4;
}
#val_4 {
    left: 121px;
    position: absolute;
    top: 4px;
	font-family:Present;
}
#val_5 {
    left: 51px;
    position: absolute;
    top: 69px;
	font-family:Present;
}
#val_6 {
    left: 71px;
    position: absolute;
    top: 69px;
	font-family:Present;
}
#right1 {
    display: none;
    height: 38px;
      left: 153px;
    position: absolute;
    top: 36px;
    width: 96px;
}
#wrong1 {
    display: none;
    height: 43px;
    left: 153px;
    position: absolute;
    top: 36px;
    width: 39px;
}
#right2 {
    display: none;
    height: 38px;
    left: 67px;
    position: absolute;
    top: 93px;
    width: 96px;
}
#wrong2 {
    display: none;
    height: 43px;
    left: 67px;
    position: absolute;
    top: 104px;
    width: 39px;
}
#right3 {
    display: none;
    height: 38px;
    left: 156px;
    position: absolute;
    top: 26px;
    width: 96px;
}
#wrong3 {
    display: none;
    height: 43px;
    left: 156px;
    position: absolute;
    top: 36px;
    width: 39px;
}
#right4 {
    display: none;
    height: 38px;
    left: 115px;
    position: absolute;
    top: 100px;
    width: 96px;
}
#wrong4 {
    display: none;
    height: 43px;
    left: 115px;
    position: absolute;
    top: 99px;
    width: 39px;
}
#restart1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/restart.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 28px;
    left: 821px;
    position: absolute;
    top: 10px;
    width: 28px;
}
#restart2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/restart_over2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: none;
    height: 55px;
    left: -38px;
    position: absolute;
    top: 34px;
    width: 103px;
}
#restart1:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/restart_over1.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
#restart1:hover #restart2 {
    display: block;
}
#close1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/close.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 28px;
    left: 861px;
    position: absolute;
    top: 10px;
    width: 28px;
}
#close2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/close_over2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: none;
    height: 55px;
    left: -38px;
    position: absolute;
    top: 32px;
    width: 104px;
}
#close1:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/close_over1.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
#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;
	background-color:rgba(0,0,0,0);
}
#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: 20px;
}
#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;
	background-color:rgba(0,0,0,0);
}
#siguiente_pg2 {
    left: 475px;
    position: absolute;
    top: -350px;
}
#siguiente_img_pg2 {
    height: 190px;
    left: 0;
    position: absolute;
    top: 0;
    width: 311px;
}
#siguiente_click_pg2 {
    cursor: pointer;
    height: 48px;
    left: 110px;
    position: absolute;
    top: 158px;
    width: 164px;
	background-color:rgba(0,0,0,0);

}
#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;
}



.incDecBtns{
	background-color:rgba(0,0,0,0);
}