/*TAB1*/
.content_nav .time_line .item1{
	background-image: url('../img/ACT2/SB_S_G10_U04_L03_profeoxigeno1.png');
	background-position: 50% 50%;
}
.content_nav .time_line .item2{
	background-image: url('../img/ACT2/SB_S_G10_U04_L03_laprofeoxigeno2.png');
	background-position: 50% 50%;
	left: 1245px;
}
.content_nav .time_line .item3{
	background-image: url('../img/ACT2/SB_S_G10_U04_L03_laprofeoxigeno3.png');
	background-position: 50% 50%;
	left: 2490px;
}

.item p{
	color: #858585;
	position: absolute;
	font-size: 1.3em;
	width: 38%;
	text-align: justify;
}

.item1 p, .item3 p{
	top: 192px;
  	left: 228px;
}

.item2 p{
	top: 192px;
 	left: 642px;
}

.item3 div[data-sg-id="btn-popup"][data-sg-key="1"]{
	position: absolute;
	bottom: 254px;
  	right: 622px
}

div[data-sg-id="item-popup"][data-sg-key="1"]{
	width: 950px;
	height: 482px;
	background-image: url(../img/ACT2/SB_S_G10_U04_L03_popup.png);
	background-repeat: no-repeat;
}

div[data-sg-id="item-popup"][data-sg-key="1"] p{
	color: #858585;
	font-style: italic;
	position: absolute;
	top: 200px;
  	width: 63%;
  	left: 200px;
  	font-size: 1.125em;
}

/*TAB2*/
.tab2.content{
	background-image: url(../img/ACT2/SB_S_G10_U04_L03_reacciones.png);
	background-repeat: no-repeat;
	height: 70%;
}

.targets{
	width: 86%;
  	height: 69%;
  	position: absolute;
  	top: 85px;
  	left: 91px;
}

.targets > div{
	display: block;
	float:left;
	width: 50%;
	height: 100%;
	padding-left: 30px;
  	padding-top: 25px;
  	padding-right: 10px;
}

.options{
	width:80%;
  	position: absolute;
  	bottom: -158px;
  	left: 250px;
}

.option{
	display: inline-block;
}

.poster{
	top: -1000px;
	left: 0px;

}
.poster.p1{
    background-image: url(../img/ACT2/SB_S_G10_U04_L03_respuestapositiva.png);
    width: 630px;
}
.poster.p2{
    background-image: url(../img/ACT2/SB_S_G10_U04_L03_respuestanegativa.png);
    width: 675px;
}
.poster.down {
  top: -320px;
}
.black-layer{
	top: -651px;
  	left: -311px;
}

@keyframes fall {
    0% {top:-1000px;}
    25%{top: -320px;}
    50% {top: -400px;}
    100% {top: -320px;}
} 

@-webkit-keyframes fall {
    0% {top:-1000px;}
    25%{top: -320px;}
    50% {top: -400px;}
    100% {top: -320px;}
}