@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700);
body {
  font-family: "Titillium Web", sans-serif;
  margin: 0 !important; }
  body div#viz {
    max-width: 478px;
    background-color: #fafafa; }
    body div#viz div#viz-header {
      border: 1px solid #333;
      background: #333 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MzUuNSIgaGVpZ2h0PSI1MzUuNSIgdmlld0JveD0iMCAwIDUzNS41IDUzNS41Ij48ZyBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI+PHBhdGggZD0iTTE2Mi45IDE5OC45di0yMi45NWMtMjIuOTUtMTUuMy0zOC4yNS00Mi4wNzUtMzguMjUtNzAuNzYzIDAtNDcuODEyIDM4LjI1LTg2LjA2MiA4Ni4wNjItODYuMDYyczg2LjA2MiAzOC4yNSA4Ni4wNjIgODYuMDYyYzAgMTcuMjEyLTUuNzM2IDM0LjQyNS0xNS4zIDQ3LjgxMmg1LjczN2M1Ljc0IDAgMTEuNDc4IDAgMTUuMzAyIDEuOTEyIDcuNjUtMTUuMyAxMy4zODgtMzIuNTEzIDEzLjM4OC00OS43MjVDMzE1LjkgNDcuODEyIDI2OC4wODcgMCAyMTAuNzEzIDBjLTU3LjM3NSAwLTEwNS4xODggNDcuODEyLTEwNS4xODggMTA1LjE4OCAwIDQwLjE2MiAyMi45NSA3Ni41IDU3LjM3NSA5My43MTJ6Ii8+PHBhdGggZD0iTTI3Ny42NSAxMDUuMTg4YzAtMzYuMzM3LTMwLjYtNjYuOTM4LTY2LjkzOC02Ni45MzhzLTY2LjkzOCAzMC42LTY2LjkzOCA2Ni45MzhjMCAxOS4xMjUgNy42NSAzNC40MjUgMTkuMTI1IDQ1Ljl2LTQ1LjljMC0yNi43NzUgMjEuMDM3LTQ3LjgxMiA0Ny44MS00Ny44MTJzNDcuODEzIDIxLjAzOCA0Ny44MTMgNDcuODEydjQ1LjljMTEuNDc3LTExLjQ3NiAxOS4xMjctMjYuNzc2IDE5LjEyNy00NS45eiIvPjxwYXRoIGQ9Ik00NDAuMjEyIDIxMC4zNzVjLTE1LjMgMC0yOC42ODggMTMuMzg4LTI4LjY4OCAyOC42ODh2NDcuODExSDM5Mi40di02Ni45MzdjMC0xNS4zLTEzLjM4OC0yOC42ODgtMjguNjg4LTI4LjY4OC0xNS4zIDAtMjguNjg4IDEzLjM4OC0yOC42ODggMjguNjg4djQ3LjgxM0gzMTUuOXYtNjYuOTM3YzAtMTUuMy0xMy4zODctMjguNjg4LTI4LjY4OC0yOC42ODgtMTUuMyAwLTI4LjY4OCAxMy4zODgtMjguNjg4IDI4LjY4OFYyODYuODc1SDIzOS40VjEwNS4xODhjMC0xNS4zLTEzLjM4OC0yOC42ODgtMjguNjg4LTI4LjY4OC0xNS4zIDAtMjguNjg4IDEzLjM4OC0yOC42ODggMjguNjg4djE5Ni45ODdDMTQxLjg2IDI2MC4xIDkwLjIyNCAyMTQuMiA2OS4xODcgMjM1LjIzNyA0OC4xNSAyNTYuMjc1IDEwMy42MTMgMzEzLjY1IDE3OC4yIDQzOS44NzVjMzQuNDI1IDU3LjM3NSA3Ni41IDk1LjYyNSAxNDkuMTc1IDk1LjYyNSA3OC40MTIgMCAxNDMuNDM4LTY1LjAyNSAxNDMuNDM4LTE0My40Mzh2LTE1M2MtMS45MTMtMTUuMy0xNS4zLTI4LjY4Ny0zMC42LTI4LjY4N3oiLz48L2c+PC9zdmc+") no-repeat right 5px center;
      background-size: 24px 24px; }
      body div#viz div#viz-header h6 {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarZCxSwJhAEff5yFFBjlcYbUYtDgEYQ1Fg2VgS4NKwykVdF9iodZx95URttXQdrjVFOHY0lJtDU1R0CA0RP9AQ0NDToENCidBQ9CbHm/5wQ98vUVZcnxBKG0pO70QDxuZbLjrFcEgGhGm16RjzSWTi/xK4xkBUB8rypLD3+hZzzkS+AJWpWUrEMtAoKwsBWID0M2CpUBUAN02MlkQLqDnW14DdLPlN4BuL6XnQTwCs/kONzu8vQugySj/jsrtKYBEHIxMNvzzK69pA6BNgK/mte1zmPoEzfWaeQLXRxB68droGfQdwtWT3LF329NDwIO416S/2l0INIKx/tTw5MhHxI2GZqoJf6q88l6w9v3Hl6eVi83bg/rd23iz+Q3eQVN95kZ9OAAAACBjSFJNAACHCgAAjA0AAP1LAACBPwAAfXYAAOmMAAA85QAAGc2w3/UXAAACO0lEQVR42syVvW8SYRzHn+dybSOvQUwJCzVIiDHxJTGYwHBVbmjSEEWX9i+4yKALXRxwwDhZB48BdXNk4NZz6KQ9BxwYOEivrQhiIRQl3gXKXe96j8PRipY20jL0O36fJ5/8nt/bAxFCYBzCwJh0BkA8z7Mse1pQsVhMpVIOh+OPhUYXz/MURQmCMGiODCqVSrFY7B/KyKBarUZRVLlcPnzUBymVyreH1NeFhW4uhxBS2+3a40flxUVpZWXwRZFIJJ/P53K5wyDcyJTaaGy/fisDgE9fMAUC3U/cFp3aA8B07aqVJI3sMgxDEESz2ZRl+XD6+yA4gZ/zea1Op7wmAAC63KrtymWkKDqEBoWm6WQyaTabE4lENBo9ro/0na79/gN9p7snioqwbr97T7fb3D7f906Hpul4PO5yuURRtFqt7Xb7yIgAANqPn6bALZkvbD9/hjTNNjd3/uOH1SzzZmMzEY/7/X4AAIZhCCEcx4+LCO1qkxdnLMTs1ouXwGSy3L7zeWPzyXv2psdjUAAA9Xq91+s5nc4jQbosywDovZ6FJDsAeAli/Zf47vqNVwV+ZmpSVVVVVavVKsuywWCwUqmo+zpYHv0gJ1yu6fl5COGU99JsNis4HPTy8lOG8VgsXL2RyWQghK1WKxwOh0IhmqYNByFEkqTb7R4+Il8QopaW1gqFA0eSJEmSBu9I+9I0bXhnD52j/xEYC+UvEMdxJ6YMzJqipNPpE1MQQtCon67rGHaqtQvP3C/yewB4gCfxCl4O3gAAAABJRU5ErkJggg==") no-repeat 6px center;
        background-size: 24px 24px;
        margin: 7px 0;
        padding-left: 38px;
        padding-right: 35px;
        font-size: 16px;
        font-weight: 400;
        font-family: "Titillium Web", sans-serif;
        color: #fff !important; }
    body div#viz div#viz-intro {
      background-color: #fafafa;
      padding: 15px !important; }
      body div#viz div#viz-intro p {
        margin: 0 !important;
        margin-bottom: 5px !important;
        line-height: 16px;
        font-size: 14px; }
    body div#viz div#viz-content {
      background-color: #fafafa; }
      body div#viz div#viz-content p.imagenes {
        height: 1000px !important; }
      body div#viz div#viz-content select {
        width: 100%;
        background-color: #fff; }
    body div#viz div#viz-footer {
      background-color: #333;
      background-size: 28px 28px; }
      body div#viz div#viz-footer h6 {
        margin: 0 !important;
        padding: 5px 10px 8px 10px;
        font-size: 12px;
        font-weight: 400;
        font-family: "Titillium Web", sans-serif;
        color: #fff !important; }

