@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800,400italic,600italic,800italic);

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal; }

body{
    font-family: 'Open Sans';
    font-size: 14px !important;
    line-height: 24px;
    background: url("images/back_body.png") repeat center top #FFF;
    }
.main-header {
    background: url("images/back_head.png") repeat-x center top #6b4e2b;
    background-size: 260px auto;
}

/*Contenedor principal para los logos*/
.navbar-brand {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    max-width: 100%;
    text-align: center;
}
.navbar-brand:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

/*Contenedor padre para los logos del head*/
.navbar.navbar-expand-lg.navbar-light .logos_2 {
    clear: both;
    float: left;
    display: flex;
    margin-left: 0;
    margin-top: 0%;
    width: 80%;
}
.logos_2 > .logotitulo {
  order: 2;
}
.logos_2 > .zone_logos_2 {
  order: 1;
}
/*Logo de la revista en los tamaños pequeños*/
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo{ 
      clear: none;
      display: block;
      float: none;
      width: 70%;
      height: auto;
      padding: 0px;
      margin: 1.5rem 0px 0px 0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo .navbar-brand { 
      clear:none;
      display: block;
      float:none;
      width: 100%;
      height: auto;
      padding: 0px;
      margin:0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .navbar-brand img {
    max-height: 80px !important;
  }
/*Zone que contiene al escudo y el del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2{
    clear: none;
    display: block;
    width: 25%;
    float: left;
    margin-left: 0;
    padding: 0;
}

/*Escudo de la UNAM*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2{
    clear: both;
    float: left;
    display: block;
    margin: 0;
    width: auto;
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2 img {    
    width: auto;
    max-height: 60px;
}
/*Logo del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    width: auto;
    margin-top: 0    rem;    
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2 img{
    width: auto;
    max-height: 60px;
}
/*Para los avisos que hay cuando entra al OJS para los tamaños pequeños*/
.badge-light {
  background: #FFF;
  color: #81623e;
}
/*Estilos para los links del menú superior*/
#primaryNav {
  justify-content:space-around;
  position:relative;
  width:100%;
  padding-top:1rem;
  padding-bottom:1rem
 }
/*Menú solamente dentro de los tamaños pequeños*/
.navbar-collapse {
    background: rgba(255,255,255,0.8);
    margin-top: .5rem;
}
.navbar-collapse.justify-content-md-center.collapse.show #primaryNav{
    border-bottom:1px solid #81623e;
}
/*Estilos del menú superior, menú hamburguesa, para los tamaños pequeños*/
.navbar-light .navbar-toggler {
    border-color: #81623e;
    background: rgba(192,177,153,.8);
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .dropdown-item {
    color:#595757;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .dropdown-item:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .dropdown-item:focus {
    outline:0;
    background:transparent;
    color:#81623e !important;
    font-weight: 600;
}
/*Para los links del submenú dentro de los tamaños pequeños*/
.nav-item.nmi_type_about.dropdown.show .dropdown-menu.show{
    background: #c0b199 !important;
    border: none;  
    font-weight: normal;
}

.nav-item.nmi_type_about.dropdown.show .dropdown-menu.show .dropdown-item{
    color:#333;
    font-weight: normal;
}
.nav-item.nmi_type_about.dropdown.show .dropdown-menu.show .dropdown-item:hover, .nav-item.nmi_type_about.dropdown.show .dropdown-menu.show:focus{
    color:#81623e;
    font-weight: normal;
    background: #FFF !important;
    border-color: transparent;
}
/*Para el submenú dentro menú del usuario al entrar al OJS*/
.nav-item.nmi_type_user_dashboard.dropdown.show .dropdown-menu.show{
    background: #595757 !important;
    border: none;  
    font-weight: normal;
}

.nav-item.nmi_type_user_dashboard.dropdown.show .dropdown-menu.show .dropdown-item{
    color:#FFF;
    font-weight: normal;
}
.nav-item.nmi_type_user_dashboard.dropdown.show .dropdown-menu.show .dropdown-item:hover, .nav-item.nmi_type_user_dashboard.dropdown.show .dropdown-menu.show .dropdown-item:focus{
    color:#c0b199 !important;
    font-weight: normal;
    background: transparent !important;
    border-color: transparent;
}
/*Estilos para el menú del idioma en los tamaños pequeños*/
#languageSmallNav {
    margin-top: 0rem;
    margin-bottom: 6rem;
    border-top: 1px solid #333;
    padding-top: 1rem;
    padding-left: .5rem;
}

