#tabs1{
	overflow-y:auto; 
}
#tabs1 .scroll{
	width: 100%;
	height: 1500px;
	position: relative;
	background: url('../img/actividad4/SB_M_G11_U03_L05act4.png') 50% 50% no-repeat;
}

#tabs1 .scroll p:nth-child(1){
    top: 255px;
    left: 95px;
    font-style: italic;
}
#tabs1 .scroll p:nth-child(2){
	top: 559px;
    left: 113px;
}

#tabs2{
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-40.png');
	background-position: 50% 72%;
}

#tabs2 .content_nav .content-int {
    top: 80px;
    left: 830px;
    width: 390px;
    height: 531px;
}

#tabs2 .content_nav > .controls {
    left: 1227px;
}
#tabs2 .content_nav .buttons {
    left: 1020px;}
#tabs2 .content_nav .sections > li {
    width: 340px;
    height: 515px;
}


#tabs2 .content_nav ol.sections li:nth-child(1){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-49.png');
	background-position: 50% 90%;
}
#tabs2 .content_nav ol.sections li:nth-child(2) p{
    top: 125px;
    left: 45px;
    font-style: italic;
}

#tabs2 .content_nav ol.sections li:nth-child(3){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-51.png');
	background-position: 40% 60%;
}

#tabs2 .content_nav ol.sections li:nth-child(4) p{
    top: 135px;
    left: 15px;
    text-align: center;
}

#tabs2 .content_nav ol.sections li:nth-child(5){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-52.png');
	background-position: 40% 40%;
}
#tabs2 .content_nav ol.sections li:nth-child(5) p{
	top: 35px;
}

#tabs2 .content_nav ol.sections li:nth-child(6) p{
	top: 145px;
}

#tabs2 .content_nav ol.sections li:nth-child(7){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-53.png');
	background-position: 40% 40%;
}
#tabs2 .content_nav ol.sections li:nth-child(7) p{
	top: 90px;
}

#tabs2 canvas {
    position: absolute;
    left: 25px;
    top: 105px;
}
#tabs2 .can{
    position: absolute;
    top: 145px;
    left: 715px;
    width: 100px;
}
#tabs2 #limpiar{
	border-radius: 50%;
}


#tabs3 .content_nav ol.sections li:nth-child(1){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-54.png');
	background-position: 50% 90%;
}
#tabs3 .content_nav ol.sections li:nth-child(1) p:nth-child(1){
	top: 105px;
    left: 70px;
}
#tabs3 .content_nav ol.sections li:nth-child(1) p:nth-child(2){
    top: 255px;
    left: 65px;
}
#tabs3 .content_nav ol.sections li:nth-child(1) p:nth-child(3){
	top: 255px;
    left: 515px;
}

#tabs3 input{
    position: absolute;
    top: 411px;
    left: 83px;
    border: none;
    width: 230px;
    font-size: 1.6em;
    background: none;
}
#tabs3 input:nth-child(2){
	left: 530px;
}

#tabs3 .content_nav ol.sections li:nth-child(2){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-55.png');
	background-position: 50% 90%;
}
#tabs3 .content_nav ol.sections li:nth-child(2) p:nth-child(1){
	top: 105px;
    left: 70px;
}
#tabs3 .content_nav ol.sections li:nth-child(2) p:nth-child(2){
    top: 255px;
    left: 65px;
}
#tabs3 .content_nav ol.sections li:nth-child(2) p:nth-child(3){
	top: 255px;
    left: 515px;
}


#tabs3 .content_nav ol.sections li:nth-child(3){
	background-image: url('../img/actividad4/SB_M_G11_U03_L05act4-65.png');
	background-position: 50% 32px;
}
#tabs3 .content_nav ol.sections li:nth-child(3) p:nth-child(3){
	top: 255px;
    left: 515px;
}


#tabs3 div[data-sg-id="btn-popup"]{
	position: absolute;
	top: 200px;
}
#tabs3 div[data-sg-id="btn-popup"][data-sg-key="1"]{
	left: 182px;
}
#tabs3 div[data-sg-id="btn-popup"][data-sg-key="2"]{
	left: 553px;
}
#tabs3 div[data-sg-id="btn-popup"][data-sg-key="3"]{
	left: 896px;
}


div[data-sg-id="btn-popup"] > div{
	/*position: absolute;*/
	display: inline-block;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
    		transition: all .5s;	
}
div[data-sg-id="btn-popup"] > div:before{
	content: " ";
	top: 0;
	left: 0px;
	width: 72px;
	height: 72px;
	border-radius: 36px;
	border: 1px solid white;
	position: absolute;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
			transition: all .5s;
}
div[data-sg-id="btn-popup"] > div:after{
	content: " ";
	top: 0;
	left: 0px;
	width: 72px;
	height: 72px;
	border-radius: 36px;
	border: 1px solid white;
	position: absolute;
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
			transition: all .8s;
}

div[data-sg-id="btn-popup"]:hover > div:before{
	width: 106px;
	height: 106px;
	border-radius: 53px;
	top: -16px;
	left: -16px;
}
div[data-sg-id="btn-popup"]:hover > div:after{
	width: 94px;
	height: 94px;
	border-radius: 47px;
	top: -10px;
	left: -10px;
}

div[data-sg-id='elem-join-line']{
	   margin-top: 325px;
}
.node1,.node2{
	cursor: pointer;
}
.node1{
	top: 30px;
	width: 30px;
	height: 30px;
}
.node1:nth-child(1){
	left: 207px;
}
.node1:nth-child(2){
	left: 577px;
}
.node1:nth-child(3){
	left: 918px;
}



.node2{
	top: 95px;
	width: 30px;
	height: 30px;
	padding: 8px;
}
.node2:before{
	content: ' ';
	display: inline-block;
	width: 15px;
	height: 15px;

}
.node2:nth-child(4){
	left: 258px;
}
.node2:nth-child(5){
    left: 578px;
    top: 205px;
}
.node2:nth-child(6){
	left: 896px;
}