@font-face  { font-family: avenir; src: url('fonts/avenirltstd-book.eot'), url('fonts/avenirltstd-book.ttf'),  url('fonts/avenirltstd-book.otf'), url('fonts/avenirltstd-book.svg'), url('fonts/avenirltstd-book.woff') }
@font-face  { font-family: museo; src: url('fonts/museo.eot'), url('fonts/museo.ttf'),  url('fonts/museo.otf'), url('fonts/museo.svg'), url('fonts/museo.woff') }
@font-face  { font-family: century; src: url('fonts/GOTHICB.ttf') }
body {background-color:#202020}
#all{position:absolute;top:0px;left:0px;width:790px;height:560px;background-color:#ffffff;background-image:url('ob/bg1.png');background-repeat:no-repeat}
#t0 {position:absolute;top:5px;left:70px;font: 24px avenir, arial;width:450px;height:30px; color:#ffffff}
#t1 {position:absolute;top:65px;left:70px;font: 14px avenir, arial;width:700px;height:40px; background-color:none; color:#000000;}
#t2 {color: #FFFFFF;
    font: 18px avenir,verdana,arial;
    height: 400px;
    left: 60px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 122px;
    width: 709px;}
#t3a {position:absolute;top:525px;left:70px;font: 14px avenir, arial;width:100px;height:25px;background-color:none;color:#000000}
#t3b {position:absolute;top:525px;left:340px;font: 14px avenir, arial;width:300px;text-align:center;height:25px;background-color:none;color:#000000}
#t3c {position:absolute;top:525px;left:650px;font: 14px avenir, arial;width:100px;text-align:right;height:25px;background-color:none;color:#000000}
#lg {position:absolute;top:465px;left:685px}
td{text-align:center;vertical-align:middle}
img {border:0}

#next{cursor:pointer;display:none;}
#back{cursor:pointer;display:none;}

#div_Page1{display:block}
#div_Page2{display:none}


#div_Axis{
	background-image:url(img/axis.png);
	height: 327px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 325px;
}
#div_Tbl {
    left: 340px;
    position: absolute;
    top: 16px;
}
#div_h1 {
    background-image: url("img/h1_bg.png");
    font: 15px/26px avenir;
    height: 26px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 151px;
}
#div_ques {
    background-color: #DDDFE6;
    color: #000000;
    font: 13px/18px avenir;
    height: 68px;
    left: 20px;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 275px;
}
#span_ques {
    left: 12px;
    position: absolute;
    top: 9px;
}
#div_h2 {
    background-image: url("img/h2_bg.png");
    font: 15px/26px avenir;
    height: 25px;
    left: 20px;
    position: absolute;
    top: 135px;
    width: 281px;
	display:none;
}
#div_a{
	display:none;
	background-image: url(img/a.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 165px;
    width: 150px;
}
#div_b{
	display:none;
	background-image: url(img/b.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 199px;
    width: 150px;
}
#div_c{
	display:none;
	background-image: url(img/c.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 233px;
    width: 150px;
}
#div_d{
	display:none;
	background-image: url(img/d.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 165px;
    width: 150px;
}
#div_e{
	display:none;
	background-image: url(img/e.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 199px;
    width: 150px;
}
#div_f{
	display:none;
	background-image: url(img/f.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 233px;
    width: 150px;
}
#div_g{
	display:none;
	background-image: url(img/g.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 165px;
    width: 150px;
}
#div_h{
	display:none;
	background-image: url(img/h.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 199px;
    width: 150px;
}
#div_i{
	display:none;
	background-image: url(img/i.png);
	height: 27px;
    left: 20px;
    position: absolute;
    top: 233px;
    width: 150px;
}
#div_msg{display:none}
#div_wrong_msg{
	/*background-image: url("img/popup.png");*/
    height: 114px;
    width: 310px;
    display:none;
}
#img_wrong_msg
{
	position:absolute;
	top:34%;
	left:34%;
}
.wrongmsga,.wrongmsgd,.wrongmsgg{
	left: 20px;
    position: absolute;
    top: 220px;
    z-index: 1;
}
.wrongmsgb,.wrongmsge,.wrongmsgh{
	left: 20px;
    position: absolute;
    top: 235px;
    z-index: 1;
}
.wrongmsgc,.wrongmsgf,.wrongmsgi{
	left: 20px;
    position: absolute;
    top: 270px;
    z-index: 1;
}
#span_wrong_msg{
	font: 15px avenir,arial;
    left: 30px;
    position: absolute;
    top: 9px;
	display:none;
}
input{
	border: 2px solid #FFC60B;
    font: 13px avenir;
    text-align: center;
    width: 18px;
}
#txt_aX,#txt_dX,#txt_gX{
	left: 50px;
    position: absolute;
    top: -2px;
}
#txt_aY,#txt_dY,#txt_gY{
	left: 101px;
    position: absolute;
    top: -2px;
}
.msga,.msgd,.msgg{
	left: 175px;
    position: absolute;
    top: 157px;
}
#txt_bX,#txt_eX,#txt_hX{
	left: 50px;
    position: absolute;
    top: -2px;
}
#txt_bY,#txt_eY,#txt_hY{
	left: 101px;
    position: absolute;
    top: -2px;
}
.msgb,.msge,.msgh{
	left: 175px;
    position: absolute;
    top: 191px;
}
#txt_cX,#txt_fX,#txt_iX{
	left: 50px;
    position: absolute;
    top: -2px;
}
#txt_cY,#txt_fY,#txt_iY{
	left: 101px;
    position: absolute;
    top: -2px;
}
.msgc,.msgf,.msgi
{
	left: 175px;
    position: absolute;
    top: 225px;
}


