body {
    background-image: url(../images/images/background-cierre.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.pf {
    margin-top: 0!important
}

.pf div {
    margin: 0!important;
    padding: 0!important;
    vertical-align: baseline!important
}


/* loDER */


/*BARRA DE HERRAMIENTAS*/


/*MENU PARA ENVIO A LIBRO*/

.menuPorPagina {
    top: 0px;
    position: absolute;
    /* z-index: 19991; */
}

.librosLinkMenu {
    background-color: transparent;
    border: 0;
}


/* 19 enero 2021 - se cambia posición de learning path para vista a 2 paginas*/

.librosLinkMenu[x-placement*="left-start"] {
    left: 0px !important;
}

.librosLinkMenu[x-placement*="right-start"]{
    left: -40px !important;
}


/* 19 ENERO 2021 AGREGO MEDIA QUERYS PARA LAPTOP Y IPAD, POSICION DEL LEARNING PATH*/
@media (max-width:1440px){
    .librosLinkMenu[x-placement*="right-start"]{
        left: -25px !important;
    }
}

@media (max-width:1024px) {
    .librosLinkMenu[x-placement*="right-start"] {
        left: 15px !important;
    }
}



.librosLinkMenu > a{
    width: 190px;
    line-height: 10px !important;
    font-weight: bold;
    background-color: #f2f2f2;
    margin-top: 0px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.btn-primary {
    color: #fff;
    background-color: teal;
    border-color: #005a5a
}

.btn-primary:hover {
    color: #fff;
    background-color: #004d4d;
    border-color: #009a9a
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 90, 90, 0.5)
}


/*PANTALLA INICIAL*/

#contenidoSeleccion {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 39999;
    background-image: url(../images/images/back-home.jpg);
    background-size: cover;
}

@media (max-width:1024px) {
    #contenidoSeleccion {
        position: fixed;
    }
}

#backSessions {
    width: 192px;
    height: 83px;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    right: 200px;
    background-image: url(../images/images/btn_session.png);
    background-position: center;
    color: white;
    cursor: pointer;
}

#backSessions:hover {
    filter: saturate(200%);
}

#userGuide {
    width: 192px;
    height: 83px;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url(../images/images/btn_user_guide.png);
    background-position: center;
    color: white;
    cursor: pointer;
}

#userGuide:hover {
    filter: saturate(200%);
}

#goIronBook {
    /*     background-color: red;
    width: 265px;
    height: 150px;
    position: absolute;
    top: 416px;
    left: 382px;
    cursor: pointer;
    border-radius: 19px;
    z-index: 1; */
    cursor: pointer;
}

#goIronBook:hover {
    filter: saturate(180%);
}

#user_name {
    position: absolute;
    top: 80px;
    right: 30px;
}

.logo-home {
    margin-top: 70%;
    margin-left: 10%;
}


/* The Modal (background) */

.modalInicial {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modalInicial:before {
    content: '';
    width: 50%;
    height: 40px;
    border-radius: 0 20px 0 0;
    background-color: #708090;
    position: absolute;
    top: -38px;
    left: 0px;
    color: black;
}


/* Modal Content */

.modal-contentInicial {
    width: 500px;
    height: 500px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: 13px 13px 5px 0px rgba(250, 1, 80, 0.68);
    -moz-box-shadow: 13px 13px 5px 0px rgba(250, 1, 80, 0.68);
    box-shadow: 13px 13px 5px 0px rgba(250, 1, 80, 0.68);
    z-index: 999999 !important;
    border-color: white;
    border-style: solid;
    border-width: 3px;
}


/*.modal-contentInicial:before{
    content: "Session selection";
    width: 30%;
    height: 51px;
    border-radius: 14px 0px 0 0;
    background-color: white;
    position: absolute;
    top: -50px;
    left: 0px;
    padding: 8px;
    text-align: center;
  }*/

#initSessions {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
}

#initSessions h4 {
    text-align: center;
    font-size: 33px;
    font-weight: bold;
    font-family: 'Questrial', sans-serif;
}

