@charset "UTF-8";
/*--------------------------------------*/
/*!normalize.css v7.0.0 - Mod | MIT License | github.com/necolas/normalize.css*/
/*--------------------------------------*/
/*Document*/
/*--------------------------------------*/
* {
  box-sizing: border-box;
  vertical-align: baseline;
}

html {
  font-size: 10px;
  /*1rem*/
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*Descomentar para usar selección personalizada
* Uncomment to use custom selection */
/*html::selection {
    color: $txt_navbar;
    background-color: $bg_navbar;
}*/
/*Sections*/
/*--------------------------------------*/
body {
  margin: 0;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5em;
  color: #dbd8c1;
  font-weight: normal;
}

h1, h1 a {
  font-size: 3.2rem;
}

h2, h2 a {
  font-size: 2.72rem;
}

h3, h3 a {
  font-size: 2.32rem;
}

h4, h4 a {
  font-size: 1.92rem;
}

h5, h5 a {
  font-size: 1.6rem;
}

h6, h6 a {
  font-size: 1.28rem;
}

/*Grouping content*/
/*--------------------------------------*/
ul, ol {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

figure {
  margin: 1rem 4rem;
}

hr {
  height: 0;
  overflow: visible;
  box-sizing: content-box;
}

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

/*Text-level semantics*/
/*--------------------------------------*/
p, a {
  font-size: 1.6rem;
}

p {
  line-height: 1.5;
}

p:first-child {
  margin-top: 0;
}

span {
  color: inherit;
  font-size: inherit;
}

a {
  color: #2897c3;
  text-decoration: none;
  background-color: transparent;
  outline-width: 0;
  -webkit-text-decoration-skip: objects;
}

a:hover, a:active {
  color: #1b6684;
  text-decoration: underline;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong, optgroup {
  font-weight: bold;
}

dfn, em {
  font-style: italic;
}

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

small {
  font-size: .8em;
}

sub, sup {
  position: relative;
  font-size: .7em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

blockquote {
  padding: 0.25em 0.5em;
  margin: .5em 0;
  font-size: 1em;
}

.muted {
  color: #4d4d4d;
}

/*Embedded content*/
/*--------------------------------------*/
audio, video, progress, canvas {
  display: inline-block;
}

iframe {
  width: 100%;
  height: 100%;
  padding-bottom: 4em;
}

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

img {
  display: block;
  max-width: 100%;
  height: auto;
  border-style: none;
}

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

/*Forms*/
/*--------------------------------------*/
button, input, optgroup, select, textarea, label {
  margin-bottom: .5em;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: 1.3;
}

input {
  padding: .35em;
  line-height: normal;
}

input[type="checkbox"] {
  width: 1.5rem;
  min-height: 1.5rem;
}

/*Texto Placeholder*/
input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="text"], input[type="search"], input[type="password"] {
  color: #000000 !important;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  outline-offset: -.2rem;
}

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

button {
  cursor: pointer;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.65em;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  outline-offset: -.2rem;
  -webkit-appearance: textfield;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/*Tables*/
/*--------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/*Interactive*/
/*--------------------------------------*/
summary {
  display: list-item;
}

/*Hidden*/
/*--------------------------------------*/
template, [hidden], .invisible, .element-invisible {
  display: none !important;
}

/*Clearfix*/
/*--------------------------------------*/
.clearfix {
  clear: both;
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

/*--------------------------------------*/
/*MG FlexGrid*/
/*--------------------------------------*/
/*Este grid basado en las propiedades flexbox se puede utilizar tanto con clases específicas agregadas al HTML como con mixins de sass para asignarlos a clases ya creadas.*/
/*--------------------------------------*/
/*CLASES*/
/*--------------------------------------*/
/*GRID: Hacer al contenedor y sus items flexibles (los items cubren todo el espacio disponible por defecto, para asignar un tamaño fijo hay que usar las clases de más abajo).*/
/*--------------------------------------*/
.row-fluid, .mg-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.row-fluid *, .mg-flex * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*COLUMN: Alineacion de los items vertical.*/
/*--------------------------------------*/
.grid-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*NOWRAP: Permite que los items queden en una sola fila y puedan salir del contenedor.*/
/*--------------------------------------*/
.grid-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

/*MARGIN: Agrega una separación entre los items y el contenedor. Se agrega al contenedor.*/
/*--------------------------------------*/
.grid-margin * {
  margin: .5em;
}

/*ITEMS: Hasta un máximo de 12 columnas con items de tamaño fijo.
 *(El número de columnas puede modificarse en el archivo _flexgrid.scss).*/
/*--------------------------------------*/
.span1 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 8.33333% !important;
      -ms-flex: 0 0 8.33333% !important;
          flex: 0 0 8.33333% !important;
  max-width: 8.33333%;
}

.span2 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 16.66667% !important;
      -ms-flex: 0 0 16.66667% !important;
          flex: 0 0 16.66667% !important;
  max-width: 16.66667%;
}

.span3 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 25% !important;
      -ms-flex: 0 0 25% !important;
          flex: 0 0 25% !important;
  max-width: 25%;
}

.span4 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 33.33333% !important;
      -ms-flex: 0 0 33.33333% !important;
          flex: 0 0 33.33333% !important;
  max-width: 33.33333%;
}

.span5 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 41.66667% !important;
      -ms-flex: 0 0 41.66667% !important;
          flex: 0 0 41.66667% !important;
  max-width: 41.66667%;
}