#languageSmallNav .btn.dropdown-toggle{
    font-size: 14px;
    padding:.5em 1em;
    border-radius:0;
    border:1px solid #757575;
    background:transparent;
    font-family:'Open Sans';
    font-weight:400;
    color:#333;
    text-decoration:none;
    cursor:pointer
}
#languageSmallNav .btn.dropdown-toggle:hover,
#languageSmallNav .btn.dropdown-toggle:focus,
#languageSmallNav .btn.dropdown-toggle:active {
    box-shadow:none;
    color:#81623e !important;
    border-color:#81623e !important;
    text-decoration:none
}
.dropdown-menu.show {
  margin-left: .5rem;
}
#languageSmallNav .dropdown-item {
    color:#FFF;
}
/*Esta parte abre el sumbenú del lengujae en los tamaños pequeños*/
.dropdown-menu {
  background: #595757 !important;

}
.dropdown-item:hover, .dropdown-item:focus {
  background: transparent;
  border-color: transparent;
  color: #c0b199 !important;
  outline: 0;
}
/*Estilos para links generales*/
a {
    text-decoration: none;
    color: #81623e;
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}
a:hover, a:focus {
    text-decoration: underline;
    color: #666 !important;
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}
a:visited {
    text-decoration: none;
    color: #6b4e2b;
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
}
/*Estilo para darle una sombre distinta a la imagen en el front*/
.homepage-issue-cover {
  box-shadow: 2px 1px 6px 1px #81623e;
}
/*Estilos para la presentación en el front de la revista*/
.page-content p {
    font-size: 14px !important;
    color:#616161;
}
/*Espacio para la presentación de la revista*/
.homepage-issue-description-wrapper {
    padding: 0rem 1.5rem 1.5rem 1.5rem;
    background: rgba(192,177,153,.4);
    border-radius: 6px;
    box-shadow: 0 0 4px #CCC;
    border: 1px solid #c0b199;
    margin-bottom: 1.5rem;
}
/*Estilos para los títulos y links de los artículos en la tabla de contenido*/
.article-summary-title {
  font-size: 14px !important;
  font-family: 'Open Sans' !important;
}
/*Estilos para las ligas dentro de la tabla del contenido, título del artículo*/
.article-summary-title a {
  text-decoration: none;
    color: #616161;
	font-weight:600;
	font-size:14px !important;
    line-height: 1.5;
}
.article-summary-title a:hover, .article-summary-title a:focus{
    text-decoration: underline;
    color: #928575 !important;
	font-weight:600;
	font-size:14px !important;
    line-height: 1.5;
}
.article-summary-title a:visited {
    color: #616161;
	font-weight:600;
	font-size:14px !important;
    line-height: 1.5;}
.article-summary-title a:active {
    color: #616161;
	font-weight:600;
	font-size:14px !important;
    line-height: 1.5;
}
/*Estilos para las ligas dentro de la tabla del contenido, los DOI de los artículos*/
.article-summary-doi a, .page-issue-doi a{
  text-decoration: none;
    color: #81623e;
	font-weight:600;
	font-size:14px !important;
}
.article-summary-doi a:hover, .article-summary-doi a:focus, .page-issue-doi a:hover, .page-issue-doi a:focus{
    text-decoration: underline;
    color: #616161;
	font-weight:600;
	font-size:14px !important;
}
.article-summary-doi a:visited, .page-issue-doi a:visited {
    color: #81623e;
	font-weight:600;
	font-size:14px !important;
}
.article-summary-doi a:active, .page-issue-doi a:active {
    color: #81623e;
	font-weight:600;
	font-size:14px !important;
}
/*Título dentro de la tabla de contenido anunciando los Artículos*/
.issue-toc h3.issue-toc-section-title, .issue-toc h2.issue-toc-section-title {
    font-size: 16px !important;
    background: #928575;
    font-family: 'Open Sans'!important;
    padding: 1% 1%;
    text-transform: uppercase;
    color: #FFF !important;
    margin-top: 2%;
    margin-bottom: 1%;
    font-weight: 400;
}
/*Estilo para eliminar el border top que se genera al usar este div*/
.issue-toc-section + .issue-toc-section {
  border-top: none;
}
/*Estilo reescrito para vestir al footer*/
.site-footer {
    color: #333;
    background: url("images/back_footer.png") repeat-x center bottom #c0b199;
    padding-top: 0;
    word-wrap: break-word;
}
.site-footer p {
    text-align: justify;
    line-height: 15px;
    margin-bottom: 1%;
    font-size: 12px; 
    word-wrap: break-word;
}
.site-footer .redesSociales {
    margin-bottom: 2%;
    padding-bottom: 1%;
    border-bottom: 1px solid #FFF;
    text-align: center;
}
.site-footer .redesSociales a img {
  max-width: 100%;
  width: 45px;
}
/*Links dentro del espacio del footer*/
.site-footer  p a:link{
    color: #81623e;
	text-decoration:none;
    font-weight: 400;
    font-size: 12px !important;
}