form {
    font-family: 'Questrial', sans-serif;
}


/*LIBRO STATICO*/

.lc-drawing {
    position: relative;
    margin: 14px 0 0 14px;
}

.all {
    overflow: hidden;
    position: absolute !important;
    /* 	width:1305px !important;
    height:992px !important; */
    /*     width:1305px !important;
    height:992px !important; */
    width: 1304px !important;
    height: 910px !important;
}


/*ESTILOS MOSAICO*/

#loader {
    width: 60px;
    position: absolute;
    top: 36% !important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.card {
    display: inline-block;
    margin: 8px;
    opacity: 0.8;
    /* -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); */
}

.card-body {
    padding: 3px !important;
    text-align: center;
    font-size: 12px;
}

.card:hover {
    cursor: pointer;
    opacity: 1;
}

.card:hover {
    /* -webkit-transform: rotate(15deg) scale(1.1);
    transform: rotate(15deg) scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; */
    opacity: 1;
}

.modal {
    max-width: 100% !important;
    z-index: 10000 !important;
}

.modal-open .modal {
    /* overflow-y: hidden !important; */
    overflow-x: hidden !important;
}

.modal-dialog {
    max-width: auto !important;
    margin: auto !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: -930px !important;
    }
}

.contenidoActividades {
    width: 1002px !important;
    height: 749px !important;
}

.contenidoMosaico {
    background-color: transparent !important;
    margin: 70px 0;
}

.bodyActividades {
    padding: 0 !important;
}

.centroActividad {
    max-width: 1002px !important;
}

.bodyMosaico {
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    /* margin-top: 7%; */
    padding: 0 !important;
}

.modal-backdrop {
    opacity: 0.80 !important;
    z-index: 9999 !important;
}

#closeframe {
    position: absolute;
    visibility: hidden;
}

#book {
    width: 1304px;
    height: 814px;
    -webkit-transition: margin-left 0.2s ease-in-out;
    -moz-transition: margin-left 0.2s ease-in-out;
    -o-transition: margin-left 0.2s ease-in-out;
    -ms-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
    margin-top: 0px;
    ;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent !important;
    padding: 0px !important;
}

@media (max-width: 780px) {
    /*     #book{
        width: 100%;
        height: auto;
        -webkit-transition:margin-left 0.2s ease-in-out;
        -moz-transition:margin-left 0.2s ease-in-out;
        -o-transition:margin-left 0.2s ease-in-out;
        -ms-transition:margin-left 0.2s ease-in-out;
        transition:margin-left 0.2s ease-in-out;
    } */
}

#book .turn-page {
    background-color: white;
}

#book .cover {
    background-color: white;
}

#book .loader {
    background-image: url("../images/iconos/loader.gif");
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

#controls {
    text-align: center;
    font-size: 14px;
}

#controls input,
#controls label {
    font-size: 14px arial;
    text-align: center;
}

#book .odd {
    background-image: linear-gradient(left, #FFF 95%, #ddd, 100%);
    background-image: -webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -moz-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -o-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -ms-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(95%, #FFF), to(#ddd));
}

#book .even {
    background-image: linear-gradient(left, #FFF 95%, #ddd, 100%);
    background-image: -webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -moz-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -o-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -ms-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(95%, #FFF), to(#ddd));
}


/*BARRA LATERAL*/

.barra-lateral {
    height: 1800px;
    ;
    position: fixed;
}


/* BARRA INFERIOR ESTILOS*/


/*LOGO*/

.logo {
    width: 25px;
    height: auto;
    vertical-align: middle;
}

.barra-abajo {
    /*     background-image: url(../images/images/Pleca-inferior-colores.png); */
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    height: 80px;
    z-index: 9998;
}

@media all and(max-width:1024px) {
    .barra-abajo {
        margin-top: 0;
    }
}

.zoom-style {
    display: inline-block;
    vertical-align: middle;
}

.zoom-style-bar {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: -12px;
}

#zoom {
    position: absolute;
    margin-top: 1px;
    background-color: #ffcb00;
    width: 80%;
    right: 70px;
}


/*BARRA DE ZOOM RANGE*/

.barra {
    margin-top: 2px;
}

.barra input {
    background-color: #ffcb00;
    width: 100px;
}

.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    transform: translate(-50%, -50%);
}

