/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

* {
  box-sizing: border-box;
}

body {
  opacity: 0;
  transition: opacity 1s;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: .9vw;
  line-height: 1.1vw;
  color: #9c735a;
  overflow-x: hidden !important;
  outline: 0;
  background-color: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  opacity:1;
}

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

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

p {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}
h2, h3, h4 { margin:0; padding:0; }
strong {
  font-weight: bold;
}

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

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}




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

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
.noMobile { display:none; }

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

header .opciones { display:block; position:absolute; top:2.619047619vw; right:2.5595238095vw; width:7.6666666667vw; z-index:9;   }

header  .idiomas { display: inline-block; float: left; position: relative; font-size: 1vw;cursor: pointer; margin-right: 1vw; color: #a22c52;z-index: 9; padding:0 .5vw;-webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: 1s  .5s;}
.loaded header .idiomas { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
header  .idiomas.active { color:#fff; }

header  .idiomas span { display: inline-block;  display: inline-block; float: left; position: relative; overflow: hidden; padding-right:1vw;font-size: 1vw;
    color: #fff;}
header .idiomas span::before { display:block;content: "\f0d7"; font-family: FontAwesome;  position: absolute; top: 0; right: 0vw; font-size:1vw; color:#fff; z-index: 1  }


header  .idiomas .muestraOpciones { display: block; position: relative; padding-bottom: 2.5vw; padding-left:0; }
header  .idiomas ul.opciones {  display:block; position:absolute; top:2vw; right:-1vw; background:#000; padding:1vw 2vw 1vw 1vw;  opacity:0; height:0; transition: height .1s; z-index:99;min-width: 8vw; right:-4vw;}
header  .idiomas .opciones li { display: block; position:relative; overflow:hidden; font-size:1vw; line-height:1.2vw; text-transform: none; color:#fff; margin-bottom:.5vw;}
header  .idiomas .opciones li:hover { color:#ff3300; }
header  .idiomas .opciones li:last-child { padding-top:0vw; margin-bottom:0; }
header  .idiomas .muestraOpciones:hover ul.opciones { opacity:1; height:auto; }

#click-menu {  display:inline-block;  position: relative; float:right;  width: 2.4404761905vw; height: 5.5vw; cursor: pointer; z-index: 9999; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: 1s  .5s;}
.loaded header #click-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#click-menu span { position: absolute; left: 0; right: 0; top: 0; margin:0 auto; display: block; width: 100%; height: 2px; border-radius: 3px; background-color: #fff; transition: all .3s;}
  #click-menu span:nth-child(2) {top: .5vw; }
  #click-menu span:nth-child(3) {top: 1vw; }
  #click-menu.active span:nth-child(1) { top: .5vw; -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: .5vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }


header .imagenTop { display:block; position:relative; overflow:hidden; width:100%; height:20.2380952381vw; background-repeat: no-repeat; background-position: center; background-size:cover; z-index:0;}

header ul.slideHome { display:block; position:relative; overflow:hidden; width:100%; z-index:0; height:20.2380952381vw; }
header .slideHome li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:20.2380952381vw !important; background-repeat: no-repeat; background-position: center; background-size:cover;  }

header .forma { display:block; position:relative; overflow:hidden; width:100%; height:27.9166666667vw; background-image:url('../img/fondo-top-logo.png'); background-repeat: no-repeat; background-position: center top; background-size: cover; z-index:1; margin-top:-7.95vw;}
header h1 a img { display: block; position: absolute; top: 3vw; width: 29.3452380952vw; height: auto; left: 0; right: 0; margin: 0 auto }
header .lineas img { display: block; position: absolute; width: 63.6904761905vw; margin: 0 auto; left: 0; right: 0; top: 14vw; }
header .forma2 { display:block; position:relative; overflow:hidden; width:100%; height:22.8333333333vw;  z-index:0; margin-top:-7.5vw;}
header .forma2.Prod { height:20vw; }
header .forma2 .mascara { display:block; position:absolute; bottom:0; left:0; width:100%; height:10vw;background-image:url('../img/mascara-top.png'); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
header .forma2 .madera { display: block; width: 100%; height:auto; }
header .forma2 .titulo { display: block; position: absolute; width: 21.9047619048vw; top: -2.5vw; left: 0; right: 0; margin: 0 auto; height: auto; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s  .5s;}
header .forma2 .titulo.Prod { top:-7vw; }
.loaded header .forma2 .titulo { opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }
header .forma2 .hojas { display: block; position: absolute; width: 25.7142857143vw; height: auto; top: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s  .7s;}
.loaded header .forma2 .hojas { opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }

header .forma2 h2 { display: block; position: absolute; color: #fff; font-size: 1.944vw; text-transform: uppercase; font-weight: 900; left: 0; right: 0; margin: 0 auto; top: 11vw; text-align: center; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  .9s;}
.loaded header .forma2 h2 { opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }

header .forma2 h3 { display: block; position: absolute; color: #815941; font-size: .88vw; text-transform: uppercase; font-weight: 900; left: 0; right: 0; margin: 0 auto; top: 13.5vw; text-align: center;font-family: "Roboto", sans-serif;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.1s;}
.loaded header .forma2 h3 { opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }

header .forma2 .adorno { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; width: 5.2380952381vw; top: 15.5vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.3s;}
.loaded header .forma2 .adorno { opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }

header ul.menuMovil { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; -webkit-transform: translateX(-1700px); transform: translateX(-1700px); transition:all 1s 1s; }
header ul.menuMovil.abierto {  -webkit-transform: translateX(0px); transform: translateX(0px); }
header .menuMovil li { display:inline-block; float:left; position:relative; overflow:hidden; width: 20%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: middle;}



header .menuMovil li a { display: block; position: relative; overflow: hidden; width:100%; height:100%; vertical-align: middle; text-align: center; cursor:pointer;}
header .menuMovil li a p { display: block; color:#fff; font-size:1.2777777778vw; font-weight: 700; text-align:center; margin-top:49vh; text-transform: uppercase; }

header .menuMovil li:nth-child(1) {  -webkit-transform: translateX(-1700px); transform: translateX(-1700px); opacity: 0; transition: .5s  .5s; }
header .menuMovil.abierto li:nth-child(1) { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

header .menuMovil li:nth-child(2) {  -webkit-transform: translateX(-1700px); transform: translateX(-1700px); opacity: 0; transition: .5s  .7s; }
header .menuMovil.abierto li:nth-child(2) { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

header .menuMovil li:nth-child(3) {  -webkit-transform: translateX(-1700px); transform: translateX(-1700px); opacity: 0; transition: .5s  .9s; }
header .menuMovil.abierto li:nth-child(3) { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

header .menuMovil li:nth-child(4) {  -webkit-transform: translateX(-1700px); transform: translateX(-1700px); opacity: 0; transition: .5s  1.1s; }
header .menuMovil.abierto li:nth-child(4) { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

header .menuMovil li:nth-child(5) {  -webkit-transform: translateX(-1700px); transform: translateX(-1700px); opacity: 0; transition: .5s  1.3s; }
header .menuMovil.abierto li:nth-child(5) { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

header .menuMovil li ul.submenu { display: none; position: absolute; overflow: hidden; width: 70%; top: 28vh; margin: 0 0 0 5.8vw; text-align: left; left:0; right:0; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  .7s;}
header .menuMovil li ul.submenu.muestro { display:block; opacity:1;  -webkit-transform: translateY(-0px); transform: translateY(-0px);  }
header .menuMovil li .submenu li { display: block; position: relative; overflow: hidden; width: 100%;  margin: 0; padding: 0; }
header .menuMovil li .submenu li a { display:block; position: relative; overflow: hidden; color: #fff; font-size: 1.1vw; line-height: 1.6vw; font-weight: 500; text-align:left; margin: 0; padding: 0; }
header .menuMovil li .submenu li a:hover { color:#0a6f43; }

header .menuMovil li a.subo p { -webkit-transform: translateY(-26vh); transform: translateY(-26vh); transition:all  .5s;  }

main { display: block; position: relative; overflow: hidden; width: 100%;  }
.home { display: block; position: relative; overflow: hidden; width: 100%; }
.home ul { display: block; position: relative; overflow: hidden; width: 103%;  margin-top:2.380952381vw;  padding: 0 7.1428571429vw;} 
.home ul li { display: inline-block; float:left; position: relative; overflow: hidden; width: 20.1666666667vw; margin:0 1.380952381vw 1.380952381vw 0;  vertical-align:top; } 
.home ul li .imagen { display: block; position: relative; overflow: hidden; width: 17.8571428571vw; text-align: center; height: 14.941vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom:1vw;}
.home ul li h3 { display: block; text-align:center; font-size:1.5555555556vw; line-height: 1.7vw; text-transform: uppercase; font-weight: 900; }
.home ul li h4 { display: block; text-align:center; font-size:.66vw; line-height: .88vw; font-weight: 700; margin-top:1vw; text-transform: uppercase;}
.home ul li .mas { display: table; margin-top: 1vw; font-size: 2vw; text-align: center; left: 0; right: 0; margin: 1vw auto 0 auto; }
.home ul li:hover .mas { color:#3b2721 !important; }



.home ul li ol.cal { display: block; position:relative; overflow:hidden; width:100%; margin:1vw 0; padding:0;}
.home ul li .cal li { display:inline-block; float:left; position:relative; overflow:hidden; margin: 0 1px 0 0; background:#ded0c8; color:#fff; padding:.3vw .1vw; font-size:.6vw; line-height:.6vw; font-weight: 700; width:auto; }

 .bcg { display: block; position:relative; overflow:hidden; width:100%; height:22.8571428571vw; margin-top:2vw; }
 .bcg .mascara { display: block; position:absolute; top:0; left:0; overflow:hidden; width:100%; background-image:url('../img/mascara-parallax.png'); background-repeat: no-repeat; background-position: center; background-size:cover; height:22.8571428571vw; z-index:1;}
 .bcg ul { display: block; position:relative; overflow:hidden; width:100%; height:22.8571428571vw; margin:0 !important; padding:0 !important;  }
 .bcg ul li { position: relative; display: inline-block; float:left; width: 100%; background-repeat: no-repeat; background-size: cover; height:22.8571428571vw !important; background-position:center; background-attachment: fixed; margin:0 !important; padding:0 !important; }

/*.home .bcg .lafoto { position: relative; display: block; width: 100%; background-repeat: no-repeat; background-size: cover; height:22.8571428571vw; background-position:center; background-attachment: fixed; }*/

.empresa { display:block; position:relative; overflow:hidden; width:100%; background:#553722; padding:4.76vw 7.1428571429vw 8vw 7.1428571429vw; }
.empresa .flor { display: block; position: relative; overflow: hidden; width: 20.3571428571vw; height: auto; left: 0; right: 0; margin: 0 auto; }

.empresa .titulo { display:block; position:relative; overflow:hidden; width:100%; padding:3vw 0 1vw 0; margin-bottom:4vw;}
.empresa .titulo .linea { display: block; position: relative; overflow: hidden; width: 40%; height: 1px; background: #e3d4cb; text-align: center; left: 0; right: 0;
    margin: 0 auto;}
.empresa .titulo span { display: block; position: absolute; top: 2.5vw; left: 0; right: 0; margin: 0 auto; padding: 0 1vw; background: #553722; color:#e3d4cb; font-size:2.66666vw; text-transform: uppercase; font-weight: 300; width:23vw; text-transform: uppercase; z-index:1; text-align: center;}

.empresa .izq { display: inline-block; float:left; position:relative; overflow:hidden; width:26.6666666667vw; margin:2vw 0 0 13.75vw; }
.empresa .izq h3 { display: block; color: #99633d; font-size: 1.9444vw; text-transform: uppercase; font-weight: 700; line-height: 2vw; }
.empresa .izq p { display:block; color:#e3d4cb; font-size: .9vw; line-height: 1.1vw; margin:1vw 0 0 0; }
.empresa .izq h4 { display: block; color: #99633d; font-size: 1.3vw; text-transform: uppercase; font-weight: 500; line-height: 1.5vw; margin-top:2vw; }

.empresa .der { display: inline-block; float:right; position:relative; overflow:hidden; width:26.6666666667vw; margin:2vw 13.75vw 0 0 ; }
.empresa .der h3 { display: block; color: #99633d; font-size: 1.3vw; text-transform: uppercase; font-weight: 500; line-height: 1.5vw; }
.empresa .der p { display:block; color:#e3d4cb; font-size: .9vw; line-height: 1.1vw; margin:1vw 0 2vw 0; }
.empresa .der .verfotos { display: table; padding: .5vw 1vw; background: #3b2721; border-radius: 6px; cursor:pointer;}
.empresa .der .verfotos span { color:#fff; font-size:1.11vw; line-height: 1.11vw; text-transform: uppercase; font-weight: 700; }
.empresa .der .verfotos .fa { color: #99633d; font-size: 1.2vw; margin-right: 1vw; }
.empresa .der .verfotos:hover span { color:#99633d; }

.historia { display:block; position:relative; width:100%; background:#fff; padding:4.76vw 7.1428571429vw; }
.historia .mascara { display: block; position:absolute; top:0; left:0; width:100%; height:8.0357142857vw; background-image:url('../img/mascara-historia.png'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; }
.historia .madera { display: block; position:absolute; top:0; left:0; width:100%; height:8.0357142857vw; background-image:url('../img/fondo-madera-historia.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index:0; }
.historia .fotoArtigues { display: block; position: absolute; width: 18.6904761905vw; height: auto; top: -4vw; left: 0; right: 0; margin: 0 auto; z-index: 9; }
.historia .firma { display: block; position: relative; width: 21.7857142857vw; height: auto; margin: 10vw auto 0 auto; }
.historia .titulo { display:block; position:relative; overflow:hidden; width:100%; padding:3vw 0 1vw 0; margin-bottom:2vw;}
.historia .titulo .linea { display: block; position: relative; overflow: hidden; width: 11%; height: 1px; background: #e3d4cb; text-align: center; left: 0; right: 0; margin: 0 auto;}
.historia .titulo span { display: block; position: absolute; top: 2.5vw; left: 0; right: 0; margin: 0 auto; padding: 0 1vw; background: #fff; color: #9c735a; font-size: .88vw; text-transform: uppercase; font-weight: 300; width: 7vw; text-transform: uppercase; z-index: 1; text-align: center;}
.historia h2 { display: block; text-align: center; color: #9c735a; text-transform: uppercase; font-size: 2.66vw; font-weight: 200; margin-bottom:2vw;}
.historia p { display:block; color:#9c735a; font-size: .9vw; line-height: 1.1vw;font-weight: 400;margin: 1vw auto 0 auto; width: 57.5vw; }
.historia .adorno { display: block; width: 7.8571428571vw; height: auto; margin: 3vw auto 0 auto; }

.interna { display: block; position: relative; overflow: hidden; width: 73.75vw; margin: 0 auto; }
.interna .izq { display: inline-block; float:left; width:33.5119047619vw; position:relative; overflow: hidden; }
.interna .izq h2 { display:block; font-size:3.333vw; line-height: 3.666vw; text-transform: uppercase; font-weight: 900; margin-bottom:2vw; }
.interna .calendario { display:block;  font-size:1.1vw; line-height: 1.4vw; font-weight: 700; text-transform: uppercase; margin:1.5vw 0 1vw 0;}
.interna .subCal { display:block;  font-size:.9vw; line-height: 1.1vw; font-weight: 700; text-transform: uppercase; margin:.5vw 0 .5vw 0;}

.interna .izq ul.cal { display: block; position:relative; overflow:hidden; width:100%; margin-bottom:1vw; }
.interna .izq .cal li { display:inline-block; float:left; position:relative; overflow:hidden; margin-right: 1px;background:#ded0c8; color:#fff; padding:.3vw; font-size:.8vw; line-height:.8vw; font-weight: 700;}

.interna .izq #solicitar { display:table; color:#fff; text-transform: uppercase; font-size: 1.11vw; line-height: 1.11vw; padding:.5vw 1vw; background:#664733; border-radius:6px; font-weight: 700; margin-top:2vw; cursor:pointer; border:2px solid #664733;}
.interna .izq #solicitar:hover { background:#fff; color:#664733; }


.interna .der { display: inline-block; float:right; width:38.1547619048vw; position:relative; overflow: hidden; }
.interna .der img { display:block; width:100%; height:auto; }

.interna2 { display:block; position:relative; width:100%; background:#fff; padding:4.76vw 7.1428571429vw; }
.interna2 .mascara { display: block; position:absolute; top:-4vw; left:0; width:100%; height:17vw; background-image:url('../img/mascara-mas-productos.png'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; }
.interna2 .madera { display: block; position:absolute; top:0; left:0; width:100%; height:13vw; background-image:url('../img/fondo-madera-historia.jpg'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; z-index:0; }
.masProductos { display:block; position:relative; overflow:hidden; width:100%; margin-top:10vw; background:#fff; z-index: 9}
.interna2 h2 { display: block; color: #9c735a; font-size: 1.66vw; line-height: 1.88vw; text-transform: uppercase; font-weight: 400; position: absolute; top: 1.5vw; z-index: 999; left: 0; right: 0; margin: 0 auto; text-align: center; }

.masProductos ul { display: block; position: relative; overflow: hidden; width: 103%;  margin-top:2.380952381vw;  padding: 0 3.142857vw;} 
.masProductos ul li { display: inline-block; float:left; position: relative; overflow: hidden; width: 19.1666666667vw; margin:0 1vw 1vw 0;  vertical-align:top; } 
.masProductos ul li .imagen { display: block; position: relative; overflow: hidden; width: 17.8571428571vw; text-align: center; height: 14.941vw; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom:1vw;}
.masProductos ul li h3 { display: block; text-align:center; font-size:1.5555555556vw; line-height: 1.7vw; text-transform: uppercase; font-weight: 900; }
.masProductos ul li h4 { display: block; text-align:center; font-size:.66vw; line-height: .88vw; font-weight: 700; margin-top:1vw; text-transform: uppercase; }
.masProductos ul li .mas { display: table; margin-top: 1vw; font-size: 2vw; text-align: center; left: 0; right: 0; margin: 1vw auto 0 auto; }
.masProductos .mas-izquierda { display: block; position: absolute; top: 10vw; font-size: 3vw; color: #9c735a; left: 0; cursor:pointer; z-index:99;}
.masProductos .mas-derecha { display: block; position: absolute; top: 10vw; font-size: 3vw; color: #9c735a; right: 0; cursor:pointer; z-index:99;}
.masProductos ul li:hover .mas { color:#3b2721 !important; }

.masProductos ul li ol.cal { display: block; position:relative; overflow:hidden; width:100%; margin:1vw 0; padding:0;}
.masProductos ul li .cal li { display:inline-block; float:left; position:relative; overflow:hidden; margin: 0 1px 0 0; background:#ded0c8; color:#fff; padding:.3vw .1vw; font-size:.6vw; line-height:.6vw; font-weight: 700; width:auto; }

.texto { display: block; }
.texto p { display:block; color:#815941 !important; font-size: .9vw; line-height: 1.1vw;  }
.texto h3 { display:block;  font-size:1.1vw; line-height: 1.4vw; font-weight: 700; text-transform: uppercase; margin:1.5vw 0 1vw 0;}
.texto ul { display:block; margin:1vw 0; }
.texto ul li {   display:block; color:#815941 !important; font-size:.9vw; line-height: 1.1vw; position:relative; overflow:hidden; padding-left:1vw; font-weight: 400;}
.texto ul li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; color:#815941 !important;font-size: 1vw;  z-index: 1 }
.texto h4 { display:block;  font-size: 1.1vw; line-height: 1.2vw;  font-weight: 700; text-transform: uppercase; margin:1vw 0 .5vw 0;}

footer { display:block; position:relative;overflow:hidden; width:100%;}
footer .mascara { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%;background-image:url('../img/top-pie.png'); background-repeat: no-repeat; background-position: center; background-size: cover; height:2.9166666667vw;}
footer .cuerpo { display:block; position:relative; width:100%; margin:2.9166666667vw 0; background:#553722;min-height: 12vw; margin-bottom: 0;}
footer .iso { display: block; width: 8.0357142857vw; height: auto; position: absolute; top: -1vw; left: 0; right: 0; margin: 0 auto; z-index: 99; }
footer .cuerpo  p{ display:block; color:#9c735a; font-size:0.777vw; line-height: 1.2vw; font-weight: 400; text-align:center; padding-top:8vw;}
footer .cuerpo  p a:hover { color:#fff; }
/*--------- OVERLAYS ----------*/

.overlay {
  width: 30vw;
  color: #404040;
  background:#fff;
  font-size: 1vw;
  line-height: 1.2vw;
  padding: 2vw;
  overflow: hidden;
  transition: all .5s ease-in;
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg); }

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

.pop .forma { display:block; position:relative; overflow:hidden; width:100%; height:10.916667vw; z-index:1; margin-top:-2vw; }
.pop h1  img { display: block; position: absolute; top: 3vw; width: 13.345238vw; height: auto; left: 0; right: 0; margin: 0 auto }
.pop .lineas img { display: block; position: absolute; width: 101%; margin: 0 auto; left: 0; right: 0; top: 8vw; }
.pop h2 {     display: block; font-family: "Wilderness", sans-serif; color: #264535; font-weight: 500; font-size: 6vw; line-height: 7vw; margin-left: .2vw;}
.pop p { display:block; font-size:.9vw; line-height: 1.1vw; color:#9c735a; font-family: "Lato", sans-serif; }
.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%; margin-bottom:1vw; }
.pop label { display:block; position:relative; color:#322f2f; font-size:1.25vw; line-height:1.4vw; margin-bottom:.5vw; padding-left:.8vw; }
.pop input { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:.9vw; line-height: 1.1vw; color:#264434; font-family: "Lato", sans-serif; margin-bottom:.5vw; font-weight:normal;}

.pop label::before { content: "\f069"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: .5vw; color: #ff9900; z-index: 1; }
.pop .sin::before { content:none; }
.pop button { display:table; position:relative; overflow:hidden; background:#f3680d; padding:.5vw 1vw; color:#fff; text-align:center; font-size:1.2vw;  margin:0 auto; border:0; cursor:pointer;  border:2px solid #f3680d; margin-top:1.5vw; margin-bottom:.2vw; clear:both; border-radius:6px;  text-transform: uppercase; font-weight: 900; margin-top:-1vw;}
.pop button:hover { color:#f3680d; background:#fff; }


.pop textarea { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:1vw; color:#322f2f; margin-bottom:.5vw; font-weight:normal; height:5vw;}      

.overlay .cerrarContacto { display: block; position: absolute; top: .2vw; right: 1vw; font-size: 2vw; color: #9c735a; cursor:pointer; z-index:9;}
.overlay .cerrarContacto:hover { color:#000; } 







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

  .home ul { padding:0 50px; }
  .home ul li h3 { font-size:16px; line-height: 18px; }
  .home ul li h4 { font-size:11px; line-height: 13px; }
  .home ul li .mas { font-size:22px; margin-top:10px; }
  .home ul li { width:30%; margin:0 20px 20px 0; float:none;}
  .home ul li .imagen { width:80%; margin: 0 auto 10px auto; height:19vw;}
  .empresa .titulo .linea { width:70%; }
  .empresa .titulo span { top:1.8vw; }
  .empresa .izq h3, .historia h2 { font-size:20px; line-height: 22px; }
  .empresa .izq h4, .empresa .der h3, .empresa .der .verfotos span { font-size:16px; line-height: 18px; }
  .empresa .izq p, .empresa .der p, .historia p { font-size:14px; line-height: 16px; }
  .empresa .izq p, .historia p { margin-top:10px; }
  .empresa .der p { margin:10px 0 20px 0; }
  .empresa .der .verfotos { padding:10px; }
  .empresa .der .verfotos .fa { font-size:16px; margin-right:10px; }
  footer .cuerpo p { font-size:11px; line-height: 15px; }
  .historia .titulo span { top:2vw; font-size:11px; }
  .historia p { width:80%; }
  .empresa .izq, .empresa .der { width:40%; }
  .empresa .izq { margin-left:50px; }
  .empresa .der { margin-right:50px; }
  header .opciones { width:14.666667vw; }
  header .idiomas span { font-size:18px; margin-right: 10px; padding-right:20px;}
  header .idiomas span::before { font-size:18px; }
  header .idiomas ul.opciones { top:3vw; padding:10px; right:0; min-width: 10vw; }
  header .idiomas .opciones li { font-size:14px; line-height: 16px; margin-bottom:5px; }
  #click-menu { width:40px; height:40px; }
  #click-menu span { height:2px; }
  #click-menu span:nth-child(2), #click-menu.active span:nth-child(1), #click-menu.active span:nth-child(3) { top:7px; }
  #click-menu span:nth-child(3) { top:15px; }
  header .menuMovil li a p { font-size:16px; line-height: 18px; margin-top:166px; }
  .overlay { width:60vw; }
  .overlay .cerrarContacto { font-size:20px; }
  .pop p { font-size:14px; line-height: 16px; }
  .pop input, .pop textarea {padding:5px; font-size:14px; line-height: 16px; margin-bottom:5px;}
  .pop textarea { height:100px; }
  .pop button { padding:10px; font-size:18px; line-height: 20px; }
  .home ul li .cal li, .masProductos ul li .cal li { padding:1.5px; font-size:6px; }
  .masProductos ul li .imagen { left:0; right:0; margin:0 auto; }
  .masProductos ul { padding:0 15px; }
  header .menuMovil li a.subo p { -webkit-transform: translateY(-11vh); transform: translateY(-11vh); }
  header .menuMovil li ul.submenu { top:11vh; }
  header .menuMovil li .submenu li a { font-size: 14px; line-height: 19px; }

}



  
 

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

  header { overflow:visible; }
  header ul.slideHome { height:250px; }
  header .forma { height:150px; margin-top: -10.95vw;}
  header .forma2 { margin-top:-10.5vw; }
  header h1 a img { width:47.345238vw; }
  header .forma2.Prod { height:134px; }
  header .lineas img { width:92.690476vw; top:20vw; }
  header .forma2 .mascara { height:26vw; }
  header .slideHome li { height:250px !important; }
  header .menuMovil li { display:block; width:100%; height:auto; padding-bottom:20px; }
  header .menuMovil li a p { margin-top:30px; }
  header .opciones { width:30%; }
  header .forma2 .titulo { width:30vw; }
  header .forma2 .titulo { width:40vw; }
  header .forma2 { height:42.833333vw; }
  header .forma2 h2 { font-size:14px; top:15vw;}
  header .forma2 h3 { font-size:11px; top:20.5vw; }
  header .forma2 .adorno { width:10vw; top:28.5vw; }
  .home ul {padding: 0 20px; width:100%; margin-top:20px; }
  .home ul li { width:100%; margin:0 0 20px 0; }
  .home ul li .imagen { height:54vw; }
  .bcg { margin-top:20px; height:250px; }
  .bcg .mascara { height:250px; }
  .bcg ul { height:250px; }
  .bcg ul li { height:250px !important; float:left;}
  .empresa, .historia, .interna .izq #solicitar { padding:40px 20px; }
  .empresa .izq, .empresa .der {display:block; float:none; width:100%; margin:0 0 20px 0;}
  .empresa .titulo .linea, .historia .titulo .linea { width:100%; }
  .empresa .titulo span, .historia .titulo span {/*width:50%; top:.8vw; font-size:16px;*/ width: 61%; top: 21px; font-size: 22px}
  .empresa .titulo, .historia .titulo { margin-bottom:30px; margin-top:30px; }
  .empresa .titulo, .historia .titulo { margin-bottom:40px; padding:30px 0 10px 0; }
  .historia .titulo span {     font-size: 14px;
    width: 40%; }
  .historia .fotoArtigues { width:28.5vw; top:-9vw; }
  .historia .firma { width:47.785714vw; margin-top:50px; }
  .historia p { width:100%; }
  .historia .adorno { width:15vw; }
  .historia h2 { margin-bottom:20px; }
  .interna { width:100%; padding:20px; }
  .interna .der, .interna .izq { display: block; float:none; width:100%; margin-bottom:20px; }
  .interna .izq h2 { font-size:25px; line-height: 27px; margin-bottom:20px; }
  .texto p { font-size: 14px; line-height: 16px; margin-bottom: 10px; }
  .texto h3, .texto h4, .interna .calendario, .interna .subCal { font-size:16px; line-height: 18px; margin:10px 0; }
  .texto ul li { font-size:14px; line-height: 16px; padding-left:10px; }
  .texto ul li::before { font-size:14px; }
  .interna .izq ul.cal { margin-bottom: 10px; }
  .interna .izq .cal li { padding:5px; font-size:11px; line-height: 13px; margin-bottom:5px;}
  .interna .izq #solicitar { padding:10px; font-size:18px; line-height: 20px; margin-top:30px;}
  .interna2 .madera { height:132px !important; }
  .interna2 .mascara { height:180px !important; top:-11vw;}
  .interna2 h2 { top: 16px; font-size: 20px; line-height: 22px } 
  .masProductos { margin-top:120px; }
  .masProductos .mas-izquierda, .masProductos .mas-derecha { display: none; }
  .masProductos ul { width:100%; }
  .masProductos ul li { display:block; float:none; width:100%; margin:0 0 20px 0; }
  .masProductos ul li .imagen { height:54vw; width:100%;}
  .masProductos ul li h3 { font-size:16px; line-height: 18px; margin-top:20px;}
  .masProductos ul li h4 { font-size:14px; line-height: 16px; }
  .masProductos ul li .mas { font-size:22px; margin-top:10px; }
  .overlay { width:90vw; padding:20px; }
  .pop .forma { height:18vw; }
  .pop h1 img {width:25.35vw;}
  .pop .lineas img { top:11vw; }
  header .idiomas ul.opciones {top: 6vw; padding: 10px; right: 0; min-width: 23vw; }
  header .forma2 .titulo.Prod { top:-18vw; }
  .interna2 { padding:40px 20px; }
  footer .cuerpo { min-height:100px; }
  footer .cuerpo p { padding-top:45px; }
  .empresa .flor { width:34.357143vw; margin-bottom:30px; }
  .home ul li .cal li, .masProductos ul li .cal li {padding: 5px; font-size: 12px; line-height: 14px; margin: 0 2px 2px 0;  }
  .masProductos ul { padding:0; }
  .home ul li ol.cal, .masProductos ul li ol.cal { margin:10px 0; }

    header .menuMovil li a.subo p { -webkit-transform: translateY(0); transform: translateY(0); }
  header .menuMovil li ul.submenu { top:0; position:relative; display:none; }
  header .menuMovil li .submenu li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #fff; }
  header .menuMovil li ul.submenu.muestro { display:block; }
  header .menuMovil li .submenu li a { font-size: 16px; line-height: 18px; }
  

  

}

@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-1deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(1.05); }
  100%{ -webkit-transform:rotateZ( 1deg);
}