.site-footer p a:hover, .site-footer p a:visited:hover{
    color: #4b3d2f;
	text-decoration:underline;
    font-weight: 400;
    font-size: 12px !important;
}
.site-footer p a:visited{
    color: #81623e;
	text-decoration:none;
    font-weight: 400;
    font-size: 12px !important;
}
/*Footer secundario*/
.site-footer .zone-container-footerSecond{
    background:#81623e;
    padding-top: 2rem;
    font-family: 'Open Sans'!important;
}
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .title, .site-footer .zone-container-footerSecond .pkp_block.block_custom .title, .site-footer .zone-container-footerSecond  .pkp_block.block_language .title{
    display: block;
    margin-bottom: 0.5em;
    font-size: 22px;
    font-weight: 600;
    color: #FFF !important;
}
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
}
.site-footer .zone-container-footerSecond #customblock-ndices .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
}
.site-footer .zone-container-footerSecond .pkp_block.block_language a{
    color: #c0b199 !important;
    text-decoration: none;
}
.site-footer .zone-container-footerSecond .pkp_block.block_language a:hover, .site-footer .zone-container-footerSecond .pkp_block.block_language a:focus {
    color: #000 !important;
    text-decoration: underline;
}
.site-footer-sidebar {
  border-bottom: none !important;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#928575 !important;
    border-color:#81623e !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
}
.btn-primary:visited {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
}
/*Estilos para el botón de ver todos los números al finalizar la tabla de contenido y el botón de edición dentro de cada sección*/
.text-center .btn, .btn.btn-edit-link {
    padding:.5em 1em;
    border-radius:4px;
    border:1px solid #81623e !important;
    background:#928575 !important;
    font-family:'Open Sans';
    font-size:15px;
    font-weight:600;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
}
.text-center .btn:hover, .text-center .btn:focus, .text-center .btn:active, .btn.btn-edit-link:hover, .btn.btn-edit-link:focus, .btn.btn-edit-link:active{
    box-shadow:none;
    text-decoration:none;
    background:#81623e !important;
    border-color:#666 !important;
    color:#FFF !important;
}
/*Ventana modal, para ingresar al OJS*/
.modal-content {
  border-radius: 0;
  background: #674f30;
  color: #FFF !important;
}
.modal-content .form-control {
  background: transparent;
  border-color: #000;
  color: #FFF;
}
.form-control:focus {
    border-color:#FFF !important;
    box-shadow:0 0 0 .2rem rgba(192,177,153,.4) !important;
}
.form-control {
  background: rgba(192,177,153,.4) !important;
  border-radius: 4px 4px 0 0 !important;
}
/*Estilos para el page content, contenedor principal de todo*/
.page-content {
    font-size: 1em !important;
    line-height: 24px !important;
    border-top: 1px solid #9a7b55;
    padding-top: 0rem;
    word-wrap: break-word;
}
.page-header.page-archives-header{
    border-bottom: 1px solid #9a7b55;
    padding-top: 0rem;
    margin-bottom: 1.5rem;
}
.page-header.page-archives-header h1{
    font-size: 1.3em !important;
    color: #81623E;
    text-transform: uppercase;
    font-weight: 600;
}
/*Elementos dentro del artículo*/
.article-details-block.article-details-galleys.article-details-galleys-btm{
  margin-bottom: 1.5rem;
}
.article-details-block.article-details-license {
    margin-top: 0px; /*margin-top: 30px;*/
    border-top: 1px solid #666;
    padding-top: 1rem;
    word-wrap: break-word;
}
/*Estilos para Login*/

.modal-content a:link{ 
	color: #81623e;
	text-decoration:none;
	font-weight:600;
	display: inline-block;
	background: #ccc;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 4% 0;
	}	
.modal-content a:hover{ 
	color: #333;
	text-decoration:none;
	font-weight:600;
	background: #ccc;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 4% 0;
	text-shadow: 1px 1px 3px #fff;
	  	}
.modal-content a:hover:visited{ 
	color: #333;
	text-decoration:none;
	font-weight:600;
	background: #ccc;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 4% 0;
	text-shadow: 1px 1px 3px #fff;
	}

.modal-content a:visited {
    color: #81623e;
	text-decoration:none;
	font-weight:600;
	background: #ccc;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 4% 0;
}
.modal-content a:active{ 
    color: #333;
	text-decoration:none;
	font-weight:600;
	background: #ccc;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 4% 0;

	}	