input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background-color: #ffcb00;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px #03592d inset;
    height: 5px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background-color: #626262;
    height: 5px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 2px;
    height: 15px;
    width: 7px;
    position: relative;
    bottom: 5px;
    background-color: #999999;
    box-shadow: 1px 1px 3px 1px #03592d inset;
    cursor: -webkit-grab;
    -webkit-transition: border 1000ms ease;
    transition: border 1000ms ease;
}

input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    border: 2px solid;
    border-radius: 2px;
    height: 15px;
    width: 7px;
    max-width: 60px;
    position: relative;
    bottom: 5px;
    background-color: #ffcb00;
    cursor: -moz-grab;
    -moz-transition: border 1000ms ease;
    transition: border 1000ms ease;
}

#openbook {
    width: 45px;
    height: 45px;
    background-image: url(../images/iconos/btn-singlebook.png);
    background-position: center;
}

#zoomBTN {
    width: 110px;
    height: 60px;
    background-position: center;
    background-image: url(../images/iconos/zoom_mas.svg);
    cursor: pointer;
    margin-left: -35px;
}

#lupamenos {
    width: 25px;
    height: 25px;
    background-image: url(iconografia.svg);
    background-position: -63px 37px;
    background-size: 350px;
    /*background-color: red;*/
    position: absolute;
    right: 180px;
}

#lupamas {
    width: 25px;
    height: 25px;
    background-image: url(iconografia.svg);
    background-position: -11px 37px;
    background-size: 350px;
    /*background-color: red;*/
    position: absolute;
    right: 50px;
}

#ico-recursos {
    width: 70px;
    height: 70px;
    background-image: url(../images/iconos/btn-recursos.svg);
    /*  background-repeat: no-repeat;
    background-position: center;
    background-position: 591px -754px;
    background-size: 350px;*/
    position: absolute;
    margin-left: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.ico-search {
    margin-top: 4px;
    border-radius: 12px 0 0 12px;
    width: 35px;
    height: 40px;
    background-color: white;
    border-width: 1px;
    border-color: darkgray;
    background-image: url(../images/iconos/ico-search.png);
    background-position: center;
    background-repeat: no-repeat;
}

#search1 {
    visibility: hidden;
    margin-top: 3px;
}

#search1 input {
    border-radius: 0 12px 12px 0;
    width: 195px;
    height: 40px;
    margin-left: 0px;
    margin-top: 4px;
}

@media (max-width:768px) {
    .search1 {
        display: none;
    }
    #search1 input {
        display: none;
    }
    .ico-search {
        display: none;
    }
}

#lista2:hover {
    opacity: 0.6;
}

#mosaico2:hover {
    opacity: 0.6;
}

.espacio {
    margin-left: 5px;
}

.recursos {
    width: 45px;
    height: 45px;
    background-color: none;
}

.recursos:hover {
    width: 40px;
    height: 40px;
    background-color: #e7e7e7;
}

#input {
    margin-left: 55px;
    margin-top: 7px;
    border-radius: 5px;
    padding: 2px;
}

#lista2 {
    width: 70px;
    height: 70px;
    background-image: url(../images/iconos/btn-indice.svg);
    background-position: center;
    float: left;
    margin-left: 85px;
}

#mas {
    width: 40px;
    height: 40px;
    background-image: url(../images/iconos/btn-mas.png);
    background-repeat: no-repeat;
    margin-left: -20px;
    margin-top: -5px;
}

#menos {
    width: 40px;
    height: 40px;
    background-image: url(../images/iconos/btn-menos.png);
    background-repeat: no-repeat;
    margin-top: -5px;
}

#mosaico2 {
    width: 70px;
    height: 70px;
    background-image: url(../images/iconos/btn-mosaico.svg);
    background-position: center;
    float: left;
    z-index: 10000 !important;
    margin-left: 12px;
}