a {
  color: #BA201F; }

body {
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 !important;
  margin: 0 !important; }

div#vis {
  max-width: 478px; }

text {
  fill: #333; }

div#personajes {
  padding: 10px 20px;
  margin: 0 auto !important;
  display: table;
  width: 90%; }
  div#personajes div.personaje {
    display: table-cell;
    width: 25% !important; }
    div#personajes div.personaje img {
      cursor: pointer;
      opacity: 0.3;
      transition: opacity 0.3s;
      width: 100%; }
      div#personajes div.personaje img:hover {
        opacity: 1;
        transition: opacity 0.3s; }
      div#personajes div.personaje img.selected {
        opacity: 1;
        transition: opacity 0.3s; }
    div#personajes div.personaje p {
      text-align: center;
      font-size: 0.7em;
      margin-bottom: 0; }

div#discurso {
  height: 310px;
  overflow: scroll;
  padding: 15px; }
  div#discurso div {
    padding: 10px 15px;
    font-size: 16px; }
    div#discurso div h6 {
      margin: 0 0 5px 0;
      font-size: 1em;
      font-weight: 700;
      text-align: right; }
    div#discurso div p {
      margin: 5px 0;
      padding: 0 15px; }
  div#discurso div.dicho {
    background-color: #444;
    color: #fff;
    font-size: 14px; }
    div#discurso div.dicho p.fecha-fuente {
      color: #ccc;
      font-weight: 300;
      font-size: 0.8em;
      margin-top: 15px; }
  div#discurso div.hecho {
    margin-bottom: 25px;
    border: 2px solid #444;
    color: #333;
    font-size: 14px; }

/*# sourceMappingURL=vis.css.map */