/*Estilos para registrarse e ingresar*/
.container.page-register, .container.page-login{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    line-height: 24px;  
}
.container.page-register label, .container.page-login label{
    font-family: 'Open Sans' !important;
    font-size: 16px !important;
    line-height: 24px;  
}
.container.page-register .consent label, .container.page-register .reviewer label{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    line-height: 24px;  
}
.container.page-register legend{
    font-family: 'Open Sans' !important;
    font-size: 20px !important;
    text-transform: inherit;
    font-weight: 600;
    color: #81623e;
}
.page-header h1 {
    font-size: 1.4em;
    font-family: 'Open Sans' !important;
    margin: 1rem 0;
}
.container.page-register .page-content, .container.page-article, .container.page-about, .container.page-submissions, .container.page-submissions .submissions-checklist{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    line-height: 24px !important; 
    color:#333 !important;
    word-wrap: break-word !important;
}
.page-content p, .page-content li {
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    line-height: 24px !important; 
    color:#333 !important;
}
/*Estilo para el div del head del artículo*/
.article-details .page-header{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #333 !important;
}
/*Estilo para el contenido dentro del artículo*/
.article-details-main {
    padding: 3rem 3rem;
    background: rgba(255,255,255,.4);
    border-radius: 6px;
    box-shadow: 0 0 4px #CCC;
    border: 1px solid #c0b199;
    word-wrap: break-word;
}
/*Estilo para marcar la columna a la derecha dentro del artículo*/
.container.page-article .article-details-sidebar{
    padding: 1.2rem;
    background: rgba(255,255,255,.4);
    border-radius: 6px;
    box-shadow: 0 0 4px #CCC;
    border: 1px solid #c0b199;
}
/*Estilo para darle una sombre distinta a la imagen de la portada dentro del artículo*/
.article-details-block.article-details-cover .img-fluid{
    box-shadow: 2px 1px 6px 1px #81623e;
}
/*Estilo para los títulos dentro del artículo en la columna derecha*/
.article-details-block.article-details-how-to-cite h2.article-details-heading, .article-details-block.article-details-keywords h2.article-details-heading{
    font-size: 1.1em !important;
    color: #FFF;
    text-transform: uppercase;
    background: #928575;
    padding: 5px; 
    font-weight: 400;
}
/*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:hover,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:focus,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}
/*Estilos para el div que contiene el módulo de compartir en redes sociales*/
.item.addthis.pkp_block.addthis_block{
    width: 100% !important;
    padding: 0px;
}
.item.addthis.pkp_block.addthis_block .title, #plumx_container .plumx_title{
    display: block;
    font-size: 1.1em !important;
    color: #FFF;
    text-transform: uppercase;
    background: #928575;
    padding: 5px;
    font-weight: 400;
}
/*Para el espacio de búsqueda*/
.search-filters {
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    background: rgba(192,177,153,.4);
    border-radius: 6px;
}
.search-filters h2 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
    color: #81623e;
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans' !important;
    font-weight: 600;   
}
/*Estilos para los títulos dentro del contenido*/
.page-content h2{
    font-size: 1.2rem !important;
    color:#81623e !important;
    font-weight: bold;
}
.page-content h3{
    font-size: 1rem !important;
    color:#81623e !important;
    font-weight: bold;
}

.form-group {
  margin-bottom: 2rem;
}
/*Estilos para la alerta*/
.alert-primary {
    background-color: rgba(203,1,1, 0.4);
    border-color: #cb0101;
    color: #FFF;
    border-radius: 4px;
    font-weight: 600;
}
/*Estilos dentro de la sección de envíos, para que el aviso se despegue de la línea después del título*/
.container.page-submissions .alert-primary {
    margin-top: 1.5rem;
}
.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  margin-top: 1em;
}
.container.container-homepage-issue.page-content .homepage-issue-description-wrapper .homepage-description-buttons{
    display: none;
    visibility: hidden;
}
.container.container-homepage-issue.page-content{
    border-top: none;
    margin-top: 2rem;
}
/*Títulos en el front antes de la tabla de contenido*/
.container.container-homepage-issue.page-content .h5.homepage-issue-current{
    margin-top: 0em;
    color:#000 !important;
    font-weight: 400;
    font-size: 1rem !important;
}
.container.container-homepage-issue.page-content .h6.homepage-issue-published{
    color:#666;
    font-weight: 400;
    font-size: .85rem;
}
.container.container-homepage-issue.page-content .h1.homepage-issue-identifier{
    font-size: 1.3em !important;
    color: #81623E;
    text-transform: uppercase;
    font-weight: 600;
    padding: .1em 0;
    border-bottom: 1px solid #9a7b55;
}
/*Estilos para juntar más cada artículo, tipo interlineaje*/
.article-summary {
    margin: 2rem 0 1.5rem !important;
    word-wrap: break-word;
}
.article-summary-galleys {
  margin-top: 1em;
  border-bottom: 1px solid rgba(129,98,62,.4);
  padding-bottom: 1.5rem;
}
/*Estilos para el directorio*/
.container.page-editorial-team .directorioRev{
    line-height: 22px !important;
}