.span6 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 50% !important;
      -ms-flex: 0 0 50% !important;
          flex: 0 0 50% !important;
  max-width: 50%;
}

.span7 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 58.33333% !important;
      -ms-flex: 0 0 58.33333% !important;
          flex: 0 0 58.33333% !important;
  max-width: 58.33333%;
}

.span8 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 66.66667% !important;
      -ms-flex: 0 0 66.66667% !important;
          flex: 0 0 66.66667% !important;
  max-width: 66.66667%;
}

.span9 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 75% !important;
      -ms-flex: 0 0 75% !important;
          flex: 0 0 75% !important;
  max-width: 75%;
}

.span10 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 83.33333% !important;
      -ms-flex: 0 0 83.33333% !important;
          flex: 0 0 83.33333% !important;
  max-width: 83.33333%;
}

.span11 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 91.66667% !important;
      -ms-flex: 0 0 91.66667% !important;
          flex: 0 0 91.66667% !important;
  max-width: 91.66667%;
}

.span12 {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 100% !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width: 100%;
}

/*OFFSET: Mismo que los items pero para crear una separación a la izquierda del item.
 *(El número de columnas puede modificarse en el archivo _flexgrid.scss).*/
/*--------------------------------------*/
.offset1 {
  margin-left: 8.33333%;
}

.offset2 {
  margin-left: 16.66667%;
}

.offset3 {
  margin-left: 25%;
}

.offset4 {
  margin-left: 33.33333%;
}

.offset5 {
  margin-left: 41.66667%;
}

.offset6 {
  margin-left: 50%;
}

.offset7 {
  margin-left: 58.33333%;
}

.offset8 {
  margin-left: 66.66667%;
}

.offset9 {
  margin-left: 75%;
}

.offset10 {
  margin-left: 83.33333%;
}

.offset11 {
  margin-left: 91.66667%;
}

.offset12 {
  margin-left: 100%;
}

/*Alineacion de los items en el eje principal (justify-content).*/
/*--------------------------------------*/
/*Para una correcta alineación es muy importante conocer la dirección del eje principal.
 *(flex-direction: row; = Horizontal . flex-direction: column; = Vertical)*/
.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

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

.justify-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

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

/*Alineacion de los items en el eje secundario (align-items).*/
/*--------------------------------------*/
/*Para una correcta alineación es muy importante conocer la dirección del eje secundario.
 *(flex-direction: row; = Vertical . flex-direction: column; = Horizontal)*/
