/* normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: transparent;
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

html,body {
    height: 100%;
    margin: 0
}

body {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}

body h1,body h2,body h3,body h4,body h5,body h6 {
    font-family: 'PT Serif',serif
}

figure {
    margin: 0;
    padding: 0
}

::selection {
    background: #008295;
    color: #fff
}

@font-face {
    font-family: 'nat';
    src: url("/fontnat/nat.eot?51483799");
    src: url("/fontnat/nat.eot?51483799#iefix") format('embedded-opentype'),url("/fontnat/nat.woff2?51483799") format('woff2'),url("/fontnat/nat.woff?51483799") format('woff'),url("/fontnat/nat.ttf?51483799") format('truetype'),url("/fontnat/nat.svg?51483799#nat") format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    font-family: "nat";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
    content: '\e800'
}

.icon-email-1:before {
    content: '\e801'
}

.icon-a-left-2:before {
    content: '\e802'
}

.icon-a-right-2:before {
    content: '\e803'
}

.icon-zoom:before {
    content: '\e804'
}

.icon-home:before {
    content: '\e805'
}

.icon-plane:before {
    content: '\e806'
}

.icon-quote-2:before {
    content: '\e807'
}

.icon-quote-1:before {
    content: '\e808'
}

.icon-user:before {
    content: '\e809'
}

.icon-mountain:before {
    content: '\e80a'
}

.icon-clock-2:before {
    content: '\e80b'
}

.icon-compass:before {
    content: '\e80c'
}

.icon-guy:before {
    content: '\e80d'
}

.icon-clock-1:before {
    content: '\e80e'
}

.icon-calendar-2:before {
    content: '\e80f'
}

.icon-calendar-1:before {
    content: '\e810'
}

.icon-world:before {
    content: '\e811'
}

.icon-forest:before {
    content: '\e812'
}

.icon-ok-2:before {
    content: '\e813'
}

.icon-ok-1:before {
    content: '\e814'
}

.icon-close-1:before {
    content: '\e815'
}

.icon-close-2:before {
    content: '\e816'
}

.icon-warn-1:before {
    content: '\e817'
}

.icon-warn-2:before {
    content: '\e818'
}

.icon-question-1:before {
    content: '\e819'
}

.icon-question-2:before {
    content: '\e81a'
}

.icon-a-top-1:before {
    content: '\e81b'
}

.icon-a-down-1:before {
    content: '\e81c'
}

.icon-a-left-1:before {
    content: '\e81d'
}

.icon-a-right-1:before {
    content: '\e81e'
}

.icon-link:before {
    content: '\e81f'
}

.icon-download:before {
    content: '\e820'
}

.icon-menu:before {
    content: '\e821'
}

.icon-a-down-2:before {
    content: '\e822'
}

.icon-a-top-2:before {
    content: '\e823'
}

.icon-facebook:before {
    content: '\e824'
}

.icon-twitter:before {
    content: '\e825'
}

.icon-right-hand:before {
    content: '\e826'
}

.icon-left-hand:before {
    content: '\e827'
}

.icon-up-hand:before {
    content: '\e828'
}

.icon-down-hand:before {
    content: '\e829'
}

.owl-carousel {
    position: relative; /* Importante para posicionar los botones */
  }
  
  .owl-nav {
    position: absolute; /* Posiciona los botones sobre las imágenes */
    top: 50%; /* Centra verticalmente */
    width: 100%;
    display: flex; /* Permite centrar los botones horizontalmente */
    justify-content: space-between; /* Distribuye los botones a los lados */
    transform: translateY(-50%); /* Ajusta el centrado vertical */
  }
  
  #owl-main-slide .owl-nav .owl-prev,
  #owl-main-slide .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0.1); /* Fondo semitransparente */
    color: white; /* Color del icono */
    font-size: 35px;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10; /* Asegura que los botones estén sobre las imágenes */
  }
  
  .owl-prev{
    left: 1em;
    width: 50px;
  }

  .owl-next{
    left: 1em;
    width: 50px;
  }

  /* Estilos específicos para los iconos (si usas iconos) */
 

@media only screen and (max-width: 640px) {
    #owl-main-slide .owl-nav .owl-prev,
    #owl-main-slide .owl-nav .owl-next {
        display:none
    }
}

.maxwidth {
    width: 1140px
}

.width800 {
    width: 800px
}

.m-auto {
    margin: auto
}