.container.page-editorial-team .directorioRev h4{
    color: #81623e;
    font-weight: 600;
}
.container.page-editorial-team .directorioRev .division{
    color: #81623e;
    font-weight: 400;
}
/*Estilos dentro de los contenidos*/
.page-header {
    margin-bottom: 0rem;
}
.page-header.page-issue-header {
    margin-bottom: 0rem;
    line-height: 14px;
}
.container.page-editorial-team h1, .container.page-about h1, .container.page-submissions h1, .container.page-contact h1{
    font-size: 1.3em !important;
    color: #81623E;
    text-transform: uppercase;
    font-weight: 600;
    padding: .3em 0;
}
/*Estilos para tabla dentro de la sección Sobre la revista, donde se encuentran los logos de los índices*/
.indices_basesdatos {
  overflow: auto;
}
.indices_basesdatos table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 1em 0;
}
.card.issue-summary{
    background: transparent;
    text-align: center;
}
.card.issue-summary img{
    box-shadow: 2px 1px 6px 1px #81623e;
}
.card.issue-summary .card-body h2.card-title{
    margin-bottom: .5rem;
}
.card.issue-summary .card-body h2.card-title a{
  text-decoration: none;
    color: #81623e;
	font-weight:600;
	font-size:1.1rem;
}
.card.issue-summary .card-body h2.card-title a:hover, .card.issue-summary .card-body h2.card-title a:focus{
    text-decoration: none;
    color: #616161;
	font-weight:600;
	font-size:1.1rem;
}
.card.issue-summary .card-body h2.card-title a:visited {
    color: #81623e;
	font-weight:600;
	font-size:1.1rem;
}
.card.issue-summary .card-body h2.card-title a:active {
    color: #81623e;
	font-weight:600;
	font-size:1.1rem;
}
/*Paginación dentro de la sección de Anteriores*/
.page-link {
    color:#fff !important;
    background-color:#c0b199;
    border:1px solid #333;
}
.page-link:hover {
    color:#fff !important;
    background-color:#81623e;
    border-color:#333;
}
.page-link:hover, .page-link:focus {
    background: transparent !important;
    color: #666 !important;
}
.page-item.active .page-link:hover, .page-item.active .page-link:focus {
  background: transparent;
  border-color: #81623e !important;
  color: #81623e !important;
}
.page-item.disabled .page-link {
 color:#FFF !important;
 background-color:#81623e;
 border-color:#333;
}
.page-item.active .page-link {
  color: #666 !important;
  border-color: #81623e !important;
}
/**/
.article-details-bio-toggle {
    padding: 0;
    font-size: 0.9rem;
    color: #81623e;
    border: none;
    background: transparent;
    cursor: pointer;
    text-decoration: underline;
    
}
.article-details-bio-toggle:hover, .article-details-bio-toggle:focus {
    color: #666;
    text-decoration: none;
}
/*Espacio que se hace arriba de la portada en los tamaños pequeños*/
.page-issue-details {
  margin-top: 0rem;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-ndices{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
#customblock-ndices.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 80px;
    width: auto;
    margin: 0 auto 0rem auto;
}
/*Estilo para que se vean las estadísticas dentro de un contenedor con scroll horizontal*/
.item.downloads_chart{
    overflow-x: auto;
}
/*Aquí inician la media querie a partir de 480px para arriba*/
@media (min-width:480px) {
.main-header {
    background: url("images/back_head.png") repeat-x center top #6b4e2b;
    background-size: 260px auto;
}
/*Contenedor padre para los logos del head*/
.navbar.navbar-expand-lg.navbar-light .logos_2 {
    clear: both;
    float: left;
    display: flex;
    margin-left: 0;
    margin-top: 0%;
    width: 80%;
}
.logos_2 > .logotitulo {
  order: 2;
}
.logos_2 > .zone_logos_2 {
  order: 1;
}
/*Logo de la revista en los tamaños pequeños*/
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo{ 
      clear: none;
      display: block;
      float: none;
      width: 70%;
      height: auto;
      padding: 0px;
      margin: 1.5rem 0px 0px 0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo .navbar-brand { 
      clear:none;
      display: block;
      float:none;
      width: 100%;
      height: auto;
      padding: 0px;
      margin:0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .navbar-brand img {
    max-height: 80px !important;
  }
/*Zone que contiene al escudo y el del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2{
    clear: none;
    display: block;
    width: 25%;
    float: left;
    margin-left: 0;
    padding: 0;
}

/*Escudo de la UNAM*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2{
    clear: both;
    float: left;
    display: block;
    margin: 0;
    width: auto;
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2 img {    
    width: auto;
    max-height: 60px;
}
/*Logo del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    width: auto;
    margin-top: 0    rem;    
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2 img{
    width: auto;
    max-height: 60px;
}
/*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:hover,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:focus,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}
.page-header h1 {
    font-size: 1.4em;
    font-family: 'Open Sans' !important;
    margin:1rem 0;
}
/*Espacio que se hace arriba de la portada en los tamaños pequeños*/
.page-issue-details {
  margin-top: 0rem;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
}
.site-footer .zone-container-footerSecond #customblock-ndices .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#928575 !important;
    border-color:#81623e !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:visited {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-ndices{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
#customblock-ndices.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 100px;
    width: auto;
    margin: 0 auto 0rem auto;
}    
}
/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 630px) and (max-width: 767px){
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2{
  clear: none;
  display: block;
  width: 25%;
  float: left;
  margin-left: 0;
  padding: 1.5rem 0 0 0;
}
    
}

/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 768px) {
.main-header {
    background: url("images/back_head.png") repeat-x center top #6b4e2b;
    background-size: 260px auto;
}
/*Contenedor padre para los logos del head*/
.navbar.navbar-expand-lg.navbar-light .logos_2 {
    clear: both;
    float: left;
    display: flex;
    margin-left: 0;
    margin-top: 0%;
    width: 80%;
}
.logos_2 > .logotitulo {
  order: 1;
}
.logos_2 > .zone_logos_2 {
  order: 2;
}
/*Logo de la revista en los tamaños pequeños*/
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo{ 
      clear: none;
      display: block;
      float: none;
      width: 70%;
      height: auto;
      padding: 0px;
      margin: 0rem 0px 0px 0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .logotitulo .navbar-brand { 
      clear:none;
      display: block;
      float:none;
      width: 100%;
      height: auto;
      padding: 0px;
      margin:0px;
  }
  .navbar.navbar-expand-lg.navbar-light .logos_2 .navbar-brand img {
    max-height: 80px !important;
  }
/*Zone que contiene al escudo y el del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2{
    clear: none;
    display: block;
    width: 30%;
    float: left;
    margin-left: 0;
    padding: 0;
}

/*Escudo de la UNAM*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2{
    clear: both;
    float: left;
    display: block;
    margin: .5rem 0 0 0;
    width: auto;
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logounam_2 img {    
    width: auto;
    max-height: 60px;
}
/*Logo del instituto*/
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2{
    clear: none;
    float: left;
    display: block;
    margin-left: 2rem;
    width: auto;
    margin-top: .5rem;    
}
.navbar.navbar-expand-lg.navbar-light .logos_2 .zone_logos_2 .logoiibi_2 img{
    width: auto;
    max-height: 60px;
}
 /*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:hover,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:focus,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}   
.page-header h1 {
    font-size: 1.4em;
    font-family: 'Open Sans' !important;
    margin: 1rem 0;
}
/*Espacio que se hace arriba de la portada en los tamaños pequeños*/
.page-issue-details {
  margin-top: 0rem;
} 
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
}
.site-footer .zone-container-footerSecond #customblock-ndices .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 4rem 0px 20px 0px;
    margin: 0;
    height: 225px;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#928575 !important;
    border-color:#81623e !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:visited {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-ndices{
    background: transparent;
    color: #000;
    border-radius: 4px;
}