#next {
    width: 60px;
    height: 60px;
    background-image: url(../images/iconos/btn-next.svg);
    background-size: contain;
    float: left;
}

#next:hover {
    opacity: 0.7;
}

#prev {
    width: 60px;
    height: 60px;
    background-image: url(../images/iconos/btn-prev.svg);
    background-size: contain;
    float: left;
}

#prev:hover {
    opacity: 0.7;
}

.prev-control {
    margin-right: 30px;
}

@media (max-width:768px) {
    .prev-control {
        margin-right: 5px;
    }
}

.next-control {
    margin-left: 10px;
}

.pages1 {
    display: none;
    margin-top: 5px;
    align-items: center;
    font-size: 15px;
}

.pages1 input {
    border-radius: 5px;
}


/* MENU PAGINAS DE LIBRO*/

.dropbtn {
    background-color: transparent;
}


/* The container <div> - needed to position the dropup content */

.dropup {
    position: relative;
}


/* Dropup content (Hidden by Default) */

.dropup-content {
    display: none;
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    border-radius: 8px;
    border-style: solid;
    border-color: #8100ae;
    border-width: 3px;
}

.dropup-recursos {
    margin-left: -30px;
}


/* Links inside the dropup */

.dropup-content a {
    color: #8100ae;
    padding: 8px;
    text-decoration: none;
    display: block;
    line-height: 1em;
}

.dropup-content a:hover {
    text-decoration: none;
    color: #63035b;
}


/* Change color of dropup links on hover */

.dropup-content a:hover {
    background-color: #ddd
}


/* Show the dropup menu on hover */

.dropup:hover .dropup-content {
    display: block;
}


/* Change the background color of the dropup button when the dropup content is shown */

.dropup:hover {
    background-color: #e7e7e7;
}


/*ESTILOS BUSCADOR*/

.list-group ul {
    display: none;
    position: absolute;
    bottom: 60px;
    min-width: 145px;
    margin-left: -200px;
    background-color: #f5f5f5;
    z-index: 2;
    border-radius: 5px;
    color: #00a04e;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    list-style: none;
}

.list-group ul li {
    padding-top: 14px;
    line-height: 3px;
}

.total {
    margin-left: 200px;
    position: absolute;
    bottom: 15px;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    background-color: #95c11f;
    margin-bottom: 15px;
}

.total:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #95c11f;
    border-bottom: 10px solid transparent;
}

.der {
    position: absolute;
    width: 64px;
    height: 814px;
    /*z-index: 1190000000;*/
    z-index: 19990;
    /*background-image:-moz-linear-gradient(right, #transparent 50%, #d2d2d2 10%);
    background-image:-o-linear-gradient(right, #transparent 50%, #d2d2d2 10%);*/
    background: linear-gradient(to right, rgba(210, 210, 210, 0.6) 0%, rgba(210, 210, 210, 0) 100%);
    /*Para edge*/
    /*background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgb(210, 210, 210, 0)), color-stop(80%,rgb(210, 210, 210, 0.8)));*/
    /*background-image:linear-gradient(right, #transparent 50%, #d2d2d2 10%);*/
}

.izq {
    position: absolute;
    right: 0px;
    width: 64px;
    height: 814px;
    /*z-index: 1190000000;*/
    z-index: 19990;
    /*background-image:-moz-linear-gradient(right, #transparent 50%, #ececec 60%);
    background-image:-o-linear-gradient(right, #transparent 50%, #ececec 60%);*/
    background: linear-gradient(to right, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.60) 100%);
    /*PARA EDGE*/
    /*background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgb(233, 233, 233)), color-stop(80%,rgb(236, 236, 236, 0)));*/
    /*background-image:linear-gradient(right, #transparent 50%, #ececec 60%);*/
}


/*Estilos Actividades*/

