ol.sections{
	width: 3000px;
}

ol.sections li:nth-child(1){
	background: url(../img/tarea/SB_M_G11_U02_L04tarea1.png)no-repeat 30px 50px;
}
ol.sections li:nth-child(2){
	background: url(../img/tarea/SB_M_G11_U02_L04tarea9.png)no-repeat 40px 60px;
}

.popbtn{
    position: absolute;
}
.popbtn:before{
    content: "";
    background: url(../img/tarea/SB_M_G11_U02_L04tarea3.png)no-repeat 0px 0px;
    opacity: 0;
    position: absolute;
    width: 83px;
    height: 83px;
    top: -9px;
    left: -9px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;

}
.popbtn:after{
    content: "";
    position: absolute;
    background: url(../img/tarea/SB_M_G11_U02_L04tarea4.png)no-repeat 0px 0px;
    opacity: 0;
    width: 93px;
    height: 94px;
    top: -15px;
    left: -14px;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -ms-transition: 1s all;
    transition: 1s all;
}
.popbtn.zoom:before{
    opacity: 1;
}
.popbtn.zoom:after{
    opacity: 1;
}
.bt1{
    top: 220px;
    left: 60px;
}
.bt2{
    top: 470px;
    left: 60px;
}
.bt3{
    top: 220px;
    left: 605px;
}
.bt4{
    top: 470px;
    left: 605px;
}
.azu{
	position: absolute;
	font-size: 1.5em;
	color:#046967;
    top: 50px;
    left: 60px;
}
.azu2{
	position: absolute;
	font-size: 1.5em;
	color:#046967;
    top: 60px;
    left: 70px;
}
