@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

/*

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800|Roboto:400,500,700,900');

*/



/*Barra de navegación*/

body

{

    /*font-family: 'Roboto', sans-serif;

    position: relative;

    */

    width: 100%;

    height: 100%;

    font-family: 'Open Sans', sans-serif;

	font-weight: 300;

    color: #6c1c41; /*IMPORTANTE*/

    background-color: #d1ebea; /*IMPORTANTE*/

	font-size: 16px;

    line-height: 1.6em;

    

}

.navbar

{

    background-color: #cceeed ;  /*IMPORTANTE d1ebea*/ ffcb1b 



}

.navbar .navbar-brand img:hover

{

    opacity: 0.7;



}



#menuSuperior .navbar-toggler, .btn-success {

    color: #cfcfcf ; /*IMPORTANTE*/

    background-color:#6c1c41 ; /*IMPORTANTE*/    

}





.navbar ul

{

padding: 0px 30px 0px 0px;

}

.navbar ul li a{

    color:  #f7d118; /*IMPORTANTE*/

    /*margin: 10px 0px 0px 10px;*/

    margin: 5px 0px 0px 0px;

    font-size: 15px;

}

.navbar ul li a .fas{

    padding-right:5px; 

    padding-left:5px; 

}

.navbar ul li a:hover{

    color: #f7d118;

    background-color: #184d09;

    font-size: 15px;

    font-weight: bold;

}

.navbar ul li.active > a {

    color:  #f7d118;

    font-weight: bold;

    font-size: 15px;

    border-radius: 40px;

}



.iconStyle

{

    color: #f7d118;

}



.brandName 

{

    color: #6c1c41; /*IMPORTANTE*/

    font-weight: bold;

    font-size: 20px; 

       

}



.brandName:hover{

    color: #1f98b7;

    

}



/*Estilos para el menu de revistas*/



#menuRevista {

    background-color: #6c1c41;

    padding-top:60px

}



#menuRevista a

{

    /*background-color: red;*/

    margin: 5px 0px 0px 0px; /*top right bottom left */

}

#menuRevista a.navbar-brand , #menuRevista ul.navbar-nav{

    /*background-color: red;*/

    padding-top:10px;

    margin: 5px 15px 0px 5px; /*top right bottom left */

}



#menuRevista i

{

    color:  #f7d118;

    margin: 5px 5px 5px 5px;

}



#menuRevista ul li a:hover , #menuRevista a:hover>i{

    color:  #6c1c41;

    background-color:#f7d118;

    font-size: 15px;

    border-radius: 5px;

    /*

    font-weight: bold;

    padding-top:50px;

    margin: 5px 15px 0px 5px; top right bottom left 

    border-radius: 25px;

    */

}



#menuRevista div.dropdown-menu {

    color: #abd3f3;

    background-color: #6c1c41;

    font-size: 15px;

}



#menuUsuarioEnSesion div.dropdown-menu {

    color: #abd3f3;

    background-color: rgb(27, 121, 3);

    font-size: 15px;

}



#menuUsuarioEnSesion .dropdown-menu>a {

    color: #f1f1f1;

    background-color: rgb(27, 121, 3);

    font-size: 15px;

}

#menuUsuarioEnSesion .dropdown-menu>a:hover {

    color:  rgba(228, 237, 241, 0.945);

    background-color:rgb(41, 179, 41);

    font-size: 15px;

    border-radius: 15px;

}



#seccionRevistas tbody {

    display:block;

    height:400px;

    overflow:auto;

    width:100%;

}







#listadoRevistas .liga:link, #listadoRevistas .liga:visited {

    color: rgb(11, 66, 6);

    padding: 1px 1px;

    text-align: left;

    /*text-decoration: none;*/

    display: inline-block;

  }

  

#listadoRevistas .liga:hover, #listadoRevistas.liga:active {

    border-radius: 5px;

    background-color: green;

    color: yellow;

    font-weight: bold;

  }



/* Articulo*/

#seccionArticulo  {

    padding: 1px 0;

    /*background-color:  greenyellow;*/

}

#seccionArticulo  i.fa-user-md {

    color:  #f7d118;

    margin: 5px 1px 5px 10px;

}



#seccionArticulo  i.fa-star{

    color:  rgb(247, 195, 97);

    margin: 5px 0px;

}



#seccionArticulo  i.fa-tags ,i.fa-calendar , i.fa-bar-chart, i.fa-folder-open-o{

    color:  #f7d118;

}



#seccionArticulo a.ligaAutor {

    color:  rgb(56, 161, 221);

}



#seccionArticulo a.ligaKeyword {

    color:  rgb(56, 161, 221);

}

#seccionArticulo a.ligaKeyword:hover, #seccionArticulo a.ligaKeyword:active {

    border-radius: 25px;

    padding: 5px 15px;

    background-color: rgb(32, 104, 211);

    color: rgb(229, 234, 241);

    font-weight: bold;

}



/* seccionResultadoBusqueda de palabras clave*/

#seccionResultadoBusqueda  {

    padding: 1px 0;

    background-color:  #f5f5f5;/**/

}

#seccionResultadoBusqueda tbody {

    display:block;

    height:380px;

    overflow:auto;

    width:100%;

}

/* Directorio de autores de una revista ABECEDARIO*/

#seccionDirectorioAutoresRevista button {

    border-radius: 25px;

    padding: 5px 15px;

  }