.align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

.align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

/*Justify content y Align items*/
/*--------------------------------------*/
/*Para orientacion y facil uso de estos mixins, el primer valor del nombre es el eje principal. Las ayudas de orientacion a continuacion son en base a flex-direction: row;.*/
/*Izquierda y Arriba*/
.start-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*Izquierda y Centro*/
.start-center {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Izquierda y Abajo*/
.start-end {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*Centro y Arriba*/
.center-start {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*Centro y Centro*/
.center-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Centro y Abajo*/
.center-end {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*Abajo y Arriba*/
.end-start {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*Abajo y Centro*/
.end-center {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Abajo y Abajo*/
.end-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*Alrededor y Arriba*/
.around-start {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*Alrededor y Centro*/
.around-center {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Alrededor y Abajo*/
.around-end {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*Entre y Arriba*/
.between-start {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*Entre y Centro*/
.between-center {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*Entre y Abajo*/
.between-end {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*--------------------------------------*/
/*ESTILOS GENERALES DEL LAYOUT*/
/*--------------------------------------*/
.alert.IE {
  padding: 4rem 2rem;
  background-color: #dff0d8;
  font-size: 1.8rem;
}

.mg-contenedor {
  max-width: 1920px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #efeee8;
}

.mg-cabecera, .mg-articulos, .seccion-1,
.mg-seccion-2, .seccion-3 {
  position: relative;
}

.mg-articulos, .moduletable.texto, .seccion-1 .moduletable.inicio,
.seccion-2 .custom.luigi, .mg-pie-pagina {
  padding-right: 18%;
  padding-left: 18%;
}

.mg-articulos, .moduletable.texto {
  padding-top: 3em;
  padding-bottom: 3em;
}

.mg-articulos h1, .mg-articulos h2, .mg-articulos h3, .moduletable.texto h1, .moduletable.texto h2, .moduletable.texto h3 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}

.mg-articulos .span4, .mg-articulos .span6, .moduletable.texto .span4, .moduletable.texto .span6 {
  padding-right: 1em;
  padding-left: 1em;
}

.mg-articulos .span4:first-of-type, .mg-articulos .span6:first-of-type, .moduletable.texto .span4:first-of-type, .moduletable.texto .span6:first-of-type {
  padding-left: 0;
}

.mg-articulos .span4:last-of-type, .mg-articulos .span6:last-of-type, .moduletable.texto .span4:last-of-type, .moduletable.texto .span6:last-of-type {
  padding-right: 0;
}

.icon::before {
  content: "";
  display: inline-block;
  width: 3.6rem;
  height: 3.5rem;
  position: absolute;
  background-image: url(../images/iconos.svg);
  background-size: cover;
}

.icon-nafta::before {
  background-position: -307px center;
}

.icon-sombrero::before {
  background-position: -349px center;
}

.icon-basura::before {
  background-position: -392px center;
}

.icon-guardafauna::before {
  background-position: -435px center;
}

.icon-notocar::before {
  background-position: -478px center;
}

.icon-nomascotas::before {
  background-position: -521px center;
}

.icon-senderos::before {
  width: 4rem;
  background-position: -563px center;
}

.icon-admiracion::before {
  width: 1rem;
  height: 4.5rem;
  background-position: -784px center;
  background-repeat: no-repeat;
}

.margen-cero {
  margin: 0;
}

.destacado {
  text-transform: uppercase;
  font-size: 1.8rem;
}

.mg-nav-principal {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8rem;
  background-color: #045170;
}

.mg-nav-principal .mg-nav-sup {
  -webkit-box-flex: 0;
  -webkit-flex: 0 25%;
      -ms-flex: 0 25%;
          flex: 0 25%;
}

.mg-nav-principal .btn-nav {
  display: none;
}

.mg-nav-principal .mg-nav-logo img {
  max-width: 24rem;
  margin-left: 3rem;
}

.mg-nav-principal .nav.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  text-align: center;
}

.mg-nav-principal .nav.menu * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mg-nav-principal .nav.menu li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
          flex: 0 auto;
  margin-right: 2rem;
}

.mg-nav-principal .nav.menu li:hover > .nav-child {
  visibility: visible;
  top: 7.2rem;
}

.mg-nav-principal .nav.menu li.active > a {
  color: #fbb03b;
}

.mg-nav-principal .nav.menu a {
  display: block;
  padding: .75em;
  color: #ffffff;
  line-height: 2;
  font-size: 2.08rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.mg-nav-principal .nav.menu a.contacto {
  padding-right: 0;
  padding-left: 3rem;
}

.mg-nav-principal .nav.menu a:hover, .mg-nav-principal .nav.menu a:active {
  color: #fbb03b;
}

.mg-nav-principal .nav.menu .nav-child {
  visibility: hidden;
  position: absolute;
  top: 11rem;
  z-index: 10;
  padding: 0;
  background-color: #045170;
  text-align: left;
  border: 0.1rem solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.mg-nav-principal .nav.menu .nav-child li {
  margin-right: 0;
}

.mg-nav-principal .nav.menu .nav-child a {
  line-height: 1.5;
  text-transform: capitalize;
}

.mg-slogan {
  width: 48rem;
  position: absolute;
  top: 20%;
  left: 3rem;
  padding: 0.75em 0 0.75em 6rem;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1rem solid transparent;
  border-image: url(../images/marco.png) 10 round;
}

.mg-slogan h1 {
  margin-bottom: 0;
  color: #045170;
  line-height: 1.25;
  font-size: 2.8rem;
}

.mg-horarios {
  bottom: 4em;
  left: 18%;
  padding: 2.5em 2em 2em;
  background-color: #0679b2;
  background-image: -webkit-linear-gradient(top, #e6e6e6 1em, #0679b2 1em);
  background-image: linear-gradient(to bottom, #e6e6e6 1em, #0679b2 1em);
}

.mg-horarios h1, .mg-horarios p {
  color: #ffffff;
}

.mg-horarios h1 {
  font-size: 2.4rem;
}

.mg-horarios .btn-primario {
  margin-top: 1em;
  background-color: #065f82;
}

.mg-articulos {
  background-color: #0f4151;
}

.mg-articulos h1, .mg-articulos h2 {
  padding: 0 0 0.75em;
  margin: 0 0 0.75em;
  color: #ffffff;
  font-size: 3rem;
  text-transform: uppercase;
  border-bottom: 1px dotted white;
}

.mg-articulos h1::after, .mg-articulos h2::after {
  content: "";
  display: inline-block;
  width: 2.75rem;
  height: 2.5rem;
  margin-left: 1em;
  background-image: url(../images/iconos.svg);
  background-position: -35px center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mg-articulos p {
  margin: 0;
  color: #ffffff;
}

.mg-articulos .estancia, .mg-articulos .visita-tombo, .mg-articulos .la-regina, .mg-articulos .chronoform {
  padding: 3em 28.1%;
  margin: -3em -28.1%;
}

.mg-articulos .estancia {
  background-color: #873a17;
}

.mg-articulos .estancia h1::after {
  background-position: -157px center;
}

.mg-articulos .visita-tombo {
  background-color: #0679b2;
}

.mg-articulos .la-regina {
  background-color: #a8323a;
}

.mg-articulos .la-regina h1::after {
  background-position: -446px center;
}

.mg-articulos .chronoform {
  position: relative;
  overflow: hidden;
  margin-bottom: -6em;
  background-color: #ffffff;
}

.mg-articulos .chronoform h1 {
  color: #0679b2;
}

.seccion-1 .moduletable.inicio {
  overflow: hidden;
  padding: 8em 18%;
  background-image: url(../images/fondo-articulo_inicio.jpg);
  background-position: left center;
  background-size: cover;
}

.seccion-1 .mg-slogan.articulo {
  position: relative;
  left: 0;
  float: right;
  width: 55%;
  padding: 1em;
}

.seccion-1 .moduletable.recomendaciones {
  background-color: #dad8ca;
}

.seccion-1 .custom.recomendaciones {
  background-color: #ffffff;
}

.seccion-1 .custom.recomendaciones [class*="icon"]::before {
  left: -45px;
}

.seccion-1 .custom.recomendaciones h2 {
  padding: 0.25em 6rem;
  margin-bottom: 0;
  color: #ffffff;
  background-color: #ff931e;
  font-size: 3.4rem;
}

.seccion-1 .custom.recomendaciones .pautas-reco {
  padding: 0 2em 1em 6rem;
}

.seccion-1 .custom.recomendaciones .pautas-reco p {
  padding-top: 1.6rem;
}

.seccion-1 .custom.recomendaciones p, .seccion-1 .custom.recomendaciones h4 {
  position: relative;
}

.seccion-1 .custom.recomendaciones h4 {
  padding: 1em 0 0 2.5rem;
  margin-bottom: 0;
  color: #000;
  background-color: #dad8ca;
}

.seccion-1 .custom.recomendaciones h4.icon::before {
  top: 1.8rem;
  left: 0;
}

.seccion-2 {
  background-color: #065f82;
}

.seccion-2 h3, .seccion-2 p {
  color: #ffffff;
}

.seccion-2 .luigi {
  background-color: #726e5e;
  background-image: url(../images/fondo-la_regina.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

.seccion-2 .luigi .la-regina {
  width: 35%;
  padding: 1.6em 0 1em;
  text-align: center;
}

.seccion-2 .luigi .la-regina img {
  margin-bottom: 3rem;
}

.seccion-2 .luigi .la-regina p {
  color: #ffffff;
}

.seccion-2 .btn-primario.flotante {
  position: absolute;
  right: 6em;
  bottom: 2em;
}

.seccion-2 .btn-primario.flotante::after {
  margin-left: 2em;
}

.seccion-2 .llegar {
  background-color: #ffffff;
}

.seccion-2 .llegar h2 {
  color: #0679b2;
}

.seccion-2 .llegar iframe {
  height: 35rem;
  padding-bottom: 0;
}

.seccion-3 .centro-tombo h3 {
  color: #065f82;
}

.seccion-3 .centro-tombo .span6 {
  padding: 0 2em;
}

.seccion-3 .centro-tombo .span6:nth-of-type(odd) {
  padding-left: 0;
}

.seccion-3 .centro-tombo .span6:nth-of-type(even) {
  padding-right: 0;
  padding-bottom: 1em;
}

.seccion-3 .centro-tombo .span6:last-child {
  padding-bottom: 0;
}

.seccion-3 .btn-flotante {
  bottom: 2em;
  right: 18%;
}

.seccion-3 .btn-flotante:after {
  margin-left: 1em;
}

.seccion-3 .anp {
  padding-top: 0;
  padding-bottom: 0;
}

.seccion-3 .moduletable.anp {
  background-image: url(../images/fondo-anp.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
}

.seccion-3 .moduletable.anp .custom.anp .anp {
  padding-top: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  background-color: #efeee8;
}

.seccion-3 .moduletable.anp h2 {
  color: #0679b2;
}

.seccion-3 .moduletable.anp img {
  max-width: 40%;
}

.seccion-3 .custom.anp {
  width: 55%;
  padding-left: 18%;
}

.seccion-3 .moduletable.titulo-reco {
  padding-left: 18%;
  background-color: #fbb03b;
}

.seccion-3 .moduletable.titulo-reco h2 {
  position: relative;
  padding-top: .25em;
  padding-bottom: .25em;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 3.2rem;
}

.seccion-3 .moduletable.titulo-reco h2.espacio {
  color: #fbb03b;
}

.seccion-3 .moduletable.titulo-reco h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3.5rem;
  border-top: 3.5rem solid #fbb03b;
  border-right: 3.5rem solid transparent;
  border-left: 3.5rem solid transparent;
}

.seccion-3 .la-regina {
  padding: 1em 2em 0 18%;
  text-align: center;
}

.seccion-3 .la-regina img {
  max-width: 67%;
  margin: 0 auto;
}

.seccion-3 .la-regina p {
  color: #584c46;
}

.seccion-3 .moduletable.espacio-la-regina {
  padding-top: 0;
  padding-bottom: 0;
}

.seccion-3 .moduletable.espacio-la-regina .span6:last-child {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.mg-pie-pagina {
  padding: 12rem 18% 10rem;
  background-color: #0f4151;
  background-image: url(../images/fondo-pie.png);
  background-position: left top;
  background-repeat: repeat-x;
}

.mg-pie-pagina .mg-logo-pie img {
  max-width: 24rem;
  margin-right: auto;
}

.mg-pie-pagina .nav.menu li {
  margin-bottom: 1.5em;
}

.mg-pie-pagina .nav.menu a {
  color: #dbd8c1;
  font-size: 2.32rem;
}

.mg-pie-pagina .nav.menu a:hover, .mg-pie-pagina .nav.menu a:active {
  color: #fbb03b;
}

.mg-pie-pagina .mg-contacto-pie p, .mg-pie-pagina .mg-contacto-pie a {
  color: #ffffff;
}

.mg-pie-pagina .mg-contacto-pie .facebook::before, .mg-pie-pagina .mg-contacto-pie .whatsapp::before {
  content: "";
  display: inline-block;
  width: 2.75rem;
  height: 2.5rem;
  margin-right: .5em;
  background-image: url(../images/iconos.svg);
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: -.6rem;
}

.mg-pie-pagina .mg-contacto-pie .facebook::before {
  background-position: -96px center;
}

.mg-pie-pagina .mg-contacto-pie .whatsapp::before {
  background-position: -126px center;
}

/*--------------------------------------*/
/*BOTONES*/
/*--------------------------------------*/
.btn {
  display: block;
  padding: 0.5em 0.75em;
}

.btn:hover {
  text-decoration: none;
}

.btn-primario {
  overflow: hidden;
  margin-top: 2em;
  color: #ffffff;
  background-color: #0679b2;
  line-height: 1.5;
}

.btn-primario::after {
  content: "";
  width: 2.75rem;
  height: 2.5rem;
  float: right;
  background-image: url(../images/iconos.svg);
  background-position: -66px center;
  background-size: cover;
}

.btn-primario:hover {
  color: #fbb03b;
}

.btn-flotante {
  position: absolute;
}

.gcore-label-top, .gcore-label-left {
  display: inline-block;
  margin-top: 1em;
  color: #333333;
}

.gcore-label-top {
  margin-bottom: .5em;
}

.gcore-label-left {
  margin-right: .5em;
  float: left;
}

.gcore-line-tr {
  max-width: 45rem;
}

.txt-box, .txt-area, .captcha {
  width: 100%;
  background-color: #e6e6e6;
  border: 0 !important;
  border-radius: .5rem;
}

.captcha {
  width: 10rem;
  float: left;
  margin: 0.6em 0.5em 0 0;
}

img[alt="captcha"] {
  padding-top: .6em;
}

.btn-enviar {
  float: right;
  padding: 0.14em 0.3em 0.3em;
  margin-top: 1em;
  color: #ffffff;
  background-color: #fbb03b;
  font-size: 2.72rem;
  line-height: 1;
  border: 0;
  border-radius: .6rem;
  cursor: pointer;
}

.gvalidation-error-text {
  font-size: 1.6rem;
}

.tip-conexion {
  position: absolute;
  top: 15.5rem;
  right: 14%;
  width: 22rem;
  padding: 2em;
  background-color: #efeee8;
}

.tip-conexion::after {
  content: "";
  position: absolute;
  top: 0;
  left: -3rem;
  border-right: 3rem solid #efeee8;
  border-bottom: 3rem solid transparent;
}

.tip-conexion p {
  color: #333333;
}

.tip-conexion p b {
  font-size: 2.32rem;
}

@media screen and (max-width: 1060px) {
  /*--------------------------------------*/
  /*Flexgrid Tablet*/
  /*--------------------------------------*/
  .grid-nowrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .mg-articulos, .mg-articulos .span4, .mg-articulos .span6,
  .moduletable.texto, .seccion-1 .moduletable.inicio,
  .seccion-2 .custom.luigi {
    padding: 1rem;
  }
  .mg-pie-pagina {
    padding-right: 1rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
  }
  .mg-nav-principal {
    position: relative;
    height: 5rem;
  }
  .mg-nav-principal .mg-nav-sup {
    display: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mg-nav-principal .mg-nav-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .mg-nav-principal .mg-nav-logo img {
    max-width: 20rem;
    margin-left: 0;
  }
  .mg-nav-principal .btn-nav {
    display: block;
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 auto !important;
        -ms-flex: 0 auto !important;
            flex: 0 auto !important;
    width: 5.5rem;
    height: 3.6rem;
    background-image: url(../images/iconos.svg);
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  .mg-nav-principal .nav.menu {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 5rem;
    right: -100%;
    z-index: 100;
    margin-left: auto;
    background-color: #045170;
    text-align: right;
    -webkit-transition: right 0.2s ease;
            transition: right 0.2s ease;
  }
  .mg-nav-principal .nav.menu.visible {
    right: 0;
  }
  .mg-nav-principal .nav.menu li {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mg-nav-principal .nav.menu a {
    line-height: 1.6;
  }
  .mg-nav-principal .nav.menu a.contacto {
    margin-top: 1rem;
    padding-left: 1rem;
  }
  .mg-nav-principal .nav.menu .nav-child {
    visibility: visible;
    position: static;
    top: 0;
    padding-right: 2rem;
    text-align: right;
    border: none;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  }
  .mg-nav-principal .nav.menu .nav-child::before, .mg-nav-principal .nav.menu .nav-child::after {
    display: none;
  }
  .mg-slogan {
    width: 43rem;
    left: 1rem;
    padding: 0.5em 0 0.5em 2rem;
  }
  .mg-horarios {
    bottom: 1rem;
    left: 1rem;
    padding: 1rem;
  }
  .mg-articulos {
    padding: 1rem;
  }
  .mg-articulos h2 {
    padding: 0 0 0.5em;
    margin: 0 0 0.5em;
  }
  .mg-articulos .la-regina, .mg-articulos .estancia, .mg-articulos .visita-tombo, .mg-articulos .chronoform {
    padding: 1rem;
    margin: -1rem;
  }
  .mg-articulos .chronoform {
    margin-bottom: -4rem;
  }
  .seccion-1 .moduletable.inicio {
    background-position: -128px center;
  }
  .seccion-1 .mg-slogan.articulo {
    width: 50%;
  }
  .seccion-1 .custom.recomendaciones h4 {
    padding: 1em 0 1em 2.5rem;
  }
  .seccion-1 .custom.recomendaciones h4.icon::before {
    top: 1.5rem;
  }
  .seccion-2 .luigi .la-regina {
    width: 45%;
    padding: 1rem;
    margin-left: 0;
  }
  .seccion-3 .btn-flotante {
    right: 1rem;
  }
  .seccion-3 .moduletable.titulo-reco, .seccion-3 .la-regina {
    padding-left: 1rem;
  }
  .seccion-3 .moduletable.anp .custom.anp {
    width: auto;
    padding: 0;
  }
  .seccion-3 .moduletable.anp .custom.anp .anp {
    padding: 1rem;
  }
  .tip-conexion {
    right: 1rem;
  }
}

@media screen and (max-width: 769px) {
  .seccion-2 .luigi {
    background-size: initial;
  }
  .seccion-2 .luigi .la-regina {
    width: 50%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .mg-pie-pagina {
    padding-top: 6rem;
    padding-bottom: 2rem;
    background-position: left -50px;
  }
  .mg-pie-pagina .mg-logo-pie img {
    max-width: 100%;
    padding-right: .5em;
    padding-left: .5em;
  }
  .btn {
    padding: 0.5em 0.25em;
  }
  .btn-primario {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 641px) {
  /*--------------------------------------*/
  /*Flexgrid Movil*/
  /*--------------------------------------*/
  /*GRID: Ordena a todos los items en posicion vertical y abarcando todo el espacion disponible.*/
  /*--------------------------------------*/
  .row-fluid, .mg-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  /*ITEMS: Todos los items en modo movil se vuelven flexibles.*/
  /*--------------------------------------*/
  .row-fluid *, .mg-flex *, .span1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span2 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span3 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span4 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span5 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span6 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span7 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span8 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span9 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span10 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span11 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  .row-fluid *, .mg-flex *, .span12 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    max-width: 100%;
  }
  /*OFFSET: En modo movil se eliminan todas las separaciones.*/
  /*--------------------------------------*/
  .offset1 {
    margin-left: 0;
  }
  .offset2 {
    margin-left: 0;
  }
  .offset3 {
    margin-left: 0;
  }
  .offset4 {
    margin-left: 0;
  }
  .offset5 {
    margin-left: 0;
  }
  .offset6 {
    margin-left: 0;
  }
  .offset7 {
    margin-left: 0;
  }
  .offset8 {
    margin-left: 0;
  }
  .offset9 {
    margin-left: 0;
  }
  .offset10 {
    margin-left: 0;
  }
  .offset11 {
    margin-left: 0;
  }
  .offset12 {
    margin-left: 0;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: .35em;
  }
  h1, h1 a {
    font-size: 2.88rem;
  }
  h2, h2 a {
    font-size: 2.312rem;
  }
  h3, h3 a {
    font-size: 1.856rem;
  }
  h4, h4 a {
    font-size: 1.248rem;
  }
  h5, h5 a {
    font-size: 0.96rem;
  }
  h6, h6 a {
    font-size: 0.704rem;
  }
  .mg-articulos .span4, .mg-articulos .span6, .seccion-1 .span4, .seccion-1 .span6, .seccion-3 .span4, .seccion-3 .span6, .moduletable.texto .span4, .moduletable.texto .span6 {
    padding-right: 0;
    padding-left: 0;
  }
  .mg-slogan {
    width: 100%;
    top: 0;
    left: 0;
    padding: .5em;
  }
  .mg-slogan h1 {
    font-size: 2.56rem;
  }
  .mg-horarios {
    bottom: 0;
    left: 0;
    margin-bottom: 1rem;
  }
  .mg-horarios.btn-flotante {
    position: relative;
  }
  .mg-articulos h2 {
    font-size: 2.04rem;
  }
  .seccion-1 .mg-slogan.articulo {
    width: 100%;
  }
  .seccion-1 .custom.recomendaciones h4 {
    font-size: 1.6rem;
  }
  .seccion-1 .custom.recomendaciones h4.icon::before {
    top: 1.5rem;
  }
  .seccion-2 .luigi .la-regina {
    width: 100%;
  }
  .mg-pie-pagina {
    padding: 5rem 1rem 2rem;
  }
  .mg-pie-pagina .mg-logo-pie img {
    max-width: 100%;
    padding: .5em;
    margin: 0 auto;
  }
  .mg-pie-pagina .span4, .mg-pie-pagina .span3 {
    margin-top: 3rem;
    text-align: center;
  }
  .gcore-line-tr {
    max-width: 100%;
  }
  .tip-conexion {
    position: relative;
    top: 10em;
    right: 0;
    width: 100%;
    padding: 1rem 1rem 10rem;
  }
}