@import url(./linea_tiempo_h.css);
@import url(./tabs.css);

/*TAB 1*/
div[data-sg-id="btn-page"][data-sg-group="1"]{
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
}
div[data-sg-id="btn-page"][data-sg-group="1"][data-sg-key="2"]{
	width: 199px;
	height: 77px;
	background-image: url(../img/ACT2/S_G11_U05_L02_btn_materiales3-90.png);
	left: 350px;
}
div[data-sg-id="btn-page"][data-sg-group="1"][data-sg-key="2"].active{
	background-image: url(../img/ACT2/S_G11_U05_L02_btn_materiales3a-91.png);
}
div[data-sg-id="btn-page"][data-sg-group="1"][data-sg-key="3"]{
	width: 270px;
	height: 77px;
	background-image: url(../img/ACT2/S_G11_U05_L02_btn_procedimiento-92.png);
	left: 690px;
}
div[data-sg-id="btn-page"][data-sg-group="1"][data-sg-key="3"].active{
	background-image: url(../img/ACT2/S_G11_U05_L02_btn_procedimiento2-93.png);
}
div[data-sg-id="item-page"][data-sg-group="1"]{
	height: 589px;
	background-position: 50% 80%;
	background-repeat: no-repeat;
}
.page1_1{
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadro5-94.png);
}
.page1_2{
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadro5a-89.png);
}

.content_nav .buttons{
	bottom: 170px;
	right: -15px;
}
 .content_nav .buttons.last{
	left: -15px;
}
.content_nav{
  /*margin-top: 50px;*/
}
 .content_nav.uno .sections {
	width: 5040px;
	height: 589px;
}

.content_nav.uno .sections > li{ 
	height: 589px;
	background-position: 50% 87%;
}
.content_nav.uno .sections > li:nth-child(1){
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadroazul1-95.png);
}
.content_nav.uno .sections > li:nth-child(2){
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadroazul2-85.png);
}
.content_nav.uno .sections > li:nth-child(3){
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadroazul3-86.png);
}
.content_nav.uno .sections > li:nth-child(4){
	background-image: url(../img/ACT2/S_G11_U05_L02_cuadroazul4-87.png);
}

.page1_1 p{
    color: #373737;
    font-family: Tahoma !important;
    font-size: 1.7em;
    position: absolute;
    left: 140px;
    top: 230px;
}

.page1_2 ul {
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
    font-family: Tahoma;
    color: #373737;
    left: 120px;
    top: 200px;
    font-size: 1.5em;
}

.page1_2 li { 
    padding-left: 1em; 
    text-indent: -.7em;
    margin-bottom: 30px;
}

.page1_2 li:before {
    content: "• ";
    /*color: red;*/ /* or whatever color you prefer */
}

.content_nav.uno .sections > li p{
	position: relative;
	font-size: 1.5em;
	color: #373737;
	font-family: Tahoma !important;
}
.content_nav.uno .sections > li:nth-child(1) p{
	left: 640px;
    top: 250px;
}
.content_nav.uno .sections > li:nth-child(2) p{
    left: 640px;
    top: 290px;
}
.content_nav.uno .sections > li:nth-child(3) p{
    left: 640px;
    top: 306px;
}
.content_nav.uno .sections > li:nth-child(4) p{
    left: 640px;
    top: 230px;
}

/*TAB2*/
#tabs2 .content{
	overflow: auto;
	height: 589px;
}
div[data-sg-id="btn-page"][data-sg-group="2"]{
	width: 124px;
	height: 123px;
	background-repeat: no-repeat;
	position: absolute;
	top: 300px;
}
div[data-sg-id="btn-page"][data-sg-group="2"][data-sg-key="next"]{
	background-image: url(../img/ACT2/S_G11_U05_L02_botonder.png);
	right: 0px;
}
div[data-sg-id="btn-page"][data-sg-group="2"][data-sg-key="prev"]{
	background-image: url(../img/ACT2/S_G11_U05_L02_botonizq.png);
	left: 0px;
	display: none;
}
div[data-sg-id="item-page"][data-sg-group="2"]{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}
.page2_1{
	height: 1000px;
	background-image: url(../img/ACT2/S_G11_U05_L02_graf14-88.png);
}
.page2_2{
	height: 1100px;
	background-image: url(../img/ACT2/S_G11_U05_L02_graf15-89.png);
}

.page2_1 h4{
    position: absolute;
    left: 112px;
    top: 20px;
    font-size: 1.9em;
    color: #004561;
}
.page2_1 ul,
.page2_2 ul {
    list-style: none;
    padding:0;
    margin:0;
    position: absolute;
    font-family: Tahoma;
    color: white;
    font-size: 1.4em;
}
.page2_1 li,
.page2_2 li { 
    padding-left: 1em; 
    text-indent: -.7em;
    margin-bottom: 20px;
}
.page2_1 li:before,
.page2_2 li:before {
    content: "• ";
    /*color: red;*/ /* or whatever color you prefer */
}

