/* ============== Listas ============== */
.cita_inicio {
  margin-left: 40%;
}

/* ============== Listas ============== */
ul, ol {
  margin: 1em 0 1em 1em;
}
li, .lista_guion li {
  font-size: 0.9em;
  word-wrap: break-word !important;
  margin: auto;
  padding: 0 0 0.2em 0.5em;
}
.lista_guion { /* Guion */
  list-style: none;
  margin: 1em 0;
  padding-left: 3.6em;
}
.lista_guion li::marker {
  content: "-   ";
}
.lista_abc {
  list-style: lower-alpha;
}
.lista_simple {
  list-style: none;
  padding: 0;
}
.lista_segundo_nivel {
  margin-left: 3em;
}
.lista_romanos {
  list-style-type: upper-roman;
}
/* ============== Imagenes ============== */
.imagenes {
  margin: 2em 3em;
  text-align: center;
}
.imagenes img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 80%;
}
/* ============== Ejemplos estilos básicos ============== */
.imagenes p, .tabla_basica p {
  font-size: 0.85em;
  text-align: center;
  margin: 1em auto;
  text-indent: 0;
}
/* ============== Tabla básica ============== */
/* Básica */
table, td, th {
  border-collapse: collapse;
  border: 1px solid #1f2124;
  margin: auto;
}
td, th {
  padding: 0.5em 0.8em;
  text-align: center;
  font-size: 0.9em;
}
th {
  font-weight: bold;
}
.tabla_basica {
  margin: 1.5em 0;
}
.fixed {
  table-layout: fixed;
  width: 100%;
}
.sin_bordes_arriba, .sin_bordes_arriba td {
  border-top: none;
}
.sin_bordes_abajo, .sin_bordes_abajo th {
  border-bottom: none;
}
/* Alineación */
.centro, .centro td, .centro th {
  text-align: center !important;
}
.derecha, .derecha td, .tabla_basica .derecha {
  text-align: right !important;
}
.izquierda, .izquierda td {
  text-align: left !important;
}
.justificado { 
  text-align: justify;
}
.medio {
  vertical-align: middle !important;
}
.arriba td, .arriba {
  vertical-align: top;
}
/* ============== Ejemplos ============== */
.ejemplo_basico {
  margin: 1.5em 0 1.5em 1em;
}
.ejemplo_estilo_cita > p {
  margin: auto 2em;
  text-indent: 0;
}
.ejemplo_basico table,
.ejemplo_basico table th,
.ejemplo_basico table td {
  border: none;
  text-align: justify;
  margin: 0;
  vertical-align: top;
  padding: 0;
}
.ejemplo_basico table td:first-child,
.ejemplo_basico table td:nth-of-type(n+2) {
  padding: 0 0.5em;
}
.ejemplo_basico table tr td img {
  margin: 0.2em 0 0 0;
  max-width: 300px;
}
.ejemplo_imagen {
  padding-right: 0;
  display: flex;
}
.ejemplo_imagen p {
  margin: 0;
  padding-right: 0.5em;
}
.ejemplo_imagen img {
    max-width: 300px;
    text-align: left;
    margin: 0;
}
/* ============== Otras versiones ============== */ 
.margen {
  display: block;
  margin: 1em auto;
  font-size: inherit;
  font-weight: inherit;
}
ul + ul {
  margin-top: 0 !important;
}
.sin_margen_abajo {
  margin-bottom: 0;
}
.img200 img {
  max-width: 200px !important;
}
/* ============== Containers ============== */ 
.articulo_264 {
  max-width: 50%;
}
.articulo_264 table td:first-child,
.articulo_264 table th:first-child {
  white-space: nowrap;
  width: 1%;
}
table.articulo_261 td:nth-child(2), table.articulo_261 td:nth-child(3){
  text-align: center !important;
  padding: 0 2em;
}
.articulo_261, .art_258 {
  width: 60%;
}
.art_253 table {
  margin: auto;
}