#seccionDirectorioAutoresRevista .btn-info {

    color: #cfcfcf ; /*IMPORTANTE*/

    background-color:#6c1c41 ; /*IMPORTANTE*/    

}  



/**Sección autores destacados */

#seccionAutoresDestacados a {

    color:  rgb(68, 79, 85);

    padding: 5px 15px;

    font-weight: bold;

}



#seccionAutoresDestacados a:hover, #seccionAutoresDestacados a:active {

    border-radius: 25px;

    padding: 5px 15px;

    background-color: rgb(32, 104, 211);

    color: rgb(229, 234, 241);

    font-weight: bold;

}

 /*Listado de artículos Top 10*/

article{

    background-color: #f1f1f1;

    padding: 10px;

    margin-bottom: 10px;

    margin-top: 10px;

	}

	figure img{

		width: 100%;

		height: 100%;

	}





#seccionArticulosMejorEvaluados  i.fa-star{

    color:  rgb(243, 178, 38);

}



#paginacion  {

    padding: 10px 5px;

    background-color:  #b4bec7;/**/

}



#paginacion a.paginaActual {



    color: rgb(229, 234, 241);

    background-color:  #09a53d;

    margin: 1px 5px;

}



  

/* Fondo ejemplar*/

#seccionEjemplar , #seccionEjemplaresActuales , #seccionAutoresDestacados {

    padding: 1px 0;

	width:100%;

	position:relative;    

    /*background-color:  greenyellow;*/

}

#seccionEjemplar i.fa-check-square-o, i.fa-plus {

    color:  #1f98b7;

    margin: 5px 1px 5px 10px;

    font-size:1em

}

#seccionEjemplar span.list {

    color: #45494c;

    font-size: 20px; 

    font-weight: bold;

}



#seccionEjemplar h4{

    /*font-weight: 700;*/

    font-size: 28px;

    padding:5px 1px 0px 10px;

}



#seccionEjemplar .card-header {

    background:rgba(255, 255, 255, 0.589);

    color: #45494c;

    font-size: 20px; 

    font-weight: bold;

}

#seccionEjemplar .card-header>a {

    color: #45494c;

    font-size: 20px; 

    font-weight: bold;

}



#seccionEjemplar .card-header>a:hover {

    color:  #1f98b7;

    font-size: 20px; 

    font-weight: bold;

}

#seccionEjemplar .card-header>.badge-pill {

    color:  rgb(255, 255, 255);

    font-size: 10px; 

}



#seccionEjemplaresAnuales button {

    margin: 10px 0px 0px 10px;

    border-radius: 5px;

    padding: 2px 15px;

}



#seccionEjemplaresAnuales .btn-info {

    color: #cfcfcf ; /*IMPORTANTE*/

    background-color:#6c1c41 ; /*IMPORTANTE*/    

}  





/* Estilos para fondo de bloques o secciones importantes*/

.autores-destacados {

	background: url(../img/bg/bg4.jpg)  no-repeat;

	position:relative;

	margin:0px;

	padding:10px 0 60px;

}

.ejemplares-actuales {

	background: url(../img/bg/bg2.jpg) no-repeat top center;

	padding:20px 0 60px;

}

.ejemplar-indice{

	background: url(../img/bg/bg1.jpg) no-repeat top center;

	padding:20px 0 60px;

}



.intro-content.intro-nobg {

	background:#fff;

	position:relative;

	margin:0;

	padding:140px 0 60px;

}





/*Barra de navegación*/





/* Footer */

section {

    padding: 30px 0;

}



section .section-title {

    text-align: center;

    color: #af8b5e;

    margin-bottom: 50px;

    text-transform: uppercase;

}







/*

.card-header {

    background: #af8b5e !important;

    color: #ffFFFF;

    font-weight: bold;

    font-size: 20px;     

}

*/

.invalid-feedback{

    background: #f0f78e !important;

    font-size: 15px;

}



#footer {

    background: #03ada6 !important;

}

#footer h5{

	padding-left: 10px;



    padding-bottom: 6px;

    margin-bottom: 20px;

    color:#ffffff;

}

#footer a {

    color: #ffffff;

    text-decoration: none !important;

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

}

#footer ul.social li{

	padding: 3px 0;

}

#footer ul.social li a i {

    margin-right: 5px;

	font-size:25px;

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}

#footer ul.social li:hover a i {

	font-size:30px;

	margin-top:-10px;

}

#footer ul.social li a,

#footer ul.quick-links li a{

	color:#ffffff;

}

#footer ul.social li a:hover{

	color:#eeeeee;

}

#footer ul.quick-links li{

	padding: 3px 0;

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}

#footer ul.quick-links li:hover{

	padding: 3px 0;

	margin-left:5px;

	font-weight:700;

}

#footer ul.quick-links li a i{

	margin-right: 5px;

}

#footer ul.quick-links li:hover a i {

    font-weight: 700;

}



@media (max-width:767px){

	#footer h5 {

    padding-left: 0;

    border-left: transparent;

    padding-bottom: 0px;

    margin-bottom: 10px;

}

}



.back-to-top {

    position: fixed;

    bottom: 25px;

    right: 25px;

    display: none;

}



/*Estilos para lista de eventos*/

.row-striped:nth-of-type(odd){

    background-color: #efefef;

    border-left: 4px #000000 solid;

  }

  

  .row-striped:nth-of-type(even){

    background-color: #ffffff;

    border-left: 4px #efefef solid;

  }

  

  .row-striped {

      padding: 15px 0;

  }



  /*Estilos para lista de eventos*/