@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: candida; 
src: url('../fonts/CandidaBTBold.eot'),
     url('../fonts/CandidaBTBold.ttf'),  
     url('../fonts/CandidaBTBold.otf') }
@font-face  { font-family: trebuchet; 
src: url('../fonts/TrebuchetMS.eot'),
     url('../fonts/TrebuchetMS.ttf'),  
     url('../fonts/TrebuchetMS.otf') }
@font-face  { font-family: cardinal; 
src: url('../fonts/Cardinal-Alternate.eot'),
     url('../fonts/Cardinal-Alternate.ttf'),  
     url('../fonts/Cardinal-Alternate.otf') }
@font-face  { font-family: carolina; 
src: url('../fonts/Carolina.eot'),
     url('../fonts/Carolina.ttf'),  
     url('../fonts/Carolina.otf') }
@font-face  { font-family: tekton; 
src: url('../fonts/tekton.eot'),
     url('../fonts/tekton.ttf'),  
     url('../fonts/tekton.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: PresentLTStd;src: url('../fonts/PresentLTStd.eot'),url('../fonts/PresentLTStd.ttf'),url('../fonts/PresentLTStd.otf') }
@font-face  { font-family: BrunoJBStd;src: url('../fonts/BrunoJBStd.eot'),url('../fonts/BrunoJBStd.ttf'),url('../fonts/BrunoJBStd.otf') }

body,html{
    overflow:scroll;
    background-color:  rgb(204, 204, 204);
}

#all{
    position:absolute;
    top:0px;
    left:0px;
    width:920px;
    height:635px;
    background-image:url("../imgs/bg_border.png");
    background-size:920px 585px;
    background-repeat:no-repeat;
    border-radius: 10px;
    background-color: white;
}
#t0{
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;
}
#t1{
position: absolute;
left:75px;
top:100px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}
#instrucciones{	cursor: pointer; height: 105px; left: 552px; position: absolute; top: 400px; width: 250px; cursor:pointer;}
#reiniciar{ height: 187px; left: 226px; position: absolute; top: 214px; width: 314px; display:block;}
#reiniciar img{ height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;}
#rei_reset {background-color: #FFFFFF;opacity: 0.1;cursor: pointer; height: 45px; left: 100px; position: absolute; top: 120px; width: 125px;}
#siguiente{ height: 187px; left: 226px; position: absolute; top: 214px; width: 314px; display:block;}
#siguiente img:first-child{ height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;}
#sig_next{
	cursor: pointer;
	height: 60px;
	left: 79px;
	position: absolute;
	top: 105px;
	width: 114px;
}
#reset{	cursor:pointer;	left: 804px; opacity: 1; position: absolute; top: 9px;}
/*#t4a,#t4b{ top:263px; left:396px; height:43px; width:146px; position:absolute; cursor:pointer;}*/
#close{ cursor:pointer;	left: 858px; opacity: 1; position: absolute; top: 9px;}
#reset_over{ cursor:pointer; display: none; left: 753px; position: absolute; top: 38px;}
#close_over{ display: none; left: 799px; position: absolute; top: 38px;}


/* Page One */
#page2{display:none;}
#page1, #page2{ position:absolute; width:910px; height:506px; left:0; right:0; top:14.7%; margin: auto; overflow: hidden;}
.num-div{height: 41%; position: absolute; top:29%; width: 9%;}
#page1 .bg_img{height: 60%; left: 5%; position: absolute; top: 15%; width: 90%;   }

#num_1 {left: 50%}
#num_2 {left: 64.3%}
#num_3 {left: 78.9%}

.inc-dic-img{position:absolute; left:75.7%; width:18px; height:18px; cursor:pointer;
			background-color: white; opacity:0.1; }
.pone{top:2%;}
.ptwo{top:35.6%;}
.pthree{top:68.2%;}

.mone{top:20.4%;}
.mtwo{top:53%;}
.mthree{top:85.6%;}


.inc-dic-imgn{position:absolute; left:17.5%; width:18px; height:18px; cursor:pointer;
            background-color: white; opacity:0.1; }
.inc-dic-imgl{position:absolute; left:23.8%; width:18px; height:18px; cursor:pointer;
            background-color: white; opacity:0.1; }
.inc-dic-imgo{position:absolute; left:30.3%; width:18px; height:18px; cursor:pointer;
            background-color: white; opacity:0.1; }
.pfour{top: 58%;}

.mfour{top: 65%;}


.dtxt{font-size: 28pt; height: 18%; line-height: 1.2; position: absolute; text-align: center;
      width: 74%; left:2%;font-family:PresentLTStd;}
.done{top:5%;}
.dtwo{top:40%;}
.dthree{top:75%;}

.ltxt{font-size: 30pt; height: 11%; line-height: 0.9; position: absolute; text-align: center;
      width: 6%;font-family:PresentLTStd;}
.lb{font-weight: normal; font-size:34pt}
#l_1{top:31%;left:13.5%;}
#l_2{top:31%;left:19.8%;}
#l_3{top:31%;left:26.2%;}
#l_4{top:45%;left:13.5%;}
#l_5{top:45%;left:19.8%;}
#l_6{top:45%;left:26.2%;}
#l_7{top:59%;left:13.5%;}
#l_8{top:59%;left:19.8%;}
#l_9{top:59%;left:26.2%;}

.tick{position: absolute; width:68px; height: 43px; left: 90%;}
.x{position: absolute; width:50px; height: 44px; left: 91%;}
.tick_one{top:4%;}
.tick_two{top:36%;}
.tick_three{top:68%;}

.x_one{top:5%;}
.x_two{top:39%;}
.x_three{top:71%;}

.tickl1{position: absolute; width:68px; height: 43px; left: 13%;}
.xl1{position: absolute; width:50px; height: 44px; left: 14%;}
.tickl2{position: absolute; width:68px; height: 43px; left: 20%;}
.xl2{position: absolute; width:50px; height: 44px; left: 21%;}
.tickl3{position: absolute; width:68px; height: 43px; left: 27%;}
.xl3{position: absolute; width:50px; height: 44px; left: 28%;}

.tick_onel{top:70%;}

.x_onel{top:71%;}

/* Page1 end*/

/* Page2 */
#page2 .bg_img{height: 89%; left: 10%; position: absolute; top: 10%; width: 85%;}
#txt1{background: none repeat scroll 0 0 transparent; border: medium none;font-family:trebuchet;
    font-size: 18pt; height: 9%; left: 32%; position: absolute; top: 47%; width: 40%;}
#txt2{background: none repeat scroll 0 0 transparent; border: medium none; font-size: 16pt;
    height: 7%; left: 44.2%; position: absolute; top: 68.5%; width: 16%;font-family:trebuchet;}
/* Page2 end*/

#txt11{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 26px;
    left: 364px;
    position: absolute;
    top: 199px;
}
#txt12{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 23px;
    left: 246px;
    position: absolute;
    top: 292px;
}
#txt13{
	font-family: Carolina-LT-Std-Roman_9350;
    font-size: 24px;
    left: 335px;
    position: absolute;
    top: 360px;
}

#txt14{
	font-family: BrunoJBStd; color:#0066CC;
    font-size: 60px;
    left: 368px;
    position: absolute;
    top: 104px;
}