/*Page1 - Q1 - Row1*/
#div_row1 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 22px;
    width: 289px;
}
#div_row2 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 49px;
    width: 289px;
}
#div_row3 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 77px;
    width: 289px;
}
#div_row4 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 105px;
    width: 289px;
}
#div_row5 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 132px;
    width: 289px;
}
#div_row6 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 157px;
    width: 289px;
}
#div_row7 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 185px;
    width: 289px;
}
#div_row8 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 214px;
    width: 289px;
}
#div_row9 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 241px;
    width: 289px;
}
#div_row10 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 267px;
    width: 289px;
}
#div_row11 {
    height: 14px;
    left: 12px;
    position: absolute;
    top: 292px;
    width: 289px;
}
#page1_r1_1,#page1_r2_1,#page1_r3_1,#page1_r4_1,#page1_r5_1,#page1_r6_1,#page1_r7_1,#page1_r8_1,#page1_r9_1,#page1_r10_1,#page1_r11_1 {
    cursor: pointer;
    height: 16px;
    left: 1px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_1,#img_page1_r2_1,#img_page1_r3_1,#img_page1_r4_1,#img_page1_r5_1,#img_page1_r6_1,#img_page1_r7_1,#img_page1_r8_1,#img_page1_r9_1,#img_page1_r10_1,#img_page1_r11_1 {
    display: none;
}
#page1_r1_2,#page1_r2_2,#page1_r3_2,#page1_r4_2,#page1_r5_2,#page1_r6_2,#page1_r7_2,#page1_r8_2,#page1_r9_2,#page1_r10_2,#page1_r11_2 {
    cursor: pointer;
    height: 16px;
    left: 29px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_2,#img_page1_r2_2,#img_page1_r3_2,#img_page1_r4_2,#img_page1_r5_2,#img_page1_r6_2,#img_page1_r7_2,#img_page1_r8_2,#img_page1_r9_2,#img_page1_r10_2,#img_page1_r11_2 {
    display: none;
}
#page1_r1_3,#page1_r2_3,#page1_r3_3,#page1_r4_3,#page1_r5_3,#page1_r6_3,#page1_r7_3,#page1_r8_3,#page1_r9_3,#page1_r10_3,#page1_r11_3 {
    cursor: pointer;
    height: 16px;
    left: 57px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_3,#img_page1_r2_3,#img_page1_r3_3,#img_page1_r4_3,#img_page1_r5_3,#img_page1_r6_3,#img_page1_r7_3,#img_page1_r8_3,#img_page1_r9_3,#img_page1_r10_3,#img_page1_r11_3 {
    display: none;
}
#page1_r1_4,#page1_r2_4,#page1_r3_4,#page1_r4_4,#page1_r5_4,#page1_r6_4,#page1_r7_4,#page1_r8_4,#page1_r9_4,#page1_r10_4,#page1_r11_4 {
    cursor: pointer;
    height: 16px;
    left: 84px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_4,#img_page1_r2_4,#img_page1_r3_4,#img_page1_r4_4,#img_page1_r5_4,#img_page1_r6_4,#img_page1_r7_4,#img_page1_r8_4,#img_page1_r9_4,#img_page1_r10_4,#img_page1_r11_4 {
    display: none;
}
#page1_r1_5,#page1_r2_5,#page1_r3_5,#page1_r4_5,#page1_r5_5,#page1_r6_5,#page1_r7_5,#page1_r8_5,#page1_r9_5,#page1_r10_5,#page1_r11_5 {
    cursor: pointer;
    height: 16px;
    left: 112px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_5,#img_page1_r2_5,#img_page1_r3_5,#img_page1_r4_5,#img_page1_r5_5,#img_page1_r6_5,#img_page1_r7_5,#img_page1_r8_5,#img_page1_r9_5,#img_page1_r10_5,#img_page1_r11_5 {
    display: none;
}
#page1_r1_6,#page1_r2_6,#page1_r3_6,#page1_r4_6,#page1_r5_6,#page1_r6_6,#page1_r7_6,#page1_r8_6,#page1_r9_6,#page1_r10_6,#page1_r11_6 {
    cursor: pointer;
    height: 16px;
    left: 139px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_6,#img_page1_r2_6,#img_page1_r3_6,#img_page1_r4_6,#img_page1_r5_6,#img_page1_r6_6,#img_page1_r7_6,#img_page1_r8_6,#img_page1_r9_6,#img_page1_r10_6,#img_page1_r11_6 {
    display: none;
}
#page1_r1_7,#page1_r2_7,#page1_r3_7,#page1_r4_7,#page1_r5_7,#page1_r6_7,#page1_r7_7,#page1_r8_7,#page1_r9_7,#page1_r10_7,#page1_r11_7 {
    cursor: pointer;
    height: 16px;
    left: 166px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_7,#img_page1_r2_7,#img_page1_r3_7,#img_page1_r4_7,#img_page1_r5_7,#img_page1_r6_7,#img_page1_r7_7,#img_page1_r8_7,#img_page1_r9_7,#img_page1_r10_7,#img_page1_r11_7 {
    display: none;
}
#page1_r1_8,#page1_r2_8,#page1_r3_8,#page1_r4_8,#page1_r5_8,#page1_r6_8,#page1_r7_8,#page1_r8_8,#page1_r9_8,#page1_r10_8,#page1_r11_8 {
    cursor: pointer;
    height: 16px;
    left: 193px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_8,#img_page1_r2_8,#img_page1_r3_8,#img_page1_r4_8,#img_page1_r5_8,#img_page1_r6_8,#img_page1_r7_8,#img_page1_r8_8,#img_page1_r9_8,#img_page1_r10_8,#img_page1_r11_8 {
    display: none;
}
#page1_r1_9,#page1_r2_9,#page1_r3_9,#page1_r4_9,#page1_r5_9,#page1_r6_9,#page1_r7_9,#page1_r8_9,#page1_r9_9,#page1_r10_9,#page1_r11_9 {
    cursor: pointer;
    height: 16px;
    left: 220px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_9,#img_page1_r2_9,#img_page1_r3_9,#img_page1_r4_9,#img_page1_r5_9,#img_page1_r6_9,#img_page1_r7_9,#img_page1_r8_9,#img_page1_r9_9,#img_page1_r10_9,#img_page1_r11_9 {
    display: none;
}
#page1_r1_10,#page1_r2_10,#page1_r3_10,#page1_r4_10,#page1_r5_10,#page1_r6_10,#page1_r7_10,#page1_r8_10,#page1_r9_10,#page1_r10_10,#page1_r11_10 {
    cursor: pointer;
    height: 16px;
    left: 247px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_10,#img_page1_r2_10,#img_page1_r3_10,#img_page1_r4_10,#img_page1_r5_10,#img_page1_r6_10,#img_page1_r7_10,#img_page1_r8_10,#img_page1_r9_10,#img_page1_r10_10,#img_page1_r11_10 {
    display: none;
}
#page1_r1_11,#page1_r2_11,#page1_r3_11,#page1_r4_11,#page1_r5_11,#page1_r6_11,#page1_r7_11,#page1_r8_11,#page1_r9_11,#page1_r10_11,#page1_r11_11 {
    cursor: pointer;
    height: 16px;
    left: 275px;
    position: absolute;
    top: -1px;
    width: 16px;
}
#img_page1_r1_11,#img_page1_r2_11,#img_page1_r3_11,#img_page1_r4_11,#img_page1_r5_11,#img_page1_r6_11,#img_page1_r7_11,#img_page1_r8_11,#img_page1_r9_11,#img_page1_r10_11,#img_page1_r11_11 {
    display: none;
}


