/*VISOR DE TEXTO PANEL SOCIAL*/
.boxViewerTXT {
    position: absolute;
    box-sizing: border-box;
    background-color: #fbf6e2;
    width: 80%;
    height: 95%;
    top: 0;
    left: 10%;
    font-family: Times New Roman,Times,serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.boxViewerTXT .cred_lector {
    cursor: pointer;
}

.boxViewerTXT .cred_lector:hover {
    text-decoration: underline;
}

.boxViewerTXT.classic {
    background-image: url("../imgSocial/book21.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.boxViewerTXT .pagesBook{
    position: absolute;
    top: 2%;
    width: 30px;
    height: 96%;
    background-image: url('../imgSocial/rightPage.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.boxViewerTXT .pagesLeft {
    left: 2%;
}

.boxViewerTXT .pagesRight {
    right: 2%;
}

.boxViewerTXT .pagesCenter {
    display: none;
    box-sizing: border-box;
}

.boxViewerTXT .contentTxt{
    position: relative;
    box-sizing: border-box;
    padding-top: 100px;
    padding-left: 150px;
    padding-bottom: 90px;
    padding-right: 150px;
    height: 100%;
    font-size: 22px;
    column-fill: auto;
    width: 100%;
}

.boxViewerTXT .containPagins{
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 30px;
}

.containPagins .paginLeft{
    position: absolute;
    width: 50%;
    height: 100%;
    color: #99782C;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.containPagins .paginRight{
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    color: #99782C;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxViewerTXT .containCredits{
    position: absolute;
    left: 5%;
    top: 30px;
    width: 90%;
    height: 46px;
    box-sizing: border-box;
}

.boxViewerTXT .labelIZQ{
    position: absolute;
    top: 0;
    left: 5%;
    width: 40%;
    height: 30px;
    color: #99782C;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxViewerTXT .labelDER{
    position: absolute;
    top: 0;
    left: 55%;
    width: 40%;
    height: 30px;
    color: #99782C;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxViewerTXT .toolsIZQ{
    position: absolute;
    top: 25px;
    left: 5%;
    width: 40%;
    height: 24px;
    text-align: center;
}

.boxViewerTXT .toolsDER{
    position: absolute;
    top: 25px;
    left: 55%;
    width: 40%;
    height: 24px;
    text-align: center;
}

.boxViewerTXT .tag_tool {
    position: relative;
    top: 0px;
    width: 24px;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
}

.boxViewerTXT .tag_tool.tool_create {
    background-image: url('../img/pencil_plus.svg');
}

.boxViewerTXT .tag_tool.tool_edit {
    background-image: url('../img/pencil.svg');
}

.boxViewerTXT .tag_tool.tool_send {
    background-image: url('../img/send.svg');
}

.boxViewerTXT .tag_tool.tool_img {
    background-image: url('../img/upload_img.png');
}

.boxViewerTXT .tag_tool.tool_discard {
    background-image: url('../img/discard_note.svg');
}

.boxViewerTXT .tag_tool.tool_delete {
    background-image: url('../img/garbage.svg');
}

.boxViewerTXT .tag_tool.tool_publish {
    background-image: url('../img/document_push.svg');
}

.boxViewerTXT .tag_tool.tool_unpublish {
    background-image: url('../img/document_pull.svg');
}

.boxViewerTXT .tool_send_cita {
    position: relative;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    background-image: url('../img/send.svg');
}

.boxViewerTXT .tool_diamond {
    display:inline-block;
    width:18px;
    height:18px;
    margin-left: 5px;
    background-image: url('../img/diamond.svg');
    cursor: pointer;
}

.boxViewerTXT .tag_tool.tool_edit_profile_concurso {
    background-image: url('../img/pencil.svg');
}

.boxViewerTXT .edit_page {
    position: relative;
    top: 0px;
    width: 24px;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    background-image: url('../img/pencil.svg');
}

.boxViewerTXT .box_tool_bar_edition {
    position: absolute;
    top: 50px;
    left: 6px;
    width: 24px;
    height: 80px;
    display: block;
    box-sizing: border-box;
}

/*ESTILOS FORMULARIOS DE EDICION*/
.boxViewerTXT .settings_edition {
    position: relative;
    top: -4px;
    width: 16px;
    height: 16px;
    background-size: 20px 20px;
    background-position: center;
    margin-left: 10px;
    cursor: pointer;
    background-image: url('../img/settings.svg');
    background-repeat: no-repeat;
    display: inline-block;
}

/*ESTILOS FORMULARIOS DE EDICION*/

/*FAVORITOS*/
.boxViewerTXT .tag_favorite {
    position: relative;
    top: 0px;
    width: 24px;
    height: 100%;
    background-position: center;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/star_2.svg');
    display: inline-block;
    box-sizing: border-box;
}

.boxViewerTXT .tag_favorite.favorite {
    background-image: url('../img/star.svg');
}
/*FAVORITOS*/

/*MARCADORES*/
.boxViewerTXT .book_mark {
    position: absolute;
    top: 25px;
    left: 70px;
    width: 24px;
    height: 24px;
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../css/ltotal/imagenes/bookmarks/bookmark_1.svg);
    box-sizing: border-box;
    display: none;
}

.boxViewerTXT .book_mark.book_marked {
    background-image: url(../css/ltotal/imagenes/bookmarks/bookmark_2.svg);
}

.boxViewerTXT .boxBookIndex {
    position: relative;
    top: 0px;
    width: 33.33%;
    height: 100%;
    box-sizing: border-box;
    font-family: 'open_sanslight', arial;
    font-size: 80%;
    color: #99782C;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

.boxViewerTXT .bookContentIndex {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.boxViewerTXT .bookNotesIndex {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.boxViewerTXT .bookContentIndex,
.boxViewerTXT .bookMarksIndex {
    border-right: 1px solid #99782C;
}

.boxViewerTXT .selected_item_index {
    background-color: #99782C;
    color: #FFFFFF;
    font-weight: bold;
}

.boxViewerTXT .bookmark_item,
.boxViewerTXT .booknote_item {
    position: relative;
    left: 0%;
    height: 50px;
    width: 100%;
    display: inline-table;
    font-size: 0.8em;
    cursor: pointer;
    border-bottom: 1px solid silver;
    box-sizing: border-box;
}

.boxViewerTXT .bookmark_icon_1,
.boxViewerTXT .bookmark_icon_2,
.boxViewerTXT .booknote_icon_1 {
    position: relative;
    height: 100%;
    width: 10%;
    color: transparent;
    display: table-cell;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    vertical-align: middle;
    box-sizing: border-box;
}

.boxViewerTXT .bookmark_icon_1 {
    background-image: url(../css/ltotal/imagenes/bookmarks/bookmark_1.svg);
}

.boxViewerTXT .bookmark_icon_2 {
    background-image: url(../css/ltotal/imagenes/bookmarks/bookmark_2.svg);
}

.boxViewerTXT .booknote_icon_1 {
    background-image: url(../imgSocial/notes.svg);
}

.boxViewerTXT .bookmark_date,
.boxViewerTXT .booknote_title {
    position: relative;
    height: 100%;
    width: 70%;
    color: #3F2A18;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

.boxViewerTXT .bookmark_page,
.boxViewerTXT .booknote_page {
    position: relative;
    height: 100%;
    width: 20%;
    color: #3F2A18;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

/*MARCADORES*/

/*Apariecia del texto*/
.boxViewerTXT .tool_text_look {
    position: relative;
    top: 0px;
    width: 24px;
    height: 100%;
    background-size: 180% 180%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    background-image: url('../img/TextSize.svg');
}

.box_text_look_tools .text_size {
    position: relative;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-family: sans-serif;
    text-align: center;
    line-height: 30px;
    border: 1px solid #d4d4d4;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.box_text_look_tools .text_size.minus {
    float: left;
    font-size: 16px;
}

.box_text_look_tools .text_size.plus {
    float: right;
    font-size: 25px;
}
/*FIN. Apariencia del texto*/

.boxViewerTXT .highlightPage {
    background-color: silver;
}

.boxViewerTXT .tag_tool.tool_edit_project,
.boxViewerTXT .tag_tool.tool_edit_nota_perso {
    background-image: url('../img/settings.svg');
}

.boxViewerTXT .featured_tape, .boxViewerTXT .new_tape {
    height: 35%;
    left: 38.7%;
    position: absolute;
    top: 65.5%;
    width: 62%;
    display: none;
}

.boxViewerTXT .img_book_art {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    margin-top: 0;
    cursor: pointer;
}

.boxViewerTXT .img_book_art span {
    color: rgba(0, 0, 0, 0);
}

.boxViewerTXT .foto_promo,
.boxViewerTXT .foto_concursante,
.boxViewerTXT .img_html_embed {
    cursor: pointer;
}

.boxViewerTXT .portada_foto_promo {
    display: block;
    width: 100%;
    height: 95%;
    margin-top: 0 !important;
    text-indent: 0 !important;
    text-align: center !important;
}

.boxViewerTXT img.mceNonEditable,
.boxViewerTXT img.img_credito {
    display: block;
    margin: 10px auto;
    cursor: pointer;
}

.boxViewerTXT .number_comment {
    color: #CC3300;
    cursor: pointer;
    vertical-align: super;
    font-size: 0.6em;
}
/*VISOR DE TEXTO PANEL SOCIAL*/


/*CAJA DE FLECHAS*/
.boxViewerTXT .boxArrow{
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
}

.boxViewerTXT .arrow{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 85px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.boxViewerTXT .nextArrow{
    right: 24px;
    background-image: url('../imgSocial/arrowNext.svg')
} 

.boxViewerTXT .backArrow{
    left: 23px;
    background-image: url('../imgSocial/arrowBack.svg')
}

.boxViewerTXT.classic .nextArrow{
    background-image: url(../imgSocial/nextPage.png)
} 

.boxViewerTXT.classic .backArrow{
    background-image: url(../imgSocial/backPage.png)
}
/* Start Globe Sytles */

.contentTxt .text_audio_lec {
    background-color: #FFEDCA;
    border-radius: 2px;
}

.boxViewerTXT .boxGlobe_1,
.boxViewerTXT .boxGlobe_2 {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 35px;
    display: none;
    top: 85px;
    background-size: 100% 100%;
    background-image: url('../imgSocial/globo.png');
    box-sizing: border-box;
}

.boxViewerTXT .boxGlobe_1 {
    left: 70px;
}

.boxViewerTXT .boxGlobe_2 {
    right: 70px;
}

.boxViewerTXT .boxSpeaker_1,
.boxViewerTXT .boxSpeaker_2 {
    position: relative;
    top: 0px;
    width: 24px;
    height: 100%;
    background-position: center;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;    
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../imgSocial/speaker2.svg');
    display: inline-block;
    box-sizing: border-box;
}

.boxViewerTXT .label_lector_globe_1,
.boxViewerTXT .label_lector_globe_2 {
    position: absolute;
    width: 250px;
    height: 20px;
    display: none;
    top: 70px;
    background-color: transparent;
}

.boxViewerTXT .label_lector_globe_1 {
    left: 74px;
}

.boxViewerTXT .label_lector_globe_2 {
    right: 74px;
}

.boxViewerTXT .label_lector_globe_1 .tooltiptext,
.boxViewerTXT .label_lector_globe_2 .tooltiptext {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #99782C;
    font-size: 12px;
    font-style: italic;
    border-radius: 6px;
    line-height: 150%;
    display: block;
}

.boxViewerTXT .label_lector_globe_1 .tooltiptext {
    text-align: left;
}

.boxViewerTXT .label_lector_globe_2 .tooltiptext {
    text-align: right;
}

.boxViewerTXT .share_gift_1,
.boxViewerTXT .share_gift_2 {
    position: relative;
    top: 0px;
    cursor: pointer;
    width: 24px;
    height: 100%;
    margin-left: 6px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url('../css/ltotal/imagenes/social/shareIcon.svg');
    display: inline-block;
    box-sizing: border-box;
}

.boxViewerTXT .boxSearch {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 25px;
    right: 130px;
    background-size: 100% 100%;
    background-image: url('../css/ltotal/imagenes/searchBook.svg');
    box-sizing: border-box;
}

.boxViewerTXT .boxSearchContainer {
    position: absolute;
    top: 25px;
    right: 170px;
    height: 25px;
    border-radius: 7px;
    border: 1px solid #b87f23;
    background-color: rgb(245, 239, 220);
    box-sizing: border-box;
}

.boxViewerTXT .boxSearchInput {
    position: absolute;
    width: 100%;
    height: 95%;
    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #b87f23;
    padding: 0 10px;
    box-sizing: border-box;
    left: 0;
}

.boxViewerTXT .boxGlobe_1 .globectrl,
.boxViewerTXT .boxGlobe_2 .globectrl {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    width: 18px;
    height: 18px;
    background-size: 100% 100%; 
}

.boxViewerTXT .boxGlobe_1 .play,
.boxViewerTXT .boxGlobe_2 .play {
    background-image: url('../imgSocial/play.svg');
}

.boxViewerTXT .boxGlobe_1 .pause,
.boxViewerTXT .boxGlobe_2 .pause {
    background-image: url('../imgSocial/pause.svg');
}

/* End Globe Sytles */

.boxViewerTXT .closeOld{
    position: absolute;
    top: 3px;
    width: 45px;
    height: 120px;
    left: 0;
    right: 0;
    cursor: pointer;
    margin: auto;
    display: none;
    background-image: url('../imgSocial/metal_clip.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.boxViewerTXT .closeLight {
    position: absolute;
    right: 0px;
    top: 4px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background-image: url(../imgSocial/close3.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: 3px;
    box-sizing: border-box;
}
/*CAJA DE FLECHAS*/

/*ESTILOS TEXTO CONTENIDO*/
.boxViewerTXT h1, 
.boxViewerTXT h2 {
    color:#993300;
    font-variant: small-caps;
    text-align: center;
}

.boxViewerTXT blockquote {
    text-align: justify;
    color: #3F2A18;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 0.9em;
}
/*ESTILOS TEXTO CONTENIDO*/


/*ESTILOS PARA LA DIAGRAMACION DEL LIBRO*/
.boxViewerTXT p {
    color: #3F2A18;
    text-align: justify;
    margin: 3px 0 0 0;
    text-indent: 30px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1em;
}

.boxViewerTXT .nombre_autor_nota {
    font-size: 0.8em;
    color: #99782C;
    text-align: center;
    font-weight: normal;
}

/*.boxViewerTXT .contentTxt div {
    color: #3F2A18;
    text-align: justify;
    margin: 3px 0 0 0;
    font-family: Times New Roman,Times,serif;
    text-indent: 30px;
}*/

.boxViewerTXT .contentTxt div.cell {
    width: 115px;
    height: 144px;
    position: relative;
    text-indent: 0;
    margin: auto;
}

.boxViewerTXT .contentTxt .txt_ref_pag {
    color: #99782C;
    font-size: 14px;
    font-style: italic;
    font-family: Times New Roman,Times,serif;
    margin: 10px auto;
    width: 115px;
}

.boxViewerTXT .contentTxt div.caratula_musica_nota,
.boxViewerTXT .contentTxt div.caratula_imagen_nota {
    position: relative;
    width: 115px;
    height: 144px;
    text-align: center;
    cursor: pointer;
    margin: auto;
}

.boxViewerTXT .book_year {
    color: rgb(102,51,0);
    text-align: center;
    font-size: 0.7em;
}

.boxViewerTXT .book_autor {
    color: rgb(102,51,0);
    text-align: center;
    font-variant: small-caps;
    font-size: 1em;
}

.boxViewerTXT .id_autor_pt:hover {
    color: #A50101;
    cursor: pointer;
}

.boxViewerTXT .book_traductor {
    color: rgb(102,51,0);
    text-align: center;
    font-size: 1em;
    font-variant: small-caps;
}

.boxViewerTXT .book_title {
    color: rgb(102,51,0);
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 26px;
}

.boxViewerTXT .book_extra_credit {
    color: rgb(102,51,0);
    text-align: center;
    text-indent: 0;
    font-size: 0.9em;
}

.boxViewerTXT .titulo_1 {
    color: #CC3300;
    text-align: center;
    font-variant: small-caps;
    font-size: 1.3em;
}

.boxViewerTXT .titulo_2 {
    color: #CC3300;
    text-align: center;
    font-variant: small-caps;
    font-size: 1.2em;
}

.boxViewerTXT .titulo_3  {
    color: #CC3300;
    text-align: left;
    font-weight: normal;
    font-size: 1.1em;
}

.boxViewerTXT .titulo_4 {
    color: #CC3300;
    text-align: left;
    font-style: italic;
    font-size: 1em;
}

.boxViewerTXT .pagina_blanco {
    color: transparent;
    height: 10px;
}

/*Estilos particulares de diagramacion*/

.boxViewerTXT h3:first-child {
    margin-top: 0px;
}

.boxViewerTXT span.capital_letter {
    display: block;
    float: left;
    font-size: 5em;
    font-weight: bold;
    margin-top: -3%;
    line-height: 70%;
    font-family: Times New Roman;
}

.boxViewerTXT p.verso {
    text-indent: 0;
    margin-top: 0;
}

.boxViewerTXT p.verso.verso_indentado {
    margin-left: 30px;
}

.boxViewerTXT p.verso_centrado {
    text-align: center;
}

.boxViewerTXT .titulo_sin_versales {
    font-variant: normal;
}

.boxViewerTXT .titulo_justificado {
    text-align: justify;
    font-size: 1em;
}

.boxViewerTXT .letrero_versales {
    font-variant: small-caps;
    text-align: center;
}

.boxViewerTXT .versaRojo {
    color: rgb(153, 51, 0);
    font-variant: small-caps;
}
.boxViewerTXT .letraNombres{
    color: #0070FF;
    text-decoration: underline;
}

.boxViewerTXT .personaje_teatro {
    color: rgb(153, 51, 0);
    font-variant: small-caps;
}

.boxViewerTXT .index_item {
    color: #3F2A18;
    cursor: pointer;
    text-align: left;
}

.boxViewerTXT .index_item.titulo_1 {
    color: rgb(153, 51, 0);
    font-size: 0.9em;
    font-variant: small-caps;
    font-weight: bold;
    margin-left: 0;
    margin-top: 5px;
}

.boxViewerTXT .index_item.titulo_2 {
    color: #650101;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
}

.boxViewerTXT .index_item.titulo_3,
.boxViewerTXT .index_item.titulo_4 {
    color: #650101;
    font-size: 0.7em;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 3px;
}

.boxViewerTXT .index_item:hover {
    color: #cc3300;
}

.boxViewerTXT .index_item_vocabulary,
.boxViewerTXT .index_item_create_note {
    font-size: 0.9em;
    font-variant: small-caps;
    font-weight: bold;
    margin-left: 0;
    margin-top: 5px;
    cursor: pointer;
    color: #0146a5;
}

.boxViewerTXT .index_item.nota_no_publica {
    color: grey;
}

.boxViewerTXT h3.nota_no_publica {
    color: grey;
}

.boxViewerTXT .index_item .rec_novedad,
.boxViewerTXT .fraction_data .rec_novedad,
.form_bibliography .biblio_cred .rec_novedad {
    width:8px;
    height:8px;
    border-radius:5px;
    background-color:rgba(43, 126, 182, 0.9);
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: -15px;
}

.boxViewerTXT .fraction_data {
    position: relative;
    text-align: right;
    margin: 5px 0 50px 0;
    color:#99782C;
    font-weight: lighter;
    cursor: pointer;
}

.boxViewerTXT .fraction_data.no_txt_cred {
    text-align: left;
    margin: 25px 0 0 0;
}

.boxViewerTXT .novedad_mark.item_nota_proyecto,
.boxViewerTXT .novedad_mark.item_personaje {
    height: 0px;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.boxViewerTXT .novedad_mark.item_parrafo_nota {
    position: relative;
}

.boxViewerTXT .novedad_mark.item_parrafo_nota .line_nove_mark {
    position: absolute;
    left: 0px;
    top: 0;
    width: 3px;
    border-radius: 5px;
    background-color: rgba(43, 126, 182, 0.9);
}

.boxViewerTXT .txtsearchPreview {
    cursor: pointer;
}

.boxViewerTXT div.pesca {
    margin-top: 20px;
    color: #a50101;
    text-align: center;
    cursor: pointer;
}

.boxViewerTXT div.pesca:hover {
    color: #cc3300;
}
/*Fin. Estilos particulares de diagramacion*/

/*Estilos para la portada del libro*/
p.book_data {
    text-indent: unset;
}

p.book_standard_credit {
    bottom: 60px;
    position: absolute;
    text-align: center;
    text-indent: unset;
    font-size: 0.7em;
}

.boxViewerTXT div.boxVocabulary {
    position: absolute;
    bottom: 180px;
    cursor: pointer;
    text-align: center;
    text-indent: unset;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #0146a5;
    font-size: 0.9em;
    font-variant: small-caps;
    font-weight: bold;
}

/*Fin. Estilos para la portada del libro*/

/*Estilos tools book (pestanas)*/
.boxViewerTXT .boxToolsBook{
    position: absolute;
    width: auto;
    padding: 0px 18px;
    height: 25px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-family: arial;
    color: rgb(245, 239, 220);
    cursor: pointer;
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    text-shadow: 1px 1px #333333;
    margin: 0px 0 0 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.boxViewerTXT .book_pesta_index {
    top: 40px;
    right: -27px;
    background-color: rgba(225, 119, 30, 0.7);
}

.boxViewerTXT .book_pesta_volver {
    top: 40px;
    right: -27px;
    background-color: rgba(225, 119, 30, 0.7);
}

.boxViewerTXT .book_pesta_trads {
    top: 328px;
    right: -53px;
    background-color: rgba(165, 13, 13, 0.7);
}

.boxViewerTXT .book_pesta_imagenes {
    top: 132px;
    background-color: rgba(43, 64, 134, 0.7);
}

.boxViewerTXT .book_pesta_notas {
    top: 224px;
    background-color: rgba(75, 142, 68, 0.7);
}

.boxViewerTXT .book_pesta_imagenes.left {
    left: -40px;
}

.boxViewerTXT .book_pesta_notas.left {
    left: -28px;
}

.boxViewerTXT .book_pesta_imagenes.right {
    right: -40px;
}

.boxViewerTXT .book_pesta_notas.right {
    right: -28px;
}

.boxViewerTXT .boxToolsBook.left {
    transform: rotate(-90deg);
}

.boxViewerTXT .boxToolsBook.right {
    transform: rotate(90deg);
}
/*Fin. Estilos tools book (pestanas)*/


/*Estilos generales del contenedor Modal*/
.modalViewerBox {
    position: absolute;
    width: auto;
    height: auto;
    opacity: 0;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.4);
}

.modalViewerBox .contentHtml{
    position: relative;
    width: 100%;
    height: 94%;
    margin-left: 0%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
}

.modalViewerBox .contentHtml .name,
.modalViewerBox .contentHtml .title {
    margin-top: 10px;
    font-weight: normal;
    text-align: center;
    color: #CC3300;
    font-size: 20px;
}

.modalViewerBox .contentHtml .author,
.modalViewerBox .contentHtml .year,
.modalViewerBox .contentHtml .country,
.modalViewerBox .contentHtml .genre {
    color: rgb(184, 127, 35);
    font-weight: normal;
    text-align: center;
    font-size: 18px;
    margin-top: 3px;
}

.modalViewerBox .contentHtml .tags {
    text-align: center;
    margin-top: 10px;
}

.modalViewerBox .contentHtml .tags .tag_libro {
    position: relative;
    margin: 2px 5px;
    display: inline-table;
    cursor: pointer;
}

.modalViewerBox .contentHtml .tags .tag_libro:hover {
    background-color: silver;
    color: rgb(184, 127, 35);
}

.modalViewerBox .contentHtml .biography,
.modalViewerBox .contentHtml .summary {
    color: #000000;
    font-weight: normal;
    text-align: justify;
    font-size: 18px;
}

.modalViewerBox .contentHtml .go_to_book {
    font-size: 16px;
    text-align: right;
    color: #CC3300;
    cursor: pointer;
    margin: 20px 0 20px 0;
}

.modalViewerBox .contentHtml .go_to_book:hover {
    color: #993300;
}
.modalViewerBox .toolsTop{
    position: relative;
    width: 100%;
    height: 30px;
    top: 0;
}

.modalViewerBox .toolsTop .closeModalViewer{
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url('../img/close.svg');
    background-repeat: no-repeat;
}
/*Fin. Estilos generales del contenedor Modal*/

/*Estilos particulares contenedor flotante de texto del libro total*/
.modalTextViewer {
    box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.8);
    border-radius: 7px;
}

.modalTextViewer .contentHtml {
    text-align: justify;
    width: 80%;
    margin-left: 10%;
    font-family: Times New Roman,Times,serif;
    font-size: 18px;
    margin-top: 10px;
    height: 88%;
}

.modalTextViewer .contentHtml p {
    margin: 5px;
}

.modalTextViewer span.edit_comentario {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: transparent;
    background-image: url('../img/pencil.svg');
    background-size: 100% 100%;
}

.modalTextViewer .note_title {
    font-size: 20px;
    color: #cc3300;
    text-align: center;
    margin-top: 30px;
}

.modalTextViewer .note_signature {
    text-align: right;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 30px;
}

.modalTextViewer .note_txt_rela {
    text-align: center;
    margin: 16px;
    font-size: 16px;
    color: #cc3300;
    text-indent: 0;
}

.modalTextViewer .resumenMarker {
    color: #8e5000;
    margin: 15px 0 15px 0;
}

.modalTextViewer .toolsTop .closeModalViewer {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url(../imgSocial/close3.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modalTextViewer .tag_tool {
    position: relative;
    top: 2px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin-left: 16px;
    background-size: 100% 100%;
    display: inline-block;
}

.modalTextViewer .tool_edit {
    background-image: url("../img/pencil.svg");
}

.modalTextViewer .tool_borrar {
    position: relative;
    float: left;
    margin-left: 30px;
    background-image: url('../img/garbage.svg');
}

.modalTextViewer .tool_delete {
    background-image: url('../img/garbage.svg');
}

.modalTextViewer .tag_tool.tool_send_img {
    top: 2px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-image: url('../img/send.svg');
}

.modalTextViewer .tag_tool.share_gift {
    top: 2px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-image: url('../css/ltotal/imagenes/social/shareIcon.svg');
    box-sizing: border-box;
}
/*Fin. Estilos particulares contenedor flotante de texto del libro total*/


/*MEDIA QUERIES*/
/* pantallas en width maximo 2200px*/ 
@media screen and (min-width: 1981px) and (max-width: 2800px) {
	
}
/* pantallas en width maximo 1920px*/ 
@media screen and (min-width: 1611px) and (max-width: 1980px) {
    .boxViewerTXT .contentTxt{
        color: #663300;
        font-size: 22px;
    }
}
/*pantallas en width maximo 1600px */
@media screen and (min-width: 1281px) and (max-width: 1610px) {
	.boxViewerTXT .contentTxt{
        padding: 90px 120px;
        font-size: 20px;
    }
}
/* pantallas en width maximo 1280px*/ 
@media screen and (min-width: 1026px) and (max-width: 1280px) and (max-height: 800px) {
	.boxViewerTXT .contentTxt{
        padding: 90px 90px;
        font-size: 18px;
    }
}
/* pantallas en height maximo 900px y height maximo 1280px*/
@media screen and (min-height: 1026px) and (max-height: 1280px) and (min-width: 700px) and (max-width: 900px) {}

/* pantallas en width maximo 1280px y height maximo 1000px*/
@media screen and (min-width: 1026px) and (max-width: 1280px) and (min-height: 700px) and (max-height: 900px) {
    .boxViewerTXT{
        width: 86%;
        height: 74%;
        top: 0%;
        left: 7%;
    }
    .boxViewerTXT .contentTxt{
        padding: 90px 90px;
        font-size: 19px;
    }
}
/* pantallas en width maximo 1024px*/ 
@media screen and (max-width: 1025px) and (max-height: 768px) and not(orientation: portrait) {
	.boxViewerTXT .contentTxt{
        padding: 90px 90px;
        font-size: 18px;
    }
}

/* 
IPADS          (portrait) and (landscape)
IPAD PRO SMALL (portrait) and (landscape)
IPAD PRO BIG   (portrait) and (landscape)
TABLET SAMSUNG GALAXY TAB A (portrait) and (landscape)
*/
@media only screen and (min-device-width : 765px) and (max-device-width : 780px) and (orientation : portrait),
only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape),
only screen and (min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-width: 1112px) and (max-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-width: 1366px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width: 1200px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-width: 1920px) and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape)
 {
	.boxViewerTXT{
        width: 100%;
        height: 100%;
        left: 0%;
        box-sizing: border-box;
    }
    .boxViewerTXT .contentTxt{
        padding: 90px 90px;
        font-size: 23px;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    .boxViewerTXT .pagesBook {
        background-image: none;
        width: 18px;
        background-color: rgb(251, 246, 226);
        display: none;
    }
    .boxViewerTXT .label_lector_globe_1,
    .boxViewerTXT .containCredits {
        top: 15px;
        height: 40px;
        width: 70%;
        left: 15%;
        background-color: #fbf6e2;
        display: none;
    }
    .boxViewerTXT .label_lector_globe_1 .tooltiptext {
        text-align: center;
        font-size: 20px;
    }
    .boxViewerTXT .labelIZQ {
        position: absolute;
        top: 50%;
        left: 0%;
        width: 100%;
        font-size: 20px;
        height: 50%;
        line-height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .boxViewerTXT .labelDER {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 50%;
        font-size: 20px;
        line-height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .boxViewerTXT .pagesCenter {
        position: absolute;
        left: 15%;
        width: 70%;
        top: 15px;
        height: 30px;
        text-align: center;
        background-color: rgb(251, 246, 226);
        box-sizing: border-box;
    }
    .boxViewerTXT .containPagins {
        width: 70%;
        height: 20px;
        bottom: 7px;
        margin-left: 15%;
        line-height: 20px;
        box-sizing: border-box;
    }
    .containPagins .paginLeft {
        font-size: 17px;
        box-sizing: border-box;
    }
    .containPagins .paginRight {
        font-size: 17px;
        box-sizing: border-box;
    }
    .boxViewerTXT .boxToolsBook.left,
    .boxViewerTXT .boxToolsBook.right {
        transform: rotate(0);
        top: 0;
        height: 100%;
        border: none;
        border-radius:0;
        right: inherit;
        left: 0;
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: inherit;
        box-sizing: border-box;
    }
    .boxViewerTXT .book_pesta_index.right,
    .boxViewerTXT .book_pesta_volver.right {
        position: absolute;
        top: 15px;
        left: 15px;
        height: 30px;
        width: 30px;
        display: block;
        margin: 0;
        background-size: 100% 100%;
        background-position: 0;
    }
    .boxViewerTXT .book_pesta_index {
        background-image: url(../img/list.svg);
    }
    .boxViewerTXT .book_pesta_volver {
        background-image: url(../imgSocial/arrowBack.svg);
    }
    .boxViewerTXT .book_pesta_imagenes {
        background-image: url(../imgSocial/images.svg);
    }
    .boxViewerTXT .book_pesta_notas {
        background-image: url(../imgSocial/notes.svg);
    }
    .boxViewerTXT .book_pesta_trads {
        display: none;
        background-image: url(../imgSocial/multi_lang.svg);
    }
    .boxViewerTXT .boxGlobe_1 {
        padding: 0;
        left: initial;
        right: 15px;
        background-repeat: no-repeat;
        background-position: center center;
        box-sizing: border-box;
    }
    .boxViewerTXT .boxGlobe_1 .globectrl {
        top: 4px;
        left: 4px;
        width: 20px;
        height: 18px;
        box-sizing: border-box;
    }
    p.book_standard_credit {
        bottom: 40px;
    }
    .boxViewerTXT .share_gift_1,
    .boxViewerTXT .share_gift_2,
    .boxViewerTXT .boxSpeaker_1,
    .boxViewerTXT .settings_edition,
    .boxViewerTXT .tag_favorite,
    .boxViewerTXT .book_pesta_trads,
    .boxViewerTXT .tag_tool {
        position: relative;
        top: 0px;
        width: 30px;
        height: 30px;
        display: inline-block;
        right: initial;
        margin-left: 10px;
        margin-right: 10px;
        box-sizing: border-box;
    }
    .boxViewerTXT .boxSearch {
        top: 15px;
        left: 65px;
        width: 30px;
        height: 30px;
        margin: 0;
        box-sizing: border-box;
    }
    .boxViewerTXT .boxSearchContainer {
        top: 15px;
        height: 30px;
    }
    .boxViewerTXT .book_mark {
        top: 15px;
        left: initial;
        right: 65px;
        width: 30px;
        height: 30px;
    }
    .boxViewerTXT .boxBookIndex {
        font-size: 100%;
    }
    .boxViewerTXT .closeLight {
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
        background-position: 0;
    }
    .boxViewerTXT .edit_page {
        position: absolute;
        top: 30px;
        left: 0px;
        width: 100%;
        height: 24px;
        margin-left: initial;
        margin-right: initial;
        display: block;
        box-sizing: border-box;
    }
    .boxViewerTXT .id_autor_pt {
        color: #A50101;
    }.boxViewerTXT .box_tool_bar_edition {
        top: 90px;
        left: 15px;
        width: 30px;
    }
}

/* IPHONE 6 (portrait) and (landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : portrait), only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape) {
    .boxViewerTXT {
        width: 100%;
        height: 100%;
        left: 0%;
    }
    .boxViewerTXT .contentTxt {
        padding-top: 60px;
        padding-left: 30px;
        padding-bottom: 40px;
        padding-right: 30px;
        font-size: 20px;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    .boxViewerTXT .pagesBook {
        background-image: none;
        width: 18px;
        background-color: rgb(251, 246, 226);
    }
    .boxViewerTXT .label_lector_globe_1,
    .boxViewerTXT .containCredits {
        top: 10px;
        height: 30px;
        width: 66%;
        left: 17%;
        background-color: #fbf6e2;
        display: none;
    }
    .boxViewerTXT .label_lector_globe_1 .tooltiptext {
        text-align: center;
    }
    .boxViewerTXT .labelIZQ {
        position: absolute;
        top: 50%;
        left: 0%;
        width: 100%;
        height: 50%;
        line-height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .boxViewerTXT .labelDER {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 50%;
        line-height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .boxViewerTXT .pagesCenter {
        position: absolute;
        top: 10px;
        left: 17%;
        width: 66%;
        height: 24px;
        text-align: center;
        background-color: rgb(251, 246, 226);
        box-sizing: border-box;
    }
    .boxViewerTXT .pagesBook {
        display: none;
    }
    .boxViewerTXT .containPagins {
        width: 70%;
        height: 20px;
        bottom: 7px;
        margin-left: 15%;
        line-height: 20px;
    }
    .boxViewerTXT .boxToolsBook.left,
    .boxViewerTXT .boxToolsBook.right {
        transform: rotate(0);
        top: 0;
        height: 100%;
        border: none;
        border-radius:0;
        right: inherit;
        left: 0;
        position: relative;
        display: inline-block;
        width: 23px;
        padding: 0;
        margin-left: 5px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: inherit;
        box-sizing: border-box;
    }
    .boxViewerTXT .book_pesta_index.right,
    .boxViewerTXT .book_pesta_volver.right {
        position: absolute;
        top: 4px;
        left: 0px;
        height: 34px;
        width: 34px;
        margin: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 26px 26px;
        background-position: 3px;
        box-sizing: border-box;
    }
    .boxViewerTXT .book_pesta_index {
        background-image: url(../img/list.svg);
    }
    .boxViewerTXT .book_pesta_volver {
        background-image: url(../imgSocial/arrowBack.svg);
    }
    .boxViewerTXT .book_pesta_imagenes {
        background-image: url(../imgSocial/images.svg);
    }
    .boxViewerTXT .book_pesta_notas {
        background-image: url(../imgSocial/notes.svg);
    }
    .boxViewerTXT .book_pesta_trads {
        display: none;
        background-image: url(../imgSocial/multi_lang.svg);
    }
    .boxViewerTXT .boxGlobe_1 {
        position: absolute;
        display: none;
        top: 50px;
        right: 3px;
        width: 30px;
        height: 30px;
        padding: 0;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .boxViewerTXT .boxGlobe_1 .globectrl {
        top: 3px;
        left: 5px;
        width: 20px;
        height: 18px;
    }
    p.book_standard_credit {
        bottom: 40px;
    }
    .boxViewerTXT .share_gift_1,
    .boxViewerTXT .share_gift_2,
    .boxViewerTXT .boxSpeaker_1,
    .boxViewerTXT .settings_edition,
    .boxViewerTXT .tag_favorite,
    .boxViewerTXT .tag_tool {
        position: relative;
        top: 0px;
        width: 24px;
        height: 100%;
        display: inline-block;
        right: initial;
        margin-left: 4px;
        margin-right: 5px;
        box-sizing: border-box;
    }
    .boxViewerTXT .boxSearch {
        top: 10px;
        width: 24px;
        height: 24px;
        left: 50px;
        margin: 0;
    }
    .boxViewerTXT .boxSearchContainer {
        top: 6px;
        height: 30px;
    }
    .boxViewerTXT .book_mark {
        top: 10px;
        left: initial;
        right: 40px;
    }
    .boxViewerTXT .boxBookIndex {
        font-size: 70%;
    }
    .boxViewerTXT .edit_page {
        position: absolute;
        top: 30px;
        left: 0px;
        width: 100%;
        height: 24px;
        margin-left: initial;
        margin-right: initial;
        display: block;
        box-sizing: border-box;
    }
    .boxViewerTXT .id_autor_pt {
        color: #A50101;
    }
}

/* IPHONE 6 (landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape) {
    .boxViewerTXT .book_title {
        position: absolute;
        top: 12%;
        width: 100%;
        left: 0%;
        line-height: 18px;
    }
    .boxViewerTXT .book_year {
        position: absolute;
        top: 26%;
        width: 100%;
        left: 0%;
    }
   .boxViewerTXT .book_autor {
        position: absolute;
        top: 35%;
        width: 100%;
        left: 0%;
   }
   .boxViewerTXT .book_traductor {
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0%;
   }
    p.book_standard_credit {
        bottom: 30px;
        line-height: 14px;
    }
    .boxViewerTXT .boxBookIndex {
        font-size: 90%;
    }
 }