.responsive {
  width: 100%;
  height: auto;
}

#articulo{
    width:90%;
    left:5%;
    position:relative;
    width:90%;
    color:#494949;
    font-family: Lato,sans-serif;
    font-size: 12pt;
    text-align: justify;
    
}
/*cuerpo principal del texto*/
#articulo-body {
    border: solid;
    border-color: rgb(127,129,128); 
    border-width: .854pt 0;
    padding: 20px 0px;
    color:#494949;
    font-size: 12pt;
    text-align: justify;
    padding: 20px 0px;
}

#front {
    padding: 5px 0px;
}
/*titulo de articulo en idioma principal*/
.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;
    line-height: 16pt;
    padding-bottom: 3px;
}

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

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

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

 /*div con infor del artículo*/
#ficha-general{
    border: solid;
    border-color: rgb(127,129,128); 
    border-width: .854pt 0 0 0px;
    padding: 15px 0px;
    font-size: 12pt;
}

#ficha-general > .autores{
    display: block;
    font-weight: bold;
    font-size: 14pt;
    padding: 5px 0px;
}
.ficha-general > .institucional{
    display: block;
   /*font-size: 12pt;*/
   
   }

#ficha-general > .articulo-nota{
    font-size: 10pt;
    text-align: left;
    line-height: 10pt;
}

.ficha {
    margin: 2px 0px;
}

.resumen {
    text-align: justify;
    padding-top: 2%;
    word-wrap: break-word;
    font-size: 11pt;
}
.ResTitulo {
    text-align: justify;
    /*padding-top: 2%;*/
    word-wrap: break-word;
    font-size: 12pt;
    font-weight: bold;
}


/* pie del front con info del número y artículo*/
.pie-pagina {
    display: block;
    font-size: 9pt;
    margin: 2px 0px;
    border: solid;
    border-color: rgb(127,129,128); 
    border-width: 0px 0px .854pt 0px;
    padding: 15px 0px;
}

/*encabezado de la sección de los articulos*/
.articulo-seccion {
    font-size: 18px;
    font-weight: bold;
    float: none;
    text-align: right;
    font-variant: small-caps;
}

.articulo-resumen{
    padding: 15px 0px;
    font-size: 12pt;
}

.autor{
    padding-bottom: 13px;


}
/* 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-size: 1.1em;
}

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

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

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

/* estilo para las citas en cuerpo texto*/
.cita{
    /*font-style: italic;*/
    margin-left: 30px;
    margin-right: 30px;
    font-size: 10pt;
    padding: 3px 0px 3px 0px;
}


/* estilo para las referencias de notas*/
.nota{
border: solid;
    border-color: rgb(127,129,128); 
    border-width: .854pt 0px 0px 0px;
    padding: 15px 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 notas de autor o artículo especial*/
.nota-autor{
     font-size: 11pt;
     margin-left: 20px;
}

/* estilo para bibliografía*/
.bibliografia{
    margin-left: 15px;
    text-indent: -15px;
    font-size: 11pt;
    
}

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

table, td, th {
  border: 1px solid black;
}

table {
  border-collapse: collapse;
  width: 100%;
}

caption {
    font-weight: bold;
    padding: 10px 0px;
}

th, td {
  text-align: left;
  padding: 8px;
}


/* 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;
}