.page2_1 ul:nth-child(2),
.page2_2 ul:nth-child(2){
    left: 600px;
    top: 153px;
    width: 510px;
}
.page2_1 ul:nth-child(3),
.page2_2 ul:nth-child(3){
    top: 530px;
    width: 963px;
    left: 150px;
}

.page2_1 ul:nth-child(2) li:nth-child(1):before,
.page2_1 ul:nth-child(2) li:nth-child(2):before{
	content: "- ";
}

.page2_2 h4{
	position: absolute;
    left: 132px;
    top: 0px;
    font-size: 1.9em;
    color: #EAB733;
}
.page2_2 ul {
	font-size: 1.7em;
	color: #373737;
}
.page2_2 ul li{
	margin-bottom: 30px;
}
.page2_2 ul:nth-child(2) li:nth-child(1):before{
    content: "- ";
}
.page2_2 ul:nth-child(3) li:nth-child(5){
    margin-bottom: 130px;
}
div[data-sg-id="btn-popup"][data-sg-key="2_1"]{
	position: absolute;
    top: 904px;
    left: 510px;
}

/*TAB 3*/
#tabs3 .content{
	overflow: auto;
	height: 589px;
}
#tabs3 .content_scroll{
	height: 1000px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/ACT2/S_G11_U05_L02_graf16-91.png);
	position: relative;
}
#tabs3 .content_scroll p{
	font-size: 1.65em;
	font-family: Tahoma !important;
	position: absolute;
	color: white;
}
#tabs3 .content_scroll p:nth-child(1){
    left: 140px;
    top: 80px;
}
#tabs3 .content_scroll p:nth-child(2){
	font-weight: bold;
    top: 541px;
    left: 140px;
}
#tabs3 .content_scroll p:nth-child(3){
	top: 783px;
    left: 140px;
}

/*TAB 4*/
.content_nav.cuatro .sections {
	width: 3735px;
	height: 589px;
}
.content_nav.cuatro .sections > li{ 
	height: 589px;
	background-position: 50% 50%;
}
.content_nav.cuatro .sections > li:nth-child(1){
	background-image: url(../img/ACT2/S_G11_U05_L02_graf17-92-90.png);
}
.content_nav.cuatro .sections > li:nth-child(2){
	background-image: url(../img/ACT2/S_G11_U05_L02_graf17-92-90.png);
}
.content_nav.cuatro .sections > li:nth-child(3){
	background-image: url(../img/ACT2/S_G11_U05_L02_graf18-93-91.png);
}

.content_nav.cuatro .sections > li p{
	font-size: 1.6em;
	position: relative;
	font-family: Tahoma !important;
	color: white;
}
.content_nav.cuatro .sections > li:nth-child(1) p:nth-child(1){
	left: 180px;
    top: 410px;
}
.content_nav.cuatro .sections > li:nth-child(1) p:nth-child(2){
	left: 583px;
    top: -70px;
}
.content_nav.cuatro .sections > li:nth-child(2) p{
	left: 580px;
    top: 40px;
}
.content_nav.cuatro .sections > li:nth-child(3) p{
	left: 620px;
    top: 140px;
}
.content_nav.cuatro .buttons {
    bottom: 220px;
}

/*TAB 5*/

.tabs {
	left: 60px;
    top: 90px;
}
.tab-links{
	width: 140px;
    left: 260px;
    top: 100px;
 }
.tab-links li {
    width: 143px;
    height: 143px;
}

.tab-links li:nth-child(1){
    background-image: url(../img/ACT2/S_G11_U05_L02_btn_1.png);
    margin-bottom: 50px;
}
.tab-links li:nth-child(2){
    background-image: url(../img/ACT2/S_G11_U05_L02_btn_2.png);
}
.tab-links li:nth-child(1).active{
    background-image: url(../img/ACT2/S_G11_U05_L02_btn_1a.png);
}
.tab-links li:nth-child(2).active{
    background-image: url(../img/ACT2/S_G11_U05_L02_btn_2a.png);
}

.tab_ {
    width: 1067px;
    height: 544px;
    background-image: url(../img/ACT2/S_G11_U05_L02_graf19-96.png);
}
.tab_ p{
	position: absolute;
	font-size: 1.7em;
	color: white;
}
.tab_:nth-child(1) p{
    left: 480px;
    top: 134px;
}
.tab_:nth-child(2) p{
	left: 410px;
    top: 20px;
    font-size: 1.5em;
}

