@import url(./linea_tiempo_h.css);

/*TAB1*/
#tabs1 .content{
    background-image: url(../img/ACT1/SB_L_G10_U03_L05fondoa1p1.png);
}

#tabs1 .content p{
    position: absolute;
    width: 294px;
    color: white;
    font-size: 1.4em;
}

#note1{
    left: 120px;
    top: 380px;
}

#note2{
    text-align: center;
    left: 488px;
    top: 433px
}

#note3{
    text-align: right;
    left: 895px;
    top: 380px;
    width: 235px !important;
}

#tabs1 .content img{
    position: absolute;
}

#btn1{
    left: 295px;
    top: 283px;
}

#btn2{
    left: 628px;
    top: 283px;
}

#btn3{
    left: 876px;
    top: 283px;
}

/*END TAB1*/
/*TAB2*/
/*page1*/
div[data-sg-group="1"].page1 .content{
    background-image: url(../img/ACT1/SB_L_G10_U03_L05fondoa1p2.png);
}

#tabs2 .page1 .content p{
    width: 436px;
    position: absolute;
    left: 597px;
    top: 166px;
    text-align: right;
    font-size: 1.5em;
    color: white;
}
div[data-sg-id="btn-page"]{
    position: absolute;
}

.page1 div[data-sg-id="btn-page"][data-sg-key="2"]{
    right: 429px;
    bottom: 34px;
}

.page1 div[data-sg-id="btn-page"][data-sg-key="3"]{
    right: 150px;
    bottom: 34px;
}

/*page2*/
 .content_nav .sections > li{
    background-repeat: no-repeat;
    background-position: 25% 50%;
 }
 .content_nav .sections > li:nth-child(1){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05quien.png);
 }
 .content_nav .sections > li:nth-child(2){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05que.png);
 }
  .content_nav .sections > li:nth-child(3){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05cuando.png);
 }
  .content_nav .sections > li:nth-child(4){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05donde.png);
 }
  .content_nav .sections > li:nth-child(5){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05como.png);
 }
  .content_nav .sections > li:nth-child(6){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05porque.png);
 }
  .content_nav .sections > li:nth-child(7){
     background-image: url(../img/ACT1/SB_L_G10_U03_L05paraque.png);
 }

.content_nav .sections > li p{
    position: relative;
    top: 107px;
    left: 700px;
    font-size: 1.5em;
    color: #4E4E4E;
}
 .content_nav .sections > li h4{
    position: relative;
    width: 250px;
    height: 65px;
    color: white;
    text-align: center;
    padding-top: 7px;
    font-size: 2.5em;
    left: 700px;
    top: 145px;
 }
.content_nav .sections > li:nth-child(1) h4{
    background-color: #9B4171; 
}
.content_nav .sections > li:nth-child(2) h4{
    background-color: #B0C54A;
}
.content_nav .sections > li:nth-child(3) h4{
    background-color: #D3B93D;
}
.content_nav .sections > li:nth-child(4) h4{
    background-color: #CE4593;
}
.content_nav .sections > li:nth-child(5) h4{
    background-color: #3D79E2;
}
.content_nav .sections > li:nth-child(6) h4{
    background-color: #9B4171;
}
.content_nav .sections > li:nth-child(7) h4{
    background-color: #007795;
}
.page2 div[data-sg-id="btn-page"][data-sg-key="1"]{
    top: 191px;
    left: 30px;
}
.page2 > img{
    position: absolute;
    left: 10px;
    top: 100px;
}

/*page3*/
.page3 div[data-sg-id="btn-page"][data-sg-key="1"]{
    left: 30px;
    top: 150px;
}
.page3 > img{
    position: absolute;
    left: 10px;
    top: 55px;
}
.page3 .content{
    background-image: url(../img/ACT1/SB_L_G10_U03_L05fondoperiodico.png);
    background-position: 50% 110px;
}
.buttonsg div{
    position: absolute;
    width: 72px;
    height: 71px;
    background-repeat: no-repeat;
    z-index: 2;
}
.buttonsg div:nth-child(1){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05n1.png);
    left: 623px;
    top: 321px;
}
.buttonsg div:nth-child(2){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05n2.png);
    left: 497px;
    top: 364px
}
.buttonsg div:nth-child(3){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05n3.png);
    left: 387px;
    top: 509px;
}
.buttonsg div:nth-child(4){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05n4.png);
    top: 432px;
    left: 800px;
}

.ball{
    position: absolute;
    background-repeat: no-repeat;
    width: 360px;
    height: 365px;
    display: none;
    z-index: 1;
}

.ball:nth-child(2){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05g1.png);
    left: 618px;
    top: 7px;
}
.ball:nth-child(3){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05g2.png);
    left: 206px;
    top: 30px;
}
.ball:nth-child(4){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05g3.png);
    left: 100px;
    top: 193px;
}
.ball:nth-child(5){
    background-image: url(../img/ACT1/SB_L_G10_U03_L05g4.png);
    left: 783px;
    top: 89px;
}

.ball p{
    color: white;
    position: absolute;
    top: 63px;
    left: 66px;
    width: 250px;
    font-size: 1.3em;
}

.ball:nth-child(5) p{
    top: 44px;
    left: 78px;
}
/*page3*/

/*END TAB2*/