﻿/*TAB1*/
.content.tab1{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p1.png');
}
.content.tab1 .item{
	position: absolute;
    top: 325px;
    text-align: center;
    width: 447px;
    height: 259px;
}
.content.tab1 .item:nth-child(1){
	left: 137px;
}
.content.tab1 .item:nth-child(2){
	left: 672px;
}
.content.tab1 .item h2,
.content.tab1 .item p{
	position: absolute;
    font-size: 1.56em;
    width: 100%;
    color: white;
    margin: 0px;
    left: 0px;
    text-align: center;
}
.content.tab1 h2{
	top: 5px;
}
.content.tab1 p{
	top: 99px;
}
/*TAB2*/
.content.tab2{
	height: 665px;
	margin-top: 0px;
}
.content.tab2 .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: 297px;	
	left: 1163px;
	z-index: 10;
}
.content.tab2 .content_nav .buttons.last{
	display: none;
	left: 24px;
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.content.tab2 .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{
	-moz-transform: rotate(180deg) scale(1.1);
	-webkit-transform: rotate(180deg) scale(1.1);
	transform: rotate(180deg) scale(1.1);
}
.content.tab2 .content_nav{
  overflow: hidden;
  width: 1245px;
  height: 665px;
  position: absolute;
}
 .content.tab2 .content_nav .sections{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 4980px;
	height: 665px;
	position: absolute;
}
.content.tab2 .content_nav .sections > li{ 
	width: 1245px; 
	height: 665px;
	position: absolute; 
}
.content.tab2 .content_nav .sections > li:nth-child(1){
	left: 0px;
}
.content.tab2 .content_nav .sections > li:nth-child(2){
	left: 1245px;
}
.content.tab2 .content_nav .sections > li:nth-child(3){
	left: 2490px;
}
.content.tab2 .content_nav .sections > li:nth-child(4){
	left: 3735px;
}
.content.tab2 .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.page1{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p2_001.png');
}
.content.tab2 .content_nav .sections > li .page.page2{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p2_002.png');
}
.content.tab2 .content_nav .sections > li .page.page3{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p2_003.png');
}
.content.tab2 .content_nav .sections > li .page.page4{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p2_004.png');
}
.content.tab2 .content_nav .sections > li .page p{
	font-size: 1.63em;
	position: absolute;
	color: white; 
}
/*page1*/
.content.tab2 .content_nav .sections > li .page1 p:nth-child(1){
    top: 83px;
    left: 591px;
}
.content.tab2 .content_nav .sections > li .page1 p:nth-child(2){
    width: 548px;
    left: 561px;
    top: 277px;
    text-align: center;
    color: #575a5b;
}
.content.tab2 .content_nav .sections > li .page1 p:nth-child(3),
.content.tab2 .content_nav .sections > li .page1 p:nth-child(4){
    font-weight: bold;
    text-align: center;
    width: 143px;
    top: 433px;
}
.content.tab2 .content_nav .sections > li .page1 p:nth-child(3){
	left: 675px;
}
.content.tab2 .content_nav .sections > li .page1 p:nth-child(4){
	left: 853px;
}
/*page2*/
.content.tab2 .content_nav .sections > li .page2 p:nth-child(1){
    top: 83px;
    left: 228px;
}
.content.tab2 .content_nav .sections > li .page2 p:nth-child(2){
    left: 229px;
    top: 545px;
    text-align: center;
    color: #575a5b;
    font-size: 1.69em;
}
.content.tab2 .content_nav .sections > li .page2 .inputs{
    width: 736px;
    height: 58px;
    position: absolute;
    top: 281px;
    left: 106px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input{
    position: absolute;
    width: 58px;
    height: 58px;
    padding: 0px;
    font-size: 1.56em;
    color: #575a5b;
    text-align: center;
    background: rgba(0, 0, 0, 0);
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(1){
	left: 2px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(2){
	left: 67px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(3){
	left: 139px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(4){
	left: 210px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(5){
	left: 285px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(6){
	left: 361px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(7){
	left: 434px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(8){
	left: 503px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(9){
	left: 578px;
}
.content.tab2 .content_nav .sections > li .page2 .inputs input:nth-child(10){
	left: 648px;
}
.content.tab2 .content_nav .sections > li .page2 .btn_answer{
	position: absolute;
    top: 600px;
    left: 353px;
}
/*page3*/
.content.tab2 .content_nav .sections > li .page3 p{
	width: 100%;
	text-align: center;
}
.content.tab2 .content_nav .sections > li .page3 p:nth-child(1){
    top: 46px;
    padding-left: 58px;
}
.content.tab2 .content_nav .sections > li .page3 p:nth-child(2){
    top: 525px;
    color: #575a5b;
    padding-left: 63px;
}
/*page4*/
.content.tab2 .content_nav .sections > li .page4 p{
    top: 90px;
    left: 549px;
    color: #575a5b;
    font-size: 1.75em;
}
.content.tab2 .content_nav .sections > li .page4 ul{
	position: absolute;
    top: 383px;
    left: 775px;
    width: 60px;
}
.content.tab2 .content_nav .sections > li .page4 ul li{
    margin-bottom: 30px;
    cursor: pointer;
    height: 60px;
    position: relative;
}
.content.tab2 .content_nav .sections > li .page4 ul li:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
}
.content.tab2 .content_nav .sections > li .page4 ul li.right:before{
	content: url('../img/SB_S_G10_U03_L07_btn_bien_small.png');
}
.content.tab2 .content_nav .sections > li .page4 ul li.wrong:before{
	content: url('../img/SB_S_G10_U03_L07_btn_mal_small.png');
}
/*TAB3*/
.content.tab3{
	background-image: url('../img/act3/SB_S_G10_U03_L07_act3_p3.png');
	height: 665px;
}
.content.tab3 p{
	text-align: center;
	font-size: 1.69em;
	position: absolute;
}
.content.tab3 p:nth-child(1){
	color: #575a5b;
    left: 886px;
    top: 66px;
}
.content.tab3 p:nth-child(2){
    color: white;
    top: 438px;
    left: 895px;
    width: 321px;
}


