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

/*generalidades linea tiempo*/
.content_nav .sections {
	height: 510px;
}
.content_nav .sections > li{ 
	height: 510px;
}
.content_nav.cuatro .sections {
	width: 13695px;
}
.content_nav.uno .sections, .content_nav.dos .sections{
	width: 3735px;
}
.content_nav .buttons{
	bottom: 256px;
	right: 0px;
}
 .content_nav .buttons.last{
	left: 0px;
}
.content_nav{
  margin-top: 20px;
}

/*generalidades tabs*/
.tabs {
    left: 390px;
    position: relative;
}
.tab-links{
    width: 204px;
    left: -230px;
    top: 20px;
}
.tab-links li {
    width: 204px;
    height: 50px;
    margin-bottom: 30px;
}
.tab-links li:nth-child(1){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_materiales.png);
}
.tab-links li:nth-child(2){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_proceso.png);
}
.tab-links li:nth-child(3){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_preguntas.png);
}
.tab_ {
    width: 790px;
    height: 528px;
}

.tab_ ul {
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
    font-family: Tahoma;
}

.tab_ li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

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

/*TAB 1*/
.content_nav.uno .sections > li:nth-child(1){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf1.png);
}
.content_nav.uno .sections > li:nth-child(2){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf2.png);
}
.content_nav .sections > li:nth-child(3){ 
	height: 550px;
}

.tabs.uno .tab-links li:nth-child(1).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_materiales2.png);
}
.tabs.uno .tab-links li:nth-child(2).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_proceso2.png);
}
.tabs.uno .tab-links li:nth-child(3).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_preguntas2.png);
}
.tabs.uno .tab_:nth-child(1){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro1.png);
}
.tabs.uno .tab_:nth-child(2){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro2.png);
}
.tabs.uno .tab_:nth-child(3){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro3.png);
}

.tabs.uno .tab_ ul li{
    margin-bottom: 30px;
    color: #373737;
}
.tabs.uno .tab_:nth-child(1) ul{
    top: 90px;
    left: 404px;
    font-size: 1.4em;
}
.tabs.uno .tab_:nth-child(2) ul{
    font-size: 1.35em;
    top: 90px;
    left: 10px;
}
.tabs.uno .tab_:nth-child(3) ul{
    font-size: 1.5em;
    top: 80px;
    left: 30px;
}
/*TAB 2*/
.content_nav.dos .sections > li:nth-child(1){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf3.png);
}
.content_nav.dos .sections > li:nth-child(2){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf3.png);
}
.content_nav.dos .sections > li:nth-child(3){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf4.png);
}

.content_nav.dos .sections > li p{
    color: #373737;
    font-size: 1.8em;
    position: relative;
    font-family: Tahoma !important;
}
.content_nav.dos .sections > li:nth-child(1) p{
    left: 170px;
    top: 40px;
}
.content_nav.dos .sections > li:nth-child(2) p{
    left: 180px;
    top: 70px;
}
.content_nav.dos .sections > li:nth-child(3) p{
    left: 525px;
    top: 45px;
    font-size: 1.7em;
}
/*TAB 3*/
.tabs.tres{
	top: 20px;
}
.tabs.tres .tab-links li:nth-child(1).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_materiales2a.png);
}
.tabs.tres .tab-links li:nth-child(2).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_proceso2a.png);
}
.tabs.tres .tab-links li:nth-child(3).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_preguntas2a.png);
}
.tabs.tres .tab_:nth-child(1){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro4.png);
}
.tabs.tres .tab_:nth-child(2){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro5.png);
}
.tabs.tres .tab_:nth-child(3){
    background-image: url(../img/ACT1/S_G11_U05_L02_cuadro3.png);
}

.tabs.tres .tab_ ul li{
    margin-bottom: 30px;
    color: #373737;
}
.tabs.tres .tab_:nth-child(1) ul{
    font-size: 1.5em;
    left: 390px;
    top: 100px;
}
.tabs.tres .tab_:nth-child(2) ul{
    font-size: 1.3em;
    left: 10px;
    top: 50px;
}
.tabs.tres .tab_:nth-child(3) ul{
    font-size: 1.5em;
    top: 90px;
    left: 20px;
}
/*TAB 4*/
.content_nav.cuatro .sections > li:nth-child(1){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf5.png);
}
.content_nav.cuatro .sections > li:nth-child(2){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf5.png);
}
.content_nav.cuatro .sections > li:nth-child(3){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf6.png);
}
.content_nav.cuatro .sections > li:nth-child(4){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf7.png);
}
.content_nav.cuatro .sections > li:nth-child(5){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf7.png);
}
.content_nav.cuatro .sections > li:nth-child(6){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf8.png);
}
.content_nav.cuatro .sections > li:nth-child(7){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf9.png);
}
.content_nav.cuatro .sections > li:nth-child(8){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf10.png);
}
.content_nav.cuatro .sections > li:nth-child(9){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf11.png);
}
.content_nav.cuatro .sections > li:nth-child(10){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf9.png);
}
.content_nav.cuatro .sections > li:nth-child(11){
	background-image: url(../img/ACT1/S_G11_U05_L02_graf12.png);
}