#customblock-ndices.pkp_block.block_custom .slick-initialized.slick-slider img{
	  max-height: 100px;
      width: auto;
      margin: 0rem 0 0 0;
}
}
@media (max-width: 991px){
/*Signo de más para ver más sobre los autores dentro del artículo*/
.author-symbol {
  
  color: #81623e !important;
}
/**/
.article-blocks-mobile > .article-details-license {
  order: 3;
}
/*Para cambiar el espacio debajo del Resumen dentro del artículo*/
.article-blocks-mobile > * {
  margin-bottom: 15px !important;
}
.article-blocks-mobile {
    word-wrap: break-word;
}
/*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-sidebar .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-sidebar .btn.dropdown-toggle:hover,
.article-details-sidebar .btn.dropdown-toggle:focus,
.article-details-sidebar .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}
}

/*Aquí inician la media querie a partir de 992px para arriba*/
@media (min-width: 992px) {
/*Signo de más para ver más sobre los autores dentro del artículo*/
.author-symbol {
  
  color: #81623e !important;
}
/*Estilos para el div que contiene el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos_2 {
    display: none !important;
    visibility: hidden !important;
}
/**/
#userNav {
  position: absolute;
  top: 0rem;
  right: 1rem;
}
.language-toggle {
  position: absolute;
  top: 0rem;
  left: 1rem;
}    
.main-header {
    background: url("images/back_head.png") repeat-x center top #6b4e2b;
    background-size: auto auto;
}   
.main-header .container {
  padding: 2rem 1rem 1rem 1rem !important;
}
/*Contenedor principal para los logos*/
.navbar-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    max-width: 100%;
    text-align: center;
}
.navbar-logo:after{
content: "."; 
display:block;
clear:both;
visibility:hidden;
height:1px;
}