#div_sailor{
	left: 98px;
    position: absolute;
    top: 23px;
	display:none;
}
#div_smallsub{
	left: 180px;
    position: absolute;
    top: 240px;
	opacity:0
}
#div_bub1 {
    left: 311px;
    opacity: 0;
    position: absolute;
    top: 175px;
}
#div_bub2 {
    left: 286px;
    opacity: 0;
    position: absolute;
    top: 215px;
}
#div_bub3 {
    left: 307px;
    opacity: 0;
    position: absolute;
    top: 192px;
}
#div_bub4 {
    left: 289px;
    opacity: 0;
    position: absolute;
    top: 200px;
}





div#checkBtnDiv {
    background-image: url("ob/comprobar.png");
    cursor: pointer;
    height: 25px;
    position: absolute;
    top: 4px;
    width: 108px;
    left:-65px;
	display:none;
}
div#checkBtnDiv:hover {
    background-image: url("ob/comprobar2.png");
}
div#initiateBtnDiv {
    background-image: url("ob/iniciar.png");
    cursor: pointer;
    height: 25px;
    left: 65px;
    position: absolute;
    top: -209px;
    width: 108px;
}
div#initiateBtnDiv:hover {
    background-image: url("ob/iniciar2.png");
}
div#restartBtnDiv {
    background-image: url("ob/restart.png");
    cursor: pointer;
    height: 25px;
    left: 55px;
    position: absolute;
    top: 4px;
    width: 108px;
}
div#restartBtnDiv:hover {
    background-image: url("ob/restart2.png");
}
#restart{
	position: absolute;
top: 0px;
left: 40px;
display:none;
	}