* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

#content {
  font-family: "Minion Pro", Times New Roman, serif;
  margin: 0px 10%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  flex-wrap: wrap;
  min-width: 250px;
}

#contenido ul {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 40px;
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 16pt;
}

#contenido ul:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

#contenido {
  padding: 30px;
}

#container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #939393;
  font-weight: bold;
  text-align: right;
  font-family: "Gilmer bold", "Segoe UI", Calibri, Candara, Segoe, Optima, Arial;
  font-size: 15pt;
  color: #000;
  flex-wrap: wrap;
}

#container a {
  font-size: 20px;
  background-color: #fff5bd;
  color: #850000;
  border-radius: 3px;
  padding: 4px;
  border: solid rgb(211, 187, 187) 2px;
  text-decoration: none;
  border-radius: 25px;
  flex-wrap: wrap;
}

#container:hover {
  /*border: solid rgb(207, 84, 84) 2px;*/
  background-color: #c9c5c5;
  color: #a10426;
  font-weight: bold;
}

#containerbottom {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 70px;
}

#containerbottom a {
  font-size: 20px;
  background-color: #850000;
  color: white;
  border-radius: 3px;
  padding: 4px;
  border: solid rgb(211, 187, 187) 2px;
  text-decoration: none;
  border-radius: 25px;
}

#containerbottom a:hover {
  border: solid rgb(207, 84, 84) 2px;
  background-color: rgb(255, 255, 255);
  color: #00085c;
  font-weight: bold;
}
#nombre-revista {
  padding: 10pt;
  background-color: #a10426;
  font-weight: bold;
  text-align: center;
  font-family: "Gilmer bold", "Segoe UI", Calibri, Candara, Segoe, Optima, Arial;
  font-size: 20pt;
  color: white;
  flex-wrap: wrap;
}

#nombre-revista:hover {
  padding: 10pt;
  background-color: #e0081d;
  font-weight: bold;
  text-align: center;
  font-family: "Gilmer bold", "Segoe UI", Calibri, Candara, Segoe, Optima, Arial;
  font-size: 20pt;
  color: whitesmoke;
  flex-wrap: wrap;
}

#encabezado {
  display: flex;
  flex-wrap: wrap;
  display: inline-block;
  flex-direction: row;
  justify-content: space-around;
  flex-flow: wrap;
}

.div_ima {
  width: 100%;
  max-width: 100%;
  display: inline;
  box-sizing: border-box;
}

.imagen {
  width: 170px;
  height: 80px;
  align-items: center;
}
.img {
  width: 80%;
  max-width: 100%;
  align-items: center;
}

.imgclass {
  max-width: 100%;
  height: auto;
}

#tipo-articulo {
  font-family: "gilmer regular", Times New Roman;
  text-transform: uppercase;
  display: block;
  color: #a10426;
  text-align: right;
  font-size: 18pt;
}

#tipo-articulo:hover {
  color: lightgrey;
  transition: 150ms ease-in-out;
}

#doi {
  font-family: "gilmer regular", Times New Roman;
  display: block;
  color: grey;
  text-align: right;
  font-size: 10pt;
  padding-bottom: 5px;
  border-bottom: 1px solid #a10426;
}

h1 {
  font-family: "Gilmer bold", Times New Roman, arial;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 20pt;
}

h2 {
  font-family: "Gilmer bold", Times New Roman, arial;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 15pt;
  opacity: 0.7;
}

#autor {
  font-family: "Minion Pro Bold", Times New Roman, serif;
  padding: 10px;
  text-align: right;
  width: 100%;
  padding-left: 10%;
  font-size: 15pt;
}

#recibido {
  border-top: 1px solid #a10426;
  border-bottom: 1px solid #a10426;
  font-family: "Minion Pro", Times New Roman, serif;
  display: flow-root;
  text-align: center;
  font-size: 12pt;
  padding: 3px;
}

.subtitulo {
  font-family: "Gilmer bold", Times New Roman, serif;
  text-align: left;
  font-size: 25px;
  font-weight: bold;
}

.segundonivel {
  text-indent: 30px;
}

.tercernivel {
  text-indent: 60px;
}

.cuartonivel {
  text-indent: 90px;
}

.primeralinea {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 16pt;
  text-indent: 30px;
}

.primeralinea:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

.parrafos {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 16pt;
}

.parrafos:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

.miniparrafos {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 14pt;
  padding: 20px;
}
.miniparrafos:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

.esp {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 16pt;
  padding: 20px;
}
.esp:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

.ct {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: center;
  font-size: 16pt;
  padding: 20px;
}
.ct:hover {
  background-color: #fff8c7;
  border-radius: 8px;
  transition: 500ms ease-in-out;
}