.estilo-actividad {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-top: 70px!important;
    z-index: 10000;
    border-color: #bdbdbd;
    border-width: thin;
    width: 1000px;
    height: 690px;
    -webkit-box-shadow: -15px -13px 24px -14px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: -15px -13px 24px -14px rgba(0, 0, 0, 0.60);
    box-shadow: -15px -13px 24px -14px rgba(0, 0, 0, 0.60);
}

.cerrar {
    left: 53%;
    top: 4%;
    display: none;
    position: fixed;
    z-index: 10000;
    background-image: url(../images/iconos/times-circle-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 35px;
}

.zona-activa {
    background-color: rgba(255, 255, 255, 0);
    
}

.zona-activa:hover {
    background-color: rgba(255, 93, 108, 0.1);
    border-radius: 8px;
    border-style: solid;
    border-color: #ff5d6c;
    border-width: 1px;
    cursor: pointer;
}


/* Languaje */

/* page 5 */
#BOOK_1_actividad1 {top: 32px;left: 35px;width: 565px;height: 740px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 6 */
#BOOK_1_actividad2 {top: 72px;left: 43px;width: 565px;height: 289px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad3 {top: 364px;left: 60px;width: 189px;height: 27px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad4 {top: 393px;left: 43px;width: 565px;height: 162px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad5 {top: 558px;left: 60px;width: 194px;height: 27px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad6 {top: 589px;left: 43px;width: 396px;height: 177px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad7 {top: 595px;left: 443px;width: 172px;height: 177px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 7 */
#BOOK_1_actividad8 {top: 62px;left: 55px;width: 570px;height: 189px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad9 {top: 250px;left: 74px;width: 282px;height: 27px;margin-bottom: 10px;position: absolute;z-index: 120;}

#BOOK_1_actividad10 {top: 280px;left: 70px;width: 553px;height: 310px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad11 {top: 592px;left: 70px;width: 553px;height: 167px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 8 */
#BOOK_1_actividad12 {top: 65px;left: 43px;width: 565px;height: 526px;margin-bottom: 10px;position: absolute;z-index: 120;}
/*#BOOK_1_actividad13 {top: 444px;left: 57px;width: 551px;height: 147px;margin-bottom: 10px;position: absolute;z-index: 120;}*/
#BOOK_1_actividad13 {top: 594px;left: 55px;width: 550px;height: 157px;margin-bottom: 10px;position: absolute;z-index: 120;}

#BOOK_1_actividad14 {top: 65px;left: 56px;width: 565px;height: 342px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad15 {top: 406px;left: 74px;width: 170px;height: 27px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad16 {top: 435px;left: 70px;width: 315px;height: 115px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad17 {top: 568px;left: 63px;width: 553px;height: 194px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 10 */
#BOOK_1_actividad18 {top: 75px;left: 53px;width: 466px;height: 95px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad19 {top: 168px;left: 43px;width: 563px;height: 600px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 11 */
#BOOK_1_actividad20 {top: 65px;left: 70px;width: 555px;height: 130px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad21 {top: 198px;left: 69px;width: 560px;height: 350px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad22 {top: 550px;left: 70px;width: 560px;height: 202px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 12 */
#BOOK_1_actividad23 {top: 62px;left: 48px;width: 560px;height: 363px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad24 {top: 428px;left: 45px;width: 563px;height: 338px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 13 */
#BOOK_1_actividad25 {top: 62px;left: 68px;width: 560px;height: 652px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad26 {top: 718px;left: 74px;width: 215px;height: 27px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad27 {top: 744px;left: 74px;width: 480px;height: 22px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 14 */
#BOOK_1_actividad28 {top: 71px;left: 38px;width: 571px;height: 696px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 15 */
#BOOK_1_actividad29 {top: 62px;left: 58px;width: 572px;height: 324px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad30 {top: 388px;left: 74px;width: 485px;height: 167px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad31 {top: 560px;left: 63px;width: 346px;height: 200px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_1_actividad32 {top: 560px;left: 417px;width: 218px;height: 204px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 16 */
#BOOK_1_actividad33 {top: 58px;left: 48px;width: 562px;height: 708px;margin-bottom: 10px;position: absolute;z-index: 120;}


/* RECURSOS INTERNOS */

/* VG BOOK */
/* page 4 */
#BOOK_2_actividad1 {top: 145px;left: 38px;width: 568px;height: 345px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad2 {top: 490px;left: 38px;width: 535px;height: 278px;margin-bottom: 10px;position: absolute;z-index: 120;}
/* page 5 */
#BOOK_2_actividad3 {top: 60px;left: 45px;width: 568px;height: 486px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad4 {top: 546px;left: 48px;width: 568px;height: 220px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 6 */
#BOOK_2_actividad5 {top: 60px;left: 38px;width: 590px;height: 177px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad6 {top: 238px;left: 38px;width: 580px;height: 524px;margin-bottom: 10px;position: absolute;z-index: 120;}
/* page 7 */
#BOOK_2_actividad7 {top: 60px;left: 45px;width: 430px;height: 460px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad8 {top: 523px;left: 45px;width: 430px;height: 244px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 8 */
#BOOK_2_actividad9 {top: 82px;left: 178px;width: 455px;height: 555px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad10 {top: 639px;left: 178px;width: 425px;height: 132px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 9 */
#BOOK_2_actividad11 {top: 60px;left: 44px;width: 569px;height: 150px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad12 {top: 212px;left: 45px;width: 569px;height: 290px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad13 {top: 503px;left: 42px;width: 575px;height: 265px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 10 */
#BOOK_2_actividad14 {top: 59px;left: 37px;width: 579px;height: 270px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad15 {top: 330px;left: 35px;width: 579px;height: 154px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad16 {top: 483px;left: 37px;width: 579px;height: 291px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 11 */
#BOOK_2_actividad17 {top: 59px;left: 40px;width: 579px;height: 465px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad18 {top: 526px;left: 48px;width: 559px;height: 92px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad19 {top: 619px;left: 45px;width: 539px;height: 152px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 12 */
#BOOK_2_actividad20 {top: 79px;left: 35px;width: 578px;height: 690px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 13 */
#BOOK_2_actividad21 {top: 80px;left: 45px;width: 570px;height: 292px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_2_actividad22 {top: 372px;left: 48px;width: 566px;height: 394px;margin-bottom: 10px;position: absolute;z-index: 120;}



/*Reding */

/* page 4 */
#BOOK_3_actividad1 {top: 15px;left: 30px;width: 375px;height: 82px;margin-bottom: 10px;position: absolute;z-index: 120;}


/* page 12 */
#BOOK_3_actividad2 {top: 72px;left: 40px;width: 570px;height: 230px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_3_actividad3 {top: 305px;left: 42px;width: 566px;height: 312px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_3_actividad4 {top: 619px;left: 55px;width: 544px;height: 152px;margin-bottom: 10px;position: absolute;z-index: 120;}

/* page 13 */
#BOOK_3_actividad5 {top: 32px;left: 72px;width: 525px;height: 490px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_3_actividad6 {top: 524px;left: 70px;width: 458px;height: 155px;margin-bottom: 10px;position: absolute;z-index: 120;}
#BOOK_3_actividad7 {top: 680px;left: 70px;width: 544px;height: 110px;margin-bottom: 10px;position: absolute;z-index: 120;}


/* player */

#myPlayer {
    position: absolute;
    right: 45%;
    top: -100px;
    z-index: 10000 !important;
}

