@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 {
    background: url("../cover_case/bg0.png");
    height: 587px;
    left: 0;
    position: absolute;
    top: 0;
    width: 922px;
}
#all{
border-radius: 10px;
margin-top: 7%;
}*/
#t1 {
  position: absolute;
  left: 75px;
  top: 25px;
  width: 600px;
  font-size: 22px;
  color:black;
  font-family: sans-serif;
}
#t2 {
  position: absolute;
  left:80px;
  top:100px;
  font-family:sans-serif;
  font-size: 13px;
}
#img1 {
    background: url("../img/box1.png") repeat scroll 0 0 transparent;
    height: 132px;
    left: 126px;
    position: absolute;
    top: 167px;
    width: 315px;
}
#img2 {
    background: url("../img/box1.png") repeat scroll 0 0 transparent;
    height: 132px;
    left: 126px;
    position: absolute;
    top: 333px;
    width: 315px;
}
#img3 {
    background: url("../img/box2.png") no-repeat scroll 0 0 transparent;
    background-repeat: no-repeat;
    background-size: contain;
    height: 177px;
    left: 469px;
    position: absolute;
    top: 155px;
    width: 305px;
}
#img4 {
    background: url("../img/box2.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
    height: 177px;
    left: 469px;
    position: absolute;
    top: 323px;
    width: 300px;
}
#txt1 {
    font-family: jacoby;
    font-size: 24px;
    left: 30px;
    position: absolute;
    text-align: start;
    top: 21px;
}
#txt2 {
    font-family: jacoby;
    font-size: 23px;
    left: 30px;
    position: absolute;
    text-align: start;
    top: 21px;
}
#txt3 {
    font-family: jacoby;
    font-size: 24px;
    left: 25px;
    line-height: 56px;
    position: absolute;
    text-align: start;
    top: 18px;
}
#txt4 {
    font-family: jacoby;
    font-size: 24px;
    left: 25px;
    line-height: 51px;
    position: absolute;
    text-align: start;
    top: 21px;
}
#box1 {
    left: 99px;
    position: absolute;
    top: -3px;

}
#box2 {
    left: 170px;
    position: absolute;
    top: 52px;
}
#box3 {
    left: 99px;
    position: absolute;
    top: -8px;
}
#box4 {
    left: 170px;
    position: absolute;
    top: 45px;
}
#validate {
    background-image: url("../img/corregir.png");
    cursor: pointer;
    height: 77px;
    left: 740px;
    position: absolute;
    top: 472px;
    width: 157px;
}
#plus1 {
    cursor: pointer;
    height: 16px;
    left: 111px;
    position: absolute;
    top: -7px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#minus1 {
    cursor: pointer;
    height: 16px;
    left: 111px;
    position: absolute;
    top: 51px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#plus2 {
    cursor: pointer;
    height: 16px;
    left: 192px;
    position: absolute;
    top: 51px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus2 {
    cursor: pointer;
    height: 16px;
    left: 192px;
    position: absolute;
    top: 107px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#plus3 {
    cursor: pointer;
    height: 16px;
    left: 210px;
    position: absolute;
    top: 52px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#minus3 {
    cursor: pointer;
    height: 16px;
    left: 706px;
    position: absolute;
    top: 280px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#val_1 {
    left: 111px;
    position: absolute;
    top: 4px;
	font-family:Present;
}
#val_2 {
  left: 191px;
  position: absolute;
  top: 60px;
font-family:Present;
}
#val_3 {
  left: 210px;
  position: absolute;
  top: 60px;
