/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ****************************  O P A C  ******************************** */
/*                         Estilos generales                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body{margin:0}

h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:5px 0}

/* alineación de texto justificado a la izquierda y derecha */
.pjtext{
    text-align: justify;
    text-justify: inter-word;
    padding-left: 5px;
    padding-right: 5px;
    margin: 10px 10px 10px 10px;
}

/* alineación de texto justificado a la izquierda y derecha para elementos de listas*/
.pjlitext{
    text-align: justify;
    text-justify: inter-word;
    margin: 0px 0px 0px 0px;
}

img{border-style:none}svg:not(:root){overflow:hidden}
img{margin-bottom:-4px}

.pfontbold{
    font-weight : bold;
}

/* Pinakes login button position */
.loginButton{
    margin: 6px 0px 0px 0px;
}

.pwhitebg{
    background-color: #ffffff;
}

/* Pinakes ligas presentadas como botones */
.plnkbtn {
    border: none;
    display:inline-block;
    outline:0;
    margin: 0px 0px 0px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: black;
    width:100%;
    text-align:left;
    cursor: pointer;
    background-color: #ffffff;
}

/* Pinakes ligas presentadas como botones hover and focus color */
.plnkbtn:hover, .plnkbtn:focus {
    background-color: #b8dceb;
}

.nondisplay{
    display:none;
}

/* Pinakes pruebas de bloque en staff  */
.pdsec {
    border: none;
    display:inline-block;
    outline:0;
    margin: 0px 0px 0px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: black;
    width:100%;
    text-align:left;
    cursor: pointer;
    background-color: #ffffff;
}