/*Contenedor padre para los logos del head*/
.navbar-logo .logos{ 
    clear:none;
    display: block;
    float:none;
    width: 100%;
    height: auto;
    padding: 0px;
    margin:0px;
}
.navbar-logo .logos .logotitulo {
  clear: none;
  float: left;
  display: block;
  margin-left: 20%;
  margin-top: 0;
  width: auto;
}
/*Estilos para hacer crecer el logo de la revista*/
.navbar-logo .logos .logotitulo img {
  max-height: 170px !important;
}
/*Zone que contiene al escudo y el del instituto*/
.navbar-logo .logos .zone_logos {
    width: auto;
    float: right;
    margin-right: 0;
    clear: none;
    display: block;
}
/*Escudo de la UNAM*/
.navbar-logo .logos .logounam{
    clear: both;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0%;
    width: auto;
}
.navbar-logo .logos .logounam img {
  width: 100%;
    max-height: 80px;
}
/*Logo del instituto*/
.navbar-logo .logos .logoiibi{
  clear: both;
  float: left;
  display: block;
  margin-left: 0;
  width: auto;
  margin-top: .5rem;
}
.navbar-logo .logos .logoiibi img{
  width: 100%;
    max-height: 80px;
}
/**/
.navbar-expand-lg .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
  background-color: #FFF;
  overflow: inherit;
  padding: .2em 0;
}
.navbar {
  padding-left: 0px;
  padding-right: 0px;
}
/*Para el menú superior*/
#primaryNav {
    width: 70%;
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-bottom:none;
}
/*Estilos para el menú del usuario*/
#userNav .nav-link, .language-toggle .dropdown-toggle {
  color: #FFF;
  border: 0px solid transparent;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: none;
}
#userNav .nav-link:hover, .language-toggle .dropdown-toggle:hover, #userNav .nav-link:focus, .language-toggle .dropdown-toggle:focus {
    font-size: 16px !important;
    color: #81623e !important;
    outline:0;
    border-color:transparent;
    background: rgba(255,255,255,.6);
 }
.badge-light {
  background: #FFF;
  color: #81623e;
}
/*Cambio de estilo para el submenú*/
.dropdown-menu {
  padding: 0.5em;
  background: #595757;
  border: none;
  border-radius: 0;
  color: #000;
}
.dropdown-item:hover, .dropdown-item:focus {
  background: transparent;
  border-color: transparent;
  color: #c0b199 !important;
  outline: 0;
}

 #primaryNav .nav-link,
 #primaryNav .dropdown-item {
  line-height:1.5rem;
  text-transform:uppercase;
  vertical-align:middle;
  border:1px solid transparent
 }
 #primaryNav .nav-link {
     font-size: 14px;
     font-weight: 600;
     padding:.5rem;
     color:#595757;
     border:0px none transparent;
     border-color:transparent
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
     font-size: 14px;
     font-weight: 600;
     padding:.5rem;
     background:transparent;
     color:#595757;
     border:0px none transparent;
     border-color:transparent
 }
 #primaryNav .dropdown-item {
  padding:0.5rem
 }

 #primaryNav .dropdown-menu.show {
     display:block;
     flex-wrap:wrap;
     justify-content:space-around;
     align-content:center;
     position:absolute;
     top:100%;
     left:20%;
     width:auto;
     margin:0;
     padding:1rem 0rem;
     background-color:#c0b199 !important;
     border-radius:0;
     box-shadow: 0 0 4px #674f30;      
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#000;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: normal
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#674f30 !important;
     background-color:#FFF;;
     border:0px transparent;
 }
