/*TAB1*/
.content.tab1{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p1.png');
	height: 665px;
	margin-top: 0px;
	top: 0px;
}
.content.tab1 p{
	font-size: 1.56em;
	position: absolute;
    top: 73px;
    left: 475px;
	color: white; 
}
/*TAB2 AND TAB3*/
.content.tab2,
.content.tab3{
	height: 665px;
	margin-top: 0px;
}
.content.tab2 .content_nav .buttons,
.content.tab3 .content_nav .buttons{
	cursor: pointer;
	background: url('../img/S_G10_U02_L07_pes3_boton.png');
	background-repeat: no-repeat;
	position: absolute;
	width: 64px;
	height: 64px;
	bottom: 293px;	
	left: 1171px;
	z-index: 10;
}
.content.tab2 .content_nav .buttons.last,
.content.tab3 .content_nav .buttons.last{
	display: none;
	left: 10px;
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.content.tab2 .content_nav .buttons:hover,
.content.tab3 .content_nav .buttons:hover{
	-moz-transform: rotate(0deg) scale(1.1);
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
}
.content.tab2 .content_nav .buttons.last:hover,
.content.tab3 .content_nav .buttons.last:hover{
	-moz-transform: rotate(180deg) scale(1.1);
	-webkit-transform: rotate(180deg) scale(1.1);
	transform: rotate(180deg) scale(1.1);
}
.content.tab2 .content_nav,
.content.tab3 .content_nav{
  overflow: hidden;
  width: 1245px;
  height: 665px;
  position: absolute;
}
.content.tab2 .content_nav .sections,
.content.tab3 .content_nav .sections{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 7470px;
	height: 665px;
	position: absolute;
}
.content.tab2 .content_nav .sections{
	width: 3735px;
}
.content.tab2 .content_nav .sections > li,
.content.tab3 .content_nav .sections > li{ 
	width: 1245px; 
	height: 665px;
	position: absolute; 
}
.content.tab2 .content_nav .sections > li:nth-child(1),
.content.tab3 .content_nav .sections > li:nth-child(1){
	left: 0px;
}
.content.tab2 .content_nav .sections > li:nth-child(2),
.content.tab3 .content_nav .sections > li:nth-child(2){
	left: 1245px;
}
.content.tab2 .content_nav .sections > li:nth-child(3),
.content.tab3 .content_nav .sections > li:nth-child(3){
	left: 2490px;
}
.content.tab3 .content_nav .sections > li:nth-child(4){
	left: 3735px;
}
.content.tab3 .content_nav .sections > li:nth-child(5){
	left: 4980px;
}
.content.tab3 .content_nav .sections > li:nth-child(6){
	left: 6225px;
}
.content.tab2 .content_nav .sections > li .page,
.content.tab3 .content_nav .sections > li .page{
	background-position: center;
	background-repeat: no-repeat;
	width: 1245px;
	height: 665px;
	position: absolute;
}
.content.tab2 .content_nav .sections > li .page p,
.content.tab3 .content_nav .sections > li .page p,
.content.tab2 .content_nav .sections > li .page h2,
.content.tab3 .content_nav .sections > li .page h2{
	font-size: 1.56em;
	position: absolute;
	color: white; 
}
.content.tab2 .content_nav .sections > li .page p.note,
.content.tab3 .content_nav .sections > li .page p.note{
	width: 100%;
	text-align: center;
}
/*TAB2*/
.content.tab2 .content_nav .sections > li .page.page1{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p2_001.png');
    background-position: 50px 55px;
}
.content.tab2 .content_nav .sections > li .page.page2{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p2_002_dino_raton.png');
}
.content.tab2 .content_nav .sections > li .page.page3{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p2_003_extinsion.png');
}
/*page1*/
.content.tab2 .content_nav .sections > li .page.page1 .item{
    width: 246px;
    height: 361px;
    position: absolute;
    top: 288px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item:nth-child(2){
	left: 69px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item:nth-child(3){
	left: 348px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item:nth-child(4){
	left: 628px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item:nth-child(5){
	left: 909px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item h2,
.content.tab2 .content_nav .sections > li .page.page1 .item p{
	text-align: center;
	width: 100%;
	position: absolute;
	margin: 0px;
}
.content.tab2 .content_nav .sections > li .page.page1 .item h2{
    top: 1px;
    color: white;
    font-size: 1.69em;
}
.content.tab2 .content_nav .sections > li .page.page1 .item p{
    top: 65px;
    color: #575a5b;
}
/*page2*/
.content.tab2 .content_nav .sections > li .page.page2 p.note{
	top: 504px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item{
    width: 260px;
    height: 81px;
    position: absolute;
    top: 383px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item:nth-child(2){
	left: 238px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item:nth-child(3){
	left: 758px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item h2,
.content.tab2 .content_nav .sections > li .page.page2 .item p{
	width: 100%;
	text-align: center;
	position: absolute;
	margin: 0px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item h2{
	font-size: 1.75em;
	color: white; 
	top: 0px;
}
.content.tab2 .content_nav .sections > li .page.page2 .item p{
    font-size: 1.56em;
    color: #dddedb;
    top: 48px;
}
/*page3*/
.content.tab2 .content_nav .sections > li .page.page3 p.note{
	top: 515px;
}
/*TAB3*/
.content.tab3 .content_nav .sections > li .page.page1{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_01_dedos.png');
}
.content.tab3 .content_nav .sections > li .page.page2{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_02.png');
}
.content.tab3 .content_nav .sections > li .page.page3{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_03_libelula.png');
}
.content.tab3 .content_nav .sections > li .page.page4{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_04_velociraptor.png');
}
.content.tab3 .content_nav .sections > li .page.page5{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_05_pinguinos.png');
}
.content.tab3 .content_nav .sections > li .page.page6{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_join.png');
}
.content.tab3 .content_nav .sections > li .page .btn_popup{
	position: absolute;
}
.item_popup{
	background-position: center;
	background-repeat: no-repeat;
}
/*page1*/
.content.tab3 .content_nav .sections > li .page.page1 p.note{
    top: 593px;
    padding-left: 52px;
}
/*page2*/
.content.tab3 .content_nav .sections > li .page.page2 ul{
    font-size: 1.56em;
    color: #575a5b;
    position: absolute;
    top: 494px;
    left: 131px;
    float: left;
}
.content.tab3 .content_nav .sections > li .page.page2 ul li{
    display: inline-block;
    margin-right: 96px;
    margin-left: 30px;
    width: 219px;
    text-align: center;
}
.content.tab3 .content_nav .sections > li .page.page2 ul li:nth-child(3){
    margin-left: 62px;
}
.content.tab3 .content_nav .sections > li .page.page2 p.note{
    top: 557px;
    padding-left: 42px;
}
/*page3*/
.content.tab3 .content_nav .sections > li .page.page3 p{
    top: 213px;
    left: 777px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt{
    width: 556px;
    height: 197px;
    position: absolute;
    top: 427px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt:nth-child(3){
	left: 63px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt:nth-child(4){
	left: 634px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt p{
	position: absolute;
	font-size: 1.56em;
	margin: 0px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt p:nth-child(1){
	text-align: center;
    top: 84px;
    left: 0px;
    width: 132px;
    color: white;
    padding-left: 35px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt p:nth-child(1):before{
    position: absolute;
    top: -14px;
    left: -8px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt:nth-child(3) p:nth-child(1).clicked:before{
    content: url('../img/SB_S_G10_U03_L07_btn_mal_small.png');
    width: 60px;
    height: 60px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt:nth-child(4) p:nth-child(1).clicked:before{
    content: url('../img/SB_S_G10_U03_L07_btn_bien_small.png');
    width: 60px;
    height: 60px;
}
.content.tab3 .content_nav .sections > li .page.page3 .opt p:nth-child(2){
    top: 10px;
    left: 154px;
    color: #575a5b;
}
/*page4*/
.content.tab3 .content_nav .sections > li .page.page4 h2{
    top: 350px;
    font-size: 1.75em;
}
.content.tab3 .content_nav .sections > li .page.page4 h2:nth-child(2){
	left: 294px;
}
.content.tab3 .content_nav .sections > li .page.page4 h2:nth-child(3){
	left: 802px;
}
.content.tab3 .content_nav .sections > li .page.page4 p{
    top: 459px;
    left: 183px;
    font-size: 1.63em;
}
/*page5*/
.content.tab3 .content_nav .sections > li .page.page5 p{
    top: 123px;
    left: 117px;
}
.content.tab3 .content_nav .sections > li .page.page5 textarea{
    width: 1006px;
    height: 212px;
    position: absolute;
    top: 406px;
    left: 156px;
    font-size: 1.56em;
}
.content.tab3 .content_nav .sections > li .page.page5 .btn_popup{
    top: 583px;
    left: 1127px;
}
.item_popup.item1{
	background-image: url('../img/act2/SB_S_G10_U03_L07_act2_p3_05_pop_pinguino.png');
	width: 1024px;
	height: 566px;
}
.item_popup.item1 > p{
    font-size: 1.75em;
    text-align: center;
    position: absolute;
    top: 77px;
    left: 90px;
    color: white;
}
.item_popup.item1 .item{
    width: 339px;
    height: 84px;
    position: absolute;
    top: 437px;
    right: 100px;
}
.item_popup.item1 .item h2,
.item_popup.item1 .item p{
    width: 100%;
    text-align: center;
    font-size: 1.44em;
    position: absolute;
}
.item_popup.item1 .item h2{
    color: white;
    top: 3px;    margin: 0px;
    font-size: 1.75em;
}
.item_popup.item1 .item p{
    color: #575a5b;
    top: 49px;
    margin: 0px;
}
/*page6*/
.content.tab3 .content_nav .sections > li .page.page6 p{
	font-size:  1.4em;
	top: 24px;
	left: 321px;
	text-align: center;
	width: 598px;
}
.content.tab3 .content_nav .sections > li .page.page6 h2{
    top: 458px;
    width: 180px;
    font-size: 1.75em;
    text-align: center;
}
.content.tab3 .content_nav .sections > li .page.page6 h2:nth-child(3){
	left: 96px;
}
.content.tab3 .content_nav .sections > li .page.page6 h2:nth-child(4){
	left: 696px;
}
div[data-sg-id="elem-join-line"]{
	position: absolute !important;
}
div[data-sg-id="elem-join-line"] div{
    width: 37px;
    height: 37px;
	cursor: pointer;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"][data-sg-key="1"]{
    top: 309px;
    left: 287px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"][data-sg-key="2"]{
    top: 309px;
    left: 885px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="1"]{
    top: 258px;
    left: 358px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="2"]{
    top: 356px;
    left: 358px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="3"]{
    top: 258px;
    left: 957px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="4"]{
	top: 356px;
	left: 957px;
}