.referencias {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: justify;
  font-size: 15pt;
  text-indent: 20px;
  color: grey;
}

.referencias a {
  color: #26a3d9;
  text-decoration: none;
}

.referencias:hover {
  color: black;
}

.lcapital {
  float: left;
  color: black;
  background: white;
  font-size: 80px;
  line-height: 60px;
  padding: 2px;
  font-family: "Minion Pro", Times New Roman, serif;
  margin-right: 5px;
}

#notaalpie {
  border-top: #a10426 solid 4px;
  border-bottom: #a10426 solid 4px;
  font-family: "Minion Pro", Times New Roman, serif;
  font-size: 13pt;
  text-align: justify;
}

#footer {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: center;
  font-size: 16.5pt;
}

table {
  font-family: "Minion Pro", Times New Roman, serif;
  font-size: 14pt;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #34495e;
}

table caption {
  font-family: "Minion Pro", Times New Roman, serif;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  margin: 8px 0px;
}

table tr {
  font-family: "Minion Pro", Times New Roman, serif;
  font-size: 14pt;
  border: 1px solid #34495e;
}

table thead th {
  font-family: "Minion Pro", Times New Roman, serif;
  font-size: 15pt;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  background-color: #d7dbdd;
  border: 1px solid #34495e;
}

table td {
  text-align: left;
  font-family: "Minion Pro", Times New Roman, serif;
  padding: 10px;
  border: 1px solid #34495e;
}

table tbody tr:hover {
  background-color: #e8f8f5;
}

table tbody td:hover {
  background-color: #d1f2eb;
}

.nombre-tabla {
  font-family: "Minion Pro", Times New Roman, serif;
  text-align: center;
  font-size: 16pt;
}

@media screen and (max-width: 680px) {
  #autor {
    font-family: "Minion Pro", Times New Roman, serif;
    font-size: 12pt;
    text-align: center;
  }

  #tipo-articulo {
    font-family: "gilmer regular", Times New Roman;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 14pt;
  }

  #doi {
    font-family: "gilmer regular", Times New Roman;
    text-align: center;
    font-size: 10pt;
    border-bottom: 1px solid;
  }

  .div_ima {
    width: 40%;
    display: block;
  }
  #nombre-revista {
    font-family: "Gilmer bold", "Segoe UI", Calibri, Candara, Segoe, Optima,
      Arial;
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
  }

  #content {
    font-family: "Minion Pro", Times New Roman, serif;
    font-size: 12pt;
    text-align: center;
  }

  #container {
    font-family: "Gilmer bold", "Segoe UI", Calibri, Candara, Segoe, Optima,
      Arial;
    font-size: 12pt;
    text-align: center;
  }

  h1 {
    font-family: "Gilmer bold", Times New Roman, arial;
    text-transform: uppercase;
    text-align: center;
    font-size: 15pt;
  }

  h2 {
    font-family: "Gilmer bold", Times New Roman, arial;
    text-transform: uppercase;
    text-align: center;
    font-size: 10pt;
    opacity: 0.7;
  }

  .referencias {
    font-family: "Minion Pro", Times New Roman, serif;
    text-align: justify;
    font-size: 12px;
    text-indent: 20px;
    color: grey;
  }

  .primeralinea {
    font-family: "Minion Pro", Times New Roman, serif;
    text-align: justify;
    font-size: 14pt;
    text-indent: 30px;
  }

  .subtitulo {
    font-family: "Gilmer bold", Times New Roman, serif;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
  }

  .parrafos {
    font-family: "Minion Pro", Times New Roman, serif;
    text-align: justify;
    font-size: 14pt;
  }

  #recibido {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: "Minion Pro", Times New Roman, serif;
    display: flow-root;
    text-align: center;
    font-size: 10pt;
    padding: 2px;
  }

  ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 30px;
    font-family: "Minion Pro", Times New Roman, serif;
    text-align: justify;
    font-size: 14pt;
  }
  
  ul:hover {
    background-color: #fff8c7;
    border-radius: 8px;
    transition: 500ms ease-in-out;
  }

  a {
    word-wrap: break-word;
  }

  table {
    width: 100%;
    font-size: 12pt;
    border: 0px;
  }

  table thead {
    display: none;
  }

  table tr {
    display: block;
    flex-direction: column;
    padding: 0em;
    margin-bottom: 1em;
  }

  table td {
    display: block;
    border-bottom: 1px solid #eee;
    text-align: right;
  }

  table td::before {
    content: attr(data-label);
    font-weight: bold;
    float: left;
    font-family: "Minion Pro", Times New Roman, serif;
    font-size: 12pt;
  }

  table caption {
    font-size: 12pt;
  }

  img {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  img {
    width: 70%;
  }
}