@charset "utf-8";
/* CSS Document */

.box1 { height: 540px; top: 20px;  }

.link { font-size: 36px; text-decoration: underline;}
#IL01_part01 {  position: absolute; width: 320px; height: auto; left: 460px; top: 120px;}

#link1 { position: absolute; height: 47px; width: 261px; left: 124px; top:211px; }
#link2 { position: absolute; height: 47px; width: 210px; left: 906px; top:115px; }
#link3 { position: absolute; height: 47px; width: 131px; left: 907px; top:269px; }
#link4 { position: absolute; height: 47px; width: 129px; left: 919px; top:446px; }

.rlink { visibility: hidden; }
#rlink1 { position: absolute; height: 85px; width: 143px; left: 394px; top:139px; }
#rlink2 { position: absolute; height: 41px; width: 278px; left: 608px; top:131px; }
#rlink3 { position: absolute; height: 153px; width: 253px; left: 648px; top:236px; }
#rlink4 { position: absolute; height: 62px; width: 408px; left: 495px; top:428px; }
.rlink img { width: 100%; height: auto; display: block; }


#btPop2 { position: absolute; top: 400px; left: 100px; }

#btPop1 { position: absolute; top: 330px; left: 100px; width: 270px; }

#bt1, #bt2 { width: 220px; }
#textBt1, #textBt2 { visibility: hidden; }

#bt10, #bt11, #bt12 { width: 300px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.posBotonBefore { position: relative;  left: 450px; }
.posBotonAfter { position: relative;  left: 50px; }
.posTexto { position: relative;  left: 380px; top: -50px;  visibility: hidden; }

#bt20, #bt21, #bt22 { width: 330px; }
#txtBt20, #txtBt21, #txtBt22 { visibility: hidden; }

#btPagEj { position: absolute; right: 40px; bottom: 40px; }


#act1Form2 { position: absolute; width: 788px; height: 90px; left: 160px;  }

.ej1Drag { width: 120px; height: 60px; background-color: #76a9da; text-align: center; font-size: 36px; color: #fff; padding-top: 8px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
#ej1Drag1 { position: absolute; height: 60px; width: 120px; left: 200px; top:440px; }
#ej1Drag2 { position: absolute; height: 60px; width: 120px; left: 390px; top:441px; }
#ej1Drag3 { position: absolute; height: 60px; width: 120px; left: 575px; top:442px; }
#ej1Drag4 { position: absolute; height: 60px; width: 120px; left: 770px; top:440px; }
#ej1Drag5 { position: absolute; height: 60px; width: 120px; left: 965px; top:441px; }
.ej1Drop { width: 120px; height: 60px; background-color: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
#ej1Drop1 { position: absolute; height: 60px; width: 120px; left: 190px; top:273px; }
#ej1Drop2 { position: absolute; height: 60px; width: 120px; left: 370px; top:272px; }
#ej1Drop3 { position: absolute; height: 60px; width: 120px; left: 600px; top:274px; }
#ej1Drop4 { position: absolute; height: 60px; width: 120px; left: 764px; top:273px; }
#ej1Drop5 { position: absolute; height: 60px; width: 120px; left: 970px; top:275px; }


#act1Form3 { position: absolute; width: 382px; height: 90px; left: 450px;  }
.ej2Drop { width: 120px; height: 60px; background-color: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
#ej2Drop1 { position: absolute; height: 60px; width: 120px; left: 298px; top:278px; }
#ej2Drop2 { position: absolute; height: 60px; width: 120px; left: 477px; top:275px; }
#ej2Drop3 { position: absolute; height: 60px; width: 120px; left: 652px; top:276px; }
#ej2Drop4 { position: absolute; height: 60px; width: 120px; left: 851px; top:275px; }

.ej2Drag { width: 120px; height: 60px; background-color: #76a9da; text-align: center; font-size: 36px; color: #fff; padding-top: 8px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
#ej2Drag1 { position: absolute; height: 60px; width: 120px; left: 315px; top:414px; }
#ej2Drag2 { position: absolute; height: 60px; width: 120px; left: 469px; top:415px; }
#ej2Drag3 { position: absolute; height: 60px; width: 120px; left: 620px; top:415px; }
#ej2Drag4 { position: absolute; height: 60px; width: 120px; left: 774px; top:415px; }


#btLey1, #btLey2, #btLey3, #btLey4 { width: 500px;  }

#contHidden1, #contHidden2, #contHidden3 { display: none; }
.scroll1{  width: 100%; height: 200px; overflow-y: scroll; display: block; }
.scroll2{  width: 100%; height: 280px; overflow-y: scroll; display: block; }
.scroll3{  width: 100%; height: 500px; overflow-y: scroll; display: block; }


#indicator1 { width: 42px; height: 42px; position: relative; bottom: 310px; left: 200px; }
#indicator2 { width: 42px; height: 42px; position: relative; bottom: 310px; left: 470px; }
#indicator3 { width: 42px; height: 42px; position: relative; bottom: 165px; left: 360px; }

#btEjercicio { position: absolute; right: 40px; top: 20px; opacity: 0.4;}

#btPop10 { position: absolute; right: 40px; top: 10px; }

/******** Padding Helpers *******/
.padTop10  { padding-top: 10px;}
.padTop20  { padding-top: 20px;}
.padTop40  { padding-top: 40px;}
.padTop60  { padding-top: 60px;}
.padTop80  { padding-top: 80px;}
.padTop100 { padding-top: 100px;}

.padLeft10  { padding-left: 10px;}
.padLeft20  { padding-left: 20px;}
.padLeft40  { padding-left: 40px;}
.padLeft60  { padding-left: 60px;}
.padLeft80  { padding-left: 80px;}
.padLeft100 { padding-left: 100px;}

.padSide10  { padding-left: 10px;  padding-right: 10px !important;}
.padSide20  { padding-left: 20px;  padding-right: 20px !important;}
.padSide40  { padding-left: 40px;  padding-right: 40px !important;}
.padSide60  { padding-left: 60px;  padding-right: 60px !important;}
.padSide80  { padding-left: 80px;  padding-right: 80px !important;}
.padSide100 { padding-left: 100px; padding-right: 100px !important;}

.padRight0 { padding-right: 0px !important; }
.padRight20 { padding-right: 20px !important; }
.padRight40 { padding-right: 20px !important; }
