@font-face {
font-family: 'Druk Text Web Bold';
src: url('../druk/DrukText-Bold-Web.eot');
src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
url('../druk/DrukText-Bold-Web.woff') format('woff');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'Druk Text Web Medium';
src: url('../druk/DrukText-Medium-Web.eot');
src: url('../druk/DrukText-Medium-Web.eot?#iefix') format('embedded-opentype'),
url('../druk/DrukText-Medium-Web.woff2') format('woff2'),
url('../druk/DrukText-Medium-Web.woff') format('woff');
font-weight: 500;
font-style: normal;
font-stretch: normal;
}

body {
      font-size: 1rem;
      font-family: 'Georgia' !important;
      color: #242424;
      background-color: #fff !important;
    }

    h1, h2, h3, h4, h5, h6 {
      font-weight: 900;
    }

    h1, h2, h3 {
      margin-bottom: 20px;
    }

.texto h1{
    color: #000;
    font-size: 5em;
    font-family: 'Druk Text Web Bold', sans-serif !important;
    font-weight: normal;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    }
.texto h2{
    color: #000;
    font-size: 4em;
    font-family: 'Druk Text Web Medium', sans-serif !important;
    font-weight: normal;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    }

p{
    line-height: 1.3;
    font-size: 0.9em;
    color: #555555!important;
}

    .texto p {
      font-family: 'Georgia', Times, serif;
    }

    .row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

    a {
      color: #242424;
      text-decoration: none !important;
    }

    a:hover {
      color: #346671;
      text-decoration: none !important;
    }

    .wrapper {
      margin-top: 70px;
      position: relative;
    }

    /* Header - menu Navegation */

    .menu-right {
      display: flex;
      margin-left: auto;
      margin-bottom: 0;
    }

    .redes-sociales {
      display: flex;
      flex-direction: column;
      position: fixed;
      left: 0;
        
    }

    .redes-sociales a {
      padding: 4px;
      margin-left: 20px;
    }

    .pos2019 a {
      color: #00aeef !important;
      font-weight: 900;
    }

    .pos2019 td {
      text-align: right;
    }

    .block video {
      margin-top: -100px;
    }

    .texto p {
      line-height: 1.7;
      font-size: 1.3em;
      color: #242424;
      font-family: 'Georgia' !important;
    }

    .logo41_2 img {
      margin-left: 0%;
    }

    .logo41 img {
      max-width: 20%;
      margin-left: 40%;
    }

    ul.menu-right li a {
      color: white;
      padding: 0 10px;
      font-weight: bold;
    }

    ul li {
      color: #555555;
      list-style-type: none;
    }

    .texto ul li {
      margin-bottom: 10px;
    }

    .texto ul li::before {
      content: "\2022";
      /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: red;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
    }

    blockquote {
      font-family: 'Georgia', Times, serif;
      color: #666;
      font-size: 2.5rem;
      font-weight: bold;
      line-height: 1.2;
      position: relative;
      margin: 0 0 0 !important;
      padding: 40px 0;
    }

    .pink {
      background-color: #fff;
      padding: 30px 10px;
      border-right:15px solid #ee3f6f;
      border-bottom:15px solid #000;
    }

    .pink blockquote {
      color: #6acbdd;
    }

    .pink blockquote:before,
    .pink blockquote:after {
      color: #6acbdd;
    }

    blockquote:before,
    blockquote:after {
      color: #6acbdd;
      display: inline-block;
      font-size: 4rem;
      vertical-align: middle;
      position: absolute;
    }

    blockquote:after {
      content: close-quote;
    }

    blockquote:before {
      content: open-quote;
      left: -2.5rem;
    }

    label {
      font-size: 1.1em !important;
      color: #fff;
      font-weight: 400 !important;
      line-height: 0.9em;
      padding: 14px 14px 5px 14px;
    }

    label input {
      border-style: none !important;
      margin: 2px;

    }

    label select {
      color: #40c8f4;
      border-radius: 0px !important;
      border-style: none !important;
      margin: 2px;
      font-family: 'Lato' !important;
      font-weight: 900;
    }

    table img {
      max-width: 70px;
    }

    td {
      border-top: 1px solid #346671 !important;
    }

    tbody a{
    pointer-events: none;
    }
    div#metodologia {
      background: #efefef;
      display: none;
      padding: 50px 0;
    }

    .agregados {
      transition: transform .7s;
      text-align: center;

    }

    .agregados h6 {
      padding: 3px 3px 3px 3px;
      border-style: solid;
      border-width: 2px 0px;
      border-color: #555555;
      margin: 5px auto 15px auto;
      position: relative;
      font-size: .7em !important;
    }

    .agregados:hover {
      transform: scale(1.2);
    }

    .agregados2 {
      transition: transform .7s;
      text-align: center;

    }

    .agregados2 h6 {
      padding: 3px 3px 3px 3px;
      border-style: solid;
      border-width: 2px 0px;
      border-color: #40c8f4;
      margin: 5px auto 15px auto;
      position: relative;
      font-size: 1.5em !important;
      font-weight: bold;
    }

    .agregados2:hover {
      transform: scale(1.2);
    }

    .col-sm-1 {
      margin-left: 0px !important;
    }

    .col-sm-1 {
      margin-left: 0px !important;
    }

    .img-fluid.redes {
      opacity: 1;
      max-width: 40px;

      transition: transform .3s;
      /* Animation */
    }

    .redes:hover {
      opacity: 0.8;
      transform: scale(1.2);
    }

    .redes-sociales.container {
        display: flex;
        flex-direction: column;
        position: fixed;
        width: auto;
    }

    .fixed-top {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
    }

    .subtitulo {
      width: 80%;
      padding-left: 20%;
      margin: 0;
    }

    .iframe {
      width: 100%;
      height: 400px;
      border-style: solid;
      border-width: 2px;
      border-color: #000;
      padding: 50px;

    }

    .text-center button {
      color: #fff;
      font-family: "Open Sans", sans-serif !important;
      padding: 4px;
      margin: 4px;
      text-transform: uppercase;
      font-size: .9em;
    }

    .head_table {
      background-color: #b3b3b3 !important;
    }

    .head_exp {
      top: 0px;
      background-color: #ed1c24;
      left: 0px;
      z-index: 99;
      -webkit-transition: background-color 0.5s ease-out;
      -moz-transition:
        background-color 0.5s ease-out;
      -o-transition: background-color 0.5s ease-out;
      transition: background-color 0.5s ease-out;
      position: fixed;
    }

    .head_exp .col-sm-8 {
      display: flex;
      width: 100%;
      margin: auto;
      align-items: center;
    }

    .head_exp img {
      margin-right: auto;
    }

    .head_exp:hover {
      background-color: #333;
    }


    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
      font-size: 0.8em;
      font-weight: 400 !important;
      -webkit-transition: background-color 0.5s ease-out;
      -moz-transition: background-color 0.5s ease-out;
      -o-transition: background-color 0.5s ease-out;
      transition: background-color 0.5s ease-out;
    }

    .dataTables_wrapper {
      background-color: #69ccdd;
      color: #fff;
    }

    .dataTables_wrapper .dataTables_info {
      color: #346671 !important;
      opacity: 0.5;
      font-size: 0.6em;
      font-weight: 400 !important;
    }

    table.dataTable thead .sorting {
      color: white;
    }

    tr {
      background-color: #464646 !important;
      color: #346671 !important;
      -webkit-transition: background-color 0.5s ease-out;
      -moz-transition: background-color 0.5s ease-out;
      -o-transition: background-color 0.5s ease-out;
      transition: background-color 0.5s ease-out;
    }

    tr:hover {
      color: #346671;
      border-width: 2px;

    }

    table.dataTable.display tbody tr.even>.sorting_2,
    table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
      background-color: #ffffff !important;

    }

    table.dataTable.display tbody tr.even>.sorting_1,
    table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
      background-color: #ffffff !important;

    }

    table.dataTable.display tbody tr.odd>.sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
      background-color: #faf2e9 !important
    }

    table.dataTable.display tbody tr.odd>.sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
      background-color: #ffffff !important;

    }

    table.dataTable.row-border tbody th,
    table.dataTable.row-border tbody td,
    table.dataTable.display tbody th,
    table.dataTable.display tbody td {
      background-color: #fff;
      border-left: 2px solid #e2e2e2;
    }

    /*------------------------------------------------------------------------------------------------------------------------*/

    .thumbnail {
      max-width: 40%;
    }

    .italic {
      font-style: italic;
    }

    .small {
      font-size: 0.8em;
    }

    /** LIGHTBOX MARKUP **/

    .lightbox_card {
      /** Default lightbox_card to hidden */
      display: none;

      /** Position and style */
      position: fixed;
      z-index: 999;
      width: 100%;
      height: 100%;
      text-align: center;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.8);
      -webkit-transition: 0.3s ease-out;
      -moz-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;

    }



    .lightbox_card:target {
      /** Remove default browser outline */
      outline: none;

      /** Unhide lightbox_card **/
      display: block;
    }

    .lightbox_card h6 {
      opacity: 0.6;
    }

    .botX {
      width: 35px;
      max-width: 80px;
      margin: 10px;
      position: fixed;
      right: 0px;
      top: 0px;
      -webkit-transition: 0.3s ease-out;
      -moz-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
    }

    .botX:hover {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);

    }

    .ficha {
      max-width: 310px;
      min-height: 600px;
      background-image: url(../img/back_card.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: cover;

    }


    /*------------------------------------------------------------------------------------------------------------------------*/
    .head_table {
      font-size: 1.2em;
      font-weight: 400 !important;
      font-family: 'Lato' !important;
      text-align: center;
      -webkit-transition: background-color 2s ease-out;
      -moz-transition: background-color 2s ease-out;
      -o-transition: background-color 2s ease-out;
      transition: background-color 2s ease-out;
      background-color: #fff !important;
    }


    .head_table:hover {
      font-size: 1.2em;
      font-weight: 400 !important;
      font-family: 'Lato' !important;
      text-align: center;

    }

    .pos2019 {
      font-size: 1.5em;
      font-weight: 400;
      font-family: Georgia, Times, "Times New Roman" !important;
      text-align: center;

    }

    .name-list {
      font-weight: 700;
      font-size: 1.3em;
      font-family: Georgia, Times, "Times New Roman" !important;
      line-height: 1.2em;
    }

    .name-list a {
      color: #000 !important;
    }

    .brdrb.name-list {
      min-width: 220px;
    }

    .telm {
      font-weight: 700;
      font-size: 1.2em;
      min-width: 200px;
      text-align: center;
    }
    
    .telm a{
      color: #ee3e6f !important;
    }


    /**.telm {
      font-weight: 500;
      font-size: 1em;
      min-width: 220px;
      text-align: left;
      line-height: 1.3em;
    }**/

    .telm-list {
      font-family: "Lato", sans-serif !important;
      font-weight: 300;
      font-size: 1em;
      min-width: 220px;
      line-height: 1.3em;
      text-align: center;
    }

    .telm-list a {
      color: #666 !important;
      
    }

    .cardimg {
      width: 100%;
      max-width: 80px;
      display: block;
    }


    .gallery-block {}

    .heading {
      text-align: center;
    }

    /*********** Galería ********/

    .gallery-block {}

    .heading {
      text-align: center;
    }

    .gallery-block .heading h2 {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 3em;
    }


    .gallery-block.compact-gallery .item {
      overflow: hidden;
      margin-bottom: 0;
      background: black;
      opacity: 1;
    }

    .gallery-block.compact-gallery .item .image {
      transition: 0.8s ease;
    }

    .gallery-block.compact-gallery .item .info {
      position: relative;
      display: inline-block;
    }

    .gallery-block.compact-gallery .item .description {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      /* padding: 10px; */
      line-height: 18px;
      /* font-size: 45px !important; */
      width: 100%;
      padding-top: 0px;
      padding-left: 10px;
      padding-right: 60px;
      padding-bottom: 5px;
      opacity: 1;
      color: #fff;
      transition: 0.8s ease;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
    }

    .description h4 {
      text-align: left !important;
      font-size: 15px !important;
      font-weight: 400 !important;
    }

    .description h3 {
      text-align: left !important;
      font-size: 24px !important;
      font-weight: 400 !important;
    }

    .gallery-block.compact-gallery .item .description .description-heading {
      text-align: left;
    }

    .gallery-block.compact-gallery .item .description .description-body {
      margin-top: 10px;
      font-weight: 300;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      -o-transition: 1s ease-out;
      transition: 1s ease-out;

    }

    .gallery-block .zoom-on-hover:hover .image {
      opacity: 0.4;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      -o-transition: 1s ease-out;
      transition: 1s ease-out;
    }

    .mobile img {
      -webkit-animation: inzoom 1s;
      /* Safari 4.0 - 8.0 */
      -webkit-animation-delay: 0.1s;
      /* Safari 4.0 - 8.0 */
      animation: inzoom 1s;
      animation-delay: 0.1s;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes inzoom {
      from {
        opacity: 0;
        transform: scale(0.7);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes inzoom {
      from {
        opacity: 0;
        transform: scale(0.7);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    .gallery-block.compact-gallery .item a:hover .description {
      opacity: 1;
    }

    .gallery-block .zoom-on-hover:hover .image {
      transform: scale(1.2);
      opacity: 0.4;
    }

    .img_m2_g {
      background-image: url(../img/rodrigo.png);
      width: 100%;
      height: 20em;
      background-position: top;
      background-size: cover;
    }

    .img_m2_1 {
      background-image: url(../img/pascal.png);
      width: 100%;
      height: 20em;
      background-position: top;
      background-size: cover;
    }

    .img_m2_2 {
      background-image: url(../img/gabriel.png);
      width: 100%;
      height: 20em;
      background-position: top;
      background-size: cover;
    }

    .info_mobile img {
      display: none;
    }

    .mobile {
      display: none;
    }

    .desk {
      display: block;
    }


    /*    CSS filtrado */

    .filterDiv {
      display: none;
    }

    /* oculta filtrar por categoría */
    div#myBtnContainer {
      visibility: hidden;
      font-size: 0;
    }

    .show_table {
      display: table-row;
      text-align: left;
      visibility: inherit !important;
    }

    .container_t {
      overflow: hidden;
    }

    /* Style the buttons */
    .btn_table {
      font-size: 1em;
      font-family: Georgia, Times, "Times New Roman" !important;
      border-style: none !important;
      outline: none !important;
      background-color: #000;
      cursor: pointer !important;
      color: #ffffffb5;
      border-bottom: solid 1px !important;
      border-color: #17545e !important;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      -o-transition: 1s ease-out;
      transition: 1s ease-out;

    }

    .btn_table:hover {
      color: #fff !important;
      border-radius: 0px !important;
      border-color: #fff;
      border-bottom: solid 1px !important;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      -o-transition: 1s ease-out;
      transition: 1s ease-out;
    }

    .btn_table.active {
      color: #fff;
      border-radius: 0px !important;
      border-color: #fff;
      border-bottom: solid 1px !important;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      -o-transition: 1s ease-out;
      transition: 1s ease-out;

    }

    .col-sm-6,
    .col-sm-12 {
      padding: 0px !important;
    }

    .img_m {
      padding: 10px !important;
    }

    /*    Termina CSS Filtrado */

    @media only screen and (max-width: 550px) {
      .hide_element {
        display: none !important;
      }

      .texto ul {
        padding-left: 1em;
      }

      blockquote {
        font-size: 2rem;
        width: calc(100% - 2rem);
      }

      .redes-sociales {
        bottom: 0;
        flex-direction: row;
        justify-content: center;
        left: 0;
        width: 100%;
          background-color: #fff;
          z-index: 9;
          padding: 10px 0;
      }
      .redes-sociales.nav-up {
        z-index: 9;
        bottom: 0;
        background-color: white;
        transition: .3s ease-in-out;
      }
      .redes-sociales.nav-down {
        bottom: 0px;
        transition: .3s ease-in-out;
      }
    }

@media (min-width: 200px) and (max-width: 700px) {
    .mobile img {
        margin-top: -15px;
        }
    .texto h1{
        font-size: 3.6em;
    }
    .texto h2{
        font-size: 3em;
        text-align: left;
        }
}

@media (min-width: 700px) and (max-width: 1400px) {

    .block video {
        margin-top: -210px;
      }
    .texto h2{
        font-size: 1.5em;
        text-align: left;
        }
}

@media (min-width: 200px) and (max-width: 425px) {
    ul.menu-right li a {
        font-size: 14px;
    }
    .telm {
        font-size: 1.1em;
        min-width: 100px;
    }
    
    .brdrb.name-list {
        min-width: 100px;
    }
    .name-list {
    font-size: 0.9em;
    }
    .frase1{
        margin-left: 25px;
    }
    blockquote {
        padding: 0 !important;
    }
    .creditos{
        padding-bottom: 2em;
    }
}


@media (min-width: 200px) and (max-width: 770px) {
      .subtitulo {
        width: 100%;
        padding-left: 0%;
        margin: 0em 0;

      }

      .desk {
        display: none;
      }

      .mobile {
        display: block;
      }

      .texto {
        padding-right: 1em;
        padding-left: 1em;
      }

      .info_desk img {
        display: none;
      }

      .info_mobile img {
        display: inline-block;

      }

      .mobile h4 {

        padding: 0px 3px 3px 3px;
        border-style: solid;
        border-width: 1px 0px;
        border-color: #cacaca;
        margin: 5px auto 15px auto;
        position: relative;
      }

      .desk {
        display: none;
      }

      .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }

      .col-sm-6 h4 {
        font-size: 1em;
        font-weight: 700;
        padding-top: 10px;

      }
    }

    /*    ANIMACION SVG  */

    #Logo {
      top: 0;
      right: -25%;
      left: -25%;
      margin: auto;
      display: block;
      fill: #aa7f3d;
      stroke: #EEBE7B;
      stroke-miterlimit: 5;
    }

    .Animate-Draw {
      fill-opacity: 0;
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-iteration-count: 1;
      animation-name: DrawLine, FadeStroke, FillIn;
      animation-duration: 4s, 1s, 1s;
      animation-delay: 0s, 3.5s, 3.5s;
    }

    #Draw-Mark {
      stroke-dashArray: 1100;
      stroke-dashoffset: 1100;
    }

    #Draw-Frame {
      animation-delay: 1s, 3.5s, 3.5s;
      animation-duration: 3.5s, 1s, 1s;
      stroke-dashArray: 1500;
      stroke-dashoffset: 1500;

    }

    #Draw-Text {
      animation-delay: 2s, 3.5s, 3.5s;
      animation-duration: 2s, 1s, 1s;
      stroke-dashArray: 300;
      stroke-dashoffset: 300;
    }

    @keyframes DrawLine {
      to {
        stroke-dashOffset: 0;
      }
    }

    @keyframes FadeStroke {
      to {
        stroke-opacity: 0;
      }
    }

    @keyframes FillIn {
      from {
        fill-opacity: 0;
      }

      to {
        fill-opacity: 1;
      }
    }

    @media screen and (min-width: 1025px) {
      .menu-right li a:hover {
        color: #ed1c24;
      }

      .redes-sociales {
          margin-left: 30px;
      }
    }