.responsive {
  width: 100%;
  height: auto;
}
/*diseño general del html*/
#articulo{
    width:90%;
    left:5%;
    position:relative;
     color:#494949;
    font-family: Lato,sans-serif;
    font-size: 12pt;
    text-align: justify;
    
}


/*diseño del front -titulos-autores-institucional-ficha general<ficha<historia-doi-piepagian-notas autor/editor>resumenes>*/

#front {
    padding: 5px 0px;
}
/*titulo de articulo en idioma principal*/

/*encabezado de Secciones de revista*/
.seccion-rev {
    font-size: 18px;
    font-weight: bold;
    float: none;
    text-align: right;
    font-variant: small-caps;
}
/*titulo principal en idioma publicación.*/
.titulo {
    font-size: 18pt;
    text-align: left;
    font-weight: bold;
    line-height: normal;
}
/*subtitulo idem titulo*/
.subtitulo {
    font-size: 16pt;
    text-align: left;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 3px;
}

/*titulos y subtitulos en otro idioma*/
.titulo-trad {
    font-size: 14pt;
    font-weight: bold;
    font-style: italic;
}

 /*div con infor del artículo*/
#ficha{
    border: solid;
    border-color: rgb(127,129,128); 
    border-width: .854pt 0 0 0px;
    padding: 15px 0px;
    font-size: 12pt;
}
/*incluida en la ficha*/
.autores{
    display: block;
    font-weight: bold;
    font-size: 14pt;
    padding: 5px 0px;
}

.institucional{
    display: block;
   /*font-size: 12pt;*/
   
 }


/* al comienzo ficha va historial del artículo y doi
solamente con tag de parráfo*/

/*estilo para notas de autor/editor o artículo especial*/
.nota-autor{
     font-size: 10pt;
}

/* pie del front con info del número y artículo*/
.pie-pagina {
    display: block;
    font-size: 9pt;
    margin: 2px 0px;
    padding: 15px 0px;
}


/*Estilo para titulo resumen y resumen, mas palabras claves*/

.ResTitulo {
    text-align: justify;
    /*padding-top: 2%;*/
    word-wrap: break-word;
    font-size: 12pt;
    font-weight: bold;
}
.resumen {
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    text-align: justify;
    padding-top: 2%;
    word-wrap: break-word;
    font-size: 11pt;
}

/* Find del front y comienzo de 
cuerpo principal del texto*/
#articulo-body {
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    padding: 20px 0px;
    color:#494949;
    font-size: 12pt;
    text-align: justify;
    padding: 20px 0px;
}


.cita-al-comienzo{
   text-align: right;
    margin-left: 50px;
    font-size: 10pt;
    line-height:normal;
    padding: 3px 0px 3px 0px;
}


/* estilos para titulos y subtitulos de sección*/
.seccion {
    color: #070707;
    font-weight: bold;
    padding-top: 1%;
    font-size: 1.1em;
}

.subseccion{
    font-style: italic;
    color: #494949;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
}

.subsubsec{
    font-style: italic;
    color: #494949;
    font-size: 1.1em;
}
/*estilo para las citas cuerpo texto*/
blockquote p{
    /*font-style: italic;*/
    margin-left: 30px;
    margin-right: 30px;
    font-size: 10pt;
    padding: 3px 0px 3px 0px;
}

.articulo-body > ol, ul, li {
    font-size: 12pt;
    borde:0px;
}

/* Estilo para tablas */
.tabla {
    caption-side: bottom;
    table-layout: auto; width: 700px;
    border-collapse: collapse;
    border: 1px;
    
}

/*
font-size: 12px;    
margin: 45px;     
width: 480px; 
text-align: left;    
border-collapse: collapse
*/
/* table, td, th {
  border: 1px solid withe;

  }*/

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

caption {
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0px;
}

td {
    text-align: center;
    padding: 8px;
    background:  #F0F0F0;
   /* border-bottom: 1px solid #fff;
    border-top: 1px solid transparent;*/
    border: 2px solid #fff
}

th {
  text-align: center;
  padding: 8px;
  background: #cac9c9;
  border: 1px solid #fff;
  border-top: 4px solid #fff;
  border-bottom: 3px solid #fff;
    
 /* border-top: 4px solid #a89f9f;
    border-bottom: 1px solid #fff;*/
 
}

/* Estilo para las imágenes */
.cuadro{
    max-width: 600px;
    padding: 10px;
    text-align: center;
    color: #494949;
    background-color: #d2d2d4;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

}
.caption{
   text-align: center;
    font-weight: bold;
    font-size: 10pt;
    /*padding: 5px;*/
}
.caption .fuente {
    text-align: left;
    font-weight: normal;
    /*padding-bottom: 5px;*/
    font-size: 10pt;
}

.cuadro img{
    max-width: 700px;
    height: auto;
}


.imagen{
    margin:auto;
    page-break-inside:avoid;
}

.imagen img{
    max-width: 400px;
}

.imagen{
    page-break-inside:avoid;
    text-align: center;
    max-height: auto;
}




/*reconocimiento, notas y biblio*/
#back {
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    padding: 20px 0px;
    color:#494949;
    font-size: 11pt;
}

/*estilo para reconocimientos financiamiento y bio de autor en back*/
.reconocimiento {
     margin-left: 15px;
    padding-bottom: 20px;
 }



/* estilo para las referencias de notas*/
.nota{
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    padding: 20px 0px;
   /*font-size: 11pt;
/*  margin-left: 20px;*/
   
}

.nota > p{
    margin-top:0px;
    margin-bottom:0px;
}

.nota > p:last-child{
    margin-bottom:16px;
}

.nota > ol, li{
   font-size: 11pt;
   
}

  

/* estilo para bibliografía*/
.bibliografia{
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    padding: 20px 0px;
    color:#494949;
    /*margin-left: 15px;
    text-indent: -15px;*/
    /*font-size: 11pt;
    */
}
.bibliografia p{
    margin-left: 15px;
    text-indent: -15px;
   /* font-size: 11pt;*/
}




/*otros estilos generales, reseñas y otras situaciones*/

#cuadroPortada{
    float: right;
    max-width: 150px;
    padding: 5px;
    margin: 10px 0 5px 10px;
    /*text-align: center;*/
     background-color: #d2d2d4;


}
#imgPortada{
    position: relative;
    align-content: right;
    padding: 10px;
}

#ref-reseña{
    text-align: left;
    font-size: 13pt;
    font-variant: small-caps;
    font-weight: bold;
    color: #646464;
    padding-bottom: 5px;
}

sup{
    vertical-align: super;
    font-size: 10px;
}

sub{
    vertical-align: sub;
    font-size: 10px;
}

a {
    color: #6B6565;
    text-decoration: none;
}

/*formato notas para art. sin reconocimiento y/o notas
introducciones, reseñas, etc.*/
.nota-otr{
    border-top: solid;
    border-color: rgb(127,129,128); 
    border-width: 1px;
    padding: 20px 0px;
   /*font-size: 11pt;
/*  margin-left: 20px;*/
   
}

.nota-otr > p{
    margin-top:0px;
    margin-bottom:0px;
}

.nota-otr > p:last-child{
    margin-bottom:16px;
}

.nota-otr > ol, li{
   font-size: 11pt;
   
}
/*formato biblio para art. sin reconocimiento y/o notas
introducciones, reseñas, etc.*/
.biblio-otr{
    /*padding: 20px 0px;*/
    margin-left: 15px;
    text-indent: -15px;*/
    /*font-size: 11pt;*/
   
}