@font-face {
 font-family: aar;
 src: url("../fuentes/aardvrkbold.eot") /* EOT file for IE */
}
@font-face {
 font-family: aar;
 src: url("../fuentes/aardvrkbold.TTF") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: fuente4990810;
 src: url("../fuentes/4990810.eot") /* EOT file for IE */
}
@font-face {
 font-family: fuente4990810;
 src: url("../fuentes/4990810.TTF") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: April;
 src: url("../fuentes/AprilFools'Day.eot") /* EOT file for IE */
}
@font-face {
 font-family: April;
 src: url("../fuentes/AprilFools'Day.ttf") /* TTF file for CSS3 browsers */
}

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, .pie , 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, .pie , 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: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height:1.3vw;
  color: #4c4c4c;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
  height:100vh;
}

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

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

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;
}



header { display:block; position:fixed; top:0; left:0; width:100%; z-index:1;  padding:1.5vw 10.8108108108vw; background-color:rgba(255,255,255,.5); background-color:#4555b1; z-index:6; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s  .5s; }
.loaded header  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

header ul.menu { display: inline-block; position: relative; overflow: hidden; float: left; margin-top:1vw; }
header .menu li { display: inline-block; float:left; position:relative; overflow:hidden; margin-right:.5vw; padding-right:.5vw; border-right:1px solid #fff; color:#fff; text-transform: uppercase; font-size:1vw; line-height: 1.3vw; font-weight: 300; cursor:pointer; }
header .menu li:last-child { padding-right:0; margin-right:0; border-right:0; }
header .menu li:hover, header .menu li.activo { color:#000; }

header .radio {     display: inline-block; float: right; position: relative; overflow: hidden; width: 3.2142857143vw; margin-left:1vw;}
header .radio img { display: block; width:100%; height:auto; }

header .radio2 {     display: inline-block; float: right; position: relative; overflow: hidden; width: 3vw; margin-top:.6vw;}
header .radio2 img { display: block; width:100%; height:auto; }

 #click-menu { display: none;  }

 
main { display: block; position:relative; overflow:hidden; width:100%; }

.seccion {  display:block; }


/* === HOME === */
.home { display:block; position:relative; width:100%; height:78.869047619vw; background-image:url('../img/fuerte-argentino.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; }
.home h2 { display: block; position: absolute; top: 13vw; color: #fff; text-transform: uppercase; font-size: 2.88vw; line-height: 3vw; font-weight: 900; left: 10.8108108108vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
.home.muestro h2  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.home h3 { display: block; position: absolute; top: 13.5vw; color: #fff; text-transform: uppercase; font-size: 1.61vw; line-height: 1.81vw; font-weight: 900; right: 10.8108108108vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .7s; }
.home.muestro h3  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.home h3 span { font-weight: 400; }
.home .icono { display: block; position: absolute; width: 3.3928571429vw; height: auto; top: 12.5vw; left: 43vw; opacity:0; transition:1s .9s; }
.home.muestro .icono { opacity: 1; }
.home .marco { display: block; position: absolute; width: 100%; background: rgba(0,0,0,.5); top: 37vw ; padding:2vw 10.8108108108vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1s; }
.home.muestro .marco  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.home .marco h4 { display: inline-block; float: left; color: #fff; text-transform: uppercase; position: relative; overflow: hidden; font-size: 1vw; line-height: 1.3vw; font-weight: 700; margin-top:3.5vw;}
.home .marco h4 span { font-weight: 900; }
.home .marco ul { display: inline-block; float:right; position:relative; overflow:hidden;  }
.home .marco ul li { display:inline-block; float:left; position:relative; overflow:hidden; margin-right:2vw; width:23vw;}
.home .marco ul li img { display:inline-block; float:left; position:relative; overflow:hidden; width:6.5476190476vw; height:auto; margin-right:1vw; }
.home .marco ul li .radio2 { width:6.5vw; margin-top:.5vw; }
.home .marco ul li h5 { color: #fff; text-transform: uppercase; font-size: 2vw; font-family: "April", sans-serif; line-height: 2.2vw; margin-top:.5vw;}
.home .marco ul li a { color: #fff;font-size: 1vw; font-family: "April", sans-serif; line-height: 1.2vw; }

.historiadelfuerteargentino { display:block; position:relative; width:100%; padding:0; }
.historiadelfuerteargentino h2 { display: block; position: relative; width: 100%; padding: 2vw 10.8108108108vw 2vw 42.2619047619vw ; background: #4555b1; color: #fff; font-size: 2.22vw; line-height: 2.44vw; font-weight: 900; border-top:2px solid #fff;}
.historiadelfuerteargentino h2 span { color:#afcbf3; text-transform: uppercase; }
.historiadelfuerteargentino .texto { display: block; position: relative; width: 100%; padding: 2vw 10.8108108108vw 2vw 42.2619047619vw ;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: .5s  .5s; }
.historiadelfuerteargentino.muestro .texto  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }


.historiadelfuerteargentino .templario { display: block; position: absolute; width: 27.6785714286vw; height: 47.619047619vw; top: -9vw; left: 10.8108108108vw; border: 5px solid #fff; background:#aaaaaa;  transform:rotateX(-90deg ); opacity:0; transition:1s .5s; }
.historiadelfuerteargentino.muestro .templario  { transform:rotateY(0deg ); opacity: 1;}
.historiadelfuerteargentino .templario .cuadro { display:block; position:absolute; top:2.0833333333vw; left:2.0833333333vw; width:23.2142857143vw; height:42.8571428571vw; background-repeat: no-repeat; background-position:center; background-size:cover; }

.florayfauna { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 10vw; }
.florayfauna .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:50%; height:37.7142857143vw; background-repeat: no-repeat; background-position:center; background-size:cover; cursor:pointer; }
.florayfauna .izq .mascara { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); transform:rotateX(-90deg ); opacity:0; transition:1s .5s; }
.florayfauna.muestro .izq .mascara  { transform:rotateY(0deg ); opacity: 1;}
.florayfauna .izq .mascara img { display: block; width: 9.16vw ; height: auto; top: 38%; left: 0; right: 0; margin: 0 auto; position: absolute; }
.florayfauna .der { display:inline-block; float:right; position:relative; overflow:hidden; width:50%; height:37.7142857143vw; background:#4555b1; padding:5vw 10.8108108108vw 5vw 3.5vw; }

.florayfauna .der h2 { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 900; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .7s; }
.florayfauna.muestro .der h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.florayfauna .der h2 span { display:block; font-size:5.55vw; line-height: 5.88vw; margin-bottom:2vw;}
.florayfauna .der p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin:0 0 1vw 0;  -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  1s; }
.florayfauna.muestro .der p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.fauna { display: block; position: relative; overflow: hidden; width: 100%; }
.fauna .izq { display:inline-block; float:right; position:relative; overflow:hidden; width:50%; height:37.7142857143vw; background-repeat: no-repeat; background-position:center; background-size:cover; cursor:pointer;}
.fauna .izq .mascara { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); transform:rotateX(-90deg ); opacity:0; transition:1s .5s; }
.fauna.muestro .izq .mascara  { transform:rotateY(0deg ); opacity: 1;}
.fauna .izq .mascara img { display: block; width: 9.16vw ; height: auto; top: 38%; left: 0; right: 0; margin: 0 auto; position: absolute; }
.fauna .der { display:inline-block; float:left; position:relative; overflow:hidden; width:50%; height:37.7142857143vw; background:#4555b1; padding:5vw 10.8108108108vw 5vw 3.5vw; }

.fauna .der h2 { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 900; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
.fauna.muestro .der h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.fauna .der h2 span { display:block; font-size:5.55vw; line-height: 5.88vw; margin-bottom:2vw;}
.fauna .der p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin:0 0 1vw 0; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
.fauna.muestro .der p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.sugente { display: block; position: relative; overflow: hidden; width: 100%; height:62.5vw;}

.sugente .izq { display: block; position: relative; overflow: hidden; width: 100%; height:62.5vw; background-repeat: no-repeat; background-position:center; background-size:cover;}

.sugente .der { display:block; float:right; position:absolute; top:0; right:0; overflow:hidden; width:50%; height:62.5vw; background:rgba(0,0,0,.6); padding:5vw 10.8108108108vw 5vw 3.5vw; z-index:1;}

.sugente .der h2 { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 900; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .7s; }
.sugente.muestro h2  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.sugente .der h2 span { display:block; font-size:5.55vw; line-height: 5.88vw; margin-bottom:2vw;}
.sugente .der p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin:0 0 1vw 0;  -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .7s; }
.sugente.muestro p  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.sugente .der p a { display:table; margin-top:2vw; cursor:pointer;}
.sugente .der p a img { display:inline-block; float:left; width:2.14vw; height:auto; margin-right: 1vw; }
.sugente .der p a span { font-size:1vw; line-height: 1.3vw; text-transform: uppercase; display:inline-block; margin-top:.5vw; }

.ubicacion { display: block; position: relative; overflow: hidden; width: 100%; }


.ubicacion #mapa { display: block; position:relative; overflow: hidden; width:100%;height:37.5vw; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.ubicacion #mapa iframe { display: block; position: relative; overflow: hidden; width:100%; height:100%; }
.ubicacion .marco { display:block; position:relative; width:100%; padding:3vw 10.8108108108vw 4vw 42.2619047619vw; background:#000; }
.ubicacion .marco h2 { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 900; }
.ubicacion .marco h2 span { display:block; font-size:4vw; line-height: 4.2vw; margin-bottom:2vw; }
.ubicacion .marco p { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; font-weight: 500; }

.ubicacion .mapa { display: block; position: absolute; width: 27.6785714286vw; height: 47.619047619vw; top: 3.9vw; left: 10.8108108108vw; border: 5px solid #fff; background:#aaaaaa; }
.ubicacion .mapa .cuadro { display:block; position:absolute; top:2.0833333333vw; left:2.0833333333vw; width:23.2142857143vw; height:42.8571428571vw; background-repeat: no-repeat; background-position:center; background-size:cover; }
.ubicacion .mapa .cuadro a { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
.ubicacion .mapa .cuadro a img { display: block; width:100%; height:auto; }

.lasgrutas { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:8vw; margin-top:4vw;}
.lasgrutas .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 38.6904761905vw; height: 47.619047619vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.lasgrutas .der { display:inline-block; float:right; position:relative; overflow:hidden; width:56.4404761905vw; padding:2vw 10.8108108108vw 0 0; } 
.lasgrutas .der h2 { display: block; color: #000000; font-size: 2.22vw; line-height: 2.44vw; font-weight: 900; margin-bottom:2vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s  .5s; }
.lasgrutas.muestro .der h2  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }


.lasgrutas .der h2 a { float:right; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; vertical-align: middle; cursor:pointer;}
.lasgrutas .der h2 a img { display:inline-block; float:left; width:2.14vw; height:auto; margin-right: 1vw; margin-top:.5vw;}
.lasgrutas .der h2 a span { font-size:1vw; line-height: 1.3vw; text-transform: uppercase; display:inline-block; margin-top:1vw; }
.lasgrutas .der h2 a:hover span { color:#55541c; }
.lasgrutas .der p { display: block; color: #4c4c4c; font-size: 1vw; line-height: 1.3vw; margin: 0 0 1vw 0; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s  .7s; }
.lasgrutas.muestro .der p  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.lasgrutas .der p a { color:#55541c; }
.lasgrutas .der h3 { display: block; color: #000000; text-transform: uppercase; font-size: 2vw; line-height: 2.2vw; font-weight: 900; margin-top: 2vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s  .9s; }
.lasgrutas.muestro .der h3  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.lasgrutas .der h4 { display: inline-block; float: left; margin-top: 2vw; position: relative; overflow: hidden; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s  1s; }
.lasgrutas.muestro .der h4  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.lasgrutas .der h4 .descargar { display:inline-block; float:left; position:relative; overflow:hidden; padding:1vw; background:#55541c; color:#fff; text-transform: uppercase; font-size:1.33vw; line-height: 1.33vw; font-weight: 700; }
.lasgrutas .der h4 span { display:inline-block; float:left; position:relative; overflow:hidden; padding:1vw; background:#f9be4d; color:#fff; text-transform: uppercase; font-size:1.33vw; line-height: 1.33vw; font-weight: 700; }
.lasgrutas .der h4:hover span { background:#55541c; }
.lasgrutas .der h4:hover .descargar { background:#f9be4d; }

.lasgrutas .der .intro { display: inline-block; font-size: 1vw; line-height: 1.3vw; float: left; margin: 2vw 0 0 1vw; color: #000000; font-weight: 500; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s  1s; }
.lasgrutas.muestro .der .intro  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.lasgrutas .der .intro a { font-weight: 700; }

.excursion { display: block; position: relative; overflow: hidden; width: 100%; height:37.5vw; }
.excursion .izq { display: block; position: relative; overflow: hidden; width: 100%; height:37.5vw; background-repeat: no-repeat; background-position:center; background-size:cover;}

.excursion .der { display:block; float:left; position:absolute; top:0; left:0; overflow:hidden; width:50%; height:37.5vw; padding:5vw 10.8108108108vw 5vw 3.5vw; z-index:1;}

.excursion .der h2 { display: block; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 900; }
.excursion .der h2 span { display:block; font-size:5.55vw; line-height: 5.88vw; margin-bottom:2vw;}
.excursion .der p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin:0 0 1vw 0; }

.excursion .der p a { display:table; margin-top:2vw; cursor:pointer;}
.excursion .der p a img { display:inline-block; float:left; width:2.14vw; height:auto; margin-right: 1vw; }
.excursion .der p a span { font-size:1vw; line-height: 1.3vw; text-transform: uppercase; display:inline-block; margin-top:.5vw; }

.excursion .verExcursion { display:block; position:absolute; top:8vw; right:10.8108108108vw; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; vertical-align: middle; cursor:pointer;}
.excursion .verExcursion img { display:inline-block; float:left; width:2.14vw; height:auto; margin-right: 1vw; margin-top:.5vw;}
.excursion .verExcursion span { font-size:1vw; line-height: 1.3vw; text-transform: uppercase; display:inline-block; margin-top:.8vw; color:#fff; font-weight: 900; }
.excursion .grutas { display: block; position: absolute; top: 20vw; right: 10.8108108108vw; width: 22.0238095238vw; height: auto; }

.excursion .der h4 { display: inline-block; float: left; margin-top: 2vw; position: relative; overflow: hidden; }

.excursion .der h4 .descargar { display:inline-block; float:left; position:relative; overflow:hidden; padding:1vw; background:#55541c; color:#fff; text-transform: uppercase; font-size:1.33vw; line-height: 1.33vw; font-weight: 900; }
.excursion .der h4 span { display:inline-block; float:left; position:relative; overflow:hidden; padding:1vw; background:#f9be4d; color:#fff; text-transform: uppercase; font-size:3vw; line-height: 1.33vw; font-weight: 900; }
.excursion .der h4:hover span { background:#55541c; }
.excursion .der h4:hover .descargar { background:#f9be4d; }

.pie  { display: block; position: relative;  width: 100%; padding: 2vw 0 0 0; background:#55541c;  margin-top:2vw;}
.pie  .camion { display: block; position: absolute; top: -6vw; width: 30vw; height: auto; left: 5.9523809524vw; }
.pie  .pinguino { display: block; position: absolute; bottom: 0; width: 15.8928571429vw; height: auto; right: 0;  z-index: 2;}
.pie  .estrella1 { display:block; position:absolute; top: -4vw; right: 0.547619vw; width: 1.3vw }
.pie  .estrella2 { display:block; position:absolute; top: -8vw; right: 11.5476190476vw; width: 1.7vw;}
.pie  .estrella3 { display:block; position:absolute; top: -6vw; right: 14.547619vw; width: 4.40vw; }
.pie  .estrella4 { display:block; position:absolute; top:1vw; right:14.5476190476vw; width:2.7380952381vw; }
.pie  .blo1 { display: block; position: relative; width: 100%; /*background: #5b5d39;*/ height: 5vw; height: 9vw; z-index: 1; margin-top: 3vw; }
.pie  .blo1 h1 { display: inline-block; float: left; width: 13.57vw; margin-left:5.9523809524vw;margin-top: -2vw; margin-right: 2vw;}
.pie  .blo1 h1 img { display:block; width:100%; height:auto; }
.pie  .blo1 .divertidas { display: inline-block; float: left; width: 20.29vw; height: auto; margin-top:.8vw; }
.pie  .blo1 .telefono { display: inline-block; float: left; width: 42.20vw; height: 6.54vw; background-image:url(../img/forma-telefono-amarilla.svg); background-repeat: no-repeat; background-position: center; background-size: contain; margin:1vw 1vw 1vw 1.5vw; font-family: "fuente4990810", sans-serif; color:#000; font-size:4vw; line-height: 2.3vw; padding:2.5vw 0 0 4vw;}
.pie  .blo1 .telefono:hover { color:#55541c; }

.pie  .blo2 { display: block; position: relative; width: 100%; /*background: #717154;*/ height: 5vw;  z-index: 0; }
.pie  .blo2 p { display: block; color: #fff; font-size: 1vw; line-height: 1.3vw; font-weight: 300; padding-top: 1vw; }
.pie  .blo2 p a { color:#f9be4d; }
.pie  .blo2 p a:hover { text-decoration: underline; }

.texto p { display:block; color:#4c4c4c; font-size:1vw; line-height: 1.3vw; margin:0 0 1vw 0; }


.lascoo { display: block; position: fixed; bottom: 0; left: 0; background: #000; width: 100%; padding: 1vw 12.012012012vw; color: #fff; font-size: 1vw; line-height: 1.3vw; }
.lascoo.seva { display:none; }
.lascoo p { display: inline-block; float: left; position: relative; overflow: hidden; width: 80%; padding-right: 10px; }
.lascoo .button { display: inline-block; float: right; position: relative; overflow: hidden;  background: #343434; padding: .5vw 1vw; border: 1px solid #343434; color: #fff; font-size: .88vw; line-height: 1vw; text-transform: uppercase; font-weight: 500; cursor: pointer; }
.lascoo .button:hover { background:#fff; color:#343434; }

footer { display:block; position:relative; overflow:hidden; width:100%; background:#fff; padding:2vw 10.8108108108vw; }
footer p { display:inline-block; float:left; position:relative; overflow:hidden; color:#000; font-size:1vw; line-height: 1.3vw; font-weight: 700; }
footer a { display:inline-block; float:right; position:relative; overflow:hidden; color:#000; font-size:1vw; line-height: 1.3vw; font-weight: 700; }
footer a span { text-transform: uppercase; font-weight: 900; }



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

 

  .pie  { display: block; position: relative;  width: 100%; padding: 20px; background:#55541c;  margin-top:0;}
  .pie  .blo2 { display: block; position: relative; width: 100%;  z-index: 0; height:auto;}
  .pie  .blo2 p { display: block; color: #fff; font-size: 14px; line-height: 18px; font-weight: 300; width:90%; }
  .pie  .blo2 p a { color:#f9be4d; }
  .pie  .blo2 p a:hover { text-decoration: underline; }

  header #click-menu {  display:inline-block;  position: relative; width:50px; height:50px; cursor: pointer; z-index: 9999; float: right;   margin-top:0; margin-right:0;}

  header #click-menu span { position: absolute; left: 1vw; top: 2vw; margin:0 auto; display: block; width: 70%; height: 5px; background-color: #fff; transition: all .3s; border-radius:12px;}
  header #click-menu span:nth-child(2) {top: 3.5vw; }
  header #click-menu span:nth-child(3) {top: 5vw; }
  header #click-menu.active span:nth-child(1) {top: 3.5vw; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  header #click-menu.active span:nth-child(2) {opacity: 0; top: -7.8125vw; }
  header #click-menu.active span:nth-child(3) {top: 3.5vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

  
  header #click-menu span { height:4px; width:30px; left:10px; top:15px; color:#fff;}
  header #click-menu span:nth-child(2) { top:22px; }
  header #click-menu span:nth-child(3) { top:30px; }
  header #click-menu.active span:nth-child(1), header #click-menu.active span:nth-child(3) { top:22px; }
  header { padding:10px 20px; }
  header ul.menu, header .radio, header .radio2, .ubicacion .mapa { display:none; }

  ul.menuMovil { display: none; position: fixed; top: 60px; z-index: 999; width: 100%; padding: 20px; background: #4555b1; }
  ul.menuMovil.abierto { display: block }
  .menuMovil li { display: block; position:relative; overflow:hidden; color:#fff; font-size:18px; line-height: 20px; font-weight: 500; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; }
  .menuMovil li .radio { display: inline-block; float:left; width:60px;  margin-right:30px; }
   .menuMovil li .radio img { display:block; width:100%; height:auto; }
  .menuMovil li .radio2 { display: inline-block; float:left; width:60px;  margin-right:30px; margin-top:8px; }
   .menuMovil li .radio2 img { display:block; width:100%; height:auto; }

  .home { height:110.869048vw; }
  .home .marco, .home .icono, .historiadelfuerteargentino .templario { display:none; }
  .home h2 { top:170px; font-size:30px; line-height: 32px; }
  .home h3 {display: block; position: absolute; top: 212px; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 22px; font-weight: 900; right: 20px; left: 20px; text-align: center; }
  .historiadelfuerteargentino h2 { padding:20px; font-size:30px; line-height: 32px; }
  .historiadelfuerteargentino h2 span { display:block;  }
  .historiadelfuerteargentino .texto {display: block; position: relative; width: 100%; padding:40px 20px;  }
  .historiadelfuerteargentino .texto p, .florayfauna .der p,  .fauna .der p, .sugente .der p, .ubicacion .marco p, .lasgrutas .der p, .excursion .der p { font-size:16px; line-height: 18px; margin:0 0 10px 0; }
  .florayfauna .der, .florayfauna .izq, .fauna .der, .fauna .izq { display:block; float:none; width:100%; height:auto; }
  .florayfauna .der, .fauna .der { height:auto; padding:40px 20px;}
  .florayfauna .der h2, .fauna .der h2, .sugente .der h2, .ubicacion .marco h2, .lasgrutas .der h2, .excursion .der h2 { font-size:30px; line-height: 32px; }
  .florayfauna .der h2 span, .fauna .der h2 span, .sugente .der h2 span, .ubicacion .marco h2 span, .excursion .der h2 span { font-size:40px; line-height: 42px; }
  .florayfauna .izq, .fauna .izq, .sugente { height:74.714286vw; }
  .florayfauna .izq .mascara img, .fauna .izq .mascara img { width:80px; }
  .sugente { height:auto; }
  .sugente .der {display: block; float: none; position: relative; top: 0; right: 0; overflow: hidden; width: 100%; height: auto; background: #000; padding: 40px 20px; }
  .sugente .der p a { margin-top:20px; }
  .sugente .der p a img, .lasgrutas .der h2 a img, .excursion .verExcursion img { width:35px; margin-right:10px; }
  .sugente .der p a span, .lasgrutas .der h2 a span { font-size:18px; line-height: 20px; margin-top:5px; }
  .ubicacion #mapa { height:80vw; }
  .ubicacion .marco { padding:40px 20px; }
  .lasgrutas { margin-top:0; margin-bottom:0; }
  .lasgrutas .der { display:block; float:none; width:100%; padding:40px 20px; }
  .lasgrutas .der h2 a {float: right; font-size: 18px; line-height: 20px; text-transform: uppercase; vertical-align: middle; cursor: pointer; display: block; width: 100%; margin-top: 10px; margin-bottom: 20px; }
  .lasgrutas .der h3 { font-size:20px; line-height: 22px; margin-top:20px; }
  .lasgrutas .der h4 { display:block; float:none; margin-top:20px; }
  .lasgrutas .der h4 .descargar, .lasgrutas .der h4 span, .excursion .der h4 .descargar, .excursion .der h4 span { padding:10px; font-size:18px; line-height: 20px; }
  .lasgrutas .der .intro {display: block; font-size: 18px; line-height: 20px; float: left; margin: 20px 0 0 0; }
  .lasgrutas .izq { display: block; float:none; width:100%; height:113.619048vw;  }
  .excursion { height:auto; }
  .excursion .der {display: block; float: none; position: relative; top: 0; right: 0; overflow: hidden; width: 100%; height: auto; background: #000; padding:40px 20px; }
  .excursion .der p a { margin-top:20px; }
  .excursion .der p a img, .excursion .der h2 a img { width:35px; margin-right:10px; }
  .excursion .der p a span, .excursion .der h2 a span { font-size:18px; line-height: 20px; margin-top:5px; }
  .excursion .izq { height:50.5vw; }
  .excursion .verExcursion { top:142vw; right:20px;}
  .excursion .verExcursion span { font-size:12px; line-height: 29px; }
  .excursion .grutas { top:163vw; width:200px; }
  footer { padding:20px; }
  footer p { font-size:14px; line-height: 16px; display:block; float:none; width:100%; margin-bottom:10px;}
  footer a { font-size:14px; line-height: 16px; }
  .excursion .der h4 span { font-size:30px; }

  .lascoo { padding:20px; font-size:11px; line-height: 13px;  }
  .lascoo .button { padding:5px; font-size:11px; line-height: 13px; }


}