#tabs1 .sections > li.l1{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f01.png) no-repeat   80px 70px; }
#tabs1 .sections > li.l2{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f02.png) no-repeat   50px 70px; }
#tabs1 .sections > li.l3{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f03.png) no-repeat   60px 70px; }
#tabs1 .sections > li.l4{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f04.png) no-repeat center 30px; }

#tabs2 .sections > li.l1{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f05.png) no-repeat center 70px; }
#tabs2 .sections > li.l2{ background: url(../img/actividad4/SB_L_G11_U05_L04_act4_f06.png) no-repeat center 80px; }


.sections > li h3{
    position: absolute;
    top: 430px;
    left: 40px;
    width: 500px;
    color: white;
    font-weight: bolder;
    font-size: 1.5em;
    text-align: center;
}
.sections > li h4{
    position: absolute;
    top: 24px;
    left: 560px;
    width: 590px;
    color: white;
    font-weight: bolder;
    font-size: 2.2em;
    background: #5E3069;
    padding: 15px 20px;
}
.act_content .tabsCon .sections > li p{
    color: inherit;
    font-size: 1.45em;
    line-height: 1.25em;
    text-align: justify;
    width: 550px;
}


#tabs1 .sections > li.l1 p{ top: 140px; left: 560px; }
#tabs1 .sections > li.l2 p{ top:  53px; left: 620px; }
#tabs1 .sections > li.l3 p{ top:  50px; left: 610px; }
#tabs1 .sections > li.l3 a{ top: 420px; left: 950px; position: absolute; }    
#tabs1 .sections > li.l4 p{ top: 230px; left: 800px; color: white; }
#tabs1 .sections > li.l4 p:nth-child(1){ top: 120px; left: -140px; text-align: right; }

#tabs2 .sections > li.l1 p{ top: 150px; left: 430px; }
#tabs2 .sections > li.l2 p{ top: 230px; left: 800px; }
#tabs2 .sections > li.l2 p:nth-child(2){ top:  120px; left: 180px; text-align: right; }
#tabs2 .sections > li.l1 a{ top: 455px; left: 875px; position: absolute; }    


.act_content #tabs2 .sections > li p{ color: white; width: auto; } 
.gge_contenido_L .act_content #tabs2  li span.act_subtitle{  position: absolute; top: 0px; left: 0px; }




.buttons{ top: 572px; left: 850px; z-index: 9999; }
.buttons.last{ left: 345px; }
.buttons:hover{ background: url(../img/arrow_right_hover.png) no-repeat center; }
.controls{ 
    position: absolute;
    width: 100%;
    text-align: center;
    top: 595px;
    left: 0; 
}
.controls span{ 
    position: relative !important;
    width: 12px;
    height: 12px;
    margin: 0 15px 10px 15px;
    display: inline-block;
    background: gray !important;
    border-radius: 50%;
    cursor: pointer;
}
.controls span.active{ background: #0E60A5 !important; }


