/*Generales de los time lines*/
.buttons.next.btn-hover:hover{
    -moz-transform: rotate(0deg) scale(1.1);
    -webkit-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
}
.buttons.prev.btn-hover:hover{
    -moz-transform: rotate(180deg) scale(1.1);
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
}

/*Tipos de mensajes en el lo*/
.mensajeTipo1{
	position: absolute;
    font-size: 2em;
    font-weight: bold;
    color: white;
}

.mensajeTipo2{
	position: absolute;
    font-size: 2em;
    font-weight: bold;
    color: #6666FF;
}



/*tipo de parrafo dentro de los popup*/

div[data-sg-id="item-popup"] p{
    left: 36px;
    top: 30px;
    color: #FFF;
    text-align: left;
    font-size: 2em;
    font-family: Tahoma, Geneva, sans-serif !important;
    width: 747px;
    margin: 0px;
    padding: 0px;
    position: absolute;
}


/*TAB 1*/
.content_nav.tab1{
    width: 1245px;
    height: 665px;
    margin: 0px 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-top: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_nav.tab1 .time_line{
    width: 9960px;
    height: 665px;
    overflow: hidden;
    position: relative;
}
.content_nav.tab1 .buttons{
        cursor: pointer;
    background: url(../img/act2/S_G11_U01_L05_botonder-75.png) no-repeat;
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 120px;
    top: 295px;
}
.content_nav.tab1 .buttons.next{
    left: 1120px;
}
.content_nav.tab1 .buttons.prev{    
    display: none;
    left: 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content_nav.tab1 .controls{
    position: absolute;
    height: 15px;
    width: 60px;
    bottom: 20px;
    left: 620px;
}
.content_nav.tab1 .controls .btn{
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #868686;
}
.content_nav.tab1 .controls .btn.active{
    background-color: #00bab2;
}

.content_nav.tab1 .time_line .item{
    width: 1245px;
    height: 665px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;  
}

/*TAB 1 Item 2*/
.content_nav.tab1 .time_line .item2{
    left: 1245px;
}

.content_nav.tab1 .time_line .item2 .btnEscucha{
        background-image: url('../img/act3/S_G11_U01_L05_btnescucha-59.png');
    position: absolute;
    width: 303px;
    height: 126px;
    left: 788px;
    top: 503px;
}

.content_nav.tab1 .time_line .item2 .imagen_fondo{
    position: absolute;
    left: 175px;
    top: 73px;
}

.content_nav.tab1 .time_line .item2 p{
    left: 235px;
    top: 146px;
    font-size: 2.3em;
    text-align: center;
}


/*TAB 2*/
.content.tab2 .btnEscucha{
    background-image: url('../img/act3/S_G11_U01_L05_btnescucha-59.png');
    position: absolute;
    width: 303px;
    height: 126px;
    left: 205px;
    top: 496px;
}

.content.tab2 .imagen_fondo{
    position: absolute;
    left: 124px;
    top: 117px;
}

.content.tab2 p{
    left: 669px;
    top: 108px;
    z-index: 1;
    font-size: 1.9em;
}

/*TAB 3*/
.content_nav.tab3{
    width: 1245px;
    height: 665px;
    margin: 0px 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-top: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_nav.tab3 .time_line{
    width: 9960px;
    height: 665px;
    overflow: hidden;
    position: relative;
}
.content_nav.tab3 .buttons{
        cursor: pointer;
    background: url(../img/act2/S_G11_U01_L05_botonder-75.png) no-repeat;
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 120px;
    top: 295px;
}
.content_nav.tab3 .buttons.next{
    left: 1120px;
}
.content_nav.tab3 .buttons.prev{    
    display: none;
    left: 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content_nav.tab3 .controls{
    position: absolute;
    height: 15px;
    width: 60px;
    bottom: 20px;
    left: 620px;
}
.content_nav.tab3 .controls .btn{
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #868686;
}
.content_nav.tab3 .controls .btn.active{
    background-color: #00bab2;
}

.content_nav.tab3 .time_line .item{
    width: 1245px;
    height: 665px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;  
}

/*TAB 3 ITEM1*/
.content_nav.tab3 .time_line .item1 .imagen_fondo{
    left: 65px;
    position: absolute;
    top: 121px;
}

.content_nav.tab3 .time_line .item1 p{
    z-index: 1;
    left: 112px;
    top: 119px;
    font-size: 1.9em;
}

.content_nav.tab3 .time_line .item1 .btnEscucha{
    background-image: url('../img/act3/S_G11_U01_L05_btnescucha-59.png');
    position: absolute;
    width: 303px;
    height: 126px;
    left: 165px;
    top: 425px;
}



/*TAB 3 ITEM2*/
.content_nav.tab3 .time_line .item2{
    left: 1245px;
}

.content_nav.tab3 .time_line .item2 .imagen_fondo{
        position: absolute;
    left: 96px;
    top: 42px;
}

.content_nav.tab3 .time_line .item2 .mensaje1{
    top: 86px;
    left: 142px;
    font-size: 1.7em;
}

.content_nav.tab3 .time_line .item2 .mensaje2{
    top: 115px;
    left: 573px;
    font-size: 1.7em;
    position: absolute;
    text-align: center;
    color: #1988B8;
}

.content_nav.tab3 .time_line .item2 .mensaje2 a{
    color: #1988B8;
}



/*TAB 3 ITEM3*/
.content_nav.tab3 .time_line .item3{
    left: 2490px;
}

.content_nav.tab3 .time_line .item3 div[data-sg-id="btn-popup"]{
    width: 292px;
    height: 60px;
    background-image: url("./img/act3/S_G11_U01_L05_btnpublico-62.png");
    border-radius: 15px;
    background-position: -1px 0px;
}


.content_nav.tab3 .time_line .item3 div[data-sg-key="1"]{
    width: 217px;
    height: 58px;
    position: absolute;
    left: 1045px;
    top: 407px;
}

.content_nav.tab3 .time_line .item3 .imagen_fondo{
    position: absolute;
    left: 97px;
    top: 42px;
}

.content_nav.tab3 .time_line .item3 p{
    position: absolute;
    left: 117px;
    top: 80px;
    font-size: 1.65em;
}


/*TAB 3 ITEM4*/
.content_nav.tab3 .time_line .item4{
    left: 3735px;
}

.item4 div[data-sg-key="2"]{
    width: 217px;
    height: 58px;
    position: absolute;
    left: 1017px;
    top: 437px;
}

.content_nav.tab3 .time_line .item4 div[data-sg-id="btn-popup"]{
    width: 292px;
    height: 60px;
    background-image: url("./img/act3/S_G11_U01_L05_btnpublico-62.png");
    border-radius: 15px;
    background-position: -1px 0px;
}


.content_nav.tab3 .time_line .item4 .imagen_fondo{
    position: absolute;
    left: 74px;
    top: 26px;
}

.content_nav.tab3 .time_line .item4  p{
    position: absolute;
    left: 93px;
    top: 32px;
    font-size: 1.3em;

}

/*TAB 3 ITEM5*/
.content_nav.tab3 .time_line .item5{
    left: 4980px;
}

.content_nav.tab3 .time_line .item5 .imagen_fondo{
    position: absolute;
    left: 89px;
    top: 41px;
}

.content_nav.tab3 .time_line .item5 p{
        left: 104px;
    top: 85px;
    font-size: 1.4em;
}

/*TAB 3 ITEM6*/
.content_nav.tab3 .time_line .item6{
    left: 6225px;
}

.content_nav.tab3 .time_line .item6 .imagen_fondo{
    position: absolute;
    left: 109px;
    top: 29px;
}



.content_nav.tab3 .time_line .item6  .mensaje1{
    top: 120px;
    left: 578px;
    font-size: 1.7em;
    position: absolute;
    text-align: center;
    color: #1988B8;
}

.content_nav.tab3 .time_line .item6  .mensaje2{
        top: 66px;
    left: 142px;
    font-size: 1.7em;
    position: absolute;
}

.content_nav.tab3 .time_line .item6  .mensaje1 a{
    color: #1988B8;
}


/*TAB 3 ITEM7*/
.content_nav.tab3 .time_line .item7{
    left: 7470px;
}

.content_nav.tab3 .time_line .item7 div[data-sg-id="btn-popup"]{
    width: 292px;
    height: 60px;
    background-image: url("./img/act3/S_G11_U01_L05_btnpublico-62.png");
    border-radius: 15px;
    background-position: -1px 0px;
}


.content_nav.tab3 .time_line .item7 div[data-sg-key="3"]{
    width: 217px;
    height: 58px;
    position: absolute;
    left: 1035px;
    top: 458px;
}

.content_nav.tab3 .time_line .item7 .imagen_fondo{
    position: absolute;
    left: 86px;
    top: 26px;
}

.content_nav.tab3 .time_line .item7 p{
    top: 45px;
    left: 102px;
    font-size: 1.47em;
}

/*TAB 4 */

.content_nav.tab4{
    width: 1245px;
    height: 665px;
    margin: 0px 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-top: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_nav.tab4 .time_line{
    width: 2490px;
    height: 665px;
    overflow: hidden;
    position: relative;
}
.content_nav.tab4 .buttons{
        cursor: pointer;
    background: url(../img/act2/S_G11_U01_L05_botonder-75.png) no-repeat;
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 120px;
    top: 295px;
}
.content_nav.tab4 .buttons.next{
    left: 1120px;
}
.content_nav.tab4 .buttons.prev{    
    display: none;
    left: 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content_nav.tab4 .controls{
    position: absolute;
    height: 15px;
    width: 60px;
    bottom: 20px;
    left: 620px;
}
.content_nav.tab4 .controls .btn{
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #868686;
}
.content_nav.tab4 .controls .btn.active{
    background-color: #00bab2;
}

.content_nav.tab4 .time_line .item{
    width: 1245px;
    height: 665px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;  
}

/*TAB 4 ITEM1*/
.content_nav.tab4 .time_line .item1 .text_area_cajones{
    position: absolute;
    height: 266px;
    margin: 0px;
    padding: 0px;
    left: 61px;
    top: 265px;
    font-size: 1.58em;
    width: 1062px;
    display: inline-flex;
}

.content_nav.tab4 .time_line .item1 .text_area_cajones li {
    margin-right: 79px;
}

#contenedor_textarea1{
    position: absolute;
    left: 0px;
    width: 473px;
    height: 223px;
    background-color: #7474EF;
    border-color: #6565E0;
    border-width: 3px;
    border-style: solid;
    padding: 0px;
    margin: 0px;
}

#contenedor_textarea2{
    position: absolute;
    left: 550px;
    width: 473px;
    height: 223px;
    background-color: #7474EF;
    border-color: #6565E0;
    border-width: 3px;
    border-style: solid;
    padding: 0px;
    margin: 0px;
}

.content_nav.tab4 .time_line .item1 .text_area_cajones .contenedor_textarea textarea {
    position: absolute;
    left: 0px;
    background: transparent;
    border: none;
    resize: none;
    font-size: 1.75em;
    color: #333333;
    margin-top: 3px;
    line-height: 1.2em;
    width: 463px;
    height: 209px;
    overflow-y: auto;
    font-size: 0.7em;
}

.content_nav.tab4 .time_line .item1 .imagen_fondo{
    top: 129px;
    position: absolute;
    left: 41px;
}

.content_nav.tab4 .time_line .item1 .mensaje1{
    position: absolute;
    z-index: 1;
    left: 69px;
    top: 134px;
    font-size: 1.9em;
    font-weight: normal;
}


.content_nav.tab4 .time_line .item1 .mensaje2{
    position: absolute;
    left: 624px;
    z-index: 1;
    top: 123px;
    font-size: 1.65em;
    font-weight: normal;
}

.content_nav.tab4 .time_line .item1 .mensaje3{
    left: 55px;
    top: 500px;
    text-align: center;
    font-weight: normal;
}

.content_nav.tab4 .time_line .item1 .contenedor_escribir1{
    left: 434px;
    position: absolute;
    top: 61px;
}


/*TAB 4 ITEM2*/
.content_nav.tab4 .time_line .item2{
    left: 1245px;
}

.content_nav.tab4 .time_line .item2 div[data-sg-id="btn-popup"]{
    width: 292px;
    height: 60px;
    background-image: url("./img/act3/S_G11_U01_L05_btnpublico-62.png");
    border-radius: 15px;
    background-position: -1px 0px;
}


.content_nav.tab4 .time_line .item2 div[data-sg-key="4"]{
    width: 217px;
    height: 58px;
    position: absolute;
    left: 918px;
    top: 314px;
}

.content_nav.tab4 .time_line .item2 .mensaje1{
    top: 426px;
    left: 169px;
    font-weight: normal;
}

.content_nav.tab4 .time_line .item2 .imagen_fondo{
    position: absolute;
    left: 138px;
    top: 95px;
}

.content_nav.tab4 .time_line .item2 .contenedor_escribir1{
    top: 35px;
    position: absolute;
    left: 381px;
}

.content_nav.tab4 .time_line .contenedor_escribir1 .text{
    font-size: 1.0em;
}

.content_nav.tab4 .time_line .contenedor_escribir1 img{
    width: 33px;
    height: 28px;
    top: 9px;
    left: 0px;
    position: relative;
}


/*TAB 5*/

.content.tab5 .imagen_fondo{
    position: absolute;
    left: 69px;
    top: 137px;
}

.content.tab5 .lista_horizontal{
    position: absolute;
    left: 0px;
    display: inline-flex;
    position: absolute;
    left: 107px;
    top: 144px;
    font-size: 2em;
    color: #785A25;
    font-weight: bold;
}

.content.tab5 .lista_horizontal li:nth-child(1){
    position: absolute;
    left: 39px;
}

.content.tab5 .lista_horizontal li:nth-child(2){
    position: absolute;
    left: 391px;
}

.content.tab5 .lista_horizontal li:nth-child(3){
    position: absolute;
    top: -15px;
    left: 738px;
    text-align: center
}

.content.tab5 .lista_vertical{
    position: absolute;
    left: 58px;
    top: 247px;
    font-size: 2em;
    color: #4C4C4C;
}

.content.tab5 .lista_vertical li{
    margin-bottom: 48px;
    text-align: center;
}

.content.tab5 .ls_drop_down1{
    position: absolute;
    left: 488px;
    top: 238px;
    font-size: 2em;
}

.content.tab5 .ls_drop_down1 li{
    margin-bottom: 36px;
}

.content.tab5 .ls_drop_down2{
    position: absolute;
    left: 829px;
    top: 238px;
    font-size: 2em;
}

.content.tab5 .ls_drop_down2 li{
    margin-bottom: 36px;
}

.content.tab5  li select{
    border: 5px solid #989898;
}

.content.tab5 .correcto{
    border: 5px solid green;
}

.content.tab5 .incorrecto{
    border: 5px solid red;
}

#l1{
    position: absolute;
    left: 37px;
    top: 0px;
}

#l2{
    position: absolute;
    left: 37px;
    top: 86px;
}

#l3{
    position: absolute;
    left: 37px;
    top: 168px;
}

#l4{
    position: absolute;
    left: 37px;
    top: 253px;
}
#l5{
    position: absolute;
    left: 44px;
    top: 0px;
}

#l6{
    position: absolute;
    left: 44px;
    top: 86px;
}

#l7{
    position: absolute;
    left: 44px;
    top: 168px;
}

#l8{
    position: absolute;
    left: 44px;
    top: 253px;
}