/*TAB 6*/
div[data-sg-id="item-page"][data-sg-group="3"]{
	background-repeat: no-repeat;
	background-position: 50% 70%;
	height: 589px;
}
.page3_1{
	background-image: url(../img/ACT2/S_G11_U05_L02_materiales1-92.png);
}
div[data-sg-id="btn-page"][data-sg-group="3"][data-sg-key="2"]{
	position: absolute;
    left: 840px;
    top: 160px;
}
.page3_2{
	background-image: url(../img/ACT2/S_G11_U05_L02_circuito1-85.png);
}
div[data-sg-id="btn-popup"]{
	position: absolute;
	top: 100px;
}
div[data-sg-id="btn-popup"][data-sg-key="6_1"]{
	left: 350px;
}
div[data-sg-id="btn-popup"][data-sg-key="6_2"]{
    left: 580px;
}
div[data-sg-id="btn-popup"][data-sg-key="6_3"]{
	left: 810px;
}
div[data-sg-id="btn-popup"][data-sg-key="6_4"]{
	top: 590px;
    left: 668px;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    font-size: 2.3em;
    top: 0px;
    left: 300px;
    font-weight: bold;
    font-family: Tahoma !important;
    color: white;
}
div[data-sg-id="item-popup"][data-sg-key="6_4"] p{
	left: 190px;
}

/*TAB 7*/
#tabs7 .content,
#tabs10 .content{
	background-image: url(../img/ACT2/S_G11_U05_L02_graf20-94.png);
	height: 589px;
}
#tabs7 .content ul,
#tabs10 .content ul{
	color: #575756;
	font-size: 1.6em;
	position: absolute;
	margin: 0px;
    padding: 0px;
    font-family: Tahoma;
}
#tabs7 .content ul:nth-child(1),
#tabs10 .content ul:nth-child(1){
    left: 140px;
    top: 189px;
}
#tabs7 .content ul:nth-child(2){
	left: 728px;
    top: 255px;
}
#tabs7 .content ul:nth-child(2) li{
	margin-bottom: 80px;
}
#tabs7 .content ul:nth-child(1) li:nth-child(1),
#tabs10 .content ul:nth-child(1) li:nth-child(1){
	margin-bottom: 91px;
}
#tabs7 .content ul:nth-child(1) li:nth-child(2){
	margin-bottom: 99px;
}

/*TAB 8*/
#tabs8 .content{
	height: 589px;
	overflow: auto;
}
#tabs8 .content_scroll{
	height: 1150px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/ACT2/S_G11_U05_L02_graf21-95.png);
	position: relative;
}
#tabs8 .content_scroll p{
	position: absolute;
	font-family: Tahoma !important;
	font-size: 1.6em;
	color: #373737;
}
#tabs8 .content_scroll p:nth-child(1){
    left: 596px;
    top: 120px;
}
#tabs8 .content_scroll p:nth-child(2){
	top: 513px;
    left: 150px;
}
#tabs8 .content_scroll p:nth-child(3){
    top: 917px;
    left: 150px;
}

/*TAB 9*/
div[data-sg-id="item-page"][data-sg-group="4"]{
	background-repeat: no-repeat;
	background-position: 50% 70%;
	height: 589px;
}
.page4_1{
	background-image: url(../img/ACT2/S_G11_U05_L02_materiales1-92.png);
}
div[data-sg-id="btn-page"][data-sg-group="4"][data-sg-key="2"]{
	position: absolute;
    left: 840px;
    top: 160px;
}
.page4_2{
	background-image: url(../img/ACT2/S_G11_U05_L02_circuito2-87.png);
}
div[data-sg-id="btn-popup"][data-sg-key="9_1"]{
	left: 350px;
    top: 210px;
}
div[data-sg-id="btn-popup"][data-sg-key="9_2"]{
    left: 580px;
    top: 210px;
}
div[data-sg-id="btn-popup"][data-sg-key="9_3"]{
	left: 810px;
    top: 210px;
}
div[data-sg-id="btn-popup"][data-sg-key="9_4"]{
	top: 590px;
    left: 668px;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    font-size: 2.3em;
    top: 0px;
    left: 300px;
    font-weight: bold;
    font-family: Tahoma !important;
    color: white;
}
div[data-sg-id="item-popup"][data-sg-key="9_4"] p{
	left: 190px;
}

/*TAB 10*/
#tabs10 .content ul:nth-child(2) li{
	margin-bottom: 96px;
}
#tabs10 .content ul:nth-child(1) li:nth-child(2){
	margin-bottom: 92px;
}
#tabs10 .content ul:nth-child(2){
	left: 728px;
    top: 265px;
}

/*TAB 11*/
#tabs11 .content{
	height: 589px;
	overflow: auto;
}
#tabs11 .content_scroll{
	height: 1730px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/ACT2/S_G11_U05_L02_graf22-87.png);
	position: relative;
}
#tabs11 .content_scroll p{
	position: absolute;
	font-family: Tahoma !important;
	font-size: 1.6em;
	color: #2E3A0A;
}
#tabs11 .content_scroll p:nth-child(1){
    left: 596px;
    top: 144px;
}
#tabs11 .content_scroll p:nth-child(2){
	top: 483px;
    left: 150px;
}
#tabs11 .content_scroll p:nth-child(3){
    top: 1083px;
    left: 150px;
}
#tabs11 .content_scroll p:nth-child(4){
    top: 1407px;
    left: 150px;
}