.footer-copyright {
    font-size: 13px;
    margin-top: -15px;
    margin-bottom: 2px;
}

@media (max-width: 1280px) {
    .footer-copyright {
        display: none;
    }
}


/* ESTILOS MENU RECURSOS*/

.dropdown-menu {
    border-radius: 10px;
}

.dropdown-item {
    text-align: left;
    list-style: none;
    list-style-type: none;
    font-size: 12px;
    color: #333333;
    font-weight: 200;
}


/*ESTILOS SWITCH BOOK*/

#selectorLibros {
  position: fixed;
  width: 150px;
  z-index: 9998;
  top: 170px;
  right: -150px;
  border-radius: 20px 0px 0px 20px;
  border-style: solid none solid solid;
  border-color: white;
  border-width: 5px;
  -webkit-box-shadow: -1px 6px 16px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: -1px 6px 16px 2px rgba(0, 0, 0, 0.50);
  box-shadow: -1px 6px 16px 2px rgba(0, 0, 0, 0.50);
  background: rgb(88,0,207);
  background: linear-gradient(0deg, rgba(88,0,207,1), rgba(229,51,84,1) 100%);
}

.iconoRecursos {
    width: 90px;
    height: 86px;
    cursor: pointer;
    position: absolute;
    left: -87px;
    top: 285px;
    background-image: url("../images/images/componentes2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width:1024px) {
    #selectorLibros {
        top: 124px;
        position: fixed;
        right: -150px;
    }
}

