/*
 * CSS Conf
 *
 */
/*
 * Colors
 *
 */
/* logo colors */
/* admin semaphore colors */
.color_bg_main {
  background: #00909e; }
/*
 * Type scale
 *
 */
/*
 * CSS Custom Variables
 *
 */
:root {
  --color-base-string: var(--color-main, 0, 144, 158);
  --color-base: rgb(var(--color-base-string));
  --color-gobierto-turquoise: #008e9c;
  --color-gobierto-blue: #12365b;
  --color-gobierto-red: #ff776d;
  --color-gobierto-yellow: #f8b205; }
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
@media screen and (max-width: 768px) {
  .pure-g.gutters {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) {
  .pure-g.gutters {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/*
  * Populities
  * CSS and JS utilities by Populate
  *
  * https://github.com/PopulateTools/populities
  * Version: 0.3
  *
  * TODO: Create and index, document...
  *
  */
.clearfix:after, .clearfix:before {
  content: '';
  display: table; }
.clearfix:after {
  clear: both; }
.clear_b {
  clear: both; }
.col-1-2, .col-2-2 {
  width: 48%;
  float: left;
  margin: 0 4% 0 0;
  text-align: center; }
.col-2-2 {
  float: right;
  margin: 0; }
.col-1-3, .col-2-3, .col-3-3 {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
  text-align: center; }
.col-3-3 {
  float: right;
  margin: 0; }
.left {
  text-align: left; }
.right {
  text-align: right; }
.center {
  text-align: center; }
.d_block {
  display: block; }
.ib, .inline {
  display: inline-block; }
.f_left {
  float: left; }
.f_right {
  float: right; }
.absolute_right {
  position: absolute;
  right: 0; }
.hidden, .soft_hidden {
  display: none; }
/* From https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L128 */
.screen-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
.fixed {
  position: fixed; }
.soft {
  opacity: .5; }
.v_top {
  vertical-align: top; }
.no_wrap {
  white-space: nowrap; }
.strong {
  font-weight: 700; }
.p_0_5 {
  padding: 0.5em; }
.p_1 {
  padding: 1em; }
.p_2 {
  padding: 2em; }
.p_3 {
  padding: 3em; }
.p_4 {
  padding: 4em; }
.m_0 {
  margin: 0; }
.m_1 {
  margin: 1em; }
.m_2 {
  margin: 2em; }
.m_3 {
  margin: 3em; }
.m_4 {
  margin: 4em; }
.p_h_1 {
  padding: 0 1em;
  box-sizing: border-box; }
.p_h_2 {
  padding: 0 2em;
  box-sizing: border-box; }
.p_h_3 {
  padding: 0 3em;
  box-sizing: border-box; }
.p_h_4 {
  padding: 0 4em;
  box-sizing: border-box; }
.p_v_1 {
  padding: 1em 0;
  box-sizing: border-box; }
.p_v_2 {
  padding: 2em 0;
  box-sizing: border-box; }
.p_v_3 {
  padding: 3em 0;
  box-sizing: border-box; }
.p_v_4 {
  padding: 4em 0;
  box-sizing: border-box; }
.m_v_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
.m_v_0_25 {
  margin: .25em 0 !important; }
.m_v_1 {
  margin: 1em 0 !important; }
.m_v_2 {
  margin: 2em 0 !important; }
.m_v_3 {
  margin: 3em 0 !important; }
.m_v_4 {
  margin: 4em 0 !important; }
.p_h_r_0_5 {
  padding: 0 0.5em 0 0;
  box-sizing: border-box; }
.m_t_0 {
  margin-top: 0; }
.m_t_1 {
  margin-top: 1em; }
.m_t_0_5 {
  margin-top: 0.5em; }
.m_t_2 {
  margin-top: 2em; }
.m_t_3 {
  margin-top: 3em; }
.m_t_4 {
  margin-top: 4em; }
.m_b_1 {
  margin: 0 0 1em 0; }
.m_b_2 {
  margin: 0 0 2em 0; }
.m_b_3 {
  margin: 0 0 3em 0; }
.m_b_4 {
  margin: 0 0 4em 0; }
.p_h_r_0_25 {
  padding: 0 0.25em 0 0;
  box-sizing: border-box; }
.p_h_r_1 {
  padding: 0 1em 0 0;
  box-sizing: border-box; }
.p_h_r_2 {
  padding: 0 2em 0 0;
  box-sizing: border-box; }
.p_h_r_3 {
  padding: 0 3em 0 0;
  box-sizing: border-box; }
.p_h_l_1 {
  padding: 0 0 0 1em;
  box-sizing: border-box; }
.p_h_l_2 {
  padding: 0 0 0 2em;
  box-sizing: border-box; }
.p_h_l_3 {
  padding: 0 0 0 3em;
  box-sizing: border-box; }
.bg-gray {
  background: #f6f6f6; }
/*

Mixins
------

Chunks of code to help us along the way. If you need to perform some calculation
place that in the `generic/_functions.scss` file, mixins is more for CSS
properties.

*/
/*
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
/* Encloses current element with a circle */
@media screen and (max-width: 740px) {
  .desktop_only {
    display: none; }
  .desktop_only_reset {
    display: none; }
  .mobile_only {
    display: block;
    width: 100%; } }
@media screen and (min-width: 741px) {
  .desktop_only {
    width: 100%;
    display: block; }
  .desktop_only_reset {
    display: block; }
  .mobile_only {
    display: none; } }
/* Padded Cols hack */
@media screen and (min-width: 768px) {
  .padded_cols.pure-g {
    width: calc(100% + 2em); } }
.padded_cols [class*="pure-u"] {
  box-sizing: border-box; }
.padded_cols .padded {
  height: 100%; }
@media screen and (min-width: 768px) {
    .padded_cols .padded {
      margin: 1em; } }
.padded_cols [class*="pure-u"]:first-child {
  margin-left: -1em; }
.padded_cols.example {
  background: rgba(204, 204, 204, 0.9); }
.padded_cols.example [class*="pure-u"] {
    background: #DFDFDF; }
.padded_cols.example .padded {
    background: green;
    color: #FFF;
    text-align: center;
    padding: 2em; }
/*
 * Text content
 *
 */
.text_page header.text_page_header {
  text-align: center; }
figure.png,
figure.jpg,
figure.gif {
  margin: 1em 0; }
figure.png img,
  figure.jpg img,
  figure.gif img {
    max-width: 100%;
    height: auto; }
figure.png figcaption,
  figure.jpg figcaption,
  figure.gif figcaption {
    display: none; }
.cms_page {
  padding-top: 2em; }
.cms_page menu.side_navigation {
    line-height: 1.4;
    margin: 0;
    padding: 0; }
.cms_page menu.side_navigation ul, .cms_page menu.side_navigation li {
      margin: 0;
      padding: 0;
      list-style: none; }
.cms_page menu.side_navigation li {
      display: inline-block; }
.cms_page menu.side_navigation ul li {
      display: block;
      margin: 0 0 0.5em 0; }
.cms_page menu.side_navigation ul li a {
        padding: 0.5em 0.75em;
        color: #fff;
        background: rgb(0, 144, 158);
        background: var(--color-base);
        display: block;
        text-decoration: none; }
.cms_page menu.side_navigation ul li a:hover {
        background: rgba(0, 144, 158, 0.9);
        background: rgba(var(--color-base-string), 0.9); }
.cms_page menu.side_navigation ul li ul {
        background: rgba(0, 144, 158, 0.06);
        background: rgba(var(--color-base-string), 0.06);
        padding: 0.75em 0.75em 0.75em 1.25em;
        font-size: 0.85rem; }
.cms_page menu.side_navigation ul li ul li {
          margin: 0 0 1em 0; }
.cms_page menu.side_navigation ul li ul li a {
            background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
            background: initial;
            padding: 0;
            font-weight: bold;
            color: rgb(0, 144, 158);
            color: var(--color-base); }
.cms_page menu.side_navigation ul li ul li a:hover {
            background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
            background: initial;
            color: rgb(0, 144, 158);
            color: var(--color-base);
            filter: brightness(0.9); }
.cms_page menu.side_navigation ul li ul li ul {
            background: none;
            padding: 1em 0 0 1.5em; }
.cms_page menu.side_navigation ul li ul li ul li a {
              font-weight: normal;
              color: #000000; }
@media screen and (min-width: 740px) {
    .cms_page article {
      padding-left: 6em; } }
.cms_page article .breadcrumb {
    margin-top: 0;
    padding-top: 0;
    font-size: 0.75em;
    opacity: 0.5; }
.cms_page article h1 {
    font-size: 1.5rem;
    border-bottom: 1px solid #cce8eb;
    padding: 0 0 0.5em 0; }
.cms_page article .page_attachments {
    background: rgba(0, 144, 158, 0.06);
    background: rgba(var(--color-base-string), 0.06);
    margin: 0 0 2em 0;
    padding: 2em;
    border-radius: 6px; }
.cms_page article .page_attachments h3 {
      margin: 0 0 1em 0;
      font-size: 1rem; }
.cms_page article .page_attachments .file {
      clear: both;
      margin-top: -0.5em;
      margin-left: -0.5em; }
.cms_page article .page_attachments .file .icon {
        float: left;
        margin: 0 1rem 1rem 0;
        font-size: 2.5rem;
        opacity: 0.3; }
.cms_page article .page_attachments .file a {
        display: block;
        text-decoration: none;
        padding: 0.5em;
        border-radius: 6px; }
.cms_page article .page_attachments .file a:hover {
        background: rgba(0, 144, 158, 0.06);
        background: rgba(var(--color-base-string), 0.06);
        filter: brightness(0.95); }
.cms_page article .page_attachments .file h4 {
        text-transform: none;
        margin: 0;
        text-decoration: underline; }
.cms_page article .page_attachments .file .meta {
        opacity: 0.65;
        font-size: 0.875rem; }
.cms_page img {
    width: 100%;
    height: auto; }
.page_children {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2; }
.page_children .page_child {
    background: rgba(0, 144, 158, 0.06);
    background: rgba(var(--color-base-string), 0.06);
    border-radius: 6px;
    margin: 0.5em;
    font-size: 1.125rem;
    font-weight: 600;
    box-sizing: border-box;
    width: 40%;
    flex: 2 1 auto; }
.page_children .page_child a {
      display: block;
      padding: 1em; }
.page_children .page_child a:hover {
      background: rgba(0, 144, 158, 0.06);
      background: rgba(var(--color-base-string), 0.06);
      filter: brightness(0.95); }
.page_children .page_child .page_children {
      padding: 0 1em 1em 1em;
      display: block; }
.page_children .page_child .page_children .page_child {
        font-weight: normal;
        font-size: 0.85rem;
        margin: 0;
        display: inline;
        background: none;
        padding: 0; }
.page_children .page_child .page_children .page_child a {
          padding: 0;
          margin: 0 0 0.5em 0; }
.nowrap {
  white-space: nowrap; }
.home-cms #transparency .block-title {
  background-size: cover;
  background-position-y: 40%; }
.home-cms #participation .block-title {
  background-size: cover;
  background-position-y: 55%; }
.home-cms .header {
  margin: 1em 0 3em 0; }
@media screen and (min-width: 768px) {
    .home-cms .header {
      width: 75%; } }
.home-cms .header h1 {
    font-size: 3rem;
    font-weight: 300; }
.home-cms .header small {
    font-size: 1.5rem;
    font-weight: 300; }
.home-cms .block {
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
  border-radius: 6px; }
.home-cms .block.flexbox {
    display: flex;
    flex-direction: column; }
.home-cms .block.flexbox > * {
      margin-bottom: calc(0 / 2); }
.home-cms .block.flexbox > :first-child {
      margin-top: 0; }
.home-cms .block.flexbox > :last-child {
      margin-bottom: 0; }
.home-cms .block .block-title {
    height: 122px;
    display: flex;
    align-items: flex-end; }
.home-cms .block .block-title h2 {
      font-size: 2.25rem;
      color: #fff;
      text-transform: capitalize;
      font-weight: 700;
      margin: 1.5em 0; }
.home-cms .block .block-content {
    padding: 32px 0; }
.home-cms .block .block-content .flexbox {
      display: flex;
      flex-direction: column; }
.home-cms .block .block-content .flexbox > * {
        margin-bottom: calc(32px / 2); }
.home-cms .block .block-content .flexbox > :first-child {
        margin-top: 0; }
.home-cms .block .block-content .flexbox > :last-child {
        margin-bottom: 0; }
.home-cms .block .block-content h3 {
      font-size: 1.125rem;
      font-weight: 700;
      margin: 0 auto auto; }
.home-cms .block .block-content ul {
      list-style-type: none;
      display: flex;
      flex-wrap: wrap;
      padding-left: 0;
      margin: 0.5em 0; }
.home-cms .block .block-content ul li {
        flex: 0 0 33%;
        margin-bottom: 1em;
        line-height: 1; }
.home-cms .block .block-content ul li a {
          color: #a5a5a5;
          font-size: 0.875rem;
          text-decoration: underline; }


/*# sourceMappingURL=cms-275c157b.css.map*/