.box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pdtb1 {
    padding: 1em 0
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.c-size-2em {
    font-size: 2em
}

.c-size-4em {
    font-size: 4em
}

.c-twitter {
    color: #29abe2
}

.c-instagram {
    color: #0071bc
}

.c-white {
    color: #fff
}

.c-gris-6 {
    color: #808080
}

.c-nat-verde-1 {
    color: #008295
}

.c-nat-naranja-1 {
    color: #ee7402
}

.b-twitter {
    background: #29abe2
}

.b-instagram {
    background: #0071bc
}

.b-facebook {
    background: #2e3192
}

.b-white {
    background: #fff
}

.b-nat-verde-0 {
    background: #00a99d
}

.b-nat-verde-1 {
    background: #008295
}

.b-nat-verde-2 {
    background: #007787
}

.b-nat-verde-3 {
    background: #006a79
}

.b-nat-naranja-1 {
    background: #ee7402
}

.b-gris-1 {
    background: #f2f2f2
}

.b-gris-3 {
    background: #ccc
}

.b-gris-5 {
    background: #999
}

.height-1px {
    height: 1px
}

.height-2px {
    height: 2px
}

.line1 {
    position: relative;
}

.line1:after {
    content: '';
    top: 0;
    border-top: solid 15px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px transparent;
    position: absolute
}

.brd-nat-verde-1:after {
    content: '';
    border-top-color: #008295
}

.w-20-perc {
    width: 20%
}

.w-25-perc {
    width: 25%
}

.w-30-perc {
    width: 30%
}

.w-40-perc {
    width: 40%
}

.w-50-perc {
    width: 50%
}

.w-60-perc {
    width: 60%
}

.w-70-perc {
    width: 70%
}

.w-75-perc {
    width: 75%
}

.w-80-perc {
    width: 80%
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.sb {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.fe {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.jc {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ac {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.as {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.flex-show {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.hide {
    display: block
}

.styled-select {
    background: tcm-azul-1;
    display: block;
    margin: auto;
    position: relative;
    width: 100%;
    border-radius: .25em;
}

.styled-select:after {
    color: #fff;
    content: '\e80c';
    font-family: 'tcm';
    position: absolute;
    right: 1em;
    top: .75em
}

.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: .75em;
    font-weight: bold;
    margin: 0;
    outline: 0;
    padding: 1em;
    text-transform: uppercase;
    width: 100%;
}

.styled-select select option {
    background: #fff;
    border: none;
    color: #b3b3b3;
    display: block;
    font-size: 12px;
    padding: .25em;
    vertical-align: bottom
}

.up {
    background: #000;
    bottom: 0;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 1em;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 1;
}

.up:before {
    content: '1'
}

.title1 {
    padding: 1em;
    text-align: center;
}

.title1 h1 {
    font-size: 1.75em;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.main-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100vh
}

@supports (overflow: -webkit-marquee) and (justify-content:inherit) {
    .main-wrap {
        height:auto
    }
}

.top1 {
    background: #008295
}

.top2 {
    position: relative;
}

.top2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.25);
    height: 3px;
    z-index: 1
}

.social1 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social1 li a {
    color: #fff;
    display: block;
    height: 40px;
    text-decoration: none;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.social1 li a:hover {
    background: rgba(0,0,0,0.25)
}

.contact1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.contact1 li {
    border-right: solid 1px #00a99d;
}

.contact1 li p {
    color: #fff;
    font-size: .75em;
    margin: 0;
    padding: 0 1em;
    height: 40px;
    line-height: 40px
}

.contact1 li a {
    color: #fff;
    display: block;
    font-size: .75em;
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
    text-decoration: none;
}

.contact1 li a:hover {
    background: rgba(0,0,0,0.25)
}

@media only screen and (max-width: 640px) {
    .contact1 {
        -webkit-box-pack:center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.lang1 >button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: .75em;
    padding: 1em;
    text-decoration: none;
}

.lang1 >button:hover {
    background: rgba(0,0,0,0.25)
}

.lang1 >button >.title-1 {
    font-size: .85em;
    font-weight: 700
}

.lang1 >div >ul {
    padding: .5em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    list-style: none;
    margin: 0;
}

.lang1 >div >ul >li >a {
    color: #666;
    text-decoration: none;
}

.lang1 >div >ul >li >a:hover {
    background: #f2f2f2
}

.lang1 >div >ul >li >a >img {
    display: block;
    width: 30px;
    height: 30px
}

.lang1 >div >ul >li >a >span {
    font-size: .75em
}

@media only screen and (max-width: 640px) {
    .lang1 {
        text-align:right;
    }

    .lang1 >button >.title-1 {
        display: none
    }
}

.main-logo1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.main-logo1 >.pic1 {
    width: 100px;
}

.main-logo1 >.pic1 >img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top
}

.main-logo1 >.pic1:nth-child(1) {
    width: 80px
}

.main-logo1 >.pic1:nth-child(2) {
    width: 70px
}

.main-logo1 >a {
    display: block;
}

.main-logo1 >a >figure img {
    width: 120px;
    height: auto;
    display: block
}

@media only screen and (max-width: 640px) {
    .main-logo1 {
        -webkit-box-pack:center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .main-logo1 >a >figure >img {
        margin: auto
    }
}

.main-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

.main-nav >ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav >ul >li >.af1:after {
    content: ' \e822';
    font-family: 'nat';
    color: #008295
}

.main-nav >ul >li >a {
    color: #999;
    display: block;
    font-size: .85em;
    padding: 1rem .75em;
    text-decoration: none;
    text-transform: uppercase;
}

.main-nav >ul >li >a:hover {
    background: #f2f2f2
}

.main-nav >ul >li >a:before {
    color: #008295
}

.main-nav >ul >li >.submenu1 {
    background: #ee7402;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    z-index: 2;
}

.main-nav >ul >li >.submenu1 >div >ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.main-nav >ul >li >.submenu1 >div >ul >li >a {
    color: #fff;
    display: block;
    font-size: .75em;
    padding: 1.25em;
    text-decoration: none;
}

.main-nav >ul >li >.submenu1 >div >ul >li >a:hover {
    background: rgba(0,0,0,0.15)
}

.main-nav >ul >li:hover >.submenu1 {
    height: auto;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    left: 0;
    right: 0;
    padding: .25em;
    width: 100%
}

.main-btn,.close-btn {
    display: none
}

#op-1 .main-nav >ul >li >a.uno,#op-2 .main-nav >ul >li >a.dos,#op-3 .main-nav >ul >li >a.tres,#op-4 .main-nav >ul >li >a.cuatro,#op-5 .main-nav >ul >li >a.cinco,#op-6 .main-nav >ul >li >a.seis,#op-7 .main-nav >ul >li >a.siete,#op-8 .main-nav >ul >li >a.ocho {
    background: #f2f2f2
}

@media only screen and (max-width: 960px) {
    .main-nav {
        display:none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,0.85);
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        z-index: 2;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .main-nav >ul {
        float: none;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100vw;
        height: 100vh;
    }

    .main-nav >ul >li >.af1 {
        display: none
    }

    .main-nav >ul >li >a {
        color: #008295;
        display: block;
        font-size: .75em;
        height: auto;
        line-height: 0;
        padding: 1.5em;
        border-bottom: solid 1px #008295;
    }

    .main-nav >ul >li >a:hover {
        background: #008295;
        color: #fff;
        border-bottom: solid 1px #006a79;
    }

    .main-nav >ul >li >a:hover:before {
        color: #fff
    }

    .main-nav >ul >li >.submenu1 {
        display: none
    }

    .main-btn,.close-btn {
        background: rgba(0,0,0,0.5);
        border-radius: .25em;
        top: .5em;
        right: .5em;
        color: #fff;
        display: block;
        height: 40px;
        line-height: 40px;
        position: fixed;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        width: 40px;
    }

    .main-btn:hover,.close-btn:hover {
        background: #000
    }

    .main-btn {
        z-index: 1
    }

    .close-btn {
        z-index: 2
    }

    #op-1 .main-nav >ul >li >a.uno,#op-2 .main-nav >ul >li >a.dos,#op-3 .main-nav >ul >li >a.tres,#op-4 .main-nav >ul >li >a.cuatro,#op-5 .main-nav >ul >li >a.cinco,#op-6 .main-nav >ul >li >a.seis,#op-7 .main-nav >ul >li >a.siete,#op-8 .main-nav >ul >li >a.ocho {
        background: #008295;
        color: #fff;
        border-bottom: solid 1px #006a79;
    }

    #op-1 .main-nav >ul >li >a.uno:before,#op-2 .main-nav >ul >li >a.dos:before,#op-3 .main-nav >ul >li >a.tres:before,#op-4 .main-nav >ul >li >a.cuatro:before,#op-5 .main-nav >ul >li >a.cinco:before,#op-6 .main-nav >ul >li >a.seis:before,#op-7 .main-nav >ul >li >a.siete:before,#op-8 .main-nav >ul >li >a.ocho:before {
        color: #fff
    }
}

.ms-item1 {
    position: relative
}

figure img {
    display: block;
    width: 100%;
    height: auto
}

.ms-overlay1 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
    position: absolute
}

.ms-g-info1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

.ms-g-info1 .ms-info1 {
    padding: 1em;
    text-align: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-g-info1 .ms-info1 h2 {
    font-size: 2.25em;
    color: #fff;
    font-weight: 400
}

.ms-g-info1 .ms-info1 p {
    color: #fff;
    margin-top: 1em
}

.ms-g-info1 .ms-info1 a {
    border-radius: .35em;
    border: solid 3px #fff;
    background: transparent;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
}

.ms-g-info1 .ms-info1 a:hover {
    background: #fff;
    color: #008295
}

.ms-g-info1 .ms-info1 a:before {
    font-style: normal;
    font-family: 'nat';
    content: '\e803'
}

@media only screen and (max-width: 640px) {
    .ms-overlay1 {
        background:#006a79;
        position: static
    }

    .ms-g-info1 .ms-info1 {
        width: 100%;
    }

    .ms-g-info1 .ms-info1 h2 {
        font-size: 1em
    }

    .ms-g-info1 .ms-info1 p {
        font-size: .85em;
        margin-top: 1em
    }

    .ms-g-info1 .ms-info1 a {
        padding: .5em;
        font-size: .85em
    }
}

.module1 {
    text-align: center;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.module1 h2 {
    font-size: 1.87em;
    margin: 0;
    font-weight: 400;
    color: #999
}

.module1 h3 {
    font-weight: 400;
    color: #999
}

.module1 p {
    font-style: italic;
    color: #666;
    line-height: 2em;
}

.module1 p strong {
    color: #008295
}

.portrait1 {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: solid 2px #ccc;
    overflow: hidden;
    margin: auto
}

.divisor1 {
    width: 50%;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.divisor1 >.l1 {
    height: 2px;
    width: 25%
}

.divisor1 >.ic1 {
    font-size: 1.87em
}

@media only screen and (max-width: 640px) {
    .module1 {
        text-align:center;
        padding: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .module1 h2 {
        font-size: 1em
    }

    .module1 h3 {
        font-size: 1em
    }

    .module1 p {
        font-size: .85em
    }
}

.module2 {
    position: relative;
}

.module2 figure img {
    display: block;
    width: 100%;
    height: auto
}

.md2-overlay1 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.35);
    position: absolute
}

.md2-g-info1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.md2-info1 {
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.md2-info1 h2 {
    font-size: 1.5em;
    color: #fff;
    font-weight: 300
}

.md2-info1 p {
    color: #fff
}

.md2-info1 a {
    border-radius: .35em;
    border: solid 3px #fff;
    background: transparent;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    text-decoration: none;
    color: #fff;
    margin: auto;
}

.md2-info1 a:hover {
    background: #fff;
    color: #008295
}

@media only screen and (max-width: 640px) {
    .md2-overlay1 {
        background:#006a79;
        position: static
    }

    .md2-info1 h2 {
        font-size: 1em
    }

    .md2-info1 p {
        font-size: .85em
    }

    .md2-info1 a {
        padding: .5em;
        font-size: .85em
    }
}

.list1 >div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.list1 article {
    width: 33.33%;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    text-align: center;
}

.list1 article:hover {
    background: #f2f2f2
}

.list1 article >.l1 {
    width: 50%;
    margin: auto;
    height: 1px
}

.list1 article figure img {
    width: 100%;
    height: auto;
    display: block
}

.list1 article h2 {
    font-size: 1.3em
}

.list1 article p {
    color: #666;
    line-height: 2em
}

.list1 article a {
    border-radius: .35em;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.list1 article a:before {
    font-family: 'nat';
    content: '\e803';
    font-style: normal
}

.list1 article:nth-child(odd):hover a {
    background: #ee7402
}

.list1 article:nth-child(odd) >.l1 {
    background: #27323c
}

.list1 article:nth-child(odd) h2 {
    color: #27323c
}

.list1 article:nth-child(odd) a {
    background: #27323c
}

.list1 article:nth-child(even):hover a {
    background: #ee7402
}

.list1 article:nth-child(even) >.l1 {
    background: #008295
}

.list1 article:nth-child(even) h2 {
    color: #008295
}

.list1 article:nth-child(even) a {
    background: #008295
}

@media only screen and (max-width: 960px) {
    .list1 article {
        width:50%
    }
}

@media only screen and (max-width: 640px) {
    .list1 >div {
        display:block
    }

    .list1 article {
        width: 100%;
    }

    .list1 article h2 {
        font-size: 1em
    }

    .list1 article p {
        font-size: .85em
    }

    .list1 article a {
        padding: .5em;
        font-size: .85em
    }
}

.list2 >div {
    height: auto
}

.list21 {
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list21:nth-child(odd) {
    background: #f2f2f2;
}

.list21:nth-child(odd):hover {
    background: #e6e6e6
}

.list21:nth-child(odd):hover > .list21-g1 > .list211-g1 > .link1 a {
    background: #ee7402
}

.list21:nth-child(even):hover {
    background: #e6e6e6
}

.list21:nth-child(even):hover > .list21-g1 > .list211-g1 > .link1 a {
    background: #ee7402
}

.list21-fig1 {
    width: 20%;
}

.list21-fig1 >img {
    width: 100%;
    height: auto;
    display: block
}

.list21-g1 {
    width: 80%
}

.list211-g1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list211-g1 >.info1 {
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

.list211-g1 >.info1 h2 {
    font-size: 1.3em;
    color: #27323c;
    font-weight: 400
}

.list211-g1 >.info1 >.fecha1 span {
    color: #ee7402;
    font-size: .85em;
    font-style: italic;
}

.list211-g1 >.info1 >.fecha1 span:before {
    font-style: normal;
    content: '1';
    color: #27323c
}

.list211-g1 >.info1 p {
    color: #666;
    line-height: 2em
}

.list211-g1 >.link1 {
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

.list211-g1 >.link1 a {
    border-radius: .35em;
    background: #27323c;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.list211-g1 >.link1 a:before {
    font-family: 'nat';
    content: '\e803';
    font-style: normal
}

.list22-g1 {
    width: 80%;
    padding: 1em 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list22-g1 h2 {
    font-size: 1.3em;
    color: #27323c
}

.list22-g1 h3 {
    font-size: 1em;
    color: #ee7402
}

.list22-g1 p {
    color: #666;
    line-height: 2em
}

.list22-g1 >.l1 {
    width: 30%;
    height: 1px;
    background: #008295
}

@media only screen and (max-width: 640px) {
    .list21 {
        display:block
    }

    .list21-fig1 {
        width: 80%;
        margin: auto
    }

    .list21-g1 {
        width: 100%
    }

    .list211-g1 >.info1 h2 {
        font-size: 1em
    }

    .list211-g1 >.info1 p {
        font-size: .85em
    }

    .list211-g1 >.link1 a {
        padding: .5em;
        font-size: .85em
    }

    .list22-g1 {
        width: 100%;
        padding: 1em;
    }

    .list22-g1 h2 {
        font-size: 1em
    }

    .list22-g1 p {
        font-size: .85em
    }
}

.list3 >div {
    height: auto
}

.list31 {
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list31:nth-child(odd) {
    background: #f2f2f2;
}

.list31:nth-child(odd):hover {
    background: #e6e6e6
}

.list31:nth-child(odd):hover > .list31-g1 > .list311-g1 > .link1 a {
    background: #ee7402
}

.list31:nth-child(even):hover {
    background: #e6e6e6
}

.list31:nth-child(even):hover > .list31-g1 > .list311-g1 > .link1 a {
    background: #ee7402
}

.list31-fig1 {
    width: 20%;
}

.list31-fig1 >img {
    width: 100%;
    height: auto;
    display: block
}

.list31-g1 {
    width: 80%
}

.list311-g1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list311-g1 >.info1 {
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

.list311-g1 >.info1 h2 {
    font-size: 1.3em;
    color: #27323c;
    font-weight: 400
}

.list311-g1 >.info1 p {
    color: #666;
    line-height: 2em
}

.list311-g1 >.link1,.list311-g1 >.link2 {
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

.list311-g1 >.link1 a,.list311-g1 >.link2 a {
    border-radius: .35em;
    background: #27323c;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.list311-g1 >.link1 a:before,.list311-g1 >.link2 a:before {
    font-family: 'nat';
    font-style: normal
}

.list311-g1 >.link1 a:before {
    content: '\e803'
}

.list311-g1 >.link2 a:before {
    content: '\e820  '
}

@media only screen and (max-width: 640px) {
    .list31 {
        display:block
    }

    .list31-fig1 {
        width: 80%;
        margin: auto
    }

    .list31-g1 {
        width: 100%
    }

    .list311-g1 {
        display: block;
        text-align: center;
    }

    .list311-g1 >.info1 {
        width: 100%;
    }

    .list311-g1 >.info1 h2 {
        font-size: 1em
    }

    .list311-g1 >.info1 >.fecha1,.list311-g1 >.info1 span {
        margin: 0;
        padding: 0;
        text-align: center
    }

    .list311-g1 >.info1 p {
        font-size: .85em
    }

    .list311-g1 >.link1 {
        width: 100%;
    }

    .list311-g1 >.link1 a {
        padding: .5em;
        font-size: .85em
    }
}

.list4 >div .list41 {
    width: 100%;
}

.list4 >div .list41 h2 >a {
    font-size: 1em;
    color: #ee7402;
    font-weight: 400;
    text-decoration: none;
    text-align: justify
}

.list4 >div .list41 ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.list4 >div .list41 ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list4 >div .list41 ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #008295;
}

.list4 >div .list41 ul li a:before {
    content: '· '
}

.list4 >div .list41 ul li a:hover {
    background: #f2f2f2
}

@media only screen and (max-width: 1140px) {
    .list4 >div .list41 {
        padding:1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .list4 >div .list41 h2 {
        font-size:1em
    }

    .list4 >div .list41 ul li {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .list4 >div .list41 ul li a {
        font-size: .85em
    }
}

.list5 >div .list51 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list5 >div .list51 h2 {
    font-size: 1.3em;
    color: #ee7402;
    font-weight: 400
}

.list5 >div .list51 .list51-list1:nth-child(odd) {
    background: #f2f2f2;
}

.list5 >div .list51 .list51-list1:nth-child(odd):hover {
    background: #e6e6e6
}

.list5 >div .list51 .list51-list1:nth-child(odd):hover > .list51-link1 > a {
    background: #ee7402
}

.list5 >div .list51 .list51-list1:nth-child(even):hover {
    background: #e6e6e6
}

.list5 >div .list51 .list51-list1:nth-child(even):hover > .list51-link1 > a {
    background: #ee7402
}

.list5 >div .list51 .list51-list1 {
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.list5 >div .list51 .list51-int1 {
    width: 80%;
    text-align: justify;
}

.list5 >div .list51 .list51-int1 h2 {
    font-size: 1.2em;
    color: #008295;
    font-weight: 400
}

.list5 >div .list51 .list51-int1 p {
    color: #666;
    line-height: 2em
}

.list5 >div .list51 .list51-link1 {
    width: 20%;
}

.list5 >div .list51 .list51-link1 a {
    border-radius: .35em;
    background: #27323c;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.list5 >div .list51 .list51-link1 a:before {
    font-family: 'nat';
    content: '\e826 '
}

.list5 >div .list52 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list52 ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #008295;
    font-size: .85em;
}

.list5 >div .list52 ul li a:before {
    content: '· '
}

.list5 >div .list52 ul li a:hover {
    background: #f2f2f2
}

.list5 >div .list53 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list53 >li {
    color: #ee7402;
    display: block;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list5 >div .list53 >ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list53 >ul >li >a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #008295;
    font-size: .85em;
}

.list5 >div .list53 >ul >li >a:before {
    content: '· '
}

.list5 >div .list53 >ul >li >a:hover {
    background: #f2f2f2
}

.list5 >div .list54 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list5 >div .list54 h1,.list5 >div .list54 h2,.list5 >div .list54 h3,.list5 >div .list54 h4,.list5 >div .list54 h5,.list5 >div .list54 h6 {
    color: #ee7402;
    font-weight: 400;
}

.list5 >div .list54 h1 >b,.list5 >div .list54 h2 >b,.list5 >div .list54 h3 >b,.list5 >div .list54 h4 >b,.list5 >div .list54 h5 >b,.list5 >div .list54 h6 >b,.list5 >div .list54 h1 >strong,.list5 >div .list54 h2 >strong,.list5 >div .list54 h3 >strong,.list5 >div .list54 h4 >strong,.list5 >div .list54 h5 >strong,.list5 >div .list54 h6 >strong {
    font-weight: 700
}

.list5 >div .list54 h1 >a,.list5 >div .list54 h2 >a,.list5 >div .list54 h3 >a,.list5 >div .list54 h4 >a,.list5 >div .list54 h5 >a,.list5 >div .list54 h6 >a {
    color: #008295
}

.list5 >div .list54 h1 {
    font-size: 1.87em
}

.list5 >div .list54 h2 {
    font-size: 1.67em
}

.list5 >div .list54 h3 {
    font-size: 1.47em;
    color: #008295
}

.list5 >div .list54 h4 {
    font-size: 1.27em
}

.list5 >div .list54 h5 {
    font-size: 1.07em
}

.list5 >div .list54 h6 {
    font-size: 1em
}

.list5 >div .list54 p {
    color: #666;
    line-height: 2em;
}

.list5 >div .list54 p >b>strong {
    font-weight: 700
}

.list5 >div .list54 p >a {
    color: #008295
}

.list5 >div .list54 p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.list5 >div .list54 ul,.list5 >div .list54 ol {
    margin: 0;
    padding: 0 1em;
}

.list5 >div .list54 ul li,.list5 >div .list54 ol li {
    color: #333;
    line-height: 2em;
}

.list5 >div .list54 ul li a,.list5 >div .list54 ol li a {
    color: #008295
}

.list5 >div .list54 a {
    color: #008295
}

.list5 >div .list54 figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 1140px) {
    .list5 >div {
        padding:1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .list5 >div .list51 h2 {
        font-size:1em
    }

    .list5 >div .list51 .list51-list1 {
        padding: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s
    }

    .list5 >div .list51 .list51-int1 {
        width: 100%;
        text-align: justify;
    }

    .list5 >div .list51 .list51-int1 h2 {
        font-size: 1.2em;
        color: #008295;
        font-weight: 400
    }

    .list5 >div .list51 .list51-int1 p {
        color: #666;
        line-height: 2em
    }

    .list5 >div .list51 .list51-link1 {
        width: 100%;
    }

    .list5 >div .list51 .list51-link1 a {
        border-radius: .35em;
        background: #27323c;
        -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
        box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
        text-transform: uppercase;
        font-style: italic;
        padding: 1em;
        display: table;
        text-decoration: none;
        color: #fff;
        margin: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s
    }

    .list5 >div .list52 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .list5 >div .list52 ul li a {
        display: block;
        padding: 1em;
        text-decoration: none;
        color: #008295;
        font-size: .85em;
    }

    .list5 >div .list52 ul li a:before {
        content: '· '
    }

    .list5 >div .list52 ul li a:hover {
        background: #f2f2f2
    }
}

.grid1 >div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid1 >div article {
    width: 16.66%;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
}

.grid1 >div article figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 960px) {
    .grid1 >div article {
        width:25%
    }
}

@media only screen and (max-width: 640px) {
    .grid1 >div article {
        width:50%
    }
}

.f11 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.f11-item1 {
    width: 33.33%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5em;
}

.f11-item1 .ic1 {
    color: #fff;
    font-size: 4em
}

.f11-item1 h2 {
    font-size: 1.25em;
    font-weight: 400;
    color: #fff
}

.f11-item1 p {
    color: #fff;
    font-size: .85em;
    line-height: 2em;
}

.f11-item1 p a {
    color: #fff
}

.f11-item1 .f11-item1-ll1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.f11-item1 .f11-item1-ll1 li a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: .5em;
    text-align: left;
    font-size: .85em;
}

.f11-item1 .f11-item1-ll1 li a:hover {
    background: rgba(0,0,0,0.25)
}

.f11-item1 .f11-item1-ll2 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.f11-item1 .f11-item1-ll2 li p {
    color: #fff;
    font-size: .85em;
    margin: 0
}

.f11-item1 .f11-item1-ll2 li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .5em;
    font-size: .85em;
}

.f11-item1 .f11-item1-ll2 li a:hover {
    background: rgba(0,0,0,0.25)
}

.f11-item1 .f11-item1-fig1 img {
    display: block;
    width: 100%;
    height: auto
}

.foot2 >div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.foot2 >div p {
    font-size: .75em;
    color: #666;
}

.foot2 >div p a {
    color: #666
}

@media only screen and (max-width: 1140px) {
    .foot2 >div {
        padding:1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .f11 {
        display:block
    }

    .f11-item1 {
        width: 100%;
    }

    .f11-item1 .ic1 {
        font-size: 3em
    }

    .f11-item1 h2 {
        font-size: 1em
    }

    .foot2 >div {
        display: block;
        text-align: center
    }
}

.bc1 {
    margin: 0;
    padding: .5em;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bc1 li a,.bc1 li span {
    padding: 1em;
    font-size: .75em
}

.bc1 li a {
    display: block;
    text-decoration: none;
    color: #666;
    border-radius: .25em;
}

.bc1 li a:hover {
    background: #e6e6e6
}

.bc1 li:first-child a {
    color: #008295;
}

.bc1 li:first-child a:before {
    font-family: 'nat';
    content: '\e805'
}

.bc1 li span {
    color: #008295;
}

.bc1 li span:before {
    font-family: 'nat';
    content: '\e803'
}

@media only screen and (max-width: 640px) {
    .bc1 {
        -webkit-box-pack:center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.list-icons1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

.list-icons1 >.item1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list-icons1 >.item1 >.ic1 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: #27323c;
}

.list-icons1 >.item1 >.ic1:before {
    font-family: 'nat'
}

.list-icons1 >.item1 >.info1 >p {
    font-size: .75em;
    margin: 0;
    padding: 0
}

.list-icons1 >.item1 >.info1 >p:first-child {
    color: #008295
}

.list-icons1 >.item1:nth-child(1) >.ic1:before {
    content: '\e80c'
}

.list-icons1 >.item1:nth-child(2) >.ic1:before {
    content: '\e80d'
}

.list-icons1 >.item1:nth-child(3) >.ic1:before {
    content: '\e80b'
}

.list-icons1 >.item1:nth-child(4) >.ic1:before {
    content: '\e80f'
}

@media only screen and (max-width: 640px) {
    .list-icons1 {
        -webkit-box-lines:multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-icons1 >.item1 {
        width: 50%;
    }

    .list-icons1 >.item1 >.ic1 {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px
    }
}

.list-icons2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    background: #f2f2f2;
    padding: .5em;
}

.list-icons2 >.item1 {
    border-radius: .25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    border:none;
}

.list-icons2 >.item1:hover {
    background: #e6e6e6
}

.list-icons2 >.item1 >.ic1 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: #27323c;
}

.list-icons2 >.item1 >.ic1:before {
    font-family: 'nat'
}

.list-icons2 >.item1 >.info1 >p {
    font-size: .75em;
    margin: 0;
    padding: 0;
    color: #ee7402
}

.list-icons2 >.item1:nth-child(1) >.ic1 {
    color: #0071bc;
}

.list-icons2 >.item1:nth-child(1) >.ic1:before {
    content: '\e80c'
}

.list-icons2 >.item1:nth-child(2) >.ic1 {
    color: #009245;
}

.list-icons2 >.item1:nth-child(2) >.ic1:before {
    content: '\e812'
}

.list-icons2 >.item1:nth-child(3) >.ic1 {
    color: #8cc63f;
}

.list-icons2 >.item1:nth-child(3) >.ic1:before {
    content: '\e813'
}

.list-icons2 >.item1:nth-child(4) >.ic1 {
    color: #ff1d25;
}

.list-icons2 >.item1:nth-child(4) >.ic1:before {
    content: '\e815'
}

.list-icons2 >.item1:nth-child(5) >.ic1 {
    color: #fbb03b;
}

.list-icons2 >.item1:nth-child(5) >.ic1:before {
    content: '\e817'
}

.list-icons2 >.item1:nth-child(6) >.ic1 {
    color: #008295;
}

.list-icons2 >.item1:nth-child(6) >.ic1:before {
    content: '\e819'
}

@media only screen and (max-width: 640px) {
    .list-icons2 {
        -webkit-box-lines:multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-icons2 >.item1 {
        width: 50%;
    }

    .list-icons2 >.item1 >.ic1 {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px
    }
}

.info1 >div {
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info1 >div h1,.info1 >div h2,.info1 >div h3,.info1 >div h4,.info1 >div h5,.info1 >div h6 {
    color: #ee7402;
    font-weight: 400;
}

.info1 >div h1 >b,.info1 >div h2 >b,.info1 >div h3 >b,.info1 >div h4 >b,.info1 >div h5 >b,.info1 >div h6 >b,.info1 >div h1 >strong,.info1 >div h2 >strong,.info1 >div h3 >strong,.info1 >div h4 >strong,.info1 >div h5 >strong,.info1 >div h6 >strong {
    font-weight: 700
}

.info1 >div h1 >a,.info1 >div h2 >a,.info1 >div h3 >a,.info1 >div h4 >a,.info1 >div h5 >a,.info1 >div h6 >a {
    color: #008295
}

.info1 >div h1 {
    font-size: 1.87em
}

.info1 >div h2 {
    font-size: 1.67em
}

.info1 >div h3 {
    font-size: 1.47em;
    color: #008295
}

.info1 >div h4 {
    font-size: 1.27em
}

.info1 >div h5 {
    font-size: 1.07em
}

.info1 >div h6 {
    font-size: 1em
}

.info1 >div p {
    color: #666;
    line-height: 2em;
}

.info1 >div p >b>strong {
    font-weight: 700
}

.info1 >div p >a {
    color: #008295
}

.info1 >div p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.info1 >div ul,.info1 >div ol {
    margin: 0;
    padding: 0 1em;
}

.info1 >div ul li,.info1 >div ol li {
    color: #333;
    line-height: 2em;
}

.info1 >div ul li a,.info1 >div ol li a {
    color: #008295
}

.info1 >div a {
    color: #008295
}

.info1 >div figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 1140px) {
    .info1 >div {
        padding:1.5em;
    }

    .info1 >div p >img {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .info1 >div h1,.info1 >div h2,.info1 >div h3,.info1 >div h4,.info1 >div h5,.info1 >div h6 {
        font-size:1em
    }

    .info1 >div p {
        font-size: .85em
    }

    .info1 >div ul li,.info1 >div ol li {
        font-size: .85em
    }

    .info1 >div a {
        font-size: .85em
    }
}

.top-info1 >div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

.top-info1 >div figure {
    width: 50%
}

.top-info1 >div >.top-info11 {
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top-info1 >div >.top-info11 h2 {
    font-size: 1.67em;
    color: #ee7402;
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .top-info1 >div {
        display:block;
    }

    .top-info1 >div figure {
        width: 100%
    }

    .top-info1 >div >.top-info11 {
        width: 100%;
        display: block;
        padding: 1em;
    }

    .top-info1 >div >.top-info11 h2 {
        font-size: 1em;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

.holder {
    padding: 1em 0;
    text-align: center;
}

.holder a {
    color: #008295;
    cursor: pointer;
    display: inline-table;
    font-size: .8em;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    width: 30px;
}

.holder a:hover {
    color: #fff;
    background: #008295
}

.holder a.jp-previous,.holder a.jp-next {
    color: #008295;
    display: inline-table;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.holder a.jp-previous:hover,.holder a.jp-next:hover {
    color: #fff;
    background: #008295
}

.holder a.jp-previous:before {
    content: "<"
}

.holder a.jp-next:before {
    content: ">"
}

.holder a.jp-current,a.jp-current:hover {
    color: #fff;
    background: #006a79
}

.holder a.jp-disabled,a.jp-disabled:hover {
    color: #f2f2f2;
    background: #ccc
}

.fecha1 span {
    color: #ee7402;
    font-size: .85em;
    font-style: italic;
}

.fecha1 span:before {
    font-style: normal;
    font-family: 'nat';
    content: '\e810';
    color: #27323c
}

@media only screen and (max-width: 640px) {
    .fecha1 {
        text-align:center
    }
}

.share1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.share1 ul li a {
    color: #008295;
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.share1 ul li a:hover {
    background: #f2f2f2
}

.share1 ul li span {
    color: #008295;
    font-size: .85em
}

@media only screen and (max-width: 640px) {
    .share1 ul {
        -webkit-box-pack:center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.modal-content1 {
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-content1 h1,.modal-content1 h2,.modal-content1 h3,.modal-content1 h4,.modal-content1 h5,.modal-content1 h6 {
    color: #ee7402;
    font-weight: 400;
}

.modal-content1 h1 >b,.modal-content1 h2 >b,.modal-content1 h3 >b,.modal-content1 h4 >b,.modal-content1 h5 >b,.modal-content1 h6 >b,.modal-content1 h1 >strong,.modal-content1 h2 >strong,.modal-content1 h3 >strong,.modal-content1 h4 >strong,.modal-content1 h5 >strong,.modal-content1 h6 >strong {
    font-weight: 700
}

.modal-content1 h1 >a,.modal-content1 h2 >a,.modal-content1 h3 >a,.modal-content1 h4 >a,.modal-content1 h5 >a,.modal-content1 h6 >a {
    color: #008295
}

.modal-content1 h1 {
    font-size: 1.87em
}

.modal-content1 h2 {
    font-size: 1.67em
}

.modal-content1 h3 {
    font-size: 1.47em;
    color: #008295
}

.modal-content1 h4 {
    font-size: 1.27em
}

.modal-content1 h5 {
    font-size: 1.07em
}

.modal-content1 h6 {
    font-size: 1em
}

.modal-content1 p {
    color: #666;
    line-height: 2em;
}

.modal-content1 p >b>strong {
    font-weight: 700
}

.modal-content1 p >a {
    color: #008295
}

.modal-content1 p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.modal-content1 ul,.modal-content1 ol {
    margin: 0;
    padding: 0 1em;
}

.modal-content1 ul li,.modal-content1 ol li {
    color: #333;
    line-height: 2em;
}

.modal-content1 ul li a,.modal-content1 ol li a {
    color: #008295
}

.modal-content1 a {
    color: #008295
}

.modal-content1 figure img {
    width: 100%;
    height: auto;
    display: block
}

.modal-content1 >table {
    border-collapse: collapse;
}

.modal-content1 >table >thead >tr >th {
    background: #008295;
    padding: .5em;
}

.modal-content1 >table >thead >tr >th >h2 {
    margin: 0;
    padding: 0;
    font-size: .75em;
    color: #fff
}

.modal-content1 >table >tbody >tr >td {
    padding: .5em;
}

.modal-content1 >table >tbody >tr >td >p {
    margin: 0;
    padding: 0;
    font-size: .75em
}

.modal-content1 >table >tbody >tr:nth-child(odd) >td {
    background: #ccc
}

.modal-content1 >table >tbody >tr:nth-child(even) >td {
    background: #f2f2f2
}

.modal-content1 >form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.modal-content1 >form input[type=text] {
    padding: .5em;
    border: none;
    border-radius: .25em;
    background: #f2f2f2;
    outline: 0;
    font-size: 1em;
    color: #999;
    font-style: italic;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.modal-content1 >form button {
    width: 50px;
    height: 50px;
    background: #008295;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border: none;
    border-radius: .25em;
}

.modal-content1 >form button:hover {
    background: #ee7402
}

@media only screen and (max-width: 1140px) {
    .maxwidth {
        width:100%
    }
}

@media only screen and (max-width: 960px) {
    .sb {
        -webkit-box-pack:center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media only screen and (max-width: 640px) {
    .flex {
        display:block
    }

    .hide {
        display: none
    }

    .flex-show {
        display: none
    }

    .w-20-perc {
        width: 100%
    }

    .w-30-perc {
        width: 100%
    }

    .w-40-perc {
        width: 100%
    }

    .w-60-perc {
        width: 100%
    }

    .w-70-perc {
        width: 100%
    }

    .w-80-perc {
        width: 100%
    }

    .title1 h1 {
        font-size: 1em
    }
}

.bc1 {
    margin: 0;
    padding: .5em;
    list-style: none;
    display: flex;
    align-items: center;
}

.bc1 li a,.bc1 li span {
    padding: 1em;
    font-size: .75em
}

.bc1 li a {
    display: block;
    text-decoration: none;
    color: gris-7;
    border-radius: .25em;
}

.bc1 li a:hover {
    background: gris-2
}

.bc1 li:first-child a {
    color: nat-verde-1;
}

.bc1 li:first-child a:before {
    font-family: 'nat';
    content: '\e805'
}

.bc1 li span {
    color: nat-verde-1;
}

.bc1 li span:before {
    font-family: 'nat';
    content: '\e803'
}

@media only screen and (max-width: 640px) {
    .bc1 {
        justify-content:center
    }
}

.contact1 {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.contact1 li {
    border-right: solid 1px nat-verde-0;
}

.contact1 li p {
    color: #fff;
    font-size: .75em;
    margin: 0;
    padding: 0 1em;
    height: 40px;
    line-height: 40px
}

.contact1 li a {
    color: #fff;
    display: block;
    font-size: .75em;
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
    text-decoration: none;
}

.contact1 li a:hover {
    background: rgba(0,0,0,0.25)
}

@media only screen and (max-width: 640px) {
    .contact1 {
        justify-content:center
    }
}

.module1 {
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
}

.module1 h2 {
    font-size: 1.87em;
    margin: 0;
    font-weight: 400;
    color: gris-5
}

.module1 h3 {
    font-weight: 400;
    color: gris-5
}

.module1 p {
    font-style: italic;
    color: gris-7;
    line-height: 2em;
}

.module1 p strong {
    color: nat-verde-1
}

.portrait1 {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: solid 2px gris-3;
    overflow: hidden;
    margin: auto
}

.divisor1 {
    width: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divisor1 >.l1 {
    height: 2px;
    width: 25%
}

.divisor1 >.ic1 {
    font-size: 1.87em
}

@media only screen and (max-width: 640px) {
    .module1 {
        text-align:center;
        padding: 1em;
        box-sizing: border-box;
    }

    .module1 h2 {
        font-size: 1em
    }

    .module1 h3 {
        font-size: 1em
    }

    .module1 p {
        font-size: .85em
    }
}

.module2 {
    position: relative;
}

.module2 figure img {
    display: block;
    width: 100%;
    height: auto
}

.md2-overlay1 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.35);
    position: absolute
}

.md2-g-info1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.md2-info1 {
    padding: 1em;
    box-sizing: border-box;
    text-align: center;
}

.md2-info1 h2 {
    font-size: 1.5em;
    color: #fff;
    font-weight: 300
}

.md2-info1 p {
    color: #fff
}

.md2-info1 a {
    border-radius: .35em;
    border: solid 3px #fff;
    background: transparent;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    text-decoration: none;
    color: #fff;
    margin: auto;
}

.md2-info1 a:hover {
    background: #fff;
    color: #008295
}

@media only screen and (max-width: 640px) {
    .md2-overlay1 {
        background:#006a79;
        position: static
    }

    .md2-info1 h2 {
        font-size: 1em
    }

    .md2-info1 p {
        font-size: .85em
    }

    .md2-info1 a {
        padding: .5em;
        font-size: .85em
    }
}

.fecha1 span {
    color: nat-naranja-1;
    font-size: .85em;
    font-style: italic;
}

.fecha1 span:before {
    font-style: normal;
    font-family: 'nat';
    content: '\e810';
    color: nat-azul-1
}

@media only screen and (max-width: 640px) {
    .fecha1 {
        text-align:center
    }
}

.f11 {
    display: flex;
    align-items: stretch
}

.f11-item1 {
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    padding: 1.5em;
}

.f11-item1 .ic1 {
    color: #fff;
    font-size: 4em
}

.f11-item1 h2 {
    font-size: 1.25em;
    font-weight: 400;
    color: #fff
}

.f11-item1 p {
    color: #fff;
    font-size: .85em;
    line-height: 2em;
}

.f11-item1 p a {
    color: #fff
}

.f11-item1 .f11-item1-ll1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.f11-item1 .f11-item1-ll1 li a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: .5em;
    text-align: left;
    font-size: .85em;
}

.f11-item1 .f11-item1-ll1 li a:hover {
    background: rgba(0,0,0,0.25)
}

.f11-item1 .f11-item1-ll2 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.f11-item1 .f11-item1-ll2 li p {
    color: #fff;
    font-size: .85em;
    margin: 0
}

.f11-item1 .f11-item1-ll2 li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: .5em;
    font-size: .85em;
}

.f11-item1 .f11-item1-ll2 li a:hover {
    background: rgba(0,0,0,0.25)
}

.f11-item1 .f11-item1-fig1 img {
    display: block;
    width: 100%;
    height: auto
}

.foot2 >div {
    display: flex;
    justify-content: space-between;
}

.foot2 >div p {
    font-size: .75em;
    color: gris-7;
}

.foot2 >div p a {
    color: gris-7
}

@media only screen and (max-width: 1140px) {
    .foot2 >div {
        padding:1em;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .f11 {
        display:block
    }

    .f11-item1 {
        width: 100%;
    }

    .f11-item1 .ic1 {
        font-size: 3em
    }

    .f11-item1 h2 {
        font-size: 1em
    }

    .foot2 >div {
        display: block;
        text-align: center
    }
}

.grid1 >div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.grid1 >div article {
    width: 16.66%;
    border: solid 1px gris-3;
    box-sizing: border-box;
    padding: 1em;
}

.grid1 >div article figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 960px) {
    .grid1 >div article {
        width:25%
    }
}

@media only screen and (max-width: 640px) {
    .grid1 >div article {
        width:50%
    }
}

.info1 >div {
    text-align: justify;
    box-sizing: border-box;
}

.info1 >div h1,.info1 >div h2,.info1 >div h3,.info1 >div h4,.info1 >div h5,.info1 >div h6 {
    color: nat-naranja-1;
    font-weight: 400;
}

.info1 >div h1 >b,.info1 >div h2 >b,.info1 >div h3 >b,.info1 >div h4 >b,.info1 >div h5 >b,.info1 >div h6 >b,.info1 >div h1 >strong,.info1 >div h2 >strong,.info1 >div h3 >strong,.info1 >div h4 >strong,.info1 >div h5 >strong,.info1 >div h6 >strong {
    font-weight: 700
}

.info1 >div h1 >a,.info1 >div h2 >a,.info1 >div h3 >a,.info1 >div h4 >a,.info1 >div h5 >a,.info1 >div h6 >a {
    color: nat-verde-1
}

.info1 >div h1 {
    font-size: 1.87em
}

.info1 >div h2 {
    font-size: 1.67em
}

.info1 >div h3 {
    font-size: 1.47em;
    color: nat-verde-1
}

.info1 >div h4 {
    font-size: 1.27em
}

.info1 >div h5 {
    font-size: 1.07em
}

.info1 >div h6 {
    font-size: 1em
}

.info1 >div p {
    color: gris-7;
    line-height: 2em;
}

.info1 >div p >b>strong {
    font-weight: 700
}

.info1 >div p >a {
    color: nat-verde-1
}

.info1 >div p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.info1 >div ul,.info1 >div ol {
    margin: 0;
    padding: 0 1em;
}

.info1 >div ul li,.info1 >div ol li {
    color: gris-9;
    line-height: 2em;
}

.info1 >div ul li a,.info1 >div ol li a {
    color: nat-verde-1
}

.info1 >div a {
    color: nat-verde-1
}

.info1 >div figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 1140px) {
    .info1 >div {
        padding:1.5em;
    }

    .info1 >div p >img {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .info1 >div h1,.info1 >div h2,.info1 >div h3,.info1 >div h4,.info1 >div h5,.info1 >div h6 {
        font-size:1em
    }

    .info1 >div p {
        font-size: .85em
    }

    .info1 >div ul li,.info1 >div ol li {
        font-size: .85em
    }

    .info1 >div a {
        font-size: .85em
    }
}

.holder {
    padding: 1em 0;
    text-align: center;
}

.holder a {
    color: #008295;
    cursor: pointer;
    display: inline-table;
    font-size: .8em;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    transition: all .5s;
    width: 30px;
}

.holder a:hover {
    color: #fff;
    background: #008295
}

.holder a.jp-previous,.holder a.jp-next {
    color: #008295;
    display: inline-table;
    transition: all .5s;
}

.holder a.jp-previous:hover,.holder a.jp-next:hover {
    color: #fff;
    background: #008295
}

.holder a.jp-previous:before {
    content: "<"
}

.holder a.jp-next:before {
    content: ">"
}

.holder a.jp-current,a.jp-current:hover {
    color: #fff;
    background: #006a79
}

.holder a.jp-disabled,a.jp-disabled:hover {
    color: #f2f2f2;
    background: #ccc
}

.lang1 >button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: .75em;
    padding: 1em;
    text-decoration: none;
}

.lang1 >button:hover {
    background: rgba(0,0,0,0.25)
}

.lang1 >button >.title-1 {
    font-size: .85em;
    font-weight: 700
}

.lang1 >div >ul {
    padding: .5em;
    display: flex;
    list-style: none;
    margin: 0;
}

.lang1 >div >ul >li >a {
    color: gris-7;
    text-decoration: none;
}

.lang1 >div >ul >li >a:hover {
    background: gris-1
}

.lang1 >div >ul >li >a >img {
    display: block;
    width: 30px;
    height: 30px
}

.lang1 >div >ul >li >a >span {
    font-size: .75em
}

@media only screen and (max-width: 640px) {
    .lang1 {
        text-align:right;
    }

    .lang1 >button >.title-1 {
        display: none
    }
}

.list-icons1 {
    display: flex;
}

.list-icons1 >.item1 {
    display: flex;
    align-items: center;
}

.list-icons1 >.item1 >.ic1 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: nat-azul-1;
}

.list-icons1 >.item1 >.ic1:before {
    font-family: 'nat'
}

.list-icons1 >.item1 >.info1 >p {
    font-size: .75em;
    margin: 0;
    padding: 0
}

.list-icons1 >.item1 >.info1 >p:first-child {
    color: nat-verde-1
}

.list-icons1 >.item1:nth-child(1) >.ic1:before {
    content: '\e80c'
}

.list-icons1 >.item1:nth-child(2) >.ic1:before {
    content: '\e80d'
}

.list-icons1 >.item1:nth-child(3) >.ic1:before {
    content: '\e80b'
}

.list-icons1 >.item1:nth-child(4) >.ic1:before {
    content: '\e80f'
}

@media only screen and (max-width: 640px) {
    .list-icons1 {
        flex-wrap:wrap;
    }

    .list-icons1 >.item1 {
        width: 50%;
    }

    .list-icons1 >.item1 >.ic1 {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px
    }
}

.list-icons2 {
    display: flex;
    background: gris-1;
    padding: .5em;
}

.list-icons2 >.item1 {
    border-radius: .25em;
    box-sizing: border-box;
    padding: .5em;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.list-icons2 >.item1:hover {
    background: gris-2
}

.list-icons2 >.item1 >.ic1 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: nat-azul-1;
}

.list-icons2 >.item1 >.ic1:before {
    font-family: 'nat'
}

.list-icons2 >.item1 >.info1 >p {
    font-size: .75em;
    margin: 0;
    padding: 0;
    color: nat-naranja-1
}

.list-icons2 >.item1:nth-child(1) >.ic1 {
    color: nat-azul-2;
}

.list-icons2 >.item1:nth-child(1) >.ic1:before {
    content: '\e80c'
}

.list-icons2 >.item1:nth-child(2) >.ic1 {
    color: nat-verde-4;
}

.list-icons2 >.item1:nth-child(2) >.ic1:before {
    content: '\e812'
}

.list-icons2 >.item1:nth-child(3) >.ic1 {
    color: nat-verde-5;
}

.list-icons2 >.item1:nth-child(3) >.ic1:before {
    content: '\e813'
}

.list-icons2 >.item1:nth-child(4) >.ic1 {
    color: rojo;
}

.list-icons2 >.item1:nth-child(4) >.ic1:before {
    content: '\e815'
}

.list-icons2 >.item1:nth-child(5) >.ic1 {
    color: amarillo;
}

.list-icons2 >.item1:nth-child(5) >.ic1:before {
    content: '\e817'
}

.list-icons2 >.item1:nth-child(6) >.ic1 {
    color: nat-verde-1;
}

.list-icons2 >.item1:nth-child(6) >.ic1:before {
    content: '\e819'
}

@media only screen and (max-width: 640px) {
    .list-icons2 {
        flex-wrap:wrap;
    }

    .list-icons2 >.item1 {
        width: 50%;
    }

    .list-icons2 >.item1 >.ic1 {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px
    }
}

.list1 >div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.list1 article {
    width: 33.33%;
    padding: 2em;
    box-sizing: border-box;
    transition: all .5s;
    text-align: center;
}

.list1 article:hover {
    background: gris-1
}

.list1 article >.l1 {
    width: 50%;
    margin: auto;
    height: 1px
}

.list1 article figure img {
    width: 100%;
    height: auto;
    display: block
}

.list1 article h2 {
    font-size: 1.3em
}

.list1 article p {
    color: gris-7;
    line-height: 2em
}

.list1 article a {
    border-radius: .35em;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    transition: all .5s;
}

.list1 article a:before {
    font-family: 'nat';
    content: '\e803';
    font-style: normal
}

.list1 article:nth-child(odd):hover a {
    background: nat-naranja-1
}

.list1 article:nth-child(odd) >.l1 {
    background: nat-azul-1
}

.list1 article:nth-child(odd) h2 {
    color: nat-azul-1
}

.list1 article:nth-child(odd) a {
    background: nat-azul-1
}

.list1 article:nth-child(even):hover a {
    background: nat-naranja-1
}

.list1 article:nth-child(even) >.l1 {
    background: nat-verde-1
}

.list1 article:nth-child(even) h2 {
    color: nat-verde-1
}

.list1 article:nth-child(even) a {
    background: nat-verde-1
}

@media only screen and (max-width: 960px) {
    .list1 article {
        width:50%
    }
}

@media only screen and (max-width: 640px) {
    .list1 >div {
        display:block
    }

    .list1 article {
        width: 100%;
    }

    .list1 article h2 {
        font-size: 1em
    }

    .list1 article p {
        font-size: .85em
    }

    .list1 article a {
        padding: .5em;
        font-size: .85em
    }
}

.list2 >div {
    height: auto
}

.list21 {
    padding: 1em;
    box-sizing: border-box;
    transition: all .5s;
    display: flex;
    align-items: center
}

.list21:nth-child(odd) {
    background: gris-1;
}

.list21:nth-child(odd):hover {
    background: gris-2
}

.list21:nth-child(odd):hover > .list21-g1 > .list211-g1 > .link1 a {
    background: nat-naranja-1
}

.list21:nth-child(even):hover {
    background: gris-2
}

.list21:nth-child(even):hover > .list21-g1 > .list211-g1 > .link1 a {
    background: nat-naranja-1
}

.list21-fig1 {
    width: 20%;
}

.list21-fig1 >img {
    width: 100%;
    height: auto;
    display: block
}

.list21-g1 {
    width: 80%
}

.list211-g1 {
    display: flex;
    align-items: center;
}

.list211-g1 >.info1 {
    width: 80%;
    box-sizing: border-box;
    padding: 1em;
}

.list211-g1 >.info1 h2 {
    font-size: 1.3em;
    color: nat-azul-1;
    font-weight: 400
}

.list211-g1 >.info1 >.fecha1 span {
    color: nat-naranja-1;
    font-size: .85em;
    font-style: italic;
}

.list211-g1 >.info1 >.fecha1 span:before {
    font-style: normal;
    content: '1';
    color: nat-azul-1
}

.list211-g1 >.info1 p {
    color: gris-7;
    line-height: 2em
}

.list211-g1 >.link1 {
    width: 20%;
    box-sizing: border-box;
    padding: 1em;
}

.list211-g1 >.link1 a {
    border-radius: .35em;
    background: nat-azul-1;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    transition: all .5s;
}

.list211-g1 >.link1 a:before {
    font-family: 'nat';
    content: '\e803';
    font-style: normal
}

.list22-g1 {
    width: 80%;
    padding: 1em 1.5em;
    box-sizing: border-box;
}

.list22-g1 h2 {
    font-size: 1.3em;
    color: nat-azul-1
}

.list22-g1 h3 {
    font-size: 1em;
    color: nat-naranja-1
}

.list22-g1 p {
    color: gris-7;
    line-height: 2em
}

.list22-g1 >.l1 {
    width: 30%;
    height: 1px;
    background: nat-verde-1
}

@media only screen and (max-width: 640px) {
    .list21 {
        display:block
    }

    .list21-fig1 {
        width: 80%;
        margin: auto
    }

    .list21-g1 {
        width: 100%
    }

    .list211-g1 >.info1 h2 {
        font-size: 1em
    }

    .list211-g1 >.info1 p {
        font-size: .85em
    }

    .list211-g1 >.link1 a {
        padding: .5em;
        font-size: .85em
    }

    .list22-g1 {
        width: 100%;
        padding: 1em;
    }

    .list22-g1 h2 {
        font-size: 1em
    }

    .list22-g1 p {
        font-size: .85em
    }
}

.list3 >div {
    height: auto
}

.list31 {
    padding: 1em;
    box-sizing: border-box;
    transition: all .5s;
    display: flex;
    align-items: center
}

.list31:nth-child(odd) {
    background: gris-1;
}

.list31:nth-child(odd):hover {
    background: gris-2
}

.list31:nth-child(odd):hover > .list31-g1 > .list311-g1 > .link1 a {
    background: nat-naranja-1
}

.list31:nth-child(even):hover {
    background: gris-2
}

.list31:nth-child(even):hover > .list31-g1 > .list311-g1 > .link1 a {
    background: nat-naranja-1
}

.list31-fig1 {
    width: 20%;
}

.list31-fig1 >img {
    width: 100%;
    height: auto;
    display: block
}

.list31-g1 {
    width: 80%
}

.list311-g1 {
    display: flex;
    align-items: center;
}

.list311-g1 >.info1 {
    width: 80%;
    box-sizing: border-box;
    padding: 1em;
}

.list311-g1 >.info1 h2 {
    font-size: 1.3em;
    color: nat-azul-1;
    font-weight: 400
}

.list311-g1 >.info1 p {
    color: gris-7;
    line-height: 2em
}

.list311-g1 >.link1,.list311-g1 >.link2 {
    width: 20%;
    box-sizing: border-box;
    padding: 1em;
}

.list311-g1 >.link1 a,.list311-g1 >.link2 a {
    border-radius: .35em;
    background: nat-azul-1;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    transition: all .5s;
}

.list311-g1 >.link1 a:before,.list311-g1 >.link2 a:before {
    font-family: 'nat';
    font-style: normal
}

.list311-g1 >.link1 a:before {
    content: '\e803'
}

.list311-g1 >.link2 a:before {
    content: '\e820  '
}

@media only screen and (max-width: 640px) {
    .list31 {
        display:block
    }

    .list31-fig1 {
        width: 80%;
        margin: auto
    }

    .list31-g1 {
        width: 100%
    }

    .list311-g1 {
        display: block;
        text-align: center;
    }

    .list311-g1 >.info1 {
        width: 100%;
    }

    .list311-g1 >.info1 h2 {
        font-size: 1em
    }

    .list311-g1 >.info1 >.fecha1,.list311-g1 >.info1 span {
        margin: 0;
        padding: 0;
        text-align: center
    }

    .list311-g1 >.info1 p {
        font-size: .85em
    }

    .list311-g1 >.link1 {
        width: 100%;
    }

    .list311-g1 >.link1 a {
        padding: .5em;
        font-size: .85em
    }
}

.list4 >div .list41 {
    width: 100%;
}

.list4 >div .list41 h2 >a {
    font-size: 1em;
    color: #ee7402;
    font-weight: 400;
    text-decoration: none;
    text-align: justify
}

.list4 >div .list41 ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.list4 >div .list41 ul li {
    width: 50%;
    box-sizing: border-box;
}

.list4 >div .list41 ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #008295;
}

.list4 >div .list41 ul li a:before {
    content: '· '
}

.list4 >div .list41 ul li a:hover {
    background: #f2f2f2
}

@media only screen and (max-width: 1140px) {
    .list4 >div .list41 {
        padding:1em;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .list4 >div .list41 h2 {
        font-size:1em
    }

    .list4 >div .list41 ul li {
        width: 100%;
        box-sizing: border-box;
    }

    .list4 >div .list41 ul li a {
        font-size: .85em
    }
}

.list5 >div .list51 {
    box-sizing: border-box;
}

.list5 >div .list51 h2 {
    font-size: 1.3em;
    color: nat-naranja-1;
    font-weight: 400
}

.list5 >div .list51 .list51-list1:nth-child(odd) {
    background: gris-1;
}

.list5 >div .list51 .list51-list1:nth-child(odd):hover {
    background: gris-2
}

.list5 >div .list51 .list51-list1:nth-child(odd):hover > .list51-link1 > a {
    background: nat-naranja-1
}

.list5 >div .list51 .list51-list1:nth-child(even):hover {
    background: gris-2
}

.list5 >div .list51 .list51-list1:nth-child(even):hover > .list51-link1 > a {
    background: nat-naranja-1
}

.list5 >div .list51 .list51-list1 {
    padding: 1em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    transition: all .5s
}

.list5 >div .list51 .list51-int1 {
    width: 80%;
    text-align: justify;
}

.list5 >div .list51 .list51-int1 h2 {
    font-size: 1.2em;
    color: nat-verde-1;
    font-weight: 400
}

.list5 >div .list51 .list51-int1 p {
    color: gris-7;
    line-height: 2em
}

.list5 >div .list51 .list51-link1 {
    width: 20%;
}

.list5 >div .list51 .list51-link1 a {
    border-radius: .35em;
    background: nat-azul-1;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
    transition: all .5s;
}

.list5 >div .list51 .list51-link1 a:before {
    font-family: 'nat';
    content: '\e826 '
}

.list5 >div .list52 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list52 ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: nat-verde-1;
    font-size: .85em;
}

.list5 >div .list52 ul li a:before {
    content: '· '
}

.list5 >div .list52 ul li a:hover {
    background: gris-1
}

.list5 >div .list53 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list53 >li {
    color: nat-naranja-1;
    display: block;
    padding: 1em;
    box-sizing: border-box
}

.list5 >div .list53 >ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list5 >div .list53 >ul >li >a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: nat-verde-1;
    font-size: .85em;
}

.list53 >li >ul >li > a{
color: #008295;;
font-size: .85em;
display: block;
padding: 1em;
text-decoration: none;
}

.list5 >div .list53 >ul >li >a:before {
    content: '· '
}

.list5 >div .list53 >ul >li >a:hover {
    background: gris-1
}

.list5 >div .list54 {
    box-sizing: border-box;
}

.list5 >div .list54 h1,.list5 >div .list54 h2,.list5 >div .list54 h3,.list5 >div .list54 h4,.list5 >div .list54 h5,.list5 >div .list54 h6 {
    color: nat-naranja-1;
    font-weight: 400;
}

.list5 >div .list54 h1 >b,.list5 >div .list54 h2 >b,.list5 >div .list54 h3 >b,.list5 >div .list54 h4 >b,.list5 >div .list54 h5 >b,.list5 >div .list54 h6 >b,.list5 >div .list54 h1 >strong,.list5 >div .list54 h2 >strong,.list5 >div .list54 h3 >strong,.list5 >div .list54 h4 >strong,.list5 >div .list54 h5 >strong,.list5 >div .list54 h6 >strong {
    font-weight: 700
}

.list5 >div .list54 h1 >a,.list5 >div .list54 h2 >a,.list5 >div .list54 h3 >a,.list5 >div .list54 h4 >a,.list5 >div .list54 h5 >a,.list5 >div .list54 h6 >a {
    color: nat-verde-1
}

.list5 >div .list54 h1 {
    font-size: 1.87em
}

.list5 >div .list54 h2 {
    font-size: 1.67em
}

.list5 >div .list54 h3 {
    font-size: 1.47em;
    color: nat-verde-1
}

.list5 >div .list54 h4 {
    font-size: 1.27em
}

.list5 >div .list54 h5 {
    font-size: 1.07em
}

.list5 >div .list54 h6 {
    font-size: 1em
}

.list5 >div .list54 p {
    color: gris-7;
    line-height: 2em;
}

.list5 >div .list54 p >b>strong {
    font-weight: 700
}

.list5 >div .list54 p >a {
    color: nat-verde-1
}

.list5 >div .list54 p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.list5 >div .list54 ul,.list5 >div .list54 ol {
    margin: 0;
    padding: 0 1em;
}

.list5 >div .list54 ul li,.list5 >div .list54 ol li {
    color: gris-9;
    line-height: 2em;
}

.list5 >div .list54 ul li a,.list5 >div .list54 ol li a {
    color: nat-verde-1
}

.list5 >div .list54 a {
    color: nat-verde-1
}

.list5 >div .list54 figure img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (max-width: 1140px) {
    .list5 >div {
        padding:1em;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .list5 >div .list51 h2 {
        font-size:1em
    }

    .list5 >div .list51 .list51-list1 {
        padding: 1em;
        box-sizing: border-box;
        display: block;
        align-items: center;
        transition: all .5s
    }

    .list5 >div .list51 .list51-int1 {
        width: 100%;
        text-align: justify;
    }

    .list5 >div .list51 .list51-int1 h2 {
        font-size: 1.2em;
        color: nat-verde-1;
        font-weight: 400
    }

    .list5 >div .list51 .list51-int1 p {
        color: gris-7;
        line-height: 2em
    }

    .list5 >div .list51 .list51-link1 {
        width: 100%;
    }

    .list5 >div .list51 .list51-link1 a {
        border-radius: .35em;
        background: nat-azul-1;
        box-shadow: 5px 5px 0 rgba(0,0,0,0.25);
        text-transform: uppercase;
        font-style: italic;
        padding: 1em;
        display: table;
        text-decoration: none;
        color: #fff;
        margin: auto;
        transition: all .5s
    }

    .list5 >div .list52 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .list5 >div .list52 ul li a {
        display: block;
        padding: 1em;
        text-decoration: none;
        color: nat-verde-1;
        font-size: .85em;
    }

    .list5 >div .list52 ul li a:before {
        content: '· '
    }

    .list5 >div .list52 ul li a:hover {
        background: gris-1
    }
}

.main-logo1 {
    display: flex;
    align-items: center;
}

.main-logo1 >.pic1 {
    width: 100px;
}

.main-logo1 >.pic1 >img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top
}

.main-logo1 >.pic1:nth-child(1) {
    width: 80px
}

.main-logo1 >.pic1:nth-child(2) {
    width: 70px
}

.main-logo1 >a {
    display: block;
}

.main-logo1 >a >figure img {
    width: 120px;
    height: auto;
    display: block
}

@media only screen and (max-width: 640px) {
    .main-logo1 {
        justify-content:center;
    }

    .main-logo1 >a >figure >img {
        margin: auto
    }
}

.main-nav {
    display: flex;
}

.main-nav >ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav >ul >li >.af1:after {
    content: ' \e822';
    font-family: 'nat';
    color: nat-verde-1
}

.main-nav >ul >li >a {
    color: gris-5;
    display: block;
    font-size: .85em;
    padding: 1rem .75em;
    text-decoration: none;
    text-transform: uppercase;
}

.main-nav >ul >li >a:hover {
    background: gris-1
}

.main-nav >ul >li >a:before {
    color: nat-verde-1
}

.main-nav >ul >li >.submenu1 {
    background: nat-naranja-1;
    box-sizing: border-box;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    transition: all .5s;
    width: 100%;
    z-index: 2;
}

.main-nav >ul >li >.submenu1 >div >ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.main-nav >ul >li >.submenu1 >div >ul >li >a {
    color: #fff;
    display: block;
    font-size: .75em;
    padding: 1.25em;
    text-decoration: none;
}

.main-nav >ul >li >.submenu1 >div >ul >li >a:hover {
    background: rgba(0,0,0,0.15)
}

.main-nav >ul >li:hover >.submenu1 {
    height: auto;
    opacity: 1;
    left: 0;
    right: 0;
    padding: .25em;
    width: 100%
}

.main-btn,.close-btn {
    display: none
}

#op-1 .main-nav >ul >li >a.uno,#op-2 .main-nav >ul >li >a.dos,#op-3 .main-nav >ul >li >a.tres,#op-4 .main-nav >ul >li >a.cuatro,#op-5 .main-nav >ul >li >a.cinco,#op-6 .main-nav >ul >li >a.seis,#op-7 .main-nav >ul >li >a.siete,#op-8 .main-nav >ul >li >a.ocho {
    background: gris-1
}

@media only screen and (max-width: 960px) {
    .main-nav {
        display:none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,0.85);
        justify-content: center;
        z-index: 2;
        align-items: center;
    }

    .main-nav >ul {
        float: none;
        flex-direction: column;
        justify-content: center;
        width: 100vw;
        height: 100vh;
    }

    .main-nav >ul >li >.af1 {
        display: none
    }

    .main-nav >ul >li >a {
        color: nat-verde-1;
        display: block;
        font-size: .75em;
        height: auto;
        line-height: 0;
        padding: 1.5em;
        border-bottom: solid 1px nat-verde-1;
    }

    .main-nav >ul >li >a:hover {
        background: nat-verde-1;
        color: #fff;
        border-bottom: solid 1px nat-verde-3;
    }

    .main-nav >ul >li >a:hover:before {
        color: #fff
    }

    .main-nav >ul >li >.submenu1 {
        display: none
    }

    .main-btn,.close-btn {
        background: rgba(0,0,0,0.5);
        border-radius: .25em;
        top: .5em;
        right: .5em;
        color: #fff;
        display: block;
        height: 40px;
        line-height: 40px;
        position: fixed;
        text-align: center;
        text-decoration: none;
        transition: all .5s;
        width: 40px;
    }

    .main-btn:hover,.close-btn:hover {
        background: #000
    }

    .main-btn {
        z-index: 1
    }

    .close-btn {
        z-index: 2
    }

    #op-1 .main-nav >ul >li >a.uno,#op-2 .main-nav >ul >li >a.dos,#op-3 .main-nav >ul >li >a.tres,#op-4 .main-nav >ul >li >a.cuatro,#op-5 .main-nav >ul >li >a.cinco,#op-6 .main-nav >ul >li >a.seis,#op-7 .main-nav >ul >li >a.siete,#op-8 .main-nav >ul >li >a.ocho {
        background: nat-verde-1;
        color: #fff;
        border-bottom: solid 1px nat-verde-3;
    }

    #op-1 .main-nav >ul >li >a.uno:before,#op-2 .main-nav >ul >li >a.dos:before,#op-3 .main-nav >ul >li >a.tres:before,#op-4 .main-nav >ul >li >a.cuatro:before,#op-5 .main-nav >ul >li >a.cinco:before,#op-6 .main-nav >ul >li >a.seis:before,#op-7 .main-nav >ul >li >a.siete:before,#op-8 .main-nav >ul >li >a.ocho:before {
        color: #fff
    }
}

.ms-item1 {
    position: relative
}

figure img {
    display: block;
    width: 100%;
    height: auto
}

.ms-overlay1 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
    position: absolute
}

.ms-g-info1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.ms-g-info1 .ms-info1 {
    padding: 1em;
    text-align: center;
    width: 50%;
    box-sizing: border-box;
}

.ms-g-info1 .ms-info1 h2 {
    font-size: 2.25em;
    color: #fff;
    font-weight: 400
}

.ms-g-info1 .ms-info1 p {
    color: #fff;
    margin-top: 1em

}

.ms-g-info1 .ms-info1 a {
    border-radius: .35em;
    border: solid 3px #fff;
    background: transparent;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em;
    display: table;
    text-decoration: none;
    color: #fff;
    margin: auto;
}

.ms-g-info1 .ms-info1 a:hover {
    background: #fff;
    color: #008295
}

.ms-g-info1 .ms-info1 a:before {
    font-style: normal;
    font-family: 'nat';
    content: '\e803'
}

@media only screen and (max-width: 640px) {
    .ms-overlay1 {
        background:#006a79;
        position: static
    }

    .ms-g-info1 .ms-info1 {
        width: 100%;
    }

    .ms-g-info1 .ms-info1 h2 {
        font-size: 1em
    }

    .ms-g-info1 .ms-info1 p {
        font-size: .85em
    }

    .ms-g-info1 .ms-info1 a {
        padding: .5em;
        font-size: .85em
    }
}

.modal-content1 {
    text-align: justify;
    box-sizing: border-box;
}

.modal-content1 h1,.modal-content1 h2,.modal-content1 h3,.modal-content1 h4,.modal-content1 h5,.modal-content1 h6 {
    color: #ee7402;
    font-weight: 400;
}

.modal-content1 h1 >b,.modal-content1 h2 >b,.modal-content1 h3 >b,.modal-content1 h4 >b,.modal-content1 h5 >b,.modal-content1 h6 >b,.modal-content1 h1 >strong,.modal-content1 h2 >strong,.modal-content1 h3 >strong,.modal-content1 h4 >strong,.modal-content1 h5 >strong,.modal-content1 h6 >strong {
    font-weight: 700
}

.modal-content1 h1 >a,.modal-content1 h2 >a,.modal-content1 h3 >a,.modal-content1 h4 >a,.modal-content1 h5 >a,.modal-content1 h6 >a {
    color: #008295
}

.modal-content1 h1 {
    font-size: 1.87em
}

.modal-content1 h2 {
    font-size: 1.67em
}

.modal-content1 h3 {
    font-size: 1.47em;
    color: #008295
}

.modal-content1 h4 {
    font-size: 1.27em
}

.modal-content1 h5 {
    font-size: 1.07em
}

.modal-content1 h6 {
    font-size: 1em
}

.modal-content1 p {
    color: #666;
    line-height: 2em;
}

.modal-content1 p >b>strong {
    font-weight: 700
}

.modal-content1 p >a {
    color: #008295
}

.modal-content1 p >img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

.modal-content1 ul,.modal-content1 ol {
    margin: 0;
    padding: 0 1em;
}

.modal-content1 ul li,.modal-content1 ol li {
    color: #333;
    line-height: 2em;
}

.modal-content1 ul li a,.modal-content1 ol li a {
    color: #008295
}

.modal-content1 a {
    color: #008295
}

.modal-content1 figure img {
    width: 100%;
    height: auto;
    display: block
}

.modal-content1 >table {
    border-collapse: collapse;
}

.modal-content1 >table >thead >tr >th {
    background: #008295;
    padding: .5em;
}

.modal-content1 >table >thead >tr >th >h2 {
    margin: 0;
    padding: 0;
    font-size: .75em;
    color: #fff
}

.modal-content1 >table >tbody >tr >td {
    padding: .5em;
}

.modal-content1 >table >tbody >tr >td >p {
    margin: 0;
    padding: 0;
    font-size: .75em
}

.modal-content1 >table >tbody >tr:nth-child(odd) >td {
    background: #ccc
}

.modal-content1 >table >tbody >tr:nth-child(even) >td {
    background: #f2f2f2
}

.modal-content1 >form {
    display: flex;
    justify-content: space-between;
}

.modal-content1 >form input[type=text] {
    padding: .5em;
    border: none;
    border-radius: .25em;
    background: #f2f2f2;
    outline: 0;
    font-size: 1em;
    color: #999;
    font-style: italic;
    flex-grow: 1
}

.modal-content1 >form button {
    width: 50px;
    height: 50px;
    background: #008295;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border: none;
    border-radius: .25em;
}

.modal-content1 >form button:hover {
    background: #ee7402
}

@font-face {
    font-family: 'nat';
    src: url("/fontnat/nat.eot?51483799");
    src: url("/fontnat/nat.eot?51483799#iefix") format('embedded-opentype'),url("/fontnat/nat.woff2?51483799") format('woff2'),url("/fontnat/nat.woff?51483799") format('woff'),url("/fontnat/nat.ttf?51483799") format('truetype'),url("/fontnat/nat.svg?51483799#nat") format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    font-family: "nat";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
    content: '\e800'
}

.icon-email-1:before {
    content: '\e801'
}

.icon-a-left-2:before {
    content: '\e802'
}

.icon-a-right-2:before {
    content: '\e803'
}

.icon-zoom:before {
    content: '\e804'
}

.icon-home:before {
    content: '\e805'
}

.icon-plane:before {
    content: '\e806'
}

.icon-quote-2:before {
    content: '\e807'
}

.icon-quote-1:before {
    content: '\e808'
}

.icon-user:before {
    content: '\e809'
}

.icon-mountain:before {
    content: '\e80a'
}

.icon-clock-2:before {
    content: '\e80b'
}

.icon-compass:before {
    content: '\e80c'
}

.icon-guy:before {
    content: '\e80d'
}

.icon-clock-1:before {
    content: '\e80e'
}

.icon-calendar-2:before {
    content: '\e80f'
}

.icon-calendar-1:before {
    content: '\e810'
}

.icon-world:before {
    content: '\e811'
}

.icon-forest:before {
    content: '\e812'
}

.icon-ok-2:before {
    content: '\e813'
}

.icon-ok-1:before {
    content: '\e814'
}

.icon-close-1:before {
    content: '\e815'
}

.icon-close-2:before {
    content: '\e816'
}

.icon-warn-1:before {
    content: '\e817'
}

.icon-warn-2:before {
    content: '\e818'
}

.icon-question-1:before {
    content: '\e819'
}

.icon-question-2:before {
    content: '\e81a'
}

.icon-a-top-1:before {
    content: '\e81b'
}

.icon-a-down-1:before {
    content: '\e81c'
}

.icon-a-left-1:before {
    content: '\e81d'
}

.icon-a-right-1:before {
    content: '\e81e'
}

.icon-link:before {
    content: '\e81f'
}

.icon-download:before {
    content: '\e820'
}

.icon-menu:before {
    content: '\e821'
}

.icon-a-down-2:before {
    content: '\e822'
}

.icon-a-top-2:before {
    content: '\e823'
}

.icon-facebook:before {
    content: '\e824'
}

.icon-twitter:before {
    content: '\e825'
}

.icon-right-hand:before {
    content: '\e826'
}

.icon-left-hand:before {
    content: '\e827'
}

.icon-up-hand:before {
    content: '\e828'
}

.icon-down-hand:before {
    content: '\e829'
}

.share1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.share1 ul li a {
    color: nat-verde-1;
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.share1 ul li a:hover {
    background: gris-1
}

.share1 ul li span {
    color: nat-verde-1;
    font-size: .85em
}

@media only screen and (max-width: 640px) {
    .share1 ul {
        justify-content:center
    }
}

.social1 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social1 li a {
    color: #fff;
    display: block;
    height: 40px;
    text-decoration: none;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.social1 li a:hover {
    background: rgba(0,0,0,0.25)
}

.top-info1 >div {
    display: flex;
}

.top-info1 >div figure {
    width: 50%
}

.top-info1 >div >.top-info11 {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
    box-sizing: border-box;
}

.top-info1 >div >.top-info11 h2 {
    font-size: 1.67em;
    color: nat-naranja-1;
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .top-info1 >div {
        display:block;
    }

    .top-info1 >div figure {
        width: 100%
    }

    .top-info1 >div >.top-info11 {
        width: 100%;
        display: block;
        padding: 1em;
    }

    .top-info1 >div >.top-info11 h2 {
        font-size: 1em;
        margin: 0;
        padding: 0;
        text-align: center
    }
}

.top1 {
    background: nat-verde-1
}

.top2 {
    position: relative;
}

.top2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.25);
    height: 3px;
    z-index: 1
}

.ms-item1 video {
    width: 100%;
  }
/* Estilos del botón */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: pulse-green 2s infinite;
}

.whatsapp-icon {
    width: 35px;
    height: 35px;
}

/* Efecto al pasar el mouse */
.whatsapp-float:hover {
    background-color: #128c7e;
    transform: scale(1.1);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
}

/* Animación de pulso suave */
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Ajuste para móviles */
@media screen and (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
    }
    .whatsapp-icon {
        width: 30px;
        height: 30px;
    }
}

/* Contenedor padre para aislar el diseño */
.flight-promo-container {
  all: initial; /* Resetea propiedades heredadas */
  display: block;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.flight-card {
  width: 320px;
  height: 450px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  position: relative;
}

.flight-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.card-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.card-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.2) 60%, transparent 100%);
  display: flex;
  align-items: flex-end;
  padding: 30px 20px;
  box-sizing: border-box;
}

/* Impacto en los Textos */
.destination-title {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  margin: 0 0 5px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.5px !important;
  line-height: 1.1 !important;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}

.price-container {
  margin-bottom: 20px !important;
}

.price-label {
  color: #dddddd !important;
  font-size: 14px !important;
  display: block !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.price-value {
  color: rgb(238, 116, 2) !important; /* Dorado brillante */
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 0 15px rgba(255, 204, 0, 0.3) !important;
}

/* El nuevo botón de WhatsApp */
.whatsapp-cta {
  background-color: #27323c !important; /* Verde WhatsApp */
  color: white !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px;
  border-radius: 12px;
  font-weight: 700 !important;
  font-size: 16px !important;
  transition: background 0.3s ease !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(17, 24, 19, 0.3) !important;
}

.whatsapp-cta:hover {
  background-color: rgb(238, 116, 2)!important;
  transform: scale(1.02);
}