/*Espacio para la presentación de la revista*/
.homepage-issue-description-wrapper {
    padding: 1rem 1.5rem;
    background: rgba(192,177,153,.4);
    border-radius: 6px;
    box-shadow: 0 0 4px #CCC;
    border: 1px solid #c0b199;
    margin-bottom: 0rem;
}
/*Estilo para el espacio superior para subir la tabla de contenido*/
.homepage-issue-header {
  margin-bottom: 1rem;
}
/*Estilos para arreglar el Número completo, portada y descripción si existiera del número, todo dentro de Números anteriores*/
.page-issue-description-wrapper {
    padding: 0rem 3rem 3rem 3rem;
    background: transparent;
    text-align: center;     
}
.page-issue-description-wrapper img{
    box-shadow: 2px 1px 6px 1px #81623e; 
}  
.page-issue-description-wrapper .page-issue-galleys{
    border-bottom: 1px solid #9a7b55;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.page-issue-description-wrapper .page-issue-galleys .h3{
  margin: 1.5rem 0 1rem 0;
  color: #000 !important;
  font-weight: 400;
  font-size: 1rem!important;
}
.page-issue-description-wrapper .page-issue-description{
    text-align: left;     
}  
.page-issue-description-wrapper .page-issue-description .h2{
    margin: 1.5rem 0 1rem 0;
    color: #81623e !important;
    font-weight: 600;
    font-size: 1rem!important;
    text-transform: uppercase;
} 
/*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:hover,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:focus,
.article-details-block.article-details-how-to-cite .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}  
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}
.page-header h1 {
    font-size: 1.4em;
    font-family: 'Open Sans' !important;
    margin: inherit;
}
/*Espacio que se hace arriba de la portada en los tamaños pequeños*/
.page-issue-details {
  margin-top: 3rem;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 20px 10px 10px 10px;
    margin: 0;
}
.site-footer .zone-container-footerSecond #customblock-ndices .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
    height: auto;
}
/*Estilo para cambio de color al visitar la Biografía del autor*/
.authors-string .author-string-href:hover {
    color: #81623e !important;
    text-decoration: none;
}
.author-string-href.active {
    color: #81623e !important;
    text-decoration: underline;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#928575 !important;
    border-color:#81623e !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:visited {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-ndices{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
#customblock-ndices.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 105px;
	width: auto;
	margin: 0 auto;
}
}

/*Aquí inician la media querie a partir de 1200px para arriba*/
@media (min-width: 1200px) {
/*Estilos para el div que contiene el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos_2 {
    display: none !important;
    visibility: hidden !important;
}
/*Para el menú superior*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Botón de formas de cita y cómo mostrará los tipos que existen*/
.article-details-sidebar .btn.dropdown-toggle{
    padding: .5em 1em;
    border-radius: 4px;
    border: 1px solid #666 !important;
    background: #81623e !important;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}
.article-details-sidebar .btn.dropdown-toggle:hover,
.article-details-sidebar .btn.dropdown-toggle:focus,
.article-details-sidebar .btn.dropdown-toggle:active {
    box-shadow: none;
    text-decoration: none;
    background: #928575 !important;
    border-color: #666 !important;
    color: #FFF !important;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show{
    padding: 0.5em;
    background: #FFF !important;
    border: 1px solid #81623e !important;
    border-radius: 4px;
    color: #000;
}
/*Cambio de estilo para el submenú del tipo de citas existentes*/
.article-details-block.article-details-how-to-cite .dropdown-menu.show a{
    padding: 0.5em;
    background: #FFF !important;
    border: none;
    border-radius: 0;
    color: #000;
}
.article-details-block.article-details-how-to-cite .dropdown-menu.show a:hover, .article-details-block.article-details-how-to-cite .dropdown-menu.show a:focus {
    background: #81623e !important;
    border-color: transparent;
    color: #FFF !important;
    outline: 0;
}    
.page-header h1 {
    font-size: 1.4em;
    font-family: 'Open Sans' !important;
    margin:inherit;
}
/*Espacio que se hace arriba de la portada en los tamaños pequeños*/
.page-issue-details {
  margin-top: 3rem;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .zone-container-footerSecond .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
}
.site-footer .zone-container-footerSecond #customblock-ndices .content{
    display: block;
    background: #FFF !important;
    border-radius: 4px;
    padding: 10px 10px 14px 10px;
    margin: 0;
    height: auto;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#928575 !important;
    border-color:#81623e !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:visited {
    background:#81623e;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-ndices{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
#customblock-ndices.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 120px;
	width: auto;
	margin: 0 auto;
}
}

/*Podría ser que se use este tamaño*/
@media (min-width:1920px) {

/*Para el menú superior*/
#primaryNav {
  width: 50%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}	
}