#tabs2 span.act_subtitle{
    color: #9B8511;
    font-size: 2.5em;
    font-family: normal;
    font-weight: bold;
    position: absolute;
    top: 33px;
    left: -3px;
}

.pasoCont.p1{
    background: url(../img/act1/L_G11_U02_L02_cuadro-30.png) no-repeat;
    top: 126px;
    left: 604px;
    height: 583px;
    width: 636px;
}
.pasoCont.p2{
     background: url(../img/act1/L_G11_U02_L02_cuadro-30.png) no-repeat;
     top: 126px;
     left: 604px;
     height: 590px;
}

.pasoCont.p1 p:nth-child(1){
    color: #ffffff;
    top: 94px;
    left: 66px;
    font-size: 2em;
}

.pasoCont.p2 p:nth-child(1){
    color: #ffffff;
    position: absolute;
    top: 21px;
    left: 59px;
    font-size: 2em;
}

#pasos{  
    position: absolute; 
    
}

#pasos .pasosBtn:nth-child(1) {
    background:  url(../img/act1/L_G11_U02_L02_btn_quees_2-32.png) no-repeat center;
    position: relative;
    margin: 40px 20px;
    width: 171px;
    height: 61px;
    top: 100px;
    left: 337px;
}

#pasos .pasosBtn:nth-child(2) {
    background:  url(../img/act1/L_G11_U02_L02_btn_comoreconocer_2-34.png) no-repeat center;
    position: relative;
    margin: 40px 20px;
    width: 554px;
    height: 101px;
    top: 242px;
    left: -242px;
}

#pasos .pasosBtn.active:nth-child(1) { 
    background:  url(../img/act1/L_G11_U02_L02_btn_quees-31.png) no-repeat center; 
    position: relative;
    margin: 40px 20px;
    width: 171px;
    height: 61px;
}
#pasos .pasosBtn.active:nth-child(2) { 
    background:  url(../img/act1/L_G11_U02_L02_btn_comoreconocer-33.png) no-repeat center; 
    position: relative;
    margin: 40px 20px;
    width: 554px;
    height: 101px;
}

div[data-sg-group="1"].page1 {
    background: url(../img/act1/L_G11_U02_L02_cuadro2-30.png) no-repeat 48px 97px;
    width: 1187px;
    height: 618px;
}  

div[data-sg-id="btn-popup"]{
    top: 525px;
    left: 45px;
}
div[data-sg-id="btn-popup"]:hover{
    box-shadow: none;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    top: -4px;
    left: 49px;
    color: white;
    font-size: 2em;
}
.icon_close_button {
    top: 17px;
    right: 17px;
}  

div[data-sg-id="btn-page"]{
    position: absolute;
}

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

div[data-sg-group="1"].page2 .content {
    background: url(../img/act1/L_G11_U02_L02_actividad_fondo-30.png) no-repeat 0px 0px;
    width: 1187px;
    height: 618px;
}

.page2 div[data-sg-id="btn-page"][data-sg-key="1"]{
    left: -2px;
    top: 1px;
    bottom: 34px;
    height: 57px;
}

#p1{
    position: absolute;
    top: 55px;
    left: 2px;
    color: #004561;
    font-size: 1.7em;
}

#p2{
    position: absolute;
    top: 119px;
    left: 100px;
    font-size: 2em;
    line-height: 2.3em;
}

#p3{
    position: absolute;
    top: 119px;
    left: 742px;
    font-size: 2em;
    line-height: 2.3em;
}

#p4{
    position: absolute;
    top: 473px;
    left: 84px;
    color: #ffffff;
}

#dragDrop{
    position: absolute;
    top: 141px;
    left: 739px;
    width: 153px;
    height: 289px;
}

#dragDrop2{
    margin-top: -3px;
    height: 64px;
    width: 385px;
    position: absolute;
    top: 488px;
    left: 729px;
}

#dragDrop .box1{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 111px;
    height: 60px;
}

#dragDrop .box2{
    position: absolute;
    top: 74px;
    left: 0px;
    width: 111px;
    height: 60px;
}

#dragDrop .box3{
    position: absolute;
    top: 149px;
    left: 0px;
    width: 111px;
    height: 60px;
}

#dragDrop .box4{
    position: absolute;
    top: 220px;
    left: 37px;
    width: 111px;
    height: 60px;
}

#dragDrop2 > div{
    position: relative;
    display: inline-block;
    margin: 0;
}

/*
#dragDrop2 .box5{
    position: relative !important;
    top: 0px;
    left: 0px;
    width: 87px;
    height: 60px;
}
*/



/*div #drag1 .box5 .ui-draggable {
    z-index: 0;
    left: 0px;
    top: 0px;
}
 
#dragDrop2 .box6{
    position: relative !important;
    top: -62px;
    left: 100px;
    width: 87px;
    height: 60px;
}

div #drag2 .box6 .ui-draggable {
    z-index: 1;
    left: 0px;
    top: 0px;
}

#dragDrop2 .box7{
    position: relative !important;
    top: -121px;
    left: 200px;
    width: 87px;
    height: 60px;
}

div #drag3 .box7 .ui-draggable {
    z-index: 2;
    left: 0px;
    top: 0px;
}

#dragDrop2 .box8{
    position: relative !important;
    top: -181px;
    left: 300px;
    width: 87px;
    height: 60px;
}
div #drag4 .box8 .ui-draggable {
    z-index: 3;
    left: 0px;
    top: 0px;
}
  */