@media (min-width:1336px) {
    #selectorLibros {
        position: fixed;
        right: -150px;
    }
}

.btn_books {
    position: relative;
    margin-top: 60px;
    width: 400px;
    height: 170px;
}

.BOOK_1 {
    background-image: url(../images/images/languageLog-sb.png);
    transition: all .5s;
    opacity: 1;
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: 21px;
}

.BOOK_1:hover {
    /*border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);*/
    opacity: 0.6;
}

.BOOK_2 {
    background-image: url(../images/images/languageLog-tg.png);
    transition: all .5s;
    background-position: left;
    margin-top: 0px;
    background-repeat: no-repeat;
    margin-left: 21px;
}

.BOOK_2:hover {
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    opacity: 0.6;
}


.BOOK_3 {
    background-image: url(../images/images/language-LOG.png);
    transition: all .5s;
    background-position: left;
    margin-top: 0px;
    background-repeat: no-repeat;
    margin-left: 21px;
}

.BOOK_3:hover {
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    opacity: 0.6;
}

.BOOK_4 {
    background-image: url(../images/images/TeacherLog-tg.png);
    transition: all .5s;
    background-position: left;
    margin-top: 0px;
    background-repeat: no-repeat;
    margin-left: 21px;
}

.BOOK_4:hover {
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    opacity: 0.6;
}

.eagle {
    margin-top: -60px;
    margin-left: 65px;
    
}

@media (max-width:1024px) {
    .eagle {
        margin-top: 5px;
    }
}

@media (max-width:850px) {
    .eagle {
        margin-top: -5px;
    }
}

@media (max-width:768px) {
    .eagle {
        display: none;
    }
    #ico-recursos {
        margin-left: -50px;
    }
    #lista2 {
        margin-left: 30px;
    }
}

.extra {
    line-height: normal;
    color: #fa0150;
}

.menuGlosario {
    color: #012079 !important;
    font-weight: bold;
    line-height: 3px;
}

.home {
    position: absolute;
    right: 7px;
    z-index: 9999;
    top: 35px;
}

.btn-pink {
    background: rgb(255, 50, 153);
    background: linear-gradient(90deg, rgba(158, 45, 255, 1) 0%, rgba(250, 1, 80, 1) 100%);
}

.btn-success {
    background: #95c11f;
    /*background-image: url('../images/iconos/TN.png');
    background-repeat: no-repeat;*/
    border-radius: 10px;
}


/*NUEVOS ESTILOS DE LEARNING */


/*Botón Learning Path STORIES*/

