/*** TAB1 **/
div[data-sg-id="elem-book"] {
	width: 872px;
 	height: 636px;
 	margin: 0 auto;
}
.page {	
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}
.page p{
	position: absolute;
	left: 42px;
}
.page p.black{
	font-size: 1em;
	text-align: center;
	width: 318px;
	bottom: 10px;
	left: 48px;
}
.page p.red{
	font-size: 0.94em;
	color: #e56565;
	text-align: justify;
	line-height: 1.1em;
}
.page.p4 p.red{
	width: 206px;
	top: 80px;
}
.page.p6 p.red{
	width: 180px;
	top: 70px;
	left: 207px;
	line-height: 1.2em;
}
.page p.gray{
	font-size: 0.95em;
	width: 348px;
	text-align: justify;
	color: #868686;
	line-height: 1.1em;
}
.page p.blue{
	font-size: 0.95em;
	color: #00bbc0;
	text-align: justify;
	width: 343px;
}
.page p.gray.left{
	text-align: left;
	top: 66px;
	line-height: 1.3em;
}
.shadow {
	width: 828px;
	height: 540px !important;
}
.sj-book{
	position: relative;
	top: 0px;
}
.hard.page.p10.even,
.hard.page.p1.odd{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag6.png');
}
.page.p3 {
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_Portadaelobservador.png');
}
.page.p4{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag1.png');
}
.page.p5{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag2.png');
}
.page.p6{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag3.png');
}
.page.p7{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag4.png');
}
.page.p8{
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag5.png');
}
.page.back-side.hard{
  	background-image: url('../img/INTRO/SB_S_G10_U03_L04_pag6.png');
  	background-position: 0px;
}
.p4 p.gray{
	top: 320px;
}
.p5 p.blue{
	top: 414px;
	left: 47px;
}
.p6 p.gray{
	top: 259px;
	line-height: 1.4em;
	left: 39px;
	letter-spacing: 1px;
}
.p7 p.gray{
	top: 50px;
}
.p8 p.gray{
	top: 275px;
	line-height: 1.4em;
}
button.previous-button,
button.next-button {
	height: 44px;
	width: 38px;
	border: none;
	background: transparent;
	position: relative;	
	top: 250px;
	z-index: 10000;
	background-position: center;
	background-repeat: no-repeat;
}
button.previous-button {
	left: -50px;
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_flechaatras.png');
}
button.next-button {
	left: 855px;
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_flechaadelante.png');
}
button:focus {
	outline:0;
}
/*** TAB3 ***/
.wrap{
	width: 1245px;
	height: 605px;
	overflow: scroll;
	overflow-x: hidden; 
	position: absolute;
}
.content{
	height: 2700px;
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_Secuenciadeactividades.png');
	background-position: 21px 0px;
}
.content .activity1,
.content .activity2,
.content .activity3{
	position: absolute;
	left: 0px;
}
.content p.problem{
	font-size: 1.25em;
	color: #807f84;
	width: 1101px;
	position: absolute;
}
.content .activity1 p.problem{
	top: 29px;
	left: 77px;
}
.content .activity2 p.problem{
	top: 6px;
	left: 77px;
}
.content .activity3 p.problem{
	top: 0px;
	left: 77px;
}
.content .activity1{
	top: 0px;
	height: 760px;
}
.content .activity2{
	top: 790px;
	height: 730px;
}
.content .activity3{
	top: 1525px;
	height: 1140px;
}
.check{
	width: 47px;
	height: 44px;
	position: absolute;
}
.check.active{
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/INTRO/SB_S_G10_U03_L04_check.png');
}
.content .activity1 .check{
	bottom: 151px;
}
.content .activity1 .check.c1{
	left: 325px;
}
.content .activity1 .check.c2{
	left: 805px;
}
.content .activity1 .check_button{
	position: absolute;
	bottom: 10px;
	left: 69px;
}
.content .activity2 .check{
	bottom: 167px;
}
.content .activity2 .check.c1{
	left: 321px;
}
.content .activity2 .check.c2{
	left: 807px;
}
.content .activity2 .check_button{
	position: absolute;
	bottom: 45px;
	left: 69px;
}
.targets > div{
	width: 60px;
	height: 60px;
	position: absolute;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.drag1{
	position: absolute;
	left: 745px;
	top: 380px;
}
.drag2{
	position: absolute;
	left: 750px;
	top: 480px;
}
.btnCheck{
	position: absolute;
	left: 780px;
  	top: 590px;
}
.t1{
	top: 317px;
	left: 372px;
}
.t2{
	top: 347px;
	left: 305px;
}
.t3{
	top: 347px;
	left: 437px;
}
.t4{
	top: 366px;
	left: 510px;
}
.t5{
	top: 431px;
	left: 269px;
}
.t6{
	top: 401px;
	left: 381px;
}
.t7{
	top: 425px;
	left: 462px;
}
.t8{
	top: 463px;
	left: 333px;
}
.t9{
	top: 515px;
	left: 266px;
}
.t10{
	top: 493px;
	left: 412px;
}
.t11{
	top: 490px;
	left: 508px;
}
.t12{
	top: 557px;
	left: 328px;
}
.t13{
	top: 590px;
	left: 400px;
}
.t14{
	top: 564px;
	left: 467px;
}
.targets > div > img:nth-child(1){
	position: absolute;
	top: -5px;
	left: -9px;
}
.targets > div > img:nth-child(2){
	position: absolute;
	top: -3px;
	left: -5px;
}
.content .activity3 textarea{
	position: absolute;
	width: 1065px;
	height: 365px;
	bottom: 2px;
	left: 82px;
	background: #F1F1F3;
  	border: 2px solid #E2E4E7;
  	resize: none;
  	font-size: 1.38em;
  	color: #333333;
  	padding: 5px;
  	line-height: 1.2em;
  	overflow-y: auto;
}
.icon_close_button:before{
	content: '';
}