@font-face {
 font-family: Breathing;
 src: url("../fuentes/Breathing.ttf") 
}

@font-face {
 font-family: PersonalServices;
 src: url("../fuentes/PersonalServices.ttf") 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

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

body {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: .9444444444vw;
  line-height:1.1vw;
  color: #582f25;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 16px;
    line-height:18px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 16px;
    line-height: 18px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

::placeholder { color:#333333; opacity:1; font-weight: 500; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333; font-weight: 500;
  font-family: "Roboto Condensed", sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333; font-weight: 500;
  font-family: "Roboto Condensed", sans-serif;
}

.grecaptcha-badge {
  display: none !important;
}



header { display:block; position:fixed; top:0; right:0; left:0; width:100%; margin:0 auto; z-index:1;  padding:0 11.3095238095vw 0 12.5vw; background:#a6ce39; z-index:6; height: 5.9523809524vw; z-index:9;  }

header h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:16.0714285714vw; }
header h1 img { display: block; width:100%; height:auto; transition:1s .5s;  }

header.achicoH1 h1 img { width:10.9523809524vw; margin:0 auto;}
header.achicoH1Fijo h1{ width:11.3095238095vw !important; }
header.achicoH1Fijo h1 img { width:11.3095238095vw !important; margin:0 auto !important; }
header.achicoH1Fijo { padding:0 10.9523809524vw 0 19.8214285714vw; }

header ul.menu { display: inline-block; float: left; position: relative; margin-left: 8.4523809524vw; margin-top: 2.4404761905vw; margin-left:4.452381vw;}
header.achicoH1Fijo ul.menu { margin-left:5.5952380952VW; margin-left:2.595238VW;}
header .menu li { display: inline-block; float: left; position: relative;  margin: 0 .7738095238vw 0 0;  }
header .menu li a { display: block; position: relative; overflow: hidden; cursor:pointer; font-size:.9444444444vw; line-height: 1vw; color: #582f25; font-weight:500;  }
header .menu li a:hover, header .menu li .sele { color:#fff; }
header .menu li:last-child { margin-right:0; padding-right:0; border:0; }
header .menu li .sub { display: none; }

header  .menu li:hover .sub { display:block; opacity: 1; visibility: visible;}
header  .menu li ul.sub { display:none; position:absolute; overflow:hidden; width:auto; background:#582f25; padding:1vw; white-space: nowrap; opacity: 0; visibility: hidden; transition: all .5s; top:1vw; left:0vw;  z-index:9;}
header  .menu li .sub li { display:block; float:none; width: 100%; position:relative; overflow:hidden; margin:0 0 .5vw 0; padding-bottom: .5vw; border-bottom:1px solid #fff; font-size:1vw; line-height:1.3vw; font-weight: 500; text-transform: none; color:#fff; border-right:0;}
header  .menu li .sub li a { display:block; position:relative; overflow:hidden; width:100%; color:#fff; text-transform: none; font-weight: 500;}
header .menu li .sub li:last-child { border:0 !important; margin-bottom:0; padding-bottom:0; }
header  .menu li .sub li a:hover { color:#a6ce39; }

header .comprar { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 0.7738095238vw; width: 11.9047619048vw; margin-top: 1.4880952381vw; }
header .comprar img { display:block; width:100%; height:auto; }
header .comprar p { display:block; position:absolute; top:1vw; left:2vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:.8888888889vw; text-transform: uppercase; }
header .comprar:hover p { color:#fcd035; }
header .instagram { display: inline-block; float: right; position: relative; overflow: hidden; width: 3.1547619048vw; margin-top:1.2vw; }
header .instagram img { display:block; width:100%; height:auto; }

 .click-menu, ul.menuMovil { display: none; }


main { display:block; position:relative; overflow:hidden; width:100%; margin-top:5.9523809524vw; min-height:30vw;}

.topHome { display:block; position:relative; overflow:hidden; width:100%; height:47.619047619vw; }
.topHome .mascara { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:47.619047619vw; background-image:url('../img/fondo-top-home.png'); background-repeat: no-repeat; background-position:center; background-size: cover; z-index:2; }
/*.topHome .imagen { display:block; position:absolute; top:0; right:0; overflow:hidden; float:right; width:63.6904761905vw; background-image:url('../img/foto-top-home.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; height:100%; z-index:1;}*/
.topHome .imagen { display:block; position:absolute; top:0; right:0; overflow:hidden; float:right; width:63.6904761905vw; height:100%; z-index:1;}
.topHome .imagen ul { display:block; position:relative; overflow:hidden; width:100%; }
.topHome .imagen ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:63.6904761905vw; height:47.619047619vw !important; background-repeat: no-repeat; background-position: center; background-size:cover;}
.topHome .imagen ul li.li00 { background-image:url('../img/slide-top-00.jpg'); }
.topHome .imagen ul li.li01 { background-image:url('../img/slide-top-01.jpg'); }
.topHome .imagen ul li.li02 { background-image:url('../img/slide-top-02.jpg'); }
.topHome .imagen ul li.li03 { background-image:url('../img/slide-top-03.jpg'); }
.topHome .imagen ul li.li04 { background-image:url('../img/slide-top-04.jpg'); }
.topHome .imagen ul li.li05 { background-image:url('../img/slide-top-05.jpg'); }
.topHome .imagen ul li.li06 { background-image:url('../img/slide-top-06.jpg'); }

.topHome .texto { display:block; position:relative; width:22.619047619vw; margin:13.0952380952vw 0 0 15.4761904762vw; z-index:4;}
.topHome .texto h2 { display:block; font-family:"PersonalServices", sans-serif; font-size:2.7777777778vw; line-height:3vw; text-transform: uppercase; }
.topHome .texto h3 { display: block; font-family: "Breathing", sans-serif; font-size: 3.3333333333vw; line-height: 3.3333333333vw; margin-left: -2.5vw; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-top: 1vw; margin-bottom: 3vw;}
.topHome .texto p { display: block; font-size: 1vw; line-height: 1.3vw; }

.topHome .texto h4 { display:block; font-family:"PersonalServices", sans-serif; font-size:1.1111111111vw; line-height:1.5vw; text-transform: uppercase; margin-top:2vw; text-transform: uppercase;  }
.topHome .texto h4 span { display:block; }

.diferencia { display:block; position:relative; overflow:hidden; width:100%; background:#eeeae9; padding:7.3873873874vw 9.7897897898vw; text-align:center; }
.diferencia h2 {display: table; position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-info-top.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 46.095238vw; height: 5.4761904762vw; padding: 1vw 0 0 2vw; margin: 0 auto;}
.diferencia h2 span { display: inline-block; float: left; position: relative; overflow: hidden; font-family: "Breathing", sans-serif; color: #582f25; font-size: 2.5vw; line-height: 5vw; margin-right: 1vw; }
.diferencia ul.arriba { display:block; position:relative; overflow:hidden; width:100%; margin-top:3.78vw; }
.diferencia .arriba li { display:inline-block;  position:relative; overflow:hidden; width:23%; margin-right:1%; vertical-align:top;}
.direrencia .arriba li:last-child { margin-right:0 }
.diferencia .arriba li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 4.6846846847vw; height: auto; vertical-align: top; margin-right: 1.08108108108vw; }
.diferencia .arriba li .cuadro {display: inline-block; float: left; position: relative; overflow: hidden; text-align: left; width: 67%; vertical-align: top;}
.diferencia .arriba li .cuadro h3 { display:block; color:#582f25; font-size:1.111vw; line-height: 1.5vw; font-family:"PersonalServices", sans-serif;  margin-top: 1vw; }
.diferencia .arriba li .cuadro p { display:block; color:#582f25; font-size:.9444vw; line-height:1.1vw; font-weight:400; margin-top:.5vw; }

.diferencia ul.abajo { display:block; position:relative; overflow:hidden; width:100%; margin:3.78vw auto 0 auto; text-align:center; }
.diferencia .abajo li { display: inline-block; position: relative; overflow: hidden; width: 32%; margin-right: 1.981981982vw; background: #582f25; padding: 1vw; border-radius: 16px; vertical-align: top; width: 19.621622vw; }
.direrencia .abajo li:last-child { margin-right:0 }
.diferencia .abajo li h4 { display:block; color:#fff; text-transform:uppercase; font-size:.9444vw; line-height:1.1vw; font-weight:800; text-align:left;}
.diferencia .abajo li p { display:block; color:#fff;  font-size:.9444vw; line-height:1.1vw; font-weight:400; text-align:left; margin-top:.3vw;}
.diferencia .abajo li:nth-child(2) { background:#a6ce39;  }
.diferencia .abajo li:nth-child(3) { background:#fcd035;  }


.especiesHome { display:block; position:relative; overflow:hidden; width:100%; padding:5.9523809524vw 1.8452380952vw 4vw 7.7380952381vw; }
.especiesHome .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 31.130952381vw; height: 31.130952381vw; background-image:url('../img/foto-animales-home.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 2.1428571429vw; margin-right: 4.1666666667vw; }
.especiesHome .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.especiesHome .der {     display: inline-block; position: relative; overflow: hidden; width: 38.5119047619vw; margin-top: 3.2142857143vw; }
.especiesHome .der h2 { display:block; font-family:"PersonalServices", sans-serif; font-size:2.7777777778vw; line-height:3vw; text-transform: uppercase; margin-left:3.4523809524vw;}
.especiesHome .der h2 span { display:block; font-family:"Breathing", sans-serif; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-bottom: 3.2vw;}
.especiesHome .der p { margin-top:1vw; }

.especiesHome .der .mas { display: table;  position: relative; overflow: hidden; margin-left: 3.4523809524vw; width: 14.3452380952vw; margin-top: 1.4880952381vw; }
.especiesHome .der .mas img { display:block; width:100%; height:auto; }
.especiesHome .der .mas p { display:block; position:absolute; top: 0.7vw; left: 3vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.3333333333vw; text-transform: uppercase; }
.especiesHome .der .mas:hover p { color:#fcd035; }

.especiesHome .slide { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 1.7857142857vw;}
.especiesHome .slide .izquierda { display: block; position: absolute; width: 2.380952381vw; top: 4vw; left: 5.8333333333vw; cursor: pointer; z-index:99; }
.especiesHome .slide .izquierda img { display:block; width:100%; height:auto; }
.especiesHome .slide .derecha { display: block; position: absolute; width: 2.380952381vw; top: 4vw; right: 11.7261904762vw; cursor: pointer; z-index:99; }
.especiesHome .slide .derecha img { display:block; width:100%; height:auto; }
.especiesHome .slide .fondo { display: block; position: absolute; top:7.785714vw; left:0; overflow: hidden; width: 100%;  background-image:url('../img/fondo-slide-especies.svg'); background-repeat: no-repeat; background-position: center; background-size:cover; height:3.4523809524vw;}

.especiesHome .slide ul { display:block; position:relative; overflow:hidden; width:100%; width:63.380952381vw; margin-left:10.5952380952vw;}
.especiesHome .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:5.6547619048vw !important; margin-right:1.4285714286vw; }
.especiesHome .slide ul li .foto { display:block; position:relative; overflow:hidden; width:100%; height:5.6547619048vw; background-repeat: no-repeat; background-position: center; background-size:cover; margin-bottom:1vw; }
.especiesHome .slide ul li .foto .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.especiesHome .slide ul li h3 { display: block; text-align: center; font-family: "PersonalServices", sans-serif; font-size: .66vw; text-transform: uppercase; line-height: .88vw; }

.informacionHome { display:block; position:relative; overflow:hidden; width:100%; height:47.619047619vw; }
.informacionHome .mascara { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:47.619047619vw; background-image:url('../img/fondo-informacion.png'); background-repeat: no-repeat; background-position:center; background-size: cover; z-index:2; }
.informacionHome .imagen { display:block; position:absolute; top:0; right:0; overflow:hidden; float:right; width:53.869047619vw; background-repeat: no-repeat; background-position: center; background-size:cover; height:100%; z-index:1;}
.informacionHome .texto { display:block; position:relative; width:30.1785714286vw; margin:6.5476190476vw 0 0 12.7976190476vw; z-index:4;}
.informacionHome .texto h2 { display: table;  position: relative; overflow: hidden; width: 30.1785714286vw;  }
.informacionHome .texto h2 img { display:block; width:100%; height:auto; }
.informacionHome .texto h2 p { display: block; position: absolute; top: 3vw; left: 3vw; margin:0; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.7777777778vw; text-transform: uppercase; }
.informacionHome .texto h3 { display:block; font-family:"Breathing", sans-serif; color:#fff; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 2.7777777778vw; margin-left: 4vw; margin-top: 1vw;}
.informacionHome .texto p { display: block; color: #fff; margin-left: 2.7vw; margin-top: 4vw; width: 70%; }
.informacionHome .texto ul { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2.38vw; margin-left:3.8095238095vw; }
.informacionHome .texto ul li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: .3vw; }
.informacionHome .texto ul li img { display:inline-block; float:left; position:relative; overflow:hidden; width:3.9880952381vw; height:auto; margin-right:1vw; }
.informacionHome .texto ul li p { display: inline-block; float: left; position: relative; overflow: hidden; font-family: "PersonalServices", sans-serif; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 1vw; line-height: 2.3vw; width: 60%; margin: 1.4vw 0 0 0;}
.informacionHome .texto ul li:hover p { color:#fcd035; }


.visitasHome { display:block; position:relative; overflow:hidden; width:100%; padding:5.9523809524vw 1.8452380952vw 4vw 7.7380952381vw; }
.visitasHome .huellas { display: block; position: absolute; width: 17.7380952381vw; height: auto; right: 0; top: 6vw; }
.visitasHome .ver { display: block; width: 5.5357142857vw; height: auto; position: absolute; top: 16vw; left: 8.5vw; z-index: 8; cursor: pointer; }
.visitasHome .ver img { display:block; width:100%; height:auto; }
.visitasHome .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 31.130952381vw; height: 31.130952381vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 2.1428571429vw; margin-right: 4.1666666667vw; }
.visitasHome .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.visitasHome .der {     display: inline-block; position: relative;  width: 44.6428571429vw; margin-top: 3.2142857143vw; }
.visitasHome .der h2 { display:block; font-family:"PersonalServices", sans-serif; font-size:2.7777777778vw; line-height:4vw; text-transform: uppercase; }
.visitasHome .der h2 span { display:block; font-family:"Breathing", sans-serif; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-top:-2.8vw; margin-left:-1.25vw;}
.visitasHome .der p { margin-top:1vw; }
.visitasHome .der p span { font-weight: 800; }
.visitasHome .der .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 24.7vw; margin-top: 4vw; }
.visitasHome .der .contacto { display: table; position: relative; overflow: hidden; width: 14.7619047619vw; margin-top: 1.4880952381vw; cursor:pointer; }
.visitasHome .der .contacto img { display:block; width:100%; height:auto; }
.visitasHome .der .contacto p {display: block; position: absolute; top: 0.7vw; left: 2vw; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw;
    text-transform: uppercase; }
.visitasHome .der .contacto:hover p { color:#582f25; }
.visitasHome .der #visitasMovil { display:none; }
.visitasHome .der ul { display: inline-block; float: right; position: relative; overflow: hidden; width: 17.8571428571vw; margin-top: 5vw; }
.visitasHome .der ul li { display:block; position:relative; overflow:hidden; width:100%; }
.visitasHome .der ul li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.5vw; }
.visitasHome .der ul li p { display: inline-block; float: left; margin-top: 0; width: 91%; }

.conservacionHome { display:block; position:relative; overflow:hidden; width:100%; height:47.619047619vw; }
.conservacionHome .mascara { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:47.619047619vw; background-image:url('../img/fondo-conservacion.png'); background-repeat: no-repeat; background-position:center; background-size: cover; z-index:2; }
.conservacionHome .imagen { display:block; position:absolute; top:0; right:0; overflow:hidden; float:right; width:63.3928571429vw; background-repeat: no-repeat; background-position: center; background-size:cover; height:100%; z-index:1;}
.conservacionHome .iconoMovil { display:none; }
.conservacionHome .texto { display:block; position:relative; width:30.1785714286vw; margin:6.5476190476vw 0 0 15.4761904762vw; z-index:4;}
.conservacionHome .texto h2 { display: table;  position: relative; overflow: hidden; width: 30.1785714286vw;  color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.7777777778vw; line-height:5vw; text-transform: uppercase;}
.conservacionHome .texto h3 { display: block; font-family: "Breathing", sans-serif; color: #582f25; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 2.7777777778vw; margin-left: -1vw; margin-top: 0.5vw; }
.conservacionHome .texto h4 { display:block; font-family:"Breathing", sans-serif; color:#40221b; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 2.7777777778vw; margin-left: 11vw; margin-top: 1vw;}

.conservacionHome .texto p { display: block;  margin-top: 4vw; width: 70%; }
.conservacionHome .texto .mas { display: table;  position: relative; overflow: hidden;  width: 14.7619047619vw; margin-top: 1.4880952381vw; }
.conservacionHome .texto .mas img { display:block; width:100%; height:auto; }
.conservacionHome .texto .mas p { display:block; position:absolute; top: 1.7vw; left: 3vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.3333333333vw; text-transform: uppercase; margin:0; width:100%;}
.conservacionHome .texto .mas:hover p { color:#fcd035; }

.serviciosHome { display:block; position:relative; overflow:hidden; width:100%; padding:5.9523809524vw 12.9166666667vw 4vw 10.6547619048vw; }
.serviciosHome .huellas { display: block; position: absolute; width: 20.3571428571vw; height: auto; right: 0; top: 1vw; }

.serviciosHome h2 { display:block; position:relative; font-family:"Breathing", sans-serif; color:#40221b; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 2.7777777778vw; margin-left: 6.3095238095vw;  z-index:5;}
.serviciosHome h3 { display: table;  position: relative; overflow: hidden; width: 30.1785714286vw; margin-top:5.2vw; z-index:1;  }
.serviciosHome h3 img { display:block; position:relative; width:100%; height:auto; }
.serviciosHome h3 p { display: table;  position: absolute; top:1vw; left:5.5vw; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.7777777778vw; line-height:5vw; text-transform: uppercase; }
.serviciosHome ul.lista { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1.9642857143vw; margin-left:5.047619vw;}
.serviciosHome .lista li { display:inline-block; float:left; position:relative; width:19.4047619048vw; margin-right:6.0714285714vw;}
.serviciosHome .lista li:last-child { margin-right:0; }
.serviciosHome .lista li .imagen { display:block; position: relative; overflow:hidden; width:100%; height:19.4047619048vw; background-repeat: no-repeat; background-position: center; background-size:cover;  }
.serviciosHome ul li .ver { display: block; width: 5.5357142857vw; height: auto; position: absolute; top: 7vw; right: -2vw; z-index: 8; cursor: pointer; }
.serviciosHome ul li .ver img { display:block; width:100%; height:auto; }
.serviciosHome .lista li h4 { display:block; position:relative; overflow:hidden; margin-top:1vw; text-align:center; }
.serviciosHome .lista li h4 img { display: inline-block;  position: relative;  overflow: hidden; width:3.5119047619vw; margin-right:1vw; height:auto; }
.serviciosHome .lista li h4 p { display: inline-block;  position: relative;  overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:3vw; text-transform: uppercase;  }
.serviciosHome .texto { display: inline-block; float: left; position: relative; overflow: hidden; width: 46.619047619vw; margin-left: 9.309524vw; margin-top: 3vw; }
.serviciosHome .texto .mas { display: table;  position: relative; overflow: hidden;  width: 14.7619047619vw; margin-top: 1.4880952381vw; }
.serviciosHome .texto .mas img { display:block; width:100%; height:auto; }
.serviciosHome .texto .mas p { display:block; position:absolute; top: 1.7vw; left: 4vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.3333333333vw; text-transform: uppercase; margin:0; width:100%;}
.serviciosHome .texto .mas:hover p { color:#fcd035; }
.serviciosHome #masMovil { display:none; }
.serviciosHome  ul.lista2 { display: inline-block; float: right; position: relative; overflow: hidden; width:13.9880952381vw; margin-top: 3vw; }
.serviciosHome  ul.lista2 li { display:block; position:relative; overflow:hidden; width:100%; }
.serviciosHome  ul.lista2 li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.5vw; }
.serviciosHome  ul.lista2 li p { display: inline-block; float: left; margin-top: 0; width: 89%; }

.naturaleza { display:block; position:relative; overflow:hidden; width:100%; background-image:url('../img/foto-banner.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; height:47.619047619vw; padding:15.3571428571vw 0 0 16.7261904762vw; }
.naturaleza h2 {  display: block;  position: relative; overflow: hidden; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 2.7777777778vw; line-height:5vw; text-transform: uppercase }
.naturaleza h2 span { display: block; }
.naturaleza p { display: block; color: #fff; font-size: 1vw; line-height: 1.3vw; margin-top: 2vw; } 
.naturaleza p span { display: block; }
.naturaleza h3 { display:block; position:relative; font-family:"Breathing", sans-serif; color:#fff; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 2.7777777778vw;   z-index:5; }

/* internas */

.top { display:block; position:relative; overflow:hidden; width:100%; height:17.8571428571vw; background-repeat: no-repeat; background-position: center; background-size:cover;  z-index:1;  }
.servicios .top { background-image:url('../img/foto-top-interna-servicios.jpg'); }
.visitas .top { background-image:url('../img/foto-top-interna-visitas-educativas.jpg'); }
.especies .top { background-image:url('../img/foto-top-interna-especies.jpg'); }
.conservacion .top { background-image:url('../img/foto-top-interna-conservacion.jpg'); }
.informacion .top { background-image:url('../img/foto-top-interna-informacion.jpg'); }
.compras .top { background-image:url('../img/foto-top-interna-informacion.jpg'); }

.top .mascara { display:block; position:absolute; bottom:0; right:0; width: 48.6904761905vw; height: 12.7380952381vw; background-image:url('../img/textura-fotos-top-internas.png'); background-repeat: no-repeat; background-position:center; background-size:cover; }


.interna .links { display:block; position:relative; overflow:hidden; margin: 0 0 2.380952381vw  3.5714285714vw; }
.interna .links img { display: inline-block; float: left; position: relative; overflow: hidden; width: 1.7857142857vw; height: auto; margin-right: 1vw; }
.interna .links p { display: inline-block; float: left; position: relative; overflow: hidden; font-size:.8888888889vw; line-height: 1vw; font-weight: 500; padding-top:.5vw;}
.interna .links p a { font-weight: 800; }

.conservacion .interna .links { margin-left:5.8928571429vw; }
.informacion .interna .links { margin-left:5.8928571429vw; }

.servicios .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2.0238095238vw 15.559524vw 4.0238095238vw 17.8571428571vw; }
.servicios h2 { display: block;  position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-servicios-interna.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33.0952380952vw; height: 5.4761904762vw; padding: 1vw 0 0 2vw;  }
.servicios h2 p { display:inline-block; float:left; position:relative; overflow:hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase; margin-top: 1vw; }
.servicios h2  span { display:inline-block; float:left; position:relative; overflow:hidden; font-family:"Breathing", sans-serif; color:#40221b;  font-size: 3.0555555556vw; line-height: 5vw; margin-right: 1vw;}

.servicios .textop { display: block; width: 85%; margin: 2vw 0 3vw 2vw; }

.servicios ul.lista { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1.9642857143vw; }
.servicios .lista li { display:inline-block; float:left; position:relative; width:19.1666666667vw; margin-right:3vw;}
.servicios .lista li:last-child { margin-right:0; }
.servicios .lista li .imagen { display:block; position: relative; overflow:hidden; width:100%; height:19.1666666667vw; background-repeat: no-repeat; background-position: center; background-size:cover;  }
.servicios ul li .ver { display: block; width: 5.5357142857vw; height: auto; position: absolute; top: 7vw; right: -2vw; z-index: 8; cursor: pointer; }
.servicios ul li  .ver img { display:block; width:100%; height:auto; }
.servicios .lista li h4 { display:block; position:relative; overflow:hidden; margin:1vw 0 0 2.7976190476vw; }
.servicios .lista li h4 img { display: inline-block;  position: relative;  overflow: hidden; width:3.5119047619vw; margin-right:1vw; height:auto; }
.servicios .lista li h4 span { display: inline-block;  position: relative;  overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:3vw; text-transform: uppercase;  }
.servicios .lista li p { display: block; margin:1vw 0 0 2.7976190476vw; width:70%; }
.servicios .texto { display: inline-block; float: left; position: relative; overflow: hidden; width: 46.619047619vw; margin-left: 9.309524vw; margin-top: 3vw; }
.servicios .texto .mas { display: table;  position: relative; overflow: hidden;  width: 14.7619047619vw; margin-top: 1.4880952381vw; }
.servicios .texto .mas img { display:block; width:100%; height:auto; }
.servicios .texto .mas p { display:block; position:absolute; top: 1.7vw; left: 4vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.3333333333vw; text-transform: uppercase; margin:0; width:100%;}
.servicios .texto .mas:hover p { color:#fcd035; }
.servicios  ul.lista2 { display: inline-block; float: right; position: relative; overflow: hidden; width:13.9880952381vw; margin-top: 3vw; }
.servicios  ul.lista2 li { display:block; position:relative; overflow:hidden; width:100%; }
.servicios  ul.lista2 li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.5vw; }
.servicios  ul.lista2 li p { display: inline-block; float: left; margin-top: 0; width: 89%; }


.servicios .bloque { display:block; position:relative; overflow:hidden; width:100%; background:#fcd035; padding:5.9523809524vw 10.8333333333vw 5.9523809524vw 20.8333333333vw; }
.servicios .bloque h3 { display: inline-block; float:left; position:relative; color:#582f25; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; font-family: "PersonalServices", sans-serif; width:16.369047619vw; }
.servicios .bloque ul.listapri { display: inline-block; float: left; position: relative; overflow: hidden; width: 17.5476190476vw; margin-left: 4.1666666667vw; }
.servicios .bloque .listapri li, .servicios .bloque .listaseg li { display:block; position:relative; overflow:hidden; }
.servicios .bloque .listapri li img, .servicios .bloque .listaseg li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.7vw; }
.servicios .bloque .listapri li p, .servicios .bloque .listaseg li p { display: inline-block; float: left; position: relative; overflow: hidden; }

.servicios .bloque ul.listaseg { display: inline-block; float: left; position: relative; overflow: hidden; width: 21.5476190476vw; margin-left:2.1428571429vw;}

.servicios .slide { display: block; position: relative; overflow: hidden; width: 100%; background:#a6ce39; padding: 2vw 17.8571428571vw;}
.servicios .slide .izquierda { display: block; position: absolute; width: 2.380952381vw; top: 8vw; left: 12vw; cursor: pointer; z-index:99; }
.servicios .slide .izquierda img { display:block; width:100%; height:auto; }
.servicios .slide .derecha { display: block; position: absolute; width: 2.380952381vw; top: 8vw; right: 12vw; cursor: pointer; z-index:99; }
.servicios .slide .derecha img { display:block; width:100%; height:auto; }

.servicios .slide ul { display:block; position:relative; overflow:hidden; width:100%; width:62.6vw;}
.servicios .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:15.1785714286vw; margin-right:.5952380952vw;  cursor:pointer;}
.servicios .slide ul li .foto { display:block; position:relative; overflow:hidden; width:100%; height:15.1785714286vw !important; background-repeat: no-repeat; background-position: center; background-size:cover; margin-bottom:1vw; }
.servicios .slide ul li .foto .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos-verde.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }


.visitas .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2.0238095238vw 15.559524vw 4.0238095238vw 17.8571428571vw; }
.visitas h2 { display: block;  position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-visitas-educativas.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33.0952380952vw; height: 5.4761904762vw; padding: 1vw 0 0 2vw;  }
.visitas h2 p { display:inline-block; float:left; position:relative; overflow:hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase; margin-top: 1vw; }
.visitas h2  span { display:inline-block; float:left; position:relative; overflow:hidden; font-family:"Breathing", sans-serif; color:#40221b;  font-size: 3.0555555556vw; line-height: 5vw; margin-right: 1vw;}

.visitas h3 {     display: block; position: relative; overflow: hidden; margin: 2vw 0 0 1.5vw; }
.visitas h3 img { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 1vw; width: 1.7857142857vw; height: auto;  }
.visitas h3 p { display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:2.3vw; text-transform: uppercase;}

.visitas ul.listauno { display:block; position:relative; overflow:hidden; width:100%; margin-top:1vw; margin-left:2vw;}
.visitas .listauno li { display:block; position:relative; overflow:hidden; width:100%; }
.visitas .listauno li img { display:inline-block; float:left; position:relative; width:1.0119047619vw; height:auto; margin-right:.5vw;  }
.visitas .listauno li p { display:inline-block; float:left; position:relative; width:87%; }

.visitas .textop { display: block; width: 85%; margin: 2vw 0 3vw 2vw; }
.visitas .textop span { font-weight: 800; }

.visitas ul.lista { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1.9642857143vw; }
.visitas .lista li { display:inline-block; float:left; position:relative; width:19.1666666667vw; margin-right:3vw;}
.visitas .lista li:last-child { margin-right:0; }
.visitas .lista li .imagen { display:block; position: relative; overflow:hidden; width:100%; height:19.1666666667vw; background-repeat: no-repeat; background-position: center; background-size:cover;  }
.visitas .lista li .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.visitas ul li .ver { display: block; width: 5.5357142857vw; height: auto; position: absolute; top: 7vw; right: -2vw; z-index: 8; cursor: pointer; }
.visitas ul li  .ver img { display:block; width:100%; height:auto; }
.visitas .lista li h4 { display:block; position:relative; overflow:hidden; margin:1vw 0 0 2.7976190476vw; }
.visitas .lista li h4  { display: block;  position: relative;  overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1vw; line-height:1.8vw; text-transform: uppercase; text-align:center; width:68%;}
.visitas .lista li ol  { display: block; position: relative;  overflow: hidden;margin: 1vw auto 0 auto; width: 13.2vw;  }
.visitas .lista li ol li { display:block; position:relative; overflow:hidden; width:100%; }
.visitas .lista li ol li img { display:inline-block; float:left; position:relative; width:1.0119047619vw; height:auto; margin-right:.5vw; }
.visitas .lista li ol li p { display:inline-block; float:left; position:relative; width:87%; }
.visitas .texto { display: inline-block; float: left; position: relative; overflow: hidden; width: 46.619047619vw; margin-left: 9.309524vw; margin-top: 3vw; }
.visitas .texto .mas { display: table;  position: relative; overflow: hidden;  width: 14.7619047619vw; margin-top: 1.4880952381vw; }
.visitas .texto .mas img { display:block; width:100%; height:auto; }
.visitas .texto .mas p { display:block; position:absolute; top: 1.7vw; left: 4vw; color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.3333333333vw; text-transform: uppercase; margin:0; width:100%;}
.visitas .texto .mas:hover p { color:#fcd035; }
.visitas  ul.lista2 { display: inline-block; float: right; position: relative; overflow: hidden; width:13.9880952381vw; margin-top: 3vw; }
.visitas  ul.lista2 li { display:block; position:relative; overflow:hidden; width:100%; }
.visitas  ul.lista2 li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.5vw; }
.visitas  ul.lista2 li p { display: inline-block; float: left; margin-top: 0; width: 89%; }

.visitas .bloque { display:block; position:relative; overflow:hidden; width:100%; background:#fcd035; padding:5.9523809524vw 20.3571428571vw 5.9523809524vw 19.4642857143vw; }
.visitas .bloque h3 {     display: inline-block; float:left;  position: relative; overflow: hidden; margin:0;}
.visitas .bloque h3 img { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 1vw; width: 1.7857142857vw; height: auto;  }
.visitas .bloque h3 p { display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:2.3vw; text-transform: uppercase;}
.visitas .bloque ul.listapri { display: inline-block; float:left; clear:left;  position: relative; overflow: hidden; width: 42.8571428571vw; margin-top:1vw; margin-left:.5vw;}
.visitas .bloque .listapri li { display:block; position:relative; overflow:hidden; margin-bottom:.3vw;}
.visitas .bloque .listapri li img { display: inline-block; float: left; position: relative; overflow: hidden; width: 0.9523809524vw; height: auto; margin-right: 0.7vw; }
.visitas .bloque .listapri li p { display: inline-block; float: left; position: relative; overflow: hidden; width:80%;}
.visitas .bloque .listapri li p span { text-transform: uppercase; font-weight: 800; }

.visitas .bloque .contacto { display: table; position: relative; overflow: hidden;float:right; width: 14.7619047619vw; margin-top: 1vw; cursor:pointer; }
.visitas .bloque .contacto img { display:block; width:100%; height:auto; }
.visitas .bloque .contacto p {display: block; position: absolute; top: 1.7vw; left: 2vw; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw;
    text-transform: uppercase; }
.visitas .bloque .contacto:hover p { color:#fcd035; }

.visitas .slide { display: block; position: relative; overflow: hidden; width: 100%; background:#a6ce39; padding: 2vw 17.8571428571vw;}
.visitas .slide .izquierda { display: block; position: absolute; width: 2.380952381vw; top: 8vw; left: 12vw; cursor: pointer; z-index:99; }
.visitas .slide .izquierda img { display:block; width:100%; height:auto; }
.visitas .slide .derecha { display: block; position: absolute; width: 2.380952381vw; top: 8vw; right: 12vw; cursor: pointer; z-index:99; }
.visitas .slide .derecha img { display:block; width:100%; height:auto; }

.visitas .slide ul { display:block; position:relative; overflow:hidden; width:100%; width:62.6vw;}
.visitas .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:15.1785714286vw; margin-right:.5952380952vw;  cursor:pointer;}
.visitas .slide ul li .foto { display:block; position:relative; overflow:hidden; width:100%; height:15.1785714286vw !important; background-repeat: no-repeat; background-position: center; background-size:cover; margin-bottom:1vw; }
.visitas .slide ul li .foto .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos-verde.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }


.especies .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2.0238095238vw 15.559524vw 4.0238095238vw 17.8571428571vw; }
.especies h2 { display: block;  position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-especies.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33.0952380952vw; height: 5.4761904762vw; padding: 1vw 0 0 2vw;  }
.especies h2 p { display:inline-block; float:left; position:relative; overflow:hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase; margin-top: 1vw; margin-top: .5vw;}
.especies h2  span { display:inline-block; float:left; position:relative; overflow:hidden; font-family:"Breathing", sans-serif; color:#40221b;  font-size: 3.0555555556vw; line-height: 5vw; margin-right: 1vw;}

.especies .textop { display: block; width: 85%; margin: 2vw 0 3vw 2vw; }
.especies .textop span { font-weight: 800; }

.especies .slide { display: block; position: relative; overflow: hidden; width: 100%; background:#a6ce39; padding: 2vw 17.8571428571vw;}
.especies .slide .izquierda { display: block; position: absolute; width: 2.380952381vw; top: 8vw; left: 12vw; cursor: pointer; z-index:99; }
.especies .slide .izquierda img { display:block; width:100%; height:auto; }
.especies .slide .derecha { display: block; position: absolute; width: 2.380952381vw; top: 8vw; right: 12vw; cursor: pointer; z-index:99; }
.especies .slide .derecha img { display:block; width:100%; height:auto; }

.especies .slide ul { display:block; position:relative; overflow:hidden; width:100%; width:62.6vw;}
.especies .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:15.1785714286vw; margin-right:.5952380952vw; cursor:pointer;}
.especies .slide ul li .foto { display:block; position:relative; overflow:hidden; width:100%; height:15.1785714286vw !important; background-repeat: no-repeat; background-position: center; background-size:cover; margin-bottom:1vw; }
.especies .slide ul li .foto .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos-verde.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.especies ul.menuespecies { display: block; position: relative; overflow: hidden; width: 100%; text-align: center; }
.especies .menuespecies li { display:inline-block; position:relative; overflow:hidden; margin-right:.7738095238vw; width:8.8095238095vw; height:2.7380952381vw; background-image:url('../img/boton-especies-marron.svg'); background-repeat: no-repeat; background-position: center; background-size:cover; text-align:center; color:#fff;font-family: "PersonalServices", sans-serif; text-transform: uppercase; font-size:.8888888889vw; line-height: 1vw; padding-top:.9vw; cursor:pointer;}
.especies .menuespecies li.sele { background-image:url('../img/boton-especies-verde.svg'); }

.ajaxEspecies { display:block; position:relative; overflow:hidden; width:100%; padding:0 16.047619vw 4vw 15.6547619048vw; }

/*.ajaxEspecies div.listaespecies { display: block; position: relative; overflow: hidden; width: 100%; }*/
.ajaxEspecies .listaespecies  { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:2vw; }
.ajaxEspecies .listaespecies  .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 19.5238095238vw; height: 19.5238095238vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 2.0833333333vw; }
.ajaxEspecies .listaespecies  .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ajaxEspecies .listaespecies  .der {     display: inline-block; position: relative; overflow: hidden; width: 42.8571428571vw;  }

.ajaxEspecies .listaespecies  .der p { margin-top:1vw; }
.ajaxEspecies .listaespecies  .der h4 { display: block; font-family: "PersonalServices", sans-serif; font-size: 1.6666666667vw; line-height: 3vw; text-transform: uppercase; margin-top: 2vw; }
.ajaxEspecies .listaespecies  .der ul { display:block; position:relative; overflow:hidden; width:100%; margin-top:1vw; }
.ajaxEspecies .listaespecies  .der ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.3vw; padding-left:1.5vw;}
.ajaxEspecies .listaespecies  .der ul li::before { content: ''; background-image:url('../img/bullet.svg');width:1.0119047619vw; height: 1.0119047619vw; display: block;background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; top:0; left:0;}
.ajaxEspecies .listaespecies  .der ul li img { display:inline-block; float:left; position:relative; width:1.0119047619vw; height:auto; margin-right:.5vw;  }
.ajaxEspecies .listaespecies  .der ul li p { display:inline-block; float:left; position:relative; width:87%; }
.ajaxEspecies .listaespecies  .der ul li strong { font-weight: 800;  }

.conservacion .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2vw 19.8214285714vw 4vw 14.6428571429vw; }
.conservacion .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 21.5476190476vw; height: 21.5476190476vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 2.1428571429vw; margin-right: 2.5595238095vw; }
.conservacion .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.conservacion .der {     display: inline-block; float:left; position: relative; overflow: hidden; width: 36.988095vw; margin-top: .5952380952vw; margin-bottom:2vw;}
.conservacion .der h2 { display: block;  position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33.0952380952vw; height: 5.4761904762vw; padding: 1.7vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase;}

.conservacion .der h3 { display:block; position:relative; z-index:2;font-family:"Breathing", sans-serif; text-transform: none; margin-top: 1.2vw; font-size:2.5vw; line-height: 3vw; margin-left:3vw;}
.conservacion .der p { margin-top:1vw;  padding-left:3vw;}
.conservacion .der p span { display:block; margin-top:1vw; }
.conservacion .der .imagenInterna { display:block; position:relative; overflow:hidden; width:100%; height:25.5952380952vw; background-repeat:no-repeat; background-position:center; background-size:cover; margin:1vw 0 1vw 3vw;}
.conservacion .der h4 { display:block; margin:1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:2.3vw; text-transform: uppercase; }

.conservacion .interna2 { display:block; position:relative; overflow:hidden; width:59.5238095238vw; margin:0 0 0 5.3571428571vw; padding-top:3vw;}
.conservacion .interna2 h4 {     display: block; position: relative; overflow: hidden; margin: 2vw 0 1vw 0; }
.conservacion .interna2 h4 img { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 1vw; width: 1.7857142857vw; height: auto;  }
.conservacion .interna2 h4 p { display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:2.3vw; text-transform: uppercase;}
.conservacion .interna2 h4 p span { font-size:.8888888889vw; }

.conservacion .interna2 .foto { display:block; position:relative; overflow:hidden; width:100%; height:36.4285714286vw; background-image:url('../img/foto-conservacion-cecy.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; margin-top:1vw; }

.conservacion .slide { display: block; position: relative; overflow: hidden; width: 100%; background:#a6ce39; padding: 2vw 17.8571428571vw;}
.conservacion .slide .izquierda { display: block; position: absolute; width: 2.380952381vw; top: 8vw; left: 12vw; cursor: pointer; z-index:99; }
.conservacion .slide .izquierda img { display:block; width:100%; height:auto; }
.conservacion .slide .derecha { display: block; position: absolute; width: 2.380952381vw; top: 8vw; right: 12vw; cursor: pointer; z-index:99; }
.conservacion .slide .derecha img { display:block; width:100%; height:auto; }

.conservacion .slide ul { display:block; position:relative; overflow:hidden; width:100%; width:62.6vw;}
.conservacion .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:15.1785714286vw; margin-right:.5952380952vw;  cursor:pointer;}
.conservacion .slide ul li .foto { display:block; position:relative; overflow:hidden; width:100%; height:15.1785714286vw !important; background-repeat: no-repeat; background-position: center; background-size:cover; margin-bottom:1vw; }
.conservacion .slide ul li .foto .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos-verde.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.informacion .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2vw 19.8214285714vw 4vw 14.6428571429vw; }
.informacion .imagen { display: inline-block; float: left; position: relative; overflow: hidden; width: 21.5476190476vw; height: 21.5476190476vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 2.1428571429vw; margin-right: 2.5595238095vw; }
.informacion .imagen .mascara { display: block; position: absolute; top: 0; left: 0; background-image: url(../img/mascara-fotos.svg); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.informacion .comprarticket { display: block; position: absolute; overflow: hidden; /* margin-left: 0.7738095238vw; */ width: 18.904762vw; /* margin-top: 1.4880952381vw; */ top: 28vw; left: 18vw; }
.informacion .comprarticket img { display:block; width:100%; height:auto; }
.informacion .comprarticket p { display:block; position:absolute; top: 1.8vw; left: 2.8vw;color:#fff; font-family:"PersonalServices", sans-serif; font-size:1.33333vw; text-transform: uppercase; }
.informacion .comprarticket:hover p { color:#fcd035; }

.informacion .der {     display: inline-block; float:left; position: relative; overflow: hidden; width: 36.988095vw; margin-top: .5952380952vw; }
.informacion .der h2 { display: block;  position: relative;  background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover;  height: 5.4761904762vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase;}

.informacion .der h2 span { font-family: "Breathing", sans-serif; text-transform: none; margin-top: 1.2vw; font-size: 3.0555555556vw; line-height: 4vw; margin-left: 1vw;}
.informacion .der p { margin-top:2vw;  padding-left:3vw;}
.informacion .der p span { font-weight: 900; text-transform: uppercase; }

.informacion .interna2 { display:block; position:relative; overflow:hidden; width:59.5238095238vw; margin:0 0 0 5.3571428571vw; padding-top:3vw;}
.informacion .interna2 h4 {     display: block; position: relative; overflow: hidden; margin: 2vw 0 1vw 0; }
.informacion .interna2 h4 img { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 1vw; width: 1.7857142857vw; height: auto;  }
.informacion .interna2 h4 p { display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1.3333333333vw; line-height:2.3vw; text-transform: uppercase;}
.informacion .interna2 h4 p span { font-size:.8888888889vw; }

.informacion .interna2 .foto { display:block; position:relative; overflow:hidden; width:100%; height:36.4285714286vw; background-image:url('../img/foto-conservacion-cecy.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; margin-top:1vw; }

.informacion ul.menuinfo { display:block; position:relative; overflow:hidden; width:100%; background:#a6ce39; padding:1.7857142857vw 0; text-align:center; }
.informacion .menuinfo li { display:inline-block; position:relative; overflow:hidden; margin-right:1.369047619vw; }
.informacion .menuinfo li img { display:inline-block; position:relative; overflow:hidden; margin-right:.7vw; width:3.9880952381vw; height:auto; }
.informacion .menuinfo li p { display:inline-block; position:relative; overflow:hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size:1vw; line-height: 1.5vw; vertical-align: top; padding-top:1.5vw;}
.informacion .menuinfo li a:hover p { color:#fcd035; }

.informacion .der  ul.listauno {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; margin-left: 3vw;}
.informacion .der  .listauno li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.5vw; padding-bottom:.5vw; border-bottom:1px solid #cdc0bd;}
.informacion .der  .listauno li img { display:inline-block; float:left; position:relative; width:1.0119047619vw; height:auto; margin-right:.5vw;  }
.informacion .der  .listauno li p { display:inline-block; float:left; position:relative; width:87%; margin: 0; padding: 0;}
.informacion .der  .listauno li p span { float:right; }

.informacion ul.listaPreguntas { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; padding-left: 3vw; }
.informacion .listaPreguntas li { display: block; position: relative; overflow: hidden; width: 100%;  margin-bottom:.5vw; padding-bottom:.5vw; border-bottom:1px solid #cdc0bd; cursor:pointer; padding-left:1.5vw;}
.informacion .listaPreguntas li::before { content: ''; background-image:url('../img/bullet-mas.svg');width:.9523809524vw; height: .9523809524vw; display: block;background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; top:.1vw; left:0; }
.informacion .listaPreguntas li.selected::before { content: ''; background-image:url('../img/bullet-menos.svg');width:.9523809524vw; height: .9523809524vw; display: block;background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; top:.1vw; left:0; }
.informacion .listaPreguntas li p { display: block; position: relative; overflow: hidden; color: #582f25; font-size: 1.1111111111vw; line-height: 1.3vw; font-weight: 800; margin: 0; padding: 0;  }
.informacion .listaPreguntas li .respuesta { display: block; position: relative; overflow: hidden; width: 100%; margin-top:.5vw; }
.informacion .listaPreguntas li .respuesta p { margin:0; padding:0; font-weight: 400; }

.compras .interna { display:block; position:relative; overflow:hidden; width:100%; padding: 2.0238095238vw 15.559524vw 4.0238095238vw 17.8571428571vw; }
.compras h2 { display: block;  position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-especies.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 33.0952380952vw; height: 5.4761904762vw; padding: 1vw 0 0 2vw;  }
.compras h2 p { display:inline-block; float:left; position:relative; overflow:hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 2.5vw; line-height: 3.5vw; text-transform: uppercase; margin-top: 1vw; }
.compras h2  span { display:inline-block; float:left; position:relative; overflow:hidden; font-family:"Breathing", sans-serif; color:#40221b;  font-size: 3.0555555556vw; line-height: 5vw; margin-right: 1vw;}

.compras .textop { display: block; width: 85%; margin: 2vw 0 0 0; }
.compras .textop strong { font-weight: 800; }

.compras ul.menucompras { display: block; position: relative; overflow: hidden; width: 100%; margin-top:2vw; }
.compras .menucompras li { display:inline-block;float:left;  position:relative; overflow:hidden; margin-right:.7738095238vw; width:8.8095238095vw; height:2.7380952381vw; background-image:url('../img/boton-especies-marron.svg'); background-repeat: no-repeat; background-position: center; background-size:cover; text-align:center; color:#fff;font-family: "PersonalServices", sans-serif; text-transform: uppercase; font-size:.77vw; line-height: 1vw; padding-top:.9vw; cursor:pointer;}
.compras .menuespecies li.sele { background-image:url('../img/boton-especies-verde.svg'); }

.compras .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 45%; }

.compras .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 45%; margin-top:12vw;}
.compras .der ul { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0.2976190476vw; }
.compras .der ul li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0.2976190476vw; }
.compras .der ul li p { display: inline-block; border-radius: 5px; padding: 0.5vw; background: #ccc; margin-right: 0.2976190476vw; height: 2.0982142857vw; width: 89%; width:88%;}
.compras .der ul li p span { float:right; }
.compras .der ul li .dere { display: inline-block; float: right; width: 10%; background: #ccc; border-radius: 5px; height: 2.0982142857vw; padding: 0.4vw 0.5vw; }
.compras .der ul li select { display: block; position: relative; overflow: hidden; width: 100%; border: 0; color: #40221b; font-size: .888vw; line-height: 1vw;
    margin-top: 0.05vw; }
.compras .der ul li input { display: block; position: relative; overflow: hidden; width: 100%; border: 0; color: #40221b; font-size: .888vw; line-height: 1vw; margin-top: 0.05vw; border-radius: 5px; padding: 0.5vw; background: #ccc; font-family: "Roboto Condensed", sans-serif;}
.compras .der ul li.entradas { border: 2px solid #a6ce39; border-radius: 5px; padding: 0.5vw; font-weight: 900; text-transform: uppercase; margin-top:.5952380952vw;}
.compras .der ul li.entradas span { display: inline-block; float: left; position: relative; overflow: hidden; width: 35%; margin-left: 2%; }
.compras .der ul li.entradas div { display: inline-block; float: left; position: relative; overflow: hidden; width: 10%; text-align: right; }
.compras .der ul li.seleccionado p { background:#40221b; color:#fff; }
.compras .der ul li.seleccionado .dere { background:#40221b; color:#fff; }

.compras .der .mensajeFinal { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; padding: 1vw; border: 1px solid #ccc; border-radius: 5px; font-weight: 500; }

.compras .der h3 { display:block; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 1vw; line-height: 2vw; text-transform: uppercase;}

.compras .der h3.tres { margin-top:.5vw;}
.compras .der button { display: block; color: #fff; background: #40221b; border-radius: 5px; font-family: "Titillium Web", sans-serif; font-size: 1.222vw; line-height: 1.22vw; font-weight: 700; text-transform: uppercase; padding: 0.89vw; margin-top: 0.2976190476vw; border: 1px solid #40221b; width: 100%; cursor: pointer; }
.compras .der button:hover { background:#fff; color:#40221b; }
.compras .der button.des { background:#ccc; border-color:#ccc; cursor:unset; }
.compras .der button.des:hover { background:#ccc; color:#fff; }

.compras .user h4 { display: block; position: relative; margin-top: 2vw; text-transform: uppercase; font-size: 1vw; line-height: 1.3vw; font-weight: 800; }
.compras .user h4 span { font-weight: 900; }
.compras .user form { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; }
.compras .user form input { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0.5vw; color: #40221b; font-size: 1vw; line-height: 1.3vw; border: 0; border-bottom: 1px solid #40221b; font-family: "Roboto Condensed", sans-serif;}
.compras .user form button { display: table; margin: 0 auto; margin-top:1vw; position: relative; overflow: hidden; border:0; background-color:transparent; width: 11.9047619048vw; margin-top: 1.4880952381vw; cursor:pointer; }
.compras .user form button img { display:block; width:100%; height:auto; }
.compras .user form button p { display:block; position:absolute; top:1vw; left:0; right:0; margin:0 auto; color:#fff; font-family:"PersonalServices", sans-serif; font-size:.8888888889vw; text-transform: uppercase; }
.compras .user form button:hover p { color:#fcd035; }


.compras ul.lascompras { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; }
.compras .lascompras li {  display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0.5vw; color: #40221b; font-size: 1vw; line-height: 1.3vw; border: 0; border-bottom: 1px solid #40221b; padding-bottom: .5vw;}
.compras .lascompras li h5 { display: block; font-size: .88vw; line-height: 1vw; position: relative; overflow: hidden; }
.compras .lascompras li h5 span { display: inline-block; float: left; margin-right:5px; font-weight: 800;}
.compras .lascompras li h5 .derecha { display: inline-block; float: right; }
.compras .lascompras li p { display: block; font-size: .88vw; line-height: 1vw; position: relative; overflow: hidden; }
.compras .lascompras li p span { display: inline-block; float: right;  }





footer { display: block; position: relative; overflow: hidden; width: 100%; padding: 3.3928571429vw 17.8571428571vw 0 21.7261904762vw; height:15.4761904762vw; background-image:url('../img/fondo-pie.png'); background-repeat: no-repeat; background-position:center; background-size:cover; }
footer h1 { display: inline-block; float: left; position: relative; overflow: hidden; width: 7.8571428571vw; }
footer h1 img { display:block; width:100%; height:auto; }

footer .centro { display: inline-block; float: left; position: relative; overflow: hidden; width: 31.130952381vw; margin-left: 2.380952381vw; margin-top:1vw; }
footer .centro p { display:block; color:#582f25; font-size:.8888888889vw; line-height: 1vw; font-weight: 500; }
footer .centro p a { font-weight: 700; cursor:pointer; }
footer .centro p a:hover  { color:#fcd035; }
footer .centro p span { display:block; margin-top:.3vw; }

footer .instagram { display: inline-block; float: right; position: relative; overflow: hidden; width: 3.1547619048vw; margin-top:1.2vw; }
footer .instagram img { display:block; width:100%; height:auto; }

footer .copy { display: block; position: relative; overflow: hidden; float: right; margin-top: 3.5vw; overflow: hidden; font-size: .8333333333vw; font-weight: 500; width: 100%; text-align: right; }
footer .copy span { font-weight: 800; text-transform: uppercase; }
footer .copy a:hover { color:#fcd035; }

/*--------- OVERLAYS ---------- */

.overlay {width: 29.02655vw; color: #313233; background-color: #fcd035; padding: 1.76991vw; overflow: hidden; transition: all .5s ease-in; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); border-radius:12px; }

.pop { display:block; position:relative; overflow:hidden; width:100%; }
.pop h2 { display:block; font-family:"PersonalServices", sans-serif; font-size:1.7777777778vw; line-height:2.5vw; text-transform: uppercase;  color:#582f25; text-align:center; background: no-repeat; width: unset; height: unset; width:27vw !important; padding: .5vw 0 0 7vw !important; text-align:left !important;}
.pop h3 { display: block; font-family: "Breathing", sans-serif; font-size: 2.3333333333vw; line-height: 2.3333333333vw;  -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-top: .8vw; margin-bottom: 3vw; color:#582f25; text-align:center;}
.pop h2 img {     display: inline-block; float: left; width: 4.5vw; height: auto; margin-right: 1vw; vertical-align: middle; }
.pop h2 span { color: #313233; text-transform: uppercase; font-size: 1.1vw; margin: 0; font-weight: 600;}
.pop img { display:block; margin:0 auto; text-align:center; width:2.38vw; height:auto; }
.pop p { display: inline-block; margin-top: 0; color: #313233; font-size: .88vw; line-height: 1.1vw; font-weight: 600; color:#582f25; }
.pop ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; padding:0; }

.pop li { display: block; position: relative; overflow: hidden; width: 100%;  }
.pop li input { display: block; position: relative; overflow: hidden; width: 100%; background: transparent; border: 0; margin-bottom:.5vw; border-bottom:1px solid #582f25;padding: .5vw; color:#333333; font-size: .97vw;  font-weight: 500;  margin:0; font-family: "Roboto Condensed", sans-serif;}
.pop li textarea { display: block; position: relative; overflow: hidden; width: 100%;  border: 0; padding: .5vw; background: transparent; border: 0; margin-bottom:.5vw; border-bottom:1px solid #582f25;color:#333333; font-size: .97vw;  font-weight: 500; margin:0; height:5vw;overflow-y: scroll;font-family: "Roboto Condensed", sans-serif;}
 

.pop button { display: table; margin: 0 auto; margin-top:1vw; position: relative; overflow: hidden; border:0; background-color:transparent; width: 11.9047619048vw; margin-top: 1.4880952381vw; cursor:pointer; }
.pop button img { display:block; width:100%; height:auto; }
.pop button p { display:block; position:absolute; top:1vw; left:0; right:0; margin:0 auto; color:#fff; font-family:"PersonalServices", sans-serif; font-size:.8888888889vw; text-transform: uppercase; }
.pop button:hover p { color:#fcd035; }
.pop .recuperar, .pop .sinCuenta { display:table; margin:.5vw 0 0 0; }
.pop .recuperar:hover, .pop .sinCuenta:hover { color:#fff; }



.overlay .cerrarContacto { display: block; position: absolute; top: 0; right: 0; cursor: pointer;  margin: 0.4vw 0.5vw; width:1.7261904762vw;}
.overlay .cerrarContacto img { display:block; width:100%; height:auto; }

.overlay .cerrarIngresar { display: block; position: absolute; top: 0; right: 0; cursor: pointer;  margin: 0.4vw 0.5vw; width:1.7261904762vw;}
.overlay .cerrarIngresar img { display:block; width:100%; height:auto; }

.overlay .cerrarRegistrate { display: block; position: absolute; top: 0; right: 0; cursor: pointer;  margin: 0.4vw 0.5vw; width:1.7261904762vw;}
.overlay .cerrarRegistrate img { display:block; width:100%; height:auto; }

.overlay .cerrarRecordar { display: block; position: absolute; top: 0; right: 0; cursor: pointer;  margin: 0.4vw 0.5vw; width:1.7261904762vw;}
.overlay .cerrarRecordar img { display:block; width:100%; height:auto; }


@media screen and (max-width: 800px) {
  
  header { height:80px; padding:0 50px; }
  header ul.menu { display:none; }
  header h1 { width: 31vw !important; margin-top: 7px; }
  
  header .comprar {margin-left: 20px; width: 32vw; margin-top: 23px; }
  header .comprar p {top: 8px; left: 0; right: 0; text-align: center; font-size: 11px; }

  header .instagram { display:none; }

  .click-menu { display: block; position: absolute; width: 45px; height: 45px; cursor: pointer; z-index: 999; background: #fcd035; top: 14px; border-radius:50%;}
  .click-menu span { position: absolute; left: 0; right: 0; top: 13px; margin: 0 auto; display: block; width: 22px; height: 3px; margin: 0 auto; background: #fff; transition: all .3s;}
  .click-menu span:nth-child(2) {top: 21px; }
  .click-menu span:nth-child(3) {top: 29px; }
  .click-menu.active span:nth-child(1) {top: 21px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
  .click-menu.active span:nth-child(3) {top: 21px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .menuMovil.abierto { display: block; position: fixed; top: 80px; left: 0; width: 100%; z-index: 5; background: #fcd035; padding: 20px; overflow-y:auto;
    overflow-x:hidden; z-index:8;}
  .menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:20px; line-height: 22px; margin-bottom:10px; text-align:center; font-weight: 700; text-transform: uppercase;padding-bottom: 10px; border-bottom: 1px solid #fff; }
  .menuMovil li .sub { display:block; width:90%; margin:10px auto; background:#a6ce39; padding:10px;}
  .menuMovil li .sub li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:16px; line-height: 18px; margin-bottom:10px; text-align:center; font-weight: 500; text-transform: uppercase;padding-bottom: 10px; border-bottom: 1px solid #fff; }
  .menuMovil li:last-child, .menuMovil li .sub li { margin-bottom:0; padding-bottom:0; border:0; }
  main { margin-top:80px;}
  


  footer { padding:20px 0; margin-top:20px; }
  footer ul.menu { display:none; }
  footer h1 { width:13vw; }
  
  footer .datos { margin-left:20px; font-size:12px; line-height: 14px; margin-top:9px;}
  footer .copy { font-size:12px; margin-top:10px; }






  .overlay { width:80vw; padding:20px; font-size:15px; line-height: 17px; }
  .pop h2 { font-size:25px; line-height: 37px; font-size: 22px;
    line-height: 51px;}
  .pop h3 { font-size:25px; line-height: 27px; }
  .overlay .cerrarContacto, .overlay .cerrarIngresar, .overlay .cerrarRecordar, .overlay .cerrarRegistrate { font-size:30px; padding:9px 9px 12px 9px; width:40px; }
  .pop li { margin-bottom:10px; }
  .pop input { padding:5px; font-size:17px; line-height: 19px; }
  .pop textarea { height:100px;  padding:5px; font-size:17px; line-height: 19px; }
  .pop button { padding:10px 20px; font-size:20px; line-height: 22px; width:200px; }
  .overlay .recuperar, .overlay .sinCuenta { font-size:15px; line-height: 18px; }
  .pop p, .pop li input, .pop li textarea { font-size:17px; line-height: 19px; }
  .pop li textarea { height:100px; }
  .pop button p { font-size:14px; top:17px; }



}



@media screen and (max-width: 600px) {

  
  
  .click-menu {right: 20px;}
  
  header, header.achicoH1Fijo { padding: 0 20px; }
  header .direccion { display: none; }
  header h1 {width: 58vw; margin-top: 10px; }
  header.achicoH1Fijo h1 {width: 31vw !important;margin-top: 10px; }
  header.achicoH1Fijo h1 img {display: block !important; width: 100% !important; height: auto !important; margin:0 !important; }
  
  footer { width: 100%; margin-top: 0; padding: 20px 30px; }

  footer h1 { width:15vw; }
  
  .pop p {font-size: 13px; line-height: 16px; font-weight: 500; margin-bottom: 20px; }
  .pop p, .pop li input, .pop li textarea {font-size: 15px; line-height: 19px; padding: 5px; }
  .overlay { width:90vw; }

  .pop h2 { background-image: none !important; margin-bottom: 10px !important; }
  
  .pop h2 span {color: #313233; text-transform: uppercase; font-size: 20px; margin: 0; font-weight: 600; }
  .pop h2 img { width:20vw; margin-right:10px; }
  .pop p { font-size: 14px; line-height: 16px; margin-top: 10px;}

  .topHome {display: block; position: relative; overflow: hidden; width: 100%; height: auto; background: #fcd035; }
  .topHome .mascara {display: block; position: absolute; top: 60vw; left: 0; /* bottom: 0; */ overflow: hidden; width: 100%; height: 23.75vw; background-image: url(../img/fondo-top-home-movil.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 7; }
  .topHome .imagen {display: block; position: absolute; top: 0; right: 0; overflow: hidden; float: right; width: 100%;  }
  .topHome .imagen ul li { height:83.3333333333vw !important; }
  .topHome .texto {display: block; position: relative; width: 100%; margin: 83.3333333333vw 0 0 0; padding: 0 25px 60px 25px; z-index: 4; text-align:center; }
  .topHome .texto h2 {font-size: 40px; line-height: 57px;  }
  .topHome .texto h3 {font-size: 40px; line-height: 57px; margin-top: -10px; margin-bottom: 30px; }
  .topHome .texto p { font-size:15px; line-height: 18px; }
  .topHome .texto h4 { font-size:15px; line-height: 22px; margin-top:20px; }
  .especiesHome { padding:60px 25px; }
  .especiesHome .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 280px; height: 280px; background-image: url(../img/foto-animales-home.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 0; margin-right: 0; margin: 0 auto; }
  .especiesHome .der {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 10px; }
  .especiesHome .der h2 {display: block; font-family: "PersonalServices", sans-serif; font-size: 40px; line-height: 50px; text-transform: uppercase; margin-left: 3.4523809524vw; margin: 0 auto; text-align: center; }
  .especiesHome .der h2 span {display: block; font-family: "Breathing", sans-serif; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-bottom: 10px; padding-top: 14px; }
  .especiesHome .der p {margin-top: 20px; font-size: 15px; line-height: 18px; }
  .especiesHome .der .mas {display: table; position: relative; overflow: hidden; margin-left: 0; width: 200px; margin-top: 20px; margin: 20px auto 0 auto; }
  .especiesHome .der .mas p {display: block; position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 17px; text-transform: uppercase; }
  .especiesHome .slide { display:none; }
  .informacionHome {display: block; position: relative; overflow: hidden; width: 100%; height: auto; padding: 60px 25px; background:#40221b;}
  .informacionHome .mascara, .informacionHome .imagen { display:none; }
  .informacionHome .texto {display: block; position: relative; width: 100%; margin: 0; z-index: 4; }
  .informacionHome .texto h2 {display: table; position: relative; overflow: hidden; width: 400px; margin: 0 auto; }
  .informacionHome .texto h2 p {display: block; position: absolute; top: 19px; left: 53px; right: 0; /* margin: 0 auto; */ text-align: left; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 40px; line-height: 50px; text-transform: uppercase; font-size: 31px;}
  .informacionHome .texto h3 {display: block; font-family: "Breathing", sans-serif; color: #fff; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 40px; margin-left: 0; margin-top: 1vw; margin: 20px auto 30px auto; text-align: center; }
  .informacionHome .texto p {display: block; color: #fff; margin-left: 0; margin-top: 50px; width: 100%; font-size: 16px; line-height: 18px; text-align: center; position: relative; overflow: hidden; }
  .informacionHome .texto ul {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 30px; margin-left: 0; padding-left: 60px; }
  .informacionHome .texto ul li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; }
  .informacionHome .texto ul li img {display: inline-block; float: left; position: relative; overflow: hidden; width: 9vw; height: auto; margin-right: 10px; width:11vw; }
  .informacionHome .texto ul li p {display: inline-block; float: left; position: relative; overflow: hidden; font-family: "PersonalServices", sans-serif; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 18px; line-height: 23px; width: 80%; margin: 0; text-align: left; padding-top: 12px; font-size:16px;}

  .visitasHome { padding:60px 25px; }
  .visitasHome .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 280px; height: 280px; background-image: url(../img/foto-animales-home.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 0; margin-right: 0; margin: 0 auto; }
  .visitasHome .izq {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 10px; }
  .visitasHome .der h2 {display: block; font-family: "PersonalServices", sans-serif; font-size: 40px; line-height: 50px; text-transform: uppercase; margin-left: 3.4523809524vw; margin: 0 auto; text-align: center; }
  .visitasHome .der h2 span {display: block; font-family: "Breathing", sans-serif; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); margin-bottom: 10px; padding-top: 14px; }
  .visitasHome .der .izq, .visitasHome .der, .visitasHome .der ul {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-top: 30px; }
  .visitasHome .der ul li img {display: inline-block; float: left; position: relative; overflow: hidden; width: 4vw; height: auto; margin-right: 10px; }
  .visitasHome .der ul li { margin-bottom:5px; }
  .visitasHome .der .contacto {display: table; position: relative; overflow: hidden; width: 200px; margin: 20px auto; cursor: pointer; }
  .visitasHome .der .contacto p {display: block; position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 18px; text-transform: uppercase; }
  .visitasHome .ver {display: block; width: 10vw; height: auto; position: absolute; top: 39vw; left: 12.5vw; z-index: 8; cursor: pointer; display:none; }

  .conservacionHome {display: block; position: relative; overflow: hidden; width: 100%; height: auto; background: #fcd035; }
  .conservacionHome .mascara {display: block; position: absolute; top: 60vw; left: 0; /* bottom: 0; */ overflow: hidden; width: 100%; height: 23.75vw; background-image: url(../img/fondo-conservacion-movil.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 7; }
  .conservacionHome .imagen {display: block; position: absolute; top: 0; right: 0; overflow: hidden; float: right; width: 100%; background-image: url(../img/foto-conservacion-home-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 83.3333333333vw; z-index: 1; }
  .conservacionHome .iconoMovil { display: block; position: absolute; z-index: 7; width: 28.33vw; height: auto; top: 60vw; left: 0; right: 0; margin: 0 auto; }
  .conservacionHome .texto {display: block; position: relative; width: 100%; margin: 83.3333333333vw 0 0 0; padding: 0 25px 60px 25px; z-index: 4; text-align:center; margin:94.333333vw 0 0 0; }
  .conservacionHome .texto h2 {font-size: 40px; line-height: 57px; width: auto; text-align: center; margin: 0 auto; font-size:31px; }
  .conservacionHome .texto h3 {font-size: 40px; line-height: 57px; margin-top: -10px; margin-bottom: 0px; }
  .conservacionHome .texto h4 { font-size: 40px; line-height: 57px; margin-top: -10px; margin-bottom: 30px; }
  .conservacionHome .texto p { font-size: 15px; line-height: 18px; text-align: left; width:100%; margin-top:0; }
  .conservacionHome .texto .mas {display: table; position: relative; overflow: hidden; width: 200px; margin-top: 20px; margin: 20px auto 0 auto; }
  .conservacionHome .texto .mas p {display: block; position: absolute; top: 20px; left: 0; color: #fcd035; font-family: "PersonalServices", sans-serif; font-size: 18px; text-transform: uppercase; margin: 0; width: 100%; right: 0; margin: 0 auto; text-align: center; }
  .serviciosHome { padding:60px 25px; }
  .serviciosHome h2 {display: block; position: relative; font-family: "Breathing", sans-serif; color: #40221b; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 40px; margin: 0 auto; z-index: 5; text-align: center; }
  .serviciosHome h3 {display: block; position: relative; overflow: hidden; width: 100%; left:0; right:0; margin-top: 5.2vw; z-index: 1; margin: 5px auto 0 auto; text-align:center; }
  .visitasHome .der p {margin-top: 1vw; font-size: 15px; line-height: 18px; }
  .visitasHome .huellas { display:none; }
  .serviciosHome h3 p {display: table; position: absolute; top: 15px; left: 76px; right: unset; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 40px; line-height: 50px; text-transform: uppercase; text-align: center; margin: 0 auto; font-size: 35px;}
  .serviciosHome ul.lista {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 30px; margin-left: 0; }
  .serviciosHome .lista li {display: inline-block; float: left; position: relative; width: 30%; margin-right: 3%; }
  .serviciosHome .lista li .imagen { height:27vw; overflow:visible;}
  .serviciosHome ul li .ver { display:none; }
  .serviciosHome .lista li h4 {display: block; position: relative; overflow: visible; margin-top: 1vw; text-align: center; }
  .serviciosHome .lista li h4 img {display: block; position: relative; overflow: visible; width: 7vw; margin-right: 0; height: auto; margin: -20px auto 10px auto; z-index: 7; width:9vw; }
  .serviciosHome .lista li h4 p {display: block; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 18px; line-height: 24px; text-transform: uppercase; font-size:16px;}
  .serviciosHome .texto {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-left: 0; margin-top: 20px; }
  .serviciosHome ul.lista2 {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-top: 20px; }
  .serviciosHome ul.lista2 li img {display: inline-block; float: left; position: relative; overflow: hidden; width: 4vw; height: auto; margin-right: 10px; }
  .serviciosHome ul.lista2 li  { margin-bottom:5px; }
  .serviciosHome .texto .mas {display: table; position: relative; overflow: hidden; width: 200px; margin: 20px auto 0 auto; }
  .serviciosHome .texto .mas p {display: block; position: absolute; top: 19px; left: 0; right: 0; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 18px; text-transform: uppercase; margin: 0; width: 100%; text-align: center; }
  .naturaleza {display: block; position: relative; overflow: hidden; width: 100%; background-image: url(../img/foto-banner-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 166vw; padding: 52vw 25px 0 25px; text-align:center; }
  .naturaleza h2 { font-size:40px; line-height: 50px;font-size: 29px; line-height: 55px; }
  .naturaleza p {display: block; color: #fff; font-size: 16px; line-height: 20px; margin-top: 20px; text-align: left; font-size:15px; }
  .naturaleza h3 {display: block; position: relative; font-family: "Breathing", sans-serif; color: #fff; text-transform: none; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); font-size: 40px; z-index: 5; margin: 40px auto 0 auto; }
  footer { display: block; position: relative; overflow: hidden; width: 100%; padding: 20px 25px; height: 35.4761904762vw; background-image: url(../img/fondo-pie-movil.png); background-repeat: no-repeat; background-position: center; background-size: cover; height:40vw; height:45vw; }
  footer h1 { display:none; }
  footer .centro {display: block; float: none; position: relative; overflow: hidden; width: 80%; margin-left: 0; margin-top: 0; width:100%; }
  footer .centro p {display: block; color: #582f25; font-size: 14px; line-height: 16px; font-weight: 500; }
  footer .instagram {display: block; float: right; position: absolute; overflow: hidden; width: 6vw; margin-top: 0; top: 20px; right: 20px; display:none;}
  footer .copy {font-size: 12px; margin-top: 10px; text-align: left; }
  .especies .top {background-image: url(../img/foto-top-interna-especies-movil.jpg); }
  .top { height:62.5vw; }

  .especies .interna, .informacion .interna, .visitas .interna,  .servicios .interna, .compras .interna { padding:40px 25px; padding:40px 25px 300px 25px; }
  .conservacion .interna { padding:40px 25px; }
  .interna .links {display: block; position: relative; overflow: hidden; margin: 0 auto; text-align: center; width: 100%; }
  .interna .links img {display: inline-block; float: unset; position: relative; overflow: hidden; width: 4vw; height: auto; margin-right: 5px; display:none;}
  .interna .links p {display: inline-block; float: unset; position: relative; overflow: hidden; font-size: 16px; line-height: 18px; font-weight: 500; margin-top: 0; vertical-align: top; font-size:14px;}
  .especies h2 {display: block; position: relative; overflow: hidden; background-image: url(../img/fondo-titulo-especies.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 90%; height: 15.47619vw; padding: 10px 0 0 20px; margin-top: 20px; }
  .especies h2 span {display: inline-block; float: left; position: relative; overflow: hidden; font-family: "PersonalServices", sans-serif;  color: #40221b; font-size: 23px; line-height: 50px; margin-right: 5px; }
  .especies h2 p {display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 23px; line-height: 50px; text-transform: uppercase; /*margin-top: 0; */}
  .especies .textop {display: block; width: 100%; margin: 20px 0 20px 0; font-size: 15px;
    line-height: 18px;}
    .ajaxEspecies { padding:0 30px 30px 30px; }
  .especies .menuespecies li {/*display: inline-block; position: relative; overflow: hidden; margin-right: 5px; width: 24vw; height: 10vw; background-image: url(../img/boton-especies-marron.svg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff; font-family: "PersonalServices", sans-serif; text-transform: uppercase; font-size: 12px; line-height: 14px; padding-top: 14px; cursor: pointer; }
  .ajaxEspecies { padding:0 25px; */ display: inline-block; position: relative; overflow: hidden; margin-right: 5px; width: auto; height: auto; background-image: url(../img/boton-especies-marron.svg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff; font-family: "PersonalServices", sans-serif; text-transform: uppercase; font-size: 13px; line-height: 14px; padding: 13px 10px 10px 10px; cursor: pointer; background: #40221b; border-radius: 6px; background-image: none;}
.especies .menuespecies li.sele {background-image: none; background: #a6ce39; }
  .ajaxEspecies .listaespecies {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; }
  .ajaxEspecies .listaespecies .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 46.8vw; height: 46.8vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; }
  .ajaxEspecies .listaespecies .der {display: block; position: relative; overflow: hidden; width: 100%; }
  .ajaxEspecies .listaespecies .der h4 {display: block; font-family: "PersonalServices", sans-serif; font-size: 24px; line-height: 34px; text-transform: uppercase; margin: 20px 0; text-align: center; }
  .ajaxEspecies .listaespecies .der ul li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 6px; padding-left: 20px; font-size: 15px;
    line-height: 17px;}
  .ajaxEspecies .listaespecies .der ul li::before {content: ''; background-image: url(../img/bullet.svg); width: 3vw; height: 3vw; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; }

  .especies .slide { padding:20px 25px; }
  .especies .slide ul {display: block; position: relative; overflow: hidden; width: 100%; width: 80%; margin: 0 auto; }
  .especies .slide ul li { width:35.4vw; margin-right: 10px; }
  .especies .slide ul li .foto { height:35.4vw !important; }
  .especies .slide .izquierda {display: block; position: absolute; width: 25px; top: 18vw; left: 20px; cursor: pointer; z-index: 99; }
  .especies .slide .derecha {display: block; position: absolute; width: 25px; top: 18vw; right: 20px; cursor: pointer; z-index: 99; }

  .informacion .top {background-image: url(../img/foto-top-interna-informacion-movil.jpg); }
  .informacion .interna .links {margin-left: 0; }
.informacion .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 59vw; height: 59vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 20px auto; /* margin-right: 2.5595238095vw; */display: block; float: unset; position: absolute; overflow: hidden; width: 59vw; height: 59vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; bottom: 40px; left: 0; right: 0; }
.informacion .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-top: 20px; }
.informacion .der h2 {display: block; position: relative; background-image: url(../img/fondo-titulo-horarios-tarifas.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 11.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 23px; line-height: 50px; text-transform: uppercase; padding-top: 10px; margin-bottom:70px; height:15.47619vw;  margin-bottom:30px;}
.informacion .der h2 span, .visitas h2 span {font-family: "PersonalServices", sans-serif;  text-transform: none;  font-size: 23px; line-height: 50px;margin-left: 0; }
.informacion .der p  {margin-top: 30px; padding-left: 0; font-size: 15px; line-height: 18px; }
.informacion .der .listauno li p { display:block; float:unset; width:100%; }
.informacion .der .listauno li img { display:none; }
.informacion ul.menuinfo { padding:20px 25px; }
.informacion .menuinfo li {display: inline-block; position: relative; overflow: hidden; margin-right: 10px; width: 27%; vertical-align: top; }
.informacion .menuinfo li img {display: block; position: relative; overflow: hidden; margin: 0 auto; width: 8vw; height: auto; width:10vw; }
.informacion .menuinfo li p {display: block; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 14px; line-height: 16px; vertical-align: top; padding-top: 10px; margin: 0 auto; text-align: center; width: 100%; font-size: 13px; line-height: 18px;}
.informacion .menuinfo li:last-child { margin-right:0; }

.visitas .top {background-image: url(../img/foto-top-interna-visitas-educativas-movil.jpg); }
.visitas h2 { display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 13.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 25px; line-height: 50px; text-transform: uppercase; padding-top: 10px; width: 100%; margin-top: 20px; padding:5px 0 0 15px;}
.visitas h2 p { font-size: 25px; line-height: 50px; font-family:"PersonalServices", sans-serif;}
.visitas .textop {display: block; width: 100%; margin: 20px 0 0 0; font-size: 15px; line-height: 18px;}
.visitas h3 { margin:20px 0 0 0; }
.visitas h3 p { font-size:20px; line-height: 30px; }
.visitas h3 img { width:6vw; margin-right:10px; }
.visitas ul.listauno {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 20px; margin-left: 7px; }
.visitas .listauno li { margin-bottom:5px; }
.visitas .listauno li img {display: inline-block; float: left; position: relative; width: 3vw; height: auto; margin-right: 10px; }
.visitas ul.lista { margin-top:20px; }
.visitas .lista li {display: block; float: unset; position: relative; width: 100%; margin: 0 0 10px 0; }
.visitas .lista li .imagen {display: inline-block; float: left; position: relative; overflow: hidden; width: 41.5vw; height: 41.5vw; background-repeat: no-repeat; background-position: center; background-size: cover; clear:left;}
.visitas .lista li h4 {display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 16px; line-height: 21px; text-transform: uppercase; text-align: left; width: 44%; padding-top:37px; font-size:14px;}
.visitas .lista li ol {display: inline-block; position: relative; overflow: hidden; margin: 10px 0 0 10px; width: 44%; clear:both;}
.visitas .lista li ol li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 0;}
.visitas .lista li ol li img {    display: inline-block; float: left; position: relative; width: 3vw; height: auto; margin: 0; overflow: hidden; vertical-align: top; margin-top: 2px;}
.visitas .lista li ol li p {display: inline-block; float: left; position: relative; width: 87%; font-size: 15px; line-height: 17px; padding-left:5px; font-size:13px; }

.visitas .bloque { padding:30px 25px; }
.visitas .bloque h3 { margin:0 0 0 0; }
.visitas .bloque h3 p { font-size:20px; line-height: 30px; }
.visitas .bloque h3 img { width:6vw; margin-right:10px; }
.visitas .bloque ul.listapri {display: block; float: unset; clear: left; position: relative; overflow: hidden; width: 100%; margin-top: 20px; margin-left: 0; padding-top: 20px; }
.visitas .bloque .listapri li img {display: inline-block; float: left; position: relative; overflow: hidden; width: 3.5vw; height: auto; margin-right: 10px; }
.visitas .bloque .contacto {display: table; position: relative; overflow: hidden; float: unset; width: 200px; margin: 20px auto 0 auto; cursor: pointer; }
.visitas .bloque .contacto p {display: block; position: absolute; top: 21px; left: 0; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 18px; text-transform: uppercase; right: 0; margin: 0 auto; text-align: center; }

.visitas .slide { padding:20px 25px; }
.visitas .slide ul {display: block; position: relative; overflow: hidden; width: 100%; width: 80%; margin: 0 auto; }
.visitas .slide ul li { width:35.4vw; margin-right: 10px; }
.visitas .slide ul li .foto { height:35.4vw !important; }
.visitas .slide .izquierda {display: block; position: absolute; width: 25px; top: 18vw; left: 20px; cursor: pointer; z-index: 99; }
.visitas .slide .derecha {display: block; position: absolute; width: 25px; top: 18vw; right: 20px; cursor: pointer; z-index: 99; }

.conservacion .top {background-image: url(../img/foto-top-interna-conservacion-movil.jpg); }
.conservacion .interna .links {margin-left: 0; }
.conservacion .imagen {display: block; float: unset; position: relative; overflow: hidden; width: 59vw; height: 59vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 20px auto;  }
.conservacion .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-top: 0; padding-bottom:260px; padding-bottom:70px;}
.conservacion .der h2 {display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 11.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 25px; line-height: 50px; text-transform: uppercase; padding-top: 10px; width:100%; height:14.47619vw; }
.conservacion .der h2 span, .visitas h2 span {font-family:"PersonalServices", sans-serif; text-transform: none; margin-top: 1.2vw; font-size: 25px; line-height: 50px; margin-left: 0; }
.conservacion .der p  {margin-top: 10px; padding-left: 0; font-size: 15px; line-height: 18px; }
.conservacion .der h4 {display: block; margin: 20px 0 0 0; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 18px; line-height: 20px; text-transform: uppercase; padding: 0; }
.conservacion .der h3 { font-size:27px; line-height: 34px; }
.conservacion .interna2 {display: block; position: relative; overflow: hidden; width: 100%; margin: 0; padding-top: 20px; }
.conservacion .interna2 h4 {display: block; position: relative; overflow: hidden; margin: 0 0 20px 0; }
.conservacion .interna2 h4 img {display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 10px; width: 6vw; height: auto; }
.conservacion .interna2 h4 p {display: inline-block; float: left; position: relative; overflow: hidden; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 17px; line-height: 30px; text-transform: uppercase; width:85%; font-size:14px;}
.conservacion .interna2 h4 p span {font-size: 13px; display: block; line-height: 15px; }
.conservacion .interna2 .foto {display: block; position: relative; overflow: hidden; width: 100%; height: 55vw; background-image: url(../img/foto-conservacion-cecy-movil.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 20px; margin-bottom:20px; }

.conservacion .slide { padding:20px 25px; }
.conservacion .slide ul {display: block; position: relative; overflow: hidden; width: 100%; width: 80%; margin: 0 auto; }
.conservacion .slide ul li { width:35.4vw; margin-right: 10px; }
.conservacion .slide ul li .foto { height:35.4vw !important; }
.conservacion .slide .izquierda {display: block; position: absolute; width: 25px; top: 18vw; left: 20px; cursor: pointer; z-index: 99; }
.conservacion .slide .derecha {display: block; position: absolute; width: 25px; top: 18vw; right: 20px; cursor: pointer; z-index: 99; }

.servicios .top {background-image: url(../img/foto-top-interna-servicios-movil.jpg); }
.servicios h2 { display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 11.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 24px; line-height: 50px; text-transform: uppercase; padding-top: 10px; width: 100%; margin-top: 20px; margin-bottom:30px; }
.servicios h2 p { font-size: 24px; line-height: 50px; margin-left: 5px; /*margin-top: 0; */ }
.servicios h2 span {display: inline-block; float: left; position: relative; overflow: hidden; font-family: "PersonalServices", sans-serif; color: #40221b; font-size: 24px; line-height: 50px; margin-right: 1vw;  margin-right:0; }
.servicios ul.lista { margin-top:20px; }
.servicios .lista li {display: block; float: unset; position: relative; width: 100%; margin: 0 0 10px 0; clear:both;}
.servicios .lista li .imagen {display: inline-block; float:left; position: relative; overflow: hidden; width: 41.5vw; height: 41.5vw; background-repeat: no-repeat; background-position: center; background-size: cover; clear:left; margin-top:10px;}
.servicios .lista li h4 {display: inline-block; float: left; position: relative; overflow: visible; margin: 0; vertical-align: top; width: 40%; margin-left: 20px; }
.servicios .lista li p {display: inline-block; margin: 0; width: 40%; float: left; margin-left: 20px; }
.servicios .lista li h4 span { font-size: 16px; line-height: 23px; padding-top: 32px; }
.servicios .lista li h4 img {display: block; position: absolute; overflow: hidden; width: 8vw; margin: 0; height: auto; left: -12vw; top: 6vw; z-index: 7; }
.servicios ul li .ver {display: block; width: 8vw; height: auto; position: absolute; top: 7vw; right: unset; z-index: 7; cursor: pointer; top: 6vw; display:none;}

.servicios .bloque { padding:30px 25px; }
.servicios .bloque h3 {display: block; float: unset; position: relative; color: #582f25; font-size: 18px; line-height: 26px; text-transform: uppercase; font-family: "PersonalServices", sans-serif; width: 100%; margin-bottom:20px;font-size: 16px; line-height: 23px;}
.servicios .bloque ul.listapri, .servicios .bloque ul.listaseg {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-left: 0; }
.servicios .bloque .listapri li img, .servicios .bloque .listaseg li img {display: inline-block; float: left; position: relative; overflow: hidden; width: 3vw; height: auto; margin-right: 5px; margin-top: 2px;}
.servicios .bloque .listapri li p, .servicios .bloque .listaseg li p { width:93%; }

.servicios .slide { padding:20px 25px; }
.servicios .slide ul {display: block; position: relative; overflow: hidden; width: 100%; width: 80%; margin: 0 auto; }
.servicios .slide ul li { width:35.4vw; margin-right: 10px; }
.servicios .slide ul li .foto { height:35.4vw !important; }
.servicios .slide .izquierda {display: block; position: absolute; width: 25px; top: 18vw; left: 20px; cursor: pointer; z-index: 7; }
.servicios .slide .derecha {display: block; position: absolute; width: 25px; top: 18vw; right: 20px; cursor: pointer; z-index: 7; }

.informacion ul.listaPreguntas {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 80px; padding-left: 0; }
.informacion .listaPreguntas li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cdc0bd; cursor: pointer; padding-left: 15px; }
.informacion .listaPreguntas li p {display: block; position: relative; overflow: hidden; color: #582f25; font-size: 18px; line-height: 20px; font-weight: 800; margin: 0; padding: 0; font-size: 16px; line-height: 18px;}
.informacion .listaPreguntas li .respuesta {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 5px; }
.informacion .listaPreguntas li.selected::before, .informacion .listaPreguntas li::before { width: 3vw; height: 3vw;  top: 5px; left: 0; }
.informacion .comprarticket { display:none; }
.informacion .der ul.listauno {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 20px; margin-left: 0; }
.informacion .der .listauno li { margin-bottom:10px; padding-bottom:10px; }
.informacion .der .listauno li img {width:3.5vw; margin-right:5px;}

.compras .top {background-image: url(../img/foto-top-interna-informacion-movil.jpg); }
.compras .izq {display: block; float: none; position: relative; overflow: hidden; width: 100%; }
.compras .der {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-top:20px; }

.compras h2 { display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 11.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 32px; line-height: 53px; text-transform: uppercase; padding-top: 10px; width: 100%; margin-top: 20px; }
.compras h2 p { font-size:32px; line-height: 42px; }
.compras h2 span {display: inline-block; float: left; position: relative; overflow: hidden; font-family: "Breathing", sans-serif; color: #40221b; font-size: 19px; line-height: 41px; margin-right: 1vw; }
.compras ul.menucompras { margin-top:20px; }
.compras .menucompras li {display: inline-block; position: relative; overflow: hidden; margin-right: 5px; width: 28vw; height: 10vw; background-image: url(../img/boton-especies-marron.svg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff; font-family: "PersonalServices", sans-serif; text-transform: uppercase; font-size: 12px; line-height: 14px; padding-top: 14px; cursor: pointer; }

.compras .textop {display: block; width: 100%; margin: 20px 0 20px 0; }

.compras .der h3 { font-size:18px; line-height: 25px; }
.compras .der ul { margin-bottom:20px; }
.compras .der ul li input {display: block; position: relative; overflow: hidden; width: 100%; border: 0; color: #40221b; font-size: 16px; line-height: 18px; margin-top: 5px; border-radius: 5px; padding: 5px 10px; background: #ccc; }
.compras .der ul.tarifas { margin-top:10px; }
.compras .der ul li { margin-bottom:10px; }
.compras .der ul li p {display: inline-block; border-radius: 5px; padding: 5px; background: #ccc; margin-right: 5px; height: 30px; width: 88%; font-size:15px; line-height: 17px;}
.compras .der ul li .dere {display: inline-block; float: right; width: 10%; background: #ccc; border-radius: 5px; height: 30px; padding: 5px; }
.compras .der ul li select {display: block; position: relative; overflow: hidden; width: 100%; border: 0; color: #40221b; font-size: 13px; line-height: 16px; margin-top: 0; }
.compras .der button {display: block; color: #fff; background: #40221b; border-radius: 5px; font-family: "Titillium Web", sans-serif; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; padding: 5px; margin-top: 0.2976190476vw; border: 1px solid #40221b; width: 100%; cursor: pointer; }
.conservacion .der .imagenInterna {display: block; position: relative; overflow: hidden; width: 100%; height: 55.2083333333vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 10px 0; }


.compras .user h4 {display: block; position: relative; margin-top: 20px; text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 800; }
.compras .user form { margin-top:10px; }
.compras .user form input {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; color: #40221b; font-size: 14px; line-height: 16px; border: 0; border-bottom: 1px solid #40221b; }
.compras .user form button {width:200px; margin-top:10px;}
.compras .user form button p {display: block; position: absolute; top: 16px; left: 0; right: 0; margin: 0 auto; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 16px; text-transform: uppercase; }
.compras ul.lascompras { margin-top:10px; }
.compras .lascompras li {display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; color: #40221b; font-size: 16px; line-height: 18px; border: 0; border-bottom: 1px solid #40221b; padding-bottom: 5px; }
.compras .lascompras li h5 { font-size:16px; line-height: 18px; }
.compras .lascompras li p {display: block; font-size: 14px; line-height: 16px; position: relative; overflow: hidden; }
.especies .interna, .visitas .interna, .servicios .interna { padding-bottom:40px; }
.conservacion .imagen { display: block; float: unset; position: relative; overflow: hidden; width: 59vw; height: 59vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; /* margin-right: 2.5595238095vw; */ left: unset; right: unset; top: unset; margin-top: 40px; margin-bottom: 30px; }

.conservacion .der h2 { margin-top:20px; }
.conservacion .der h3 {font-size: 23px; line-height: 34px; }
.servicios h2 {display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 13.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 28px; line-height: 53px; text-transform: uppercase; padding-top: 10px;  margin-top: 20px; margin-bottom: 30px; text-align: center; padding: 12px 0 0 20px; }
.pop h3 {font-size: 27px; line-height: 29px; margin-top: -10px; }
.servicios .textop {display: block; width: 100%; margin: 0; }
.topHome .imagen ul li.li00 { background-image:url('../img/slide-top-00-movil.jpg'); }
.topHome .imagen ul li.li01 { background-image:url('../img/slide-top-01-movil.jpg'); }
.topHome .imagen ul li.li02 { background-image:url('../img/slide-top-02-movil.jpg'); }
.topHome .imagen ul li.li03 { background-image:url('../img/slide-top-03-movil.jpg'); }
.topHome .imagen ul li.li04 { background-image:url('../img/slide-top-04-movil.jpg'); }
.topHome .imagen ul li.li05 { background-image:url('../img/slide-top-05-movil.jpg'); }
.topHome .imagen ul li.li06 { background-image:url('../img/slide-top-06-movil.jpg'); }
.naturaleza p span {display: unset; }
.naturaleza h3 { margin-top:100px; }
.visitasHome .der #visitasMovil {display: block; }
.visitasHome .der .contacto { display:none; }
.serviciosHome #masMovil {  display: table; position: relative; overflow: hidden; width: 200px; margin: 20px auto 0 auto; }
.serviciosHome #masMovil p { display: block; position: absolute; top: 27px; left: 0; right: 0; color: #fff; font-family: "PersonalServices", sans-serif; font-size: 18px; text-transform: uppercase; margin: 0; width: 100%; text-align: center; }
.serviciosHome .texto .mas  {display:none; }

.visitas h2, .informacion .der h2, .especies h2, .conservacion .der h2, .servicios h2 { display: block; position: relative; background-image: url(../img/fondo-titulo-conservacion.svg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 4.47619vw; padding: 1vw 0 0 3vw; color: #40221b; font-family: "PersonalServices", sans-serif; font-size: 25px; line-height: 50px; text-transform: uppercase; padding-top: 10px; margin-top: 20px; padding:5px 0 0 15px; height:3.47619vw; padding:0 0 0 2vw; height:60px; padding:9px 0 0 15px; height:57px; width:100%; padding: 3px 0 0 30px;
        height: 48px;
        width: 109%;}
.informacion .der h2, .conservacion .der h2 { padding:.5vw 0 0 3vw;}
.visitas h2 p, .servicios h2 p { margin-top:.5vw; }
.servicios h2 { padding:2.5vw 0 0 2.5vw; padding: 4px 0 0 30px;}
.conservacion .der h2 { padding-left:3vw; padding-top: 3vw;}

.visitas h2 span, .informacion .der h2 span,  .especies h2 span, .conservacion .der h2 span, .servicios h2 span {font-family: "PersonalServices", sans-serif; text-transform: none; margin-top: 1.2vw; font-size: 25px; line-height: 50px; margin-left: 0; margin-top: .5vw;}
.visitas h2 p, .informacion .der h2 p, .especies h2 p, .conservacion .der h2 p, .servicios h2 p {font-size: 25px; line-height: 50px; font-family: "PersonalServices", sans-serif; }
.conservacion .der h2 { margin-top:0; padding: 4px 0 0 30px;}
.informacion .der h2 { padding:3vw 0 0 3vw; padding: 4px 0 0 30px; }
.diferencia { padding:50px 25px; text-align:left; }
.diferencia h2 { margin: 0; padding: 9px 0 0 0; height: 48px; width: 109%; }
.diferencia h2 span { font-size: 22px; line-height: 45px; margin-right: 0; display: block; float: unset; /* text-align: center; */ position: absolute; left: 20px; /* right: 0; */ /* margin: 0 auto; */ top: 7px;}
.diferencia ul.arriba  { margin-top:20px; }
.diferencia .arriba li {display: block; position: relative; overflow: hidden; width: 100%; margin-right: 0; vertical-align: top; margin-bottom: 20px; }
.diferencia .arriba li img { width:58px; margin-right:10px; }
.diferencia .arriba li .cuadro h3 {display: block; color: #582f25; font-size: 17px; line-height: 26px; font-family: "PersonalServices", sans-serif; margin-top: 20px; }
.diferencia .arriba li .cuadro p {display: block; color: #582f25; font-size: 16px; line-height: 18px; font-weight: 400; margin-top: 5px; }
.diferencia ul.abajo { margin:30px 0 0 0; text-align:left;  }
.diferencia .abajo li {display: block; position: relative; overflow: hidden; width: 32%; margin-right: 0; background: #582f25; padding: 20px; border-radius: 16px; vertical-align: top; width: 100%; margin-bottom: 10px; }
.diferencia .abajo li h4 { font-size:16px; line-height:22px; }
.diferencia .abajo li p { font-size:16px; line-height:18px; margin-top:5px; }
.diferencia .arriba li .cuadro { width:72%; }

}