#resumen {
    background-color: #B0C54A;
    color: white;
    font-size: 1.3em;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right: 20px;
    width: 100px;
    height: 100px;
    padding: 25px 0px 0px 0px;
    text-align: center;
    display: none;
    text-decoration: none;
}

.menu{
	position: absolute;
    top: 100px;
    left: 40px;
    z-index: 99;
    display: none;
}

.menu p{
	position: absolute;
	color: white;
	font-size: 1.3em;
    margin: 13px 0px 0 80px;
}
#audifon{
	position: absolute;
	bottom: 190px;
    left: 40px;
    z-index: 99;
}

.audio{
	bottom: 110px;
    left: 20px;
}
#btn_pop{
	position: absolute;
	bottom: 30px;
    left: 30px;
	z-index: 999;
}
#btn_pop p{
	position: absolute;
	color: white;
	font-size: 1.3em;
    margin: 13px 0px 0 80px;
}

#lucy_pop p{
	position: absolute;
	top: 60px;
    left: 260px;
    color: white;
    font-size: 1.3em;
}

.cont_main{
	position: absolute;
	top: 91px;
    width: 100%;
    height: 586px
	
}
.title{
	position: relative;
	top: -5px;
    left: 480px;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
}

.cont_des{
	position: relative;
	top: 30px;
    left: 480px;
    width: 740px;
    height: 400px;
    text-align: left;
    font-size: 1.4em;
    color: white;
    overflow: hidden;
    overflow-y: auto;
}

div.fadeInUp{
	opacity: 1;
}
.mapa{background: url(../img/actividad3/SB_S_G11_U01_L01_act3_f01.png)no-repeat 160px 30px;}

#p1{z-index:20;position: absolute;top: -30px;left: 525px;}
#p2{z-index:20;position: absolute;top: -30px;left: 595px;}
#p3{z-index:20;position: absolute;top: -30px;left: 670px;}
#p4{z-index:20;position: absolute;top: -30px;left: 750px;}

.cont_main.p1{background: url(../img/actividad4/SB_S_G11_U01_L01_act4_f02.png)no-repeat 0px 0px;opacity:0;}
.cont_main.p2{background: url(../img/actividad4/SB_S_G11_U01_L01_act4_f03.png)no-repeat 0px 0px;opacity:0;}
.cont_main.p3{background: url(../img/actividad4/SB_S_G11_U01_L01_act4_f04_2.png)no-repeat 0px 0px;opacity:0;}
.cont_main.p4{background: url(../img/actividad4/SB_S_G11_U01_L01_act4_f03.png)no-repeat 0px 0px;opacity:0;}

.estilo{
	position: absolute;
	font-size: 1.4em;
	color: white;
}

.poph{
	position: absolute;
}

.icon_close_button {
    position: absolute;
    top: 7px;
    right: -13px;
}

.pop1{z-index:100;top:290px;left: 650px;}
.pop2{z-index:100;top:250px;left: 620px;}
.pop3{z-index:100;top:260px;left: 710px;}
.pop4{z-index:100;top:380px;left: 660px;}
.pop5{z-index:100;top:295px;left: 688px;}
.pop6{z-index:100;top:300px;left: 725px;}
.pop7{z-index:100;top:380px;left: 700px;}
.pop8{z-index:100;top:335px;left: 670px;}
.pop9{z-index:100;top:340px;left: 710px;}
.pop10{z-index:100;top:325px;left: 630px;}
.pop11{z-index:100;top:365px;left: 625px;}
.pop12{z-index:100;top:315px;left: 960px;}
.pop13{z-index:100;top:170px;left: 650px;}
.pop14{z-index:100;top:380px;left: 950px;}
.pop15{z-index:100;top:165px;left: 610px;}
.pop16{z-index:100;top:480px;left: 480px;}
.pop18{z-index:100;top:480px;left: 580px;}

.up1{top:120px;left: 480px;}
.up2{top:210px;left: 480px;}
.up3{top:200px;left: 480px;}
.up4{top:200px;left: 480px;}
.up5{top:200px;left: 480px;}
.up6{top:200px;left: 480px;}
.up7{top:190px;left: 480px;}
.up8{top:90px;left: 480px;}
.up9{top:150px;left: 480px;}
.up10{top:190px;left: 480px;}
.up11{top:180px;left: 480px;}
.up12{top:160px;left: 480px;}
.up13{top:190px;left: 480px;}
.up14{top:190px;left: 480px;}
.up15{top:190px;left: 480px;}
.up16{top:200px;left: 480px;}
.up18{top:130px;left: 180px;}






.cont_img1{
	background: url(../img/actividad4/SB_S_G11_U01_L01_act4_f05.png)no-repeat -34px 0px;
	height: 1120px;
    width: 100%;
    position: relative;
}

.cont_main1{
	position: absolute;
    width: 1233px;
    height: 622px;
    overflow-y: auto;
}

#pre_pop{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#pre_pop{
	position: absolute;
	bottom: 90px;
    right: 30px;
}
#pre_pop p{
	position: absolute;
	color: white;
	font-size: 1.3em;
    margin: 23px 0px 0 80px;
}

#contp_pop p{
	position: absolute;
    color: white;
    font-size: 1.4em;
}

#contp_pop p:nth-child(3){
	top: 0px;
    left: 100px;
}
#contp_pop p:nth-child(4){
	top: 120px;
    left: 610px;
}