/* Pinakes pruebas de bloque en staff */
.pdsec:hover, .pdsec:focus {
    background-color: #b8dceb;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++ Para el menu ++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ******** Barra de navegación del menu principal ********* */
.pmpane{
    margin: 0px 0px 0px 0px;
    padding:0.01em 5px;
    color:white;
    background-color:#009688!important;
}
        
/* Bloque de un item del menu principal font-size:12px;*/
.pmblock {
    position: relative;
    left:0px;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding:0;
}
        
/* Botón de un item del menú principal */
.pmbtn {
    border: none;
    display:inline-block;
    outline:0;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: white;
    background-color:#009688;
    text-align:center;
    cursor: pointer;
}

.pmbtnmargin{
    margin: 3px 0px 8px 0px;
}

/* Color de item del menú principal(hover and focus) */
.pmbtn:hover, .pmbtn:focus {
    background-color: #0096bb!important
}


/* ************ Barra de navegación de un submenú *********** */
.psmpane {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Bloque de un item de un submenú */
.psmblock {
    position: relative;
    left:0px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding:0;
    background-color: #f9f9f9;
}
       
/* Botón de un item de un submenú font-size:12px;*/
.psmitem {
    position: relative;
    left:0px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding:0;
}

/* Color de item de un submenú(hover and focus) */
.psmitem:hover, .psmitem:focus{
    background-color: #b8dceb;
}

/* Pinakes ligas presentadas como botones para submenus */
.psmbtn {
    border: none;
    display:inline-block;
    outline:0;
    margin: 3px 0px 3px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: black;
    width:100%;
    text-align:left;
    cursor: pointer;
    background-color: #ffffff;
}

/* Color de item de un submenú(hover and focus) */
.psmbtn:hover, .psmbtn:focus{
    background-color: #b8dceb;
}

/* Pinakes exception */
.psmexcbtn {
    border: none;
    display:inline-block;
    outline:0;
    margin: 3px 0px 3px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: white;
    text-align:left;
    cursor: pointer;
    background-color: #009688!important;;
}
/* ++++++++++++++++ Para la página de resultados de la consulta ++++++++++++++*/

ul.pqrgrp{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
}

/* Pinakes head button */
.phbtn {
    border: none;
    display:inline-block;
    outline:0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    text-align:center;
    background-color:#ffffff;
    cursor: pointer;
}

/* Pinakes main menu button hover and focus color */
.phbtn:hover, .phbtn:focus {
    background-color: #b8dceb;
}

/* Estilo para desplegar o no un bloque (p. ej. un submenu) */
.show {display:block;}

/* Panel y letras para opciones de búsqueda */
.hrbgrid {
  color: #000000;
  font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  margin: 0px 0px 0px 0px;
}

/* tipos de letras para etiquetas resaltadas  */
.hrblabel {
  color: #000000;
  font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  font-weight : bold;
}

/* bloque de la lista de páginas de resultads de la búsqueda */
.ppagepane {
    margin: 0px 0px 0px 0px;
    padding:0;
}

/* Pinakes main Menu container block font-size:12px;*/
.ppageblock {
    position: relative;
    left:0px;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding:0;
}

/* Pinakes resulta page item display: block; font-size:12px;*/
.ppageitem {
    position: relative;
    left:0px;
    margin: 0px 0px 0px 0px;
    padding:0;
    background-color: #0096bb;
}

/* Estilo de botones */
.pbtnstyle{
    border: 1px solid;
    border-radius: 12px;
    padding: 3px 12px;
}

.pexcbtnstyle{
    border: 1px solid;
    border-radius: 12px;
    padding: 3px 12px;
    width: 80px;
    background-color: #eaeaea;
}

/* Estilo de botones para las ligas de las páginas de resultados */
.ppagebtnstyle{
    border: 1px solid;
    border-radius: 12px;
    padding: 2px 6px;
}

.pactivepage{
    background-color: #b8dceb;
}

/* bordo superior */
.pbborder{
    border-bottom-style: solid;
    border-width: 1px;
}

.ptborder{
    border-top-style: solid;
    border-width: 1px;
}
.plborder{
    border-left-style: solid;
    border-width: 1px;
}

.pblkborder{
    border-style: solid;
    border-width: 1px;
}

/* clase para la  columna de datos del registro de resultados, */
.bibrecdata {
    border: none;
    display:inline-block;
    outline:0;
    margin: 0px 0px 0px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none!important;
    color: black;
    width:100%;
    text-align:left;
    cursor: pointer;
}

/* Pinakes ligas para registro bibliográfico */
.bibreclnk {
    border: none;
    display:inline-block;
    outline:0;
    margin: 3px 0px 3px 0px;
    padding: 3px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration: #0096bb;
    color: black;
    width:100%;
    text-align:left;
    cursor: pointer;
}

/* Color de item de un submenú(hover and focus) */
.bibreclnk:hover, .bibreclnk:focus{
    background-color: #b8dceb;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++ estilos para hacer reactiva la presentaciòn ++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ****************** Configuraciòn para celular Portrait ****t******** */
/* ************* Tamaños de letras para celulares ********** */
/* encabezados */
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-size:10px}

/* Tamaño de letras para encabezado h3 en botones o ligas */
.ph1{ font-size:18px;}
.ph2{ font-size:16px;}
.ph3{ font-size:14px;}


.hrbfont{font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
         font-size: 12px;}   /* Tamaño de letras generales */
.smallfont{ font-size: 10px;} /* Tamaño pequeño de letras generales */

.psmbfont{ font-size: 16px;}  /* Tamaño de letras para botones de menu y submenu */

.pqrylibhol{ margin: 5px 0px 0px 0px;} /* Margenes del nombre de biblioteca en los holdinhs */
.pqrycolhol{ margin: 3px 5px 3px 0px; padding-left: 20px; } /* Margenes del nombre de coleccion en los holdinhs */

.prowmargin{ margin: 15px 0px 8px 5px;} /* Margenes de renglones superior e inferior  */

.ppagemargin{ margin: 10px 10px 10px 10px;} /* Margenes a los lados de la página  */

/* ************ Columnas para layout de bloques ************ */
* { box-sizing: border-box;}
         
.prow::after {
    content: "";
    clear: both;
    display: block;
}

/* columnas para los bloques <DIV> */
[class*="col-"] {
    float: left;
    padding: 5px;
}

/* *********** Columnas para el despliegue del OPAC ********* */
.col-0 {width: 100%; display: none;}
.col-1 {width: 100%;}
.col-2 {width: 100%;}
.col-3 {width: 100%; display: none;}

/* columnas para la lista de resultados */
[class*="rcol-"] {
    float: left;
    padding: 5px;
}

.rcol-0 {width: 10%; display: block;}
.rcol-1 {width: 100%;}
.rcol-2 {width: 100%;}

.proverflow{
    height: 140px;
    overflow: auto;
}

.pioverflow{
    height: 260px;
    overflow: auto;
}

.plcenter{
    position:relative;
     align:center;
}

/* Clase para el manejo de la condición de búsqueda simple */
.plocond{
    width:24em;
}

/* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
.lqcol-1 {width: 16%;}
.lqcol-2 {width: 22%;}
.lqcol-3 {width: 62%;}
.lqcol-4 {width: 16%;}
.lqcol-5 {width: 22%;}
.lqcol-6 {width: 62%;}
.lqcol-7 {width: 100%;}

.lcondoverflow{
    height: 32px;
    overflow: auto;
}

/* Clase para el manejo de la condición de búsqueda lógica */
.plologcond{
    width:16em;
}

.plologcond:focus {
    background-color: #f0f8ff;
}

/* clase para la lista de selección */
.psel{
    color: #000000;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    margin: 0px 0px 0px 0px;
}

.psel:focus {
    background-color: #b8dceb;
}

/* ******** bloque para el desliegue de excepciones y mensajes en celulares(portrait)) z-index: 1; ****** */
.pexcpane {
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    min-height: 140px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    top: 35%;
    left: 5%;
    right: 5%;
}
    
/* margenes de boton para excepciones margin: 10px 100px 5px 100px;*/
.pexcbtnmargin{ margin-top: 15px;  margin-left: 100px;  margin-bottom: 15px; }


/* *********** Columnas para el despliegue de los préstamos ********* */
.loancol-0 {width: 5%;}
.loancol-1 {width: 70%;}
.loancol-2 {width: 18%;}
.loancol-3 {width: 5%;}

/* margenes para el despliegue de los préstamos: 10px 100px 5px 100px;*/
.loanmargin{ margin-top: 15px;  margin-left: 10px;  margin-bottom: 5px; }

/* clase para el ancho de la columna de etiquetas de un registro bibliográfico  */
.brlabel{
    width:210px;
}

/* clase para el ancho de la columna de la portada en la lista de registros de resultado  */
.brimage{
    width:40px;
}

.pkdropdown {
    position: relative;
    display: inline-block;
}

.pkdropdown-image {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    max-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.pklogo-image {
    display: block;
    position: relative;
    background-color: #f9f9f9;
    min-width: 100px;
    max-width: 150px;
    
}
/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */

.pkdropdown:hover .pkdropdown-image {
    display: block;
}

/* *********** Columnas para el despliegue de la combinación de búsquedas ********* */
.mergecol-1 {width: 100%;}
.mergecol-2 {width: 100%;}
.mergecol-3 {width: 100%;}
.mergecol-4 {width: 100%;}

/* *********** Columnas para el despliegue del filtrado de búsquedas ********* */
.filtercol-1 {width: 98%;}
.filtercol-2 {width: 20%;}
.filtercol-3 {width: 20%;}
.filtercol-4 {width: 58%;}
.filtercol-5 {width: 98%;}
.filtercol-6 {width: 98%;}

/* Clase para el manejo de la condición de filtrado de una búsqueda */
.plofiltercond{
    width:22em;
}

/* Bloque de busqueda a filtrar */
.plofilterblk{
    height: 50px;
    margin-left: 15px;
    overflow: auto;
}

/* *********** Columnas para la ayuda ********* */
.helpcol-0 {width: 100%;}
.helpcol-1 {width: 98%;}
.helpcol-2 {width: 98%;}
.helpcol-3 {width: 98%;}
.helpcol-5 {width: 2%;}

/* alineación de texto centrado para encabezado de figuras en la ayuda */
.pcentertext{
    text-align: center;
    margin: 5px 10px 10px 10px;
}

    
/* ************ Configuración para celulares landscape ************* */

@media only screen and (orientation: landscape) and (min-width: 500px){
    /* columnas para los bloques de celulares landscape */
    .col-t-0 {width: 20%; display: block;}
    .col-t-1 {width: 60%;}
    .col-t-2 {width: 15%;}
    .col-t-3 {width: 5%; display: none;}
    
    /* columnas para la lista de resultados para celulares landscape */
    .rcol-0 {width: 10%; display: block;}
    .rcol-1 {width: 40%;}
    .rcol-2 {width: 60%;}
    
    .proverflow{
        height: 200px;
        overflow: auto;
    }
    
    .pioverflow{
        height: 200px;
        overflow: auto;
    }
    
    /* Clase para el manejo de la condición de búsqueda simple */
    .plocond{
        width:36em;
    }
    
    /* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
    .lqcol-1 {width: 9%;}
    .lqcol-2 {width: 12%;}
    .lqcol-3 {width: 35%;}
    .lqcol-4 {width: 0%; display: none;}
    .lqcol-5 {width: 8%;}
    .lqcol-6 {width: 35%;}
    .lqcol-7 {width: 100%;}
    
    .plologcond{
        width:17em;
    }
    
    /* ************ bloque para el desliegue de excepciones y mensajes *********** */
    .pexcpane {
        position: absolute;
        background-color: #f9f9f9;
        min-width: 480px;
        min-height: 120px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        top: 40%;
        left: 5%;
        right: 5%;
    }
    
    /* margenes de boton para excepciones */
    .pexcbtnmargin{ margin-top: 10px;  margin-left: 200px; margin-bottom: 15px; }
    
    /* *********** Columnas para el despliegue del filtrado de búsquedas ********* */
    .filtercol-1 {width: 98%;}
    .filtercol-2 {width: 10%;}
    .filtercol-3 {width: 12%;}
    .filtercol-4 {width: 14%;}
    .filtercol-5 {width: 48%;}
    .filtercol-6 {width: 14%;}

    /* Clase para el manejo de la condición de filtrado de una búsqueda */
    .plofiltercond{
        width:20em;
    }
}



/* ***************** FIN CONFIGURACION PARA CELULARES **************** */

/* **************** Configuración para tables portrait *************** */

@media only screen and (orientation: portrait) and (min-width: 600px){
    /* ************* Tamaños de letras para tablets ********** */
    
    .pmbtnmargin{ margin: 5px 0px 10px 0px; }
    
    /* encabezados */
    h1{font-size:22px}
    h2{font-size:20px}
    h3{font-size:18px}
    h4{font-size:16px}
    h5{font-size:14px}
    h6{font-size:12px}
    
    /* Tamaño de letras para encabezado h3 en botones o ligas */
    .ph1{ font-size:22px;}
    .ph2{ font-size:20px;}
    .ph3{ font-size:18px;}
    
    .hrbfont{font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
            font-size: 14px; } /* Tamaño de letras generales */
    .smallfont{ font-size: 12px;} /* Tamaño pequeño de letras generales */
    .psmbfont{ font-size: 16px;} /* Tamaño de letras para botones de menu y submenu */
    
    /* Bloque de la lista de resultados */
    .proverflow{
        height: 270px;
        overflow: auto;
    }
    
    /* Bloque del registro visitado */
    .pioverflow{
        height: 510px;
        overflow: auto;
    }
    
    .pqrylibhol{ margin: 10px 0px 0px 0px;} /* Margenes del nombre de biblioteca en los holdinhs */
    .pqrycolhol{ margin: 8px 5px 5px 0px; padding-left: 20px; } /* Margenes del nombre de coleccion en los holdinhs */
    
    /* Clase para el manejo de la condición de búsqueda simple */
    .plocond{
        width:42em;
    }
    
    /* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
    .lqcol-1 {width: 9%;}
    .lqcol-2 {width: 13%;}
    .lqcol-3 {width: 35%;}
    .lqcol-4 {width: 0%; display: none;}
    .lqcol-5 {width: 8%;}
    .lqcol-6 {width: 35%;}
    .lqcol-7 {width: 100%;}
    
    .lcondoverflow{
    height: 40px;
    overflow: auto;
}
    
    /* Clase para el manejo de la condición de búsqueda avanzada */
    .plologcond{
        width:18em;
    }
    
    /* ************ bloque para el desliegue de excepciones y mensajes *********** */
    .pexcpane {
        position: absolute;
        background-color: #f9f9f9;
        min-width: 480px;
        min-height: 120px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        top: 40%;
        left: 5%;
        right: 5%;
    }
    
    /* margenes de boton para excepciones margin: 10px 100px 5px 100px;*/
    .pexcbtnmargin{ margin-top: 10px;  margin-left: 300px; margin-bottom: 15px; }
    
    /* clase para el ancho de la columna de etiquetas de un registro bibliográfico  */
    .brlabel{
        width:150px;
    }
    
    /* clase para el ancho de la columna de la portada en la lista de registros de resultado  */
    .brimage{
        width:60px;
    }

    .pkdropdown-image {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 140px;
        max-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    
    /* *********** Columnas para el despliegue del filtrado de búsquedas ********* */
    .filtercol-1 {width: 98%;}
    .filtercol-2 {width: 10%;}
    .filtercol-3 {width: 15%;}
    .filtercol-4 {width: 15%;}
    .filtercol-5 {width: 58%;}
    .filtercol-6 {width: 98%;}

    /* Clase para el manejo de la condición de filtrado de una búsqueda */
    .plofiltercond{
        width:26em;
    }
}
/* ************ Configuración para tables y computadoras landscape ************* */
@media only screen and (orientation: landscape) and (min-width: 1024px) {
    /* ************* Tamaños de letras para computadora ********** */
    
    .pmbtnmargin{ margin: 5px 0px 15px 0px; }
    
    /* encabezados */
    h1{font-size:22px}
    h2{font-size:20px}
    h3{font-size:18px}
    h4{font-size:16px}
    h5{font-size:14px}
    h6{font-size:12px}
    
    /* Tamaño de letras para encabezado h3 en botones o ligas */
    .ph1{ font-size:22px;}
    .ph2{ font-size:20px;}
    .ph3{ font-size:18px;}
    
    .hrbfont{font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
            font-size: 14px; } /* Tamaño de letras generales */
    .smallfont{ font-size: 12px;} /* Tamaño pequeño de letras generales */
    
    .psmbfont{ font-size: 16px;} /* Tamaño de letras para botones de menu y submenu */
   
    .prowmargin{ margin: 15px 0px 8px 0px; } /* Margenes de renglones superior e inferior  */
    
    .col-0 {width: 15%; display: block;}
    .col-1 {width: 70%;}
    .col-2 {width: 5%;}
    .col-3 {width: 10%; display: block;}
   
    /* columnas para la lista de resultados para computadoras de escritorio */
    .rcol-d-0 {width: 10%; display: block;}
    .rcol-d-1 {width: 40%;}
    .rcol-d-2 {width: 60%;}
    
    .proverflow{
        height: 495px;
        overflow: auto;
    }
    
    .pioverflow{
        height: 495px;
        overflow: auto;
    }
    
    .pqrylibhol{ margin: 10px 0px 0px 0px;} /* Margenes del nombre de biblioteca en los holdinhs */
    .pqrycolhol{ margin: 8px 5px 5px 0px; padding-left: 20px; } /* Margenes del nombre de coleccion en los holdinhs */
    
    /* Clase para el manejo de la condición de búsqueda simple */
    .plocond{
        width:44em;
    }
    
    /* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
    .lqcol-1 {width: 8%;}
    .lqcol-2 {width: 10%;}
    .lqcol-3 {width: 37%;}
    .lqcol-4 {width: 0%; display: none;}
    .lqcol-5 {width: 7%;}
    .lqcol-6 {width: 37%;}
    .lqcol-7 {width: 100%;}
    
    .lcondoverflow{
        height: 40px;
        overflow: auto;
    }
    
    /* Clase para el manejo de la condición de búsqueda avanzada */
    .plologcond{
        width:26em;
    }
    
    /* ************ bloque para el desliegue de excepciones y mensajes *********** */
    .pexcpane {
        position: absolute;
        background-color: #f9f9f9;
        min-width: 480px;
        min-height: 120px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        top: 40%;
        left: 18%;
        right: 18%;
    }
    
    /* margenes de boton para excepciones margin: 10px 100px 5px 100px;*/
    .pexcbtnmargin{ margin-top: 10px;  margin-left: 300px; margin-bottom: 15px; }
    
    /* clase para el ancho de la columna de etiquetas de un registro bibliográfico  */
    .brlabel{
        width:150px;
    }
    
    /* clase para el ancho de la columna de la portada en la lista de registros de resultado  */
    .brimage{
        width:60px;
    }
    
    .pkdropdown-image {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 140px;
        max-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    
    /* *********** Columnas para el despliegue del filtrado de búsquedas ********* */
    .filtercol-1 {width: 98%;}
    .filtercol-2 {width: 12%;}
    .filtercol-3 {width: 12%;}
    .filtercol-4 {width: 12%;}
    .filtercol-5 {width: 46%;}
    .filtercol-6 {width: 16%;}

    /* Clase para el manejo de la condición de filtrado de una búsqueda */
    .plofiltercond{
        width:32em;
    }
    
    /* *********** Columnas para la ayuda ********* */
    .helpcol-1 {width: 50%;}
    .helpcol-2 {width: 48%;}

    /* alineación de texto centrado para encabezado de figuras en la ayuda */
    .pcentertext{
        text-align: center;
        margin: 20px 10px 10px 10px;
    }
    
    /* Columnas para el despliegu8e de la búsqueda bibliográfica en procesos técnicos */
    .tpqrybibcol-1 {width: 70%;}
    .tpqrybibcol-2 {width: 5%;}
    .tpqrybibcol-3 {width: 10%;}
    
}

/* ************ Configuración para tables y computadoras landscape ************* */
@media only screen and (orientation: landscape) and (min-width: 1280px) {
    /* *********************  S T A F F  ************************* */
    /* *********** Columnas para LOS CAMPOS DE control ********* */
    .mctrfcol-1 {width: 24%;}
    .mctrfcol-2 {width: 29%;}
    .mctrfcol-3 {width: 10%;}
    .mctrfcol-4 {width: 15%;}
    .mctrfcol-5 {width: 22%;}
    .mctrfcol-6 {width: 19%;}
    .mctrfcol-7 {width: 20%;}
    .mctrfcol-8 {width: 25%;}
    .mctrfcol-9 {width: 35%;}
    .mctrfcol-10 {width: 19%;}
    
    /* Bloque para los campos de control */
    .marctrcblk{
        height: 80px;
        width: 98%;
    }
    
    /* dimensiones del subcampo marc */
    .marcsubfield{
        width:84em;
    }
    
    /* dimensiones del subcampo marc en búsquedas de autoridad */
.marcqrysubfield{
    width:76em;
}

    
    .modaltoppad{ padding-top: 140px; } /* Location of the box */
    .tpqrybibresheight{ height: 465px; }
    .tpbibrecsheight { height: 460px; }
    
     /* Columnas para el despliegu8e de la búsqueda bibliográfica en procesos técnicos */
    .tpqrybibcol-1 {width: 60%;}
    .tpqrybibcol-2 {width: 5%;}
    .tpqrybibcol-3 {width: 15%;}
    
    /* *********************************************************** */
    /* ************* Tamaños de letras para computadora ********** */
    
    .pmbtnmargin{ margin: 5px 0px 10px 0px; }
    
    /* encabezados */
    h1{font-size:22px}
    h2{font-size:20px}
    h3{font-size:18px}
    h4{font-size:16px}
    h5{font-size:14px}
    h6{font-size:12px}
    
    /* Tamaño de letras para encabezado h3 en botones o ligas */
    .ph1{ font-size:22px;}
    .ph2{ font-size:20px;}
    .ph3{ font-size:18px;}
    
    .hrbfont{font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
            font-size: 14px; } /* Tamaño de letras generales */
    .smallfont{ font-size: 12px;} /* Tamaño pequeño de letras generales */
    
    .psmbfont{ font-size: 16px;} /* Tamaño de letras para botones de menu y submenu */
   
    .prowmargin{ margin: 15px 0px 8px 0px; } /* Margenes de renglones superior e inferior  */
    
    .col-0 {width: 20%; display: block;}
    .col-1 {width: 60%;}
    .col-2 {width: 5%;}
    .col-3 {width: 15%; display: block;}
   
    /* columnas para la lista de resultados para computadoras de escritorio */
    .rcol-d-0 {width: 10%; display: block;}
    .rcol-d-1 {width: 40%;}
    .rcol-d-2 {width: 60%;}
    
    .proverflow{
        height: 500px;
        overflow: auto;
    }
    
    .pioverflow{
        height: 500px;
        overflow: auto;
    }
    
    .pqrylibhol{ margin: 10px 0px 0px 0px;} /* Margenes del nombre de biblioteca en los holdinhs */
    .pqrycolhol{ margin: 8px 5px 5px 0px; padding-left: 20px; } /* Margenes del nombre de coleccion en los holdinhs */
    
    /* Clase para el manejo de la condición de búsqueda simple */
    .plocond{
        width:50em;
    }
    
    /* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
    .lqcol-1 {width: 6%;}
    .lqcol-2 {width: 8%;}
    .lqcol-3 {width: 40%;}
    .lqcol-4 {width: 0%; display: none;}
    .lqcol-5 {width: 5%;}
    .lqcol-6 {width: 40%;}
    .lqcol-7 {width: 100%;}
    
    .lcondoverflow{
        height: 40px;
        overflow: auto;
    }
    
    /* Clase para el manejo de la condición de búsqueda avanzada */
    .plologcond{
        width:36em;
    }
    
    /* ************ bloque para el desliegue de excepciones y mensajes *********** */
    .pexcpane {
        position: absolute;
        background-color: #f9f9f9;
        min-width: 480px;
        min-height: 120px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        top: 40%;
        left: 24%;
        right: 24%;
    }
    
    /* margenes de boton para excepciones margin: 10px 100px 5px 100px;*/
    .pexcbtnmargin{ margin-top: 10px;  margin-left: 300px; margin-bottom: 15px; }
}

/* ************ Configuración para computadoras landscape ************* */
@media only screen and (orientation: landscape) and (min-width: 1600px) {
    /* *********************  S T A F F  ************************* */
    /* *********** Columnas para LOS CAMPOS DE control ********* */
    .mctrfcol-1 {width: 19%;}
    .mctrfcol-2 {width: 23%;}
    .mctrfcol-3 {width: 9%;}
    .mctrfcol-4 {width: 13%;}
    .mctrfcol-5 {width: 18%;}
    .mctrfcol-6 {width: 16%;}
    .mctrfcol-7 {width: 16%;}
    .mctrfcol-8 {width: 18%;}
    .mctrfcol-9 {width: 32%;}
    .mctrfcol-10 {width: 14%;}
    
    /* Bloque para los campos de control */
    .marctrcblk{
        height: 80px;
        width: 98%;
    }
    
    /* dimensiones del subcampo marc */
    .marcsubfield{
        width:113em;
    }
    
    /* dimensiones del subcampo marc en búsquedas de autoridad */
.marcqrysubfield{
    width:100em;
}

    
    .modaltoppad{ padding-top: 150px; } /* Location of the box */
    .tpqrybibresheight{ height: 465px; }
    .tpbibrecsheight { height: 460px; }
    
     /* Columnas para el despliegu8e de la búsqueda bibliográfica en procesos técnicos */
    .tpqrybibcol-1 {width: 60%;}
    .tpqrybibcol-2 {width: 5%;}
    .tpqrybibcol-3 {width: 15%;}
    /* *********************************************************** */
    /* ************* Tamaños de letras para computadora ********** */
    
    .pmbtnmargin{ margin: 5px 0px 10px 0px; }
    
    /* encabezados */
    h1{font-size:22px}
    h2{font-size:20px}
    h3{font-size:18px}
    h4{font-size:16px}
    h5{font-size:14px}
    h6{font-size:12px}
    
    /* Tamaño de letras para encabezado h3 en botones o ligas */
    .ph1{ font-size:22px;}
    .ph2{ font-size:20px;}
    .ph3{ font-size:18px;}
    
    .hrbfont{font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
            font-size: 14px; } /* Tamaño de letras generales */
    .smallfont{ font-size: 12px;} /* Tamaño pequeño de letras generales */
    
    .psmbfont{ font-size: 16px;} /* Tamaño de letras para botones de menu y submenu */
   
    .prowmargin{ margin: 15px 0px 8px 0px; } /* Margenes de renglones superior e inferior  */
    
    .col-0 {width: 20%; display: block;}
    .col-1 {width: 60%;}
    .col-2 {width: 5%;}
    .col-3 {width: 15%; display: block;}
   
    /* columnas para la lista de resultados para computadoras de escritorio */
    .rcol-d-0 {width: 10%; display: block;}
    .rcol-d-1 {width: 40%;}
    .rcol-d-2 {width: 60%;}
    
    .proverflow{
        height: 500px;
        overflow: auto;
    }
    
    .pioverflow{
        height: 500px;
        overflow: auto;
    }
    
    .pqrylibhol{ margin: 10px 0px 0px 0px;} /* Margenes del nombre de biblioteca en los holdinhs */
    .pqrycolhol{ margin: 8px 5px 5px 0px; padding-left: 20px; } /* Margenes del nombre de coleccion en los holdinhs */
    
    /* Clase para el manejo de la condición de búsqueda simple */
    .plocond{
        width:60em;
    }
    
    /* *********** Columnas para el despliegue de la búsqueda avanzada ********* */
    .lqcol-1 {width: 5%;}
    .lqcol-2 {width: 6%;}
    .lqcol-3 {width: 42%;}
    .lqcol-4 {width: 0%; display: none;}
    .lqcol-5 {width: 4%;}
    .lqcol-6 {width: 42%;}
    .lqcol-7 {width: 100%;}
    
    .lcondoverflow{
        height: 40px;
        overflow: auto;
    }
    
    /* Clase para el manejo de la condición de búsqueda avanzada */
    .plologcond{
        width:47em;
    }
    
    /* ************ bloque para el desliegue de excepciones y mensajes *********** */
    .pexcpane {
        position: absolute;
        background-color: #f9f9f9;
        min-width: 480px;
        min-height: 120px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        top: 40%;
        left: 28%;
        right: 28%;
    }
    
    /* margenes de boton para excepciones margin: 10px 100px 5px 100px;*/
    .pexcbtnmargin{ margin-top: 10px;  margin-left: 300px; margin-bottom: 15px; }
}

/* ************ Configuración para computadoras landscape ************* */
@media only screen and (orientation: landscape) and (min-width: 1850px) {
    /* *********************  S T A F F  ************************* */
    /* *********** Columnas para LOS CAMPOS DE control ********* */
    .mctrfcol-1 {width: 16%;}
    .mctrfcol-2 {width: 20%;}
    .mctrfcol-3 {width: 7%;}
    .mctrfcol-4 {width: 10%;}
    .mctrfcol-5 {width: 16%;}
    .mctrfcol-6 {width: 14%;}
    .mctrfcol-7 {width: 16%;}
    .mctrfcol-8 {width: 16%;}
    .mctrfcol-9 {width: 30%;}
    .mctrfcol-10 {width: 12%;}
    
    /* Bloque para los campos de control */
    .marctrcblk{
        height: 80px;
        width: 98%;
    }
    
    /* dimensiones del subcampo marc */
    .marcsubfield{
        width:130em;
    }
    
    /* dimensiones del subcampo marc en búsquedas de autoridad */
    .marcqrysubfield{
        width:121em;
    }

    
    .modaltoppad{ padding-top: 160px; } /* Location of the box */
    .tpqrybibresheight{ height: 525px; }
    .tpbibrecsheight { height: 520px; }
}

/* ***************** FIN CONFIGURACION PARA TABLETS Y COMPUTADORAS LANDSCAPE ******************* */

/* margin: 10% 25%;   margin: 20px 20px 20px 20px; padding-left: 20px; */

.hidepexc {
    display: none;
}

.showpexc {
    display: block;
}