font-family:Present;
}
#plus4 {
    cursor: pointer;
    height: 16px;
    left: 111px;
    position: absolute;
    top: -7px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#minus4 {
    cursor: pointer;
    height: 16px;
    left: 111px;
    position: absolute;
    top: 51px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#plus5 {
    cursor: pointer;
    height: 16px;
    left: 191px;
    position: absolute;
    top: 42px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus5 {
    cursor: pointer;
    height: 16px;
    left: 191px;
    position: absolute;
    top: 100px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#plus6 {
    cursor: pointer;
    height: 16px;
    left: 211px;
    position: absolute;
    top: 42px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);
}
#minus6 {
    cursor: pointer;
    height: 16px;
    left: 705px;
    position: absolute;
    top: 454px;
    width: 12px;
    z-index: 4;
	background-color:rgba(0,0,0,0);

}
#val_4 {
    left: 110px;
    position: absolute;
    top: 2px;
	font-family:Present;
}
#val_5 {
    left: 191px;
    position: absolute;
    top: 54px;
	font-family:Present;
}
#val_6 {
    left: 208px;
    position: absolute;
    top: 54px;
	font-family:Present;
}
#right1 {
  display: none;
    height: 38px;
    right: 122px;
    top: 0px;
    position: absolute;
    top: 175px;
    width: 96px;
}
#wrong1 {
  display: none;
    height: 43px;
    right: 162px;
    top: 185px;
    position: absolute;
    width: 39px;
}
#right2 {
display: none;
    height: 38px;
    right: 110px;
    position: absolute;
    top: 230px;
    width: 96px;
}
#wrong2 {
  display: none;
    height: 43px;
    right: 155px;
    position: absolute;
    top: 240px;
    width: 39px;
}
#right3 {
display: none;
    height: 38px;
    right: 120px;
    position: absolute;
    top: 345px;
    width: 96px;
}
#wrong3 {
display: none;
    height: 43px;
    right: 136px;
    position: absolute;
    top: 400px;
    width: 39px;
}
#right4 {
  display: none;
    height: 38px;
    right: 90px;
    position: absolute;
    top: 400px;
    width: 96px;
}
#wrong4 {
display: none;
    height: 43px;
    right: 135px;
    position: absolute;
    top: 400px;
    width: 39px;
}
#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;
}
#t4 {
    height: 36px;
    left: 111px;
    position: absolute;
    top: 440px;
    width: 165px;
}
#page2 {
    display: none;
    height: 587px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 922px;
}
#t3 {
    height: 45px;
    left: 615px;
    position: absolute;
    top: -3px;
    width: 204px;
}
#reset {
    cursor: pointer;
    left: 225px;
    opacity: 1;
    position: absolute;
    top: 12px;
}
#close {
    cursor: pointer;
    left: 265px;
    opacity: 1;
    position: absolute;
    top: 12px;
}
#reset_over {
    display: none;
    left: 192px;
    position: absolute;
    top: 40px;
}
#close_over {
    display: none;
    left: 233px;
    position: absolute;
    top: 40px;
}
#bodyCont {
    background-color: #FFFFFF;
    height: 380px;
    left: 329px;
    position: absolute;
    top: 121px;
    width: 530px;
}
#check_over {
    height: 50px;
    left: 758px;
    position: absolute;
    top: 485px;
    width: 146px;
}
#correctanim {
    height: 168px;
    left: -288px;
    position: absolute;
    top: -200px;
    width: 252px;
}
#wronganim {
    height: 168px;
    left: -288px;
    position: absolute;
    top: -200px;
    width: 252px;
}
#t4a {
    cursor: pointer;
    display: none;
    height: 41px;
    left: -229px;
    position: absolute;
    top: 466px;
    width: 129px;
}
#doll_siffy {
    height: 145px;
    left: 285px;
    position: absolute;
    top: 165px;
    width: 130px;
    z-index: 100;
}
#screen {
    left: 0;
    position: absolute;
    top: 15px;
}
#ans_click_div {
    height: 145px;
    left: 330px;
    position: absolute;
    top: 400px;
    width: 255px;
}
.answer_ans {
    background-image: url("../img/click_div_bg.png");
    background-repeat: no-repeat;
    color: #660000;
    cursor: pointer;
    float: left;
    font-family: Jacoby;
    font-size: 28px;
    height: 36px;
    text-indent: 10px;
    width: 36px;
}
#display_div {
    height: 45px;
    left: 18px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 342px;
	text-transform:uppercase;
    width: 564px;
}
.answer_display_div {
    background-image: url("../img/answer_display_div.png");
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Jacoby;
    font-size: 48px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    width: 58px;
}
#error_msg {
    color: #FFCC00;
    display: none;
    font-family: Jacoby;
    font-size: 30px;
    left: 250px;
    position: absolute;
    top: 250px;
}
#stick {
    left: 620px;
    position: absolute;
    top: 205px;
}
#stick_cover {
    background-color: #FFFFFF;
    height: 60px;
    left: 769px;
    position: absolute;
    top: 218px;
    width: 55px;
    z-index: 200;
}
#page2_activity {
    background-image: url("../img/activity_bg.png");
    background-repeat: no-repeat;
    height: 360px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 48px;
    width: 690px;
}
#page2_act_title {
    background-image: url("../img/act_bg_3.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 20px;
    height: 40px;
    left: 96px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 500px;
    z-index: 100;
}
#page2_act_title_txt {
    left: 40px;
    position: absolute;
    top: 5px;
}
#restart_whole_activity {
    cursor: pointer;
    display: none;
    left: 290px;
    position: absolute;
    top: 195px;
}
#page2_final {
    left: 640px;
    position: absolute;
    top: -260px;
    width: 250px;
    z-index: 200;
}