.stories {
    width: 50px;
    height: 24px;
    display: inline-block;
    background-image: url('../images/iconos/btn_Stories.png');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Teacher's Guide*/

.TG {
    width: 35px;
    height: 30px;
    display: inline-block;
    background-image: url('../images/iconos/btn-teacherGFI.svg');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Evidence Log*/

.RS {
    width: 35px;
    height: 30px;
    display: inline-block;
    background-image: url('../images/iconos/btn-resources.svg');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Project Log*/

.RD {
    width: 35px;
    height: 30px;
    display: inline-block;
    background-image: url('../images/iconos/btn-readerGFI.svg');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Phonics Log*/

.phonicsL {
    width: 85px;
    height: 24px;
    display: inline-block;
    background-image: url('../images/iconos/btn_phonicsL.png');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Vocabulary and Grammar*/

.VG {
    width: 35px;
    height: 30px;
    display: inline-block;
    background-image: url('../images/iconos/btn-workGFI.svg');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/*Botón Learning Path Language Log*/

.LL {
    width: 35px;
    height: 30px;
    display: inline-block;
    background-image: url('../images/iconos/btn-studentGFI.svg');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px !important;
    margin-left: -20px;
}


/* CURSOR TIPOS */

.vertical-menu {
    width: 280px;
    /* Set a width if you like */
    height: 200px;
    position: absolute;
    z-index: 9999 !important;
    top: 460px;
    left: 80px;
    display: none;
    border: 3px solid #8100ae;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    overflow: scroll;
    overflow-x: hidden;
    background-color: white;
}

.vertical-menu a {
    background-color: white;
    /* Grey background color */
    color: black;
    /* Black text color */
    display: block;
    /* Make the links appear below each other */
    padding: 7.5px;
    /* Add some padding */
    text-decoration: none;
    /* Remove underline from links */
    font-size: 14px;
}

.vertical-menu a:hover {
    background-color: #eee;
    /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #8100ae;
    /* Add a green color to the "active/current" link */
    color: white;
}

.addLink {
    text-align: center;
    font-size: .875rem;
}

#fillLinkData {
    padding: 8px;
    display: none;
}

#fillLinkData a {
    padding: 8px;
    display: none;
}

.arrow-down {
    position: absolute;
    top: 35px;
    left: 120px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #8100ae;
}

#infoLink {
    height: 30px;
    font-size: 12px;
}

#urlLink {
    height: 30px;
    font-size: 12px;
    text-transform: lowercase;
}

#GOpAGE {
    height: 30px;
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
}

.table td,
.table th {
    padding: 0px !important;
}

.removeLink {
    cursor: pointer;
    margin-left: 16px;
    margin-top: 10px;
    display: inline-block;
    color: red;
    font-size: 16px;
}

.form-control {
    border: 1px solid #8100ae;
}

.custom-select {
    border: 1px solid #8100ae;
}

select[multiple]:focus option:checked {
    background: linear-gradient(0deg, #9e2dff 0%, #fa0150 100%);
    opacity: 0.70;
}

.mosaicoEntrada {
    top: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
/*AGREGO ESTILO PARA TABLET SAMSUNG Octubre 2021*/
 
@media (max-width:2000px){
    #selectorLibros{
       position: fixed; /* Si le quitamos esta posición no se ve el selectro de libros pegado a la derecha */
        right: -150px;
       
    }
}
 
@media (max-width:1024px){
    #selectorLibros{
       position: fixed;
        right: -150px;  
    }
}


@media (max-width:1280px){
    #selectorLibros{
        right: -165px;  
    }
    
}

/*Samsung, oculta el botón zoom para para mobile*/

   @media (hover: none) and (pointer: coarse) {
    #zoomBTN{
        display:none;
        
    }
}
 
/*iPad*/
@media (max-width:1024px){
    #zoomBTN{
        display: none;
     
    }
}

@media (max-width: 1024px){
    .home {
    position: fixed;
        }

    #lista2{/* AGREGO ESTILO PARAVISUALIZAR EL ICONO MOSAICO*/
        margin-left: 70px;
    }
}


/* .lc-pick-tool:nth-child(5) {
    border-bottom:1px solid white;
  }
  .lc-pick-tool:nth-child(9) {
    border-bottom:1px solid white;
  }
  .lc-pick-tool:nth-child(11) {
    border-bottom:1px solid white;
  }
  .lc-pick-tool:nth-child(13) {
    border-bottom:1px solid white;
<<<<<<< HEAD
<<<<<<< HEAD
  }
 */

 .aviso{
    /* border: 1px solid red; */
    width: 650px;
    height: 750px;
    transform: translate(-40px, 50px);
    background-image: url(../images/images/aviso.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }


 #dropdown-menu librosLinkMenu