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

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

.scroll1 {  width: 100%; height: 500px; overflow-y: scroll; }

.clickIndicator { position: relative; }
.clickIndicator img { width: 42px; height: 42px; }

#btTextoSup { position: relative; top: -30px; z-index: 14;}
#btPop2 { position: relative; top: 40px; left: 940px; z-index: 15; }

#ckI01 { position: relative; height: 44px; width: 44px; left: 250px; top: 100px;}
#ckI02 { position: relative; height: 44px; width: 44px; left: 39px; top: 344px; }
#ckI03 { position: relative; height: 44px; width: 44px; left: 135px; top: 415px; }
#ckI04 { position: relative; height: 44px; width: 44px; left: 125px; top: 600px; }
#ckI05 { position: relative; height: 44px; width: 44px; left: 140px; top: 640px; }
#ckI06 { position: relative; height: 44px; width: 44px; left: 260px; top: 760px; }
#ckI07 { position: relative; height: 44px; width: 44px; left: 260px; top: 560px; }
#ckI08 { position: relative; height: 44px; width: 44px; left: 390px; top: 400px; }
#ckI09 { position: relative; height: 44px; width: 44px; left: 390px; top: 120px; }
#ckI10 { position: relative; height: 44px; width: 44px; left: 390px; top: 0px; }


.hiddenElement { opacity: 0; }
#hidden1 { position: relative; height: 85px; width: 200px; left: 173px; top: -432px;}
#hidden2 { position: relative; height: 36px; width: 302px; left: -250px; top: -125px;}
#hidden3 { position: relative; height: 65px; width: 381px; left: -233px; top:-60px; }
#hidden4 { position: relative; height: 42px; width: 305px; left: -170px; top: 110px;}
#hidden5 { position: relative; height: 33px; width: 376px; left: -220px; top: 157px; }
#hidden6 {position: relative; height: 21px; width: 307px; left: 412px; top: -293px;}
#hidden7 {  position: relative; height: 30px; width: 323px; left: 413px; top: -240px;}
#hidden8 {  position: relative; height: 55px; width: 344px; left: 413px; top: -30px;}
#hidden9 { position: relative; height: 48px; width: 425px; left: 284px; top: 27px; }
#hidden10{  position: relative; height: 221px; width: 174px; left: 195px; top: 146px;}
.hiddenElement img { width: 100%; height: auto; display: block; }

.bgPila { 
    background-image: url('../img/IL_S_G09_U04_L02_03_03_01.png');
    width: 553px;
    height: 1050px;
    background-repeat: no-repeat;
    background-position: center 110px;
}


.link { font-size: 32px; text-decoration: underline; text-align: center; padding-top: 20px;}

#act1Seq1Part1 { position: absolute; height: 57px; width: 419px; left: 407px; top:91px; }
#act3Seq1Part2 { position: absolute; height: 86px; width: 829px; left: 196px; top:151px; }
#act3Seq1Part3 { position: absolute; height: 159px; width: 227px; left: 102px; top:237px; }
#act3Seq1Part4 { position: absolute; height: 149px; width: 219px; left: 373px; top:236px; }
#act3Seq1Part5 { position: absolute; height: 152px; width: 221px; left: 638px; top:235px; }
#act3Seq1Part6 { position: absolute; height: 148px; width: 219px; left: 910px; top:236px; }
.position img { width: 100%; height: auto; display: block; }

/******** 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; }
