.content{
	height: 638px;
	margin-top: -30px;
}
.content.tab1{
	background-image: url('../img/ACT2/SB_S_G10_U03_L04_ejercicio1-2pance1.png');
}
.content.tab2{
	background-image: url('../img/ACT2/SB_S_G10_U03_L04_ejercicio1-2pance.png');
}
.content.tab1 .problem{
	overflow: hidden;
	overflow-y: scroll;
	height: 514px;
	width: 443px;
	position: absolute;
	top: 66px;
	right: 100px;
}
.content.tab1 .problem .text{
	height: 655px;
	width: 428px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('../img/ACT2/SB_S_G10_U03_L04_ejercicio1-2pancescroll1.png');
}
.content.tab1 .problem .text p{
	font-size: 1.1em;
	color: #666666;
	text-align: justify;
	position: absolute;
	left: 55px;
	width: 361px;
	letter-spacing: -1px;
}
.content.tab1 .problem .text h2{
	font-size: 1.13em;
	text-transform: uppercase;
	color: #ff9967;
	text-transform: uppercase;
	text-align: justify;
	width: 367px;
	position: absolute;
	top: 297px;
	left: 55px;
	font-weight: bold;
	letter-spacing: -1px;
}
.content.tab1 .problem .text p:nth-child(1){
	top: 61px;
}
.content.tab1 .problem .text p:nth-child(3){
	top: 344px;
}
.content.tab1 .problem .text p:nth-child(4){
	top: 509px;
	font-size: 1.05em;
	width: 308px;
	padding: 7px 10px;
}
.content.tab1 .btn-info{
	position: absolute;
	top: 137px;
	left: 500px;
}
.content.tab1 .btn-info2{
	position: absolute;
	top: 137px;
	left: 430px;
}
.content.tab1 .btn-check{
	position: absolute;
	left: 160px;
	bottom: 130px;
}
.content.tab1 .btn-answer{
	position: absolute;
	left: 160px;
	bottom: 80px;
}
.content.tab1 input,
.content.tab2 input{
	position: absolute;
	border: none;
	width: 96px;
	height: 31px;
	padding: 0px 4px;
	font-size: 1.3em;
	color: #666666;
	background-color: transparent;
	text-align: right;
}
.content.tab1 .inputs_box input.wrong,
.content.tab2 .inputs_box input.wrong{
	color: #e56565;
	background-color: white;
}
.content.tab1 .inputs_box input.in_1_1_1, .content.tab1 .inputs_box input.in_1_1_3,
.content.tab1 .inputs_box input.in_1_2_1, .content.tab1 .inputs_box input.in_1_2_3{
	left: 304px;
}
.content.tab1 .inputs_box input.in_1_1_2, .content.tab1 .inputs_box input.in_1_1_4,
.content.tab1 .inputs_box input.in_1_2_2, .content.tab1 .inputs_box input.in_1_2_4{
	left: 441px;
}
.content.tab1 .inputs_box input.in_1_1_1, .content.tab1 .inputs_box input.in_1_1_2{
	top: 202px;
}
.content.tab1 .inputs_box input.in_1_1_3, .content.tab1 .inputs_box input.in_1_1_4{
	top: 245px;
}
.content.tab1 .inputs_box input.in_1_2_1, .content.tab1 .inputs_box input.in_1_2_2{
	top: 362px;
}
.content.tab1 .inputs_box input.in_1_2_3, .content.tab1 .inputs_box input.in_1_2_4{
	top: 406px;
}
.content.tab1 .poster0{
	position: absolute;
	top: 135px;
	left: -44px;
}
.content.tab1 .poster1{
	position: absolute;
	top: 135px;
	left: 104px;
}
.content.tab1 .poster2{
	position: absolute;
	top: 235px;
	left: 420px;
}
/** TAB2 **/
.content.tab2 .problem{
	overflow: hidden;
	overflow-y: scroll;
	height: 546px;
	width: 467px;
	position: absolute;
	top: 38px;
	right: 89px;
}
.content.tab2 .problem .text{
	height: 587px;
	width: 428px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('../img/ACT2/SB_S_G10_U03_L04_ejercicio1-2pancescroll.png');
}
.content.tab2 .problem .text p{
	font-size: 1.1em;
	color: #666666;
	text-align: justify;
	position: absolute;
	left: 60px;
	width: 383px;
}
.content.tab2 .problem .text h2{
	font-size: 1.13em;
	text-transform: uppercase;
	color: #E66666;
	text-align: justify;
	width: 367px;
	position: absolute;
	top: 171px;
	left: 60px;
	font-weight: bold;
	letter-spacing: -1px;
}
.content.tab2 .problem .text p:nth-child(1){
	top: 61px;
}
.content.tab2 .problem .text p:nth-child(3){
	top: 360px;
	padding-right: 30px;
}
.content.tab2 .problem .text p:nth-child(4){
	top: 467px;
	font-size: 1.05em;
	width: 313px;
	padding: 0px 7px;
	letter-spacing: -1px;
}
.content.tab2 .btn-info2{
	position: absolute;
	top: 137px;
	left: 430px;
}
.content.tab2 .btn-info{
	position: absolute;
	top: 137px;
	left: 500px;
}
.content.tab2 .btn-check{
	position: absolute;
	left: 130px;
	bottom: 130px;
}
.content.tab2 .btn-answer{
	position: absolute;
	left: 130px;
	bottom: 80px;
}
.content.tab2 .inputs_box input.in_2_1_1,
.content.tab2 .inputs_box input.in_2_1_3,
.content.tab2 .inputs_box input.in_2_2_1,
.content.tab2 .inputs_box input.in_2_2_3{
	left: 275px;
}
.content.tab2 .inputs_box input.in_2_1_2,
.content.tab2 .inputs_box input.in_2_2_2{
	left: 413px;
}
.content.tab2 .inputs_box input.in_2_1_1{
	top: 202px;
}
.content.tab2 .inputs_box input.in_2_1_2{
	top: 222px;
}
.content.tab2 .inputs_box input.in_2_1_3{
	top: 245px;
}
.content.tab2 .inputs_box input.in_2_2_1{
	top: 363px;
}
.content.tab2 .inputs_box input.in_2_2_2{
	top: 381px;
}
.content.tab2 .inputs_box input.in_2_2_3{
	top: 405px;
}
.content.tab2 .poster3{
	position: absolute;
	top: 135px;
	left: 146px;
}
.content.tab2 .poster4{
	position: absolute;
	top: 235px;
	left: 420px;
}
.content.tab2 .poster5{
	position: absolute;
	top: 135px;
	left: -44px;
}
.black-layer{
	width: 100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	cursor: pointer;
}