/* ============== 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;
}
/* ============== 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%;
}
/* Alineación */
.centro, .centro td {
  text-align: center !important;
}
.derecha, .derecha td {
  text-align: right;
}
.izquierda, .izquierda td {
  text-align: left;
}
.justificado { 
  text-align: justify;
}
.medio {
  vertical-align: middle;
}
.arriba td, .arriba {
  vertical-align: top;
}
/* ============== Ejemplos ============== */
.ejemplo_basico{
    margin: 1.5em 0 1.5em 1em;
}
.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;
}