.content_nav.cuatro .sections > li p{
    position: relative;
    color: #373737;
    font-size: 1.7em;
    font-family: Tahoma !important;
}
.content_nav.cuatro .sections > li:nth-child(1) p:nth-child(1){
    left: 160px;
    top: 7px;
}
.content_nav.cuatro .sections > li:nth-child(1) p:nth-child(2){
    font-weight: bold;
    left: 787px;
    top: -428px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(2) p:nth-child(1){
    left: 160px;
    top: 170px;
}
.content_nav.cuatro .sections > li:nth-child(2) p:nth-child(2){
    font-weight: bold;
    left: 787px;
    top: -201px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(3) p:nth-child(1){
    left: 160px;
    top: 30px;
}
.content_nav.cuatro .sections > li:nth-child(3) p:nth-child(2){
    font-weight: bold;
    left: 697px;
    top: -411px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(4) p:nth-child(1){
    left: 160px;
    top: 10px;
}
.content_nav.cuatro .sections > li:nth-child(4) p:nth-child(2){
    font-weight: bold;
    left: 697px;
    top: -411px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(5) p:nth-child(1){
    left: 160px;
    top: -10px;
    font-size: 1.6em;
}
.content_nav.cuatro .sections > li:nth-child(5) p:nth-child(2){
    font-weight: bold;
    left: 697px;
    top: -411px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(6) p{
    left: 160px;
    top: -10px;
    font-size: 1.5em;
}
.content_nav.cuatro .sections > li:nth-child(7) p{
    left: 160px;
    top: -11px;
    font-size: 1.4em;
}
.content_nav.cuatro .sections > li:nth-child(8) p{
    left: 160px;
    top: 9px;
}
.content_nav.cuatro .sections > li:nth-child(9) p:nth-child(1){
    left: 155px;
    top: 3px;
    font-size: 1.45em;
}
.content_nav.cuatro .sections > li:nth-child(9) p:nth-child(2){
    left: 155px;
    top: 90px;
    font-size: 1.45em;
}
.content_nav.cuatro .sections > li:nth-child(10) p{
    left: 154px;
    top: 25px;
    font-size: 1.6em;
}
.content_nav.cuatro .sections > li:nth-child(11) p{
    left: 195px;
    top: 105px;
    font-size: 2.5em;
}
/*TAB 5*/
.tabs.cinco{
	left: 330px;
}
.tabs.cinco .tab-links{
	left: -300px;
}
.tabs.cinco .tab-links li {
    width: 301px;
    height: 67px;
}
.tabs.cinco .tab-links li:nth-child(1){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_animacion.png);
}
.tabs.cinco .tab-links li:nth-child(2){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_esquemas2.png);
}
.tabs.cinco .tab-links li:nth-child(3){
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_preguntas3.png);
}
.tabs.cinco .tab-links li:nth-child(1).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_animacion2a.png);
}
.tabs.cinco .tab-links li:nth-child(2).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_esquemas2a.png);
}
.tabs.cinco .tab-links li:nth-child(3).active{
    background-image: url(../img/ACT1/S_G11_U05_L02_btn_preguntas3a.png);
}
.tabs.cinco .tab_{
	width: 900px;
    height: 578px;
}
.tabs.cinco .tab_:nth-child(2){
    background-image: url(../img/ACT1/S_G11_U05_L02_graf13.png);
}
.tabs.cinco .tab_:nth-child(2) img{
    width: 310px;
    height: auto;
    position: absolute;
}
.tabs.cinco .tab_:nth-child(2) img:nth-child(1){
    left: 82px;
    top: 226px;
}
.tabs.cinco .tab_:nth-child(2) img:nth-child(2){
    left: 517px;
    top: 198px;
}
.tabs.cinco .tab_:nth-child(3) p{
    font-size: 2em;
    margin-left: 30px;
    font-family: Tahoma !important;
}
.preguntas{
    position: absolute;
    width: 590px;
    left: 140px;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    color: white;
    font-family: Tahoma;
}
div[data-sg-id="item-popup"] p:nth-child(3){
    top: -20px;
    left: 30px;
    font-size: 2.5em;
    font-weight: bold;
}
div[data-sg-id="item-popup"] p:nth-child(4){
    font-size: 1.8em;
    top: 60px;
    left: 30px;
}