/*! 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: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.2vw;
  color: #6c8f3c;
  overflow-x: hidden;
  outline: 0;
  background-color: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  
}

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


body.loaded {
  opacity: 1;
}

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

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}

header { display: block; position:fixed; overflow:hidden; width:100vw;   background:#fff; height:13vw; top:0; z-index:9999; }
header .linea { display:block; position:relative; overflow:hidden; width:100vw; height:1.5vw; background:#6c8f3c;  z-index:1;}
header h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:22.976190476vw; margin:2vw 0 .5vw 7.5vw; z-index:1;}
header h1 img { display: block; width:100%; height:auto; }
header ul.menu { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:4.6vw; margin-top:4.5vw; padding:1vw 0; z-index:1;}
header .menu li { display:inline-block; float:left; position:relative; overflow:hidden; color:#6c8f3c; font-size:1.2vw; line-height: 1.4vw; font-weight: 700; text-transform: uppercase; padding-right:.4vw; margin-right:.4vw; border-right:1px solid #6c8f3c;  cursor:pointer}
header .menu li:hover, header .menu .activo { color:#203308; }
header .menu li:last-child { margin-right:0; padding-right:0; border-right:0; }
header ul.redes { display:inline-block; float:right; position:relative; overflow:hidden; margin-top:2.5vw; margin:3.3vw 7.5vw .5vw 0; z-index:1;}
header .redes li { display:inline-block; float:left; position:relative; overflow:hidden; color:#6c8f3c; font-size:1vw; line-height: 1.3vw; font-weight: 700; margin-right:.5vw; margin-top:1.5vw; cursor:pointer}
header .redes li.grande { font-size:2vw; margin-top: 0;}
header .redes li:nth-child(2n) { color:#29400a; }
header .redes li:nth-child(3n) { color:#426610; }
header .redes li:nth-child(4n) { color:#804539; }
header .redes li:hover { color:#203308; }
header .linea2 { display:block; position:absolute; left:0; top:15vw; overflow:hidden; width:100vw; height:.5vw; background-color:rgb(0,0,0);opacity:0.2; z-index:0; }
header .click-menu, ul.menuMovil { display:none; }

#home { display:block; position:relative; overflow:hidden; width:100vw; height:39vw; margin-top:13vw;}
#home .fondo { display:block; position:absolute; bottom:0; left:0; width:100%; background-image: url(../img/mascara-slide-dezzo.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; height:8vw; z-index:99;} 
#home ul { display:block; position:relative; overflow:hidden; width:100vw; }
#home ul li { display:block; position:relative; overflow:hidden; width:100vw; height:39vw; background-repeat:no-repeat; background-position:center; background-size:cover; }
#home .izqHome { display: block; position: absolute; top: 15.8vw; left: 7.7vw; color: #fff; font-size: 3vw; cursor:pointer;}
#home .derHome { display: block; position: absolute; top: 15.8vw; right: 7.7vw; color: #fff; font-size: 3vw; cursor:pointer;}
#home .izqHome:hover, #home .derHome:hover { color:#203308; }
#home .frase1 { display:block; position:absolute; top:15vw; left:12.9vw; font-size:3vw; line-height: 3.2vw; font-family: "Raleway", sans-serif; font-weight: 300; background:#6c8f3c; padding:.5vw 1vw; z-index:99; color:#fff; cursor:pointer;}
#home .frase2 { display:block; position:absolute; top:15vw; right:12.9vw; font-size:3vw; line-height: 3.2vw; font-family: "Raleway", sans-serif; font-weight: 300; background:#804539; padding:.5vw 1vw; z-index:99; color:#fff; cursor:pointer;}
#home .frase1:hover { background:#804539; }
#home .frase2:hover { background:#6c8f3c; }
#home .linea { display: block;
    position: absolute;
    top: 7vw;
    width: 1px;
    background: #fff;
    height: 23vw;
    left: 50vw; }

.servicios { display:block; position:relative; overflow:hidden; width:100vw;  background-image: url(../img/fondo-servicios-dezzo2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 28vw; }

#ingenieria-ambiental { display:block; position:relative; overflow:hidden; width:100vw; padding-top:6vw; }
#ingenieria-ambiental .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:50.892857143vw; -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#ingenieria-ambiental .izq.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

#ingenieria-ambiental .izq h2 { display:block; float:right; width:32.55952381vw; margin-bottom:2vw;}
#ingenieria-ambiental .izq h2 img { display:block; width:100%; height:auto; }
#ingenieria-ambiental .izq h2 .tituloMovil { display:none; }
#ingenieria-ambiental .izq p { display:block; position:relative; overflow:hidden; width:35.119047619vw; margin-right:3.98vw; text-align:right; float:right; color:#3d4039; font-size:1vw; line-height:1.4vw;}

#ingenieria-ambiental .der { display:inline-block; float:right; position:relative; overflow:hidden; width:37.5vw; margin-right:9.5238095238vw; -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#ingenieria-ambiental .der.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#ingenieria-ambiental .der ul { display:block; position:relative; overflow:hidden; width:100%; }
#ingenieria-ambiental .der ul li { display: block; position:relative; overflow:hidden; width: 100%; padding:0 1vw .5vw 1vw; margin-bottom:.5vw; border-bottom:1px solid #afc28f; color:#426610; font-size:1.2vw; line-height:1.4vw; font-family: "Raleway", sans-serif; font-weight: 900; text-transform: uppercase; }
#ingenieria-ambiental .der ul li img { display:inline-block; width:3.45vw; height:auto; vertical-align: middle; margin-right:1vw; }
#ingenieria-ambiental .der ul li h4 { display:inline-block; position:relative; overflow:hidden; color:#426610; font-size:1.2vw; line-height:1.4vw; font-family: "Raleway", sans-serif; font-weight: 900; text-transform: uppercase; vertical-align:middle; }

#ingenieria-ambiental .der ul li::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: 1vw; right: 4vw; font-size: 1vw; color: #6c8f3c; z-index: 1; font-weight:300;}
#ingenieria-ambiental .der ul li.nodespliega::before { display:none; }
#ingenieria-ambiental .der ul li.sele::before { content: "\f068"; font-family: FontAwesome; position: absolute; top: 1vw; right: 1vw; font-size: 1vw; color: #6c8f3c; z-index: 1; font-weight:300;}
#ingenieria-ambiental .der ul li a { cursor:pointer; }
#ingenieria-ambiental .der ul li a:hover, #ingenieria-ambiental .der ul li.sele { color:#6c8f3c; }

#ingenieria-ambiental .der ul li ul.sub {     display: block; position: relative; overflow: hidden; width: 100%; margin-left:4.7vw; opacity:0; height:0; transition: all .5s;}
#ingenieria-ambiental .der ul li ul.sub.active { opacity:1; height:auto; }
#ingenieria-ambiental .der ul li .sub li { display: block; font-size:1vw; line-height:1.2vw; color:#6c8f3c; text-transform: none; font-family: "Lato", sans-serif; font-weight: 400; padding-bottom:0; margin-bottom:0; border:0;  padding-right:4vw; cursor:pointer;}
#ingenieria-ambiental .der ul li .sub li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1vw; color: #6c8f3c; z-index: 99; font-weight:300;}
#ingenieria-ambiental .der ul li .sub li:last-child { margin-bottom:1vw; }
#ingenieria-ambiental .der ul li a { cursor:pointer; display: block; position: relative; overflow: hidden; width: 130%; z-index: 9; }
#ingenieria-ambiental .der ul li .sub li:hover { color:#213308; }


#seguridad-e-higiene { display:block; position:relative; overflow:hidden; width:100vw; padding-top:29vw;}
#seguridad-e-higiene .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:50.892857143vw; -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#seguridad-e-higiene .izq.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#seguridad-e-higiene .izq h2 { display:block; float:right; width:25.773809524vw; margin-bottom:2vw; margin-right:3.98vw;}
#seguridad-e-higiene .izq h2 img { display:block; width:100%; height:auto; }
#seguridad-e-higiene .izq h2 .tituloMovil { display:none; }
#seguridad-e-higiene .izq p { display:block; position:relative; overflow:hidden; width:35.119047619vw; margin-right:3.98vw; text-align:right; float:right; color:#3d4039; font-size:1vw; line-height:1.4vw;}

#seguridad-e-higiene .der { display:inline-block; float:right; position:relative; overflow:hidden; width:37.5vw; margin-right:9.5238095238vw; -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#seguridad-e-higiene .der.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#seguridad-e-higiene .der ul { display:block; position:relative; overflow:hidden; width:100%; }
#seguridad-e-higiene .der ul li { display: block; position:relative; overflow:hidden; width: 100%; padding:0 1vw .5vw 1vw; margin-bottom:.5vw; border-bottom:1px solid #d9ae9c; color:#804539; font-size:1.2vw; line-height:1.4vw; font-family: "Raleway", sans-serif; font-weight: 900; text-transform: uppercase; }
#seguridad-e-higiene .der ul li img { display:inline-block; width:3.45vw; height:auto; vertical-align: middle; margin-right:1vw; }
#seguridad-e-higiene .der ul li::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: 1vw; right: 1vw; font-size: 1vw; color: #804539; z-index: 9; font-weight:300;}
#seguridad-e-higiene .der ul li h4 { display:inline-block; position:relative; overflow:hidden; color:#804539; font-size:1.2vw; line-height:1.4vw; font-family: "Raleway", sans-serif; font-weight: 900; text-transform: uppercase; vertical-align:middle; }
#seguridad-e-higiene .der ul li.sele::before { content: "\f068"; font-family: FontAwesome; position: absolute; top: 1vw; right: 1vw; font-size: 1vw; color: #804539; z-index: 9; font-weight:300;}
#seguridad-e-higiene .der ul li a { cursor:pointer; }
#seguridad-e-higiene .der ul li a:hover, #seguridad-e-higiene .der ul li.sele { color:#a65a4b; }

#seguridad-e-higiene .der ul li ul.sub {     display: block; position: relative; overflow: hidden; width: 100%; margin-left:4.7vw; opacity:0; height:0; transition: all .5s;}
#seguridad-e-higiene .der ul li ul.sub.active { opacity:1; height:auto; }
#seguridad-e-higiene .der ul li .sub li { display: block; font-size:1vw; line-height:1.2vw; color:#804539; text-transform: none; font-family: "Lato", sans-serif; font-weight: 400; padding-bottom:0; margin-bottom:0; border:0;  padding-right:4vw; cursor:pointer;}
#seguridad-e-higiene .der ul li .sub li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1vw; color: #804539; z-index: 1; font-weight:300;}
#seguridad-e-higiene .der ul li .sub li:last-child { margin-bottom:1vw; }
#seguridad-e-higiene .der ul li a { cursor:pointer; display: block; position: relative; overflow: hidden; width: 130%; z-index: 9; }
#seguridad-e-higiene .der ul li .sub li:hover { color:#6c8f3c; }

#clientes { display:block; position:relative; overflow:hidden; margin-top:10vw;  height: 20vw; margin-bottom:2vw; }

#clientes .bcg {position: relative; display: block; width: 100%; background-image: url(../img/foto-clientes-dezzo.jpg); background-repeat: no-repeat; background-size: cover; height:20vw; background-position:center; background-attachment: fixed; }
/*#clientes .marco { display:block; position:absolute; top:0; bottom:0; height:4vw; margin:auto; width:80.952380952vw; left:9.5238095238vw; padding:1.5vw 1vw 1vw 1vw; background-color:rgba(161, 174,104, .6);}*/
#clientes .marco {     display: table; position: absolute; top: 0vw; bottom: 0; height: 4vw; margin: auto; width: 24vw; left: 0; padding: 1.5vw 1vw 1vw 1vw; background-color: rgba(161, 174,104, .6); right: 0; text-align: center; }
#clientes .marco h2 { display:inline-block; float:left; font-size:1.4vw; line-height: 1.6vw; text-transform: uppercase; font-weight: 900; font-family: "Raleway", sans-serif; color:#fff; }
#clientes .marco ul { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:2vw; width:76%;height:1.5vw;}
#clientes .marco ul li { float: none; display: inline-block; vertical-align: top; margin-right:.5vw; color:#fff; font-family: "Raleway", sans-serif; font-weight: 400; font-size:1.3vw; line-height:1.4vw;overflow-wrap: normal; width:auto !important; height:1.5vw; }

#logos { display: block; position: relative; overflow: hidden; width: 100vw; padding: 0 6.25vw; }
#logos ul { display:block; position:relative; overflow:hidden; width:100%; }
#logos ul li { float: none; display: inline-block; vertical-align: top; margin-right:.5vw; width:11.9vw;  }
#logos ul li img { display:block; width:100%; height:auto; }


.fondoabajo { display:block; position:relative; overflow:hidden; width:100vw;  background-image: url(../img/fondo-contacto-dezzo-2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 44vw; }
#conocenos { display:block; position:relative; overflow:hidden; width:100vw;  margin-top:5vw;  text-align:center; }
#conocenos h2 { display:block; color:#804539; font-size: 5.5vw; line-height: 5.7vw; font-family: "Raleway", sans-serif; font-weight: 900; margin-bottom:2vw;-webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all 0.5s; }
#conocenos h2.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#conocenos p { display:block; color:#3d4039; font-size:1vw; line-height:1.2vw; width:56.54vw; text-align:center; margin:0 auto;-webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#conocenos p.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#conocenos ul  { display:block; position:relative; overflow:hidden; width: 100vw; margin: 3vw auto; width: 77vw; text-align:center;}
#conocenos ul li { display:inline-block; position:relative; overflow:hidden; width:48%; float:left; -webkit-transform: translate3d(-1000px, 0, 0); transform: translate3d(-1000px, 0, 0); opacity: 0; transition: all .5s .5s; }
#conocenos ul li.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#conocenos ul li:last-child { float:right; -webkit-transform: translate3d(1000px, 0, 0); transform: translate3d(1000px, 0, 0); opacity: 0; transition: all .5s .5s; }
#conocenos ul li.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#conocenos ul li .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:75%; text-align:right; margin-top:1vw;}
#conocenos ul li .izq h3 { display:block; color:#66342a; font-family: "Raleway", sans-serif; font-size:1.6vw; line-height: 1.8vw; font-weight: 400;}
#conocenos ul li .izq h3 span { text-transform: uppercase; }
#conocenos ul li .izq h3 span strong { font-weight: 900;  }
#conocenos ul li .izq p { display:block; color:#a65a4b; font-family: "Raleway", sans-serif; font-size:1vw; line-height: 1.2vw; font-weight: 400; width:100%; text-align:right;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
#conocenos ul li .izq h4 { display: block; color: #66342a; font-family: "Raleway", sans-serif; font-size: .9vw; line-height: 1.2vw; font-weight: 700;  }
#conocenos ul li .izq a { display:inline-block; margin-right:1vw; clear:both; color:#a65a4b; font-size:2vw; cursor:pointer; margin-top:1vw;}
#conocenos ul li .izq a:last-child { margin-right:0; }
#conocenos ul li .izq a:hover { color:#6c8f3c; }

#conocenos ul li .imagen { display:inline-block; float:left; position:relative; overflow:hidden; width:19%;background-repeat: no-repeat; background-position: center; background-size: 90% 90%; height: 7vw;}
#conocenos ul li .mascara { display: block; position: absolute; top: 0; left: 0; width: 19%; background-image: url(../img/mascara-foto-bio-dezzo.png); height: 7vw; z-index: 999; background-repeat: no-repeat; background-position: center; background-size: cover; }

#conocenos ul li:last-child .izq { float:right;text-align:left; }
#conocenos ul li:last-child .mascara { float:left; }
#conocenos ul li:last-child .izq p { text-align:left; }
#conocenos ul li:first-child .mascara { right: 0; left: inherit; }
#conocenos ul li:first-child .imagen { float:right; }

#conocenos .planta { display:block; width:27.976190476vw; height:auto; margin-left:34vw; -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#conocenos .planta.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

#contacto { display:block; position:relative; overflow:hidden; width:100vw; margin-top: 46vw;
    padding-bottom: 10vw;
}
#contacto .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:40.714285714vw; margin-left:6.25vw;-webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#contacto .izq.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#contacto .izq img { display: inline-block; float: left; position:relative; overflow:hidden;  width: 13.69047619vw; height: auto; margin-right:1vw; vertical-align:middle;}
#contacto .izq h2 { display:inline-block; float:left; position:relative; overflow:hidden; vertical-align:middle;  color:#fff; font-weight: 900; font-family: "Raleway", sans-serif; font-size:3.8vw; line-height:4vw;width: 61%; margin-top: 3vw;}
#contacto .izq h2 span { display:block; font-size:.9vw; line-height:1.1vw; font-weight: 400; font-family:"Lato", sans-serif; margin-top:1vw; }

#contacto form { display:inline-block; float:right; position:relative; overflow:hidden; width:35.119047619vw; margin-right:11.904761905vw; margin-top:3.5vw;-webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); opacity: 0; transition: all  0.5s; }
#contacto form.visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
#contacto form ol { display: block; position:relative; overflow:hidden; width: 100%; margin:1vw 0 0 0; padding:0; }
#contacto form ol li { display:inline-block; float:left; position:relative; overflow:hidden; width:48%; margin-right:2%; padding-bottom:.3vw; margin-bottom:.3vw; border-bottom:1px solid #fff; }
#contacto form ol li.largo { display: block; width:98%; float:none;  }
#contacto form ol li label { display:block; color:#fff; font-size:1.1vw; line-height: 1.3vw; font-weight: 900; }
#contacto form ol li input { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw; color:#fff; font-size:.9vw; line-height: 1.1vw; background:none; border:0; }
#contacto form ol li textarea { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw; color:#fff; font-size:.9vw; line-height: 1.1vw; background:none; border:0; height:6vw; }
#contacto form button { display:table; background:#213308; border:1px solid #213308; border-radius: 12px; color:#fff; text-transform: uppercase; font-size:1vw; line-height: 1.2vw; padding:.5vw 1vw; cursor:pointer; font-weight: 900; }
#contacto form button:hover { color:#213308; background:#fff; }

footer { display:block; position:relative; overflow:hidden; width:100vw; padding:.5vw 11.904761905vw .5vw 7.5vw; }
footer h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:11.547619048vw; margin-right:2vw;}
footer h1 img { display:block; width:100%; height:auto; }
footer .copy { display:inline-block; float:left; position:relative; overflow:hidden; color:#3d5f0f; font-size:.9vw; line-height:1.1vw; margin-top:2.7vw;}
footer .copy p { display:inline-block; float:left; position:relative; overflow:hidden; color:#3d5f0f; font-size:.9vw; line-height:1.1vw; }
footer .copy a { display:inline-block; float:left; position:relative; overflow:hidden; color:#3d5f0f; font-size:.9vw; line-height:1.1vw; margin-left:1vw;}
footer span { font-weight: 900; text-transform: uppercase;}

footer ul.redes { display:inline-block; float:right; position:relative; overflow:hidden; }
footer .redes li { display:inline-block; float:left; position:relative; overflow:hidden; color:#6c8f3c; font-size:1vw; line-height: 1.3vw; font-weight: 700; margin-right:.5vw; margin-top:1.5vw; cursor:pointer}
footer .redes li:nth-child(1n) { color:#29400a; }
footer .redes li:nth-child(2n) { color:#426610; }
footer .redes li:nth-child(3n) { color:#804539; }
footer .redes li:hover { color:#203308; }

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

.overlayIngenieria, .overlayHigiene, .overlayFundador1, .overlayFundador2 {
  width: 100vw;
  overflow: hidden;
  transition: all .5s ease-in;
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg); z-index:50;}

.pop { display:block; position:relative; overflow:hidden; width:100%; }
.pop h2 { display:table; position:relative; overflow:hidden; background:#6c8f3c; color:#fff; font-size:1.4vw; padding:.5vw 1vw; left:0; right:0; margin:0 auto; font-size:2.1vw; line-height:2.3vw; }
#overlayHigiene h2, #overlayFundador1 h2, #overlayFundador2 h2 { background:#804539; }

.pop .marco { display:block; position:relative; overflow:hidden; width:100%; background:#fff; padding:2vw 11.071428571vw;  }
.pop .marco .cerrarIngenieria { display: block; position:absolute; top:1vw; right:1vw; color:#6c8f3c; font-size:1vw; line-height:1.2vw; font-weight: 900; font-family:"Raleway",sanz-serif; cursor:pointer; }
.pop .marco .cerrarHigiene { display: block; position:absolute; top:1vw; right:1vw; color:#a65a4b; font-size:1vw; line-height:1.2vw; font-weight: 900; font-family:"Raleway",sanz-serif; cursor:pointer; }
.pop .marco .cerrarFundador { display: block; position:absolute; top:1vw; right:1vw; color:#a65a4b; font-size:1vw; line-height:1.2vw; font-weight: 900; font-family:"Raleway",sanz-serif; cursor:pointer; }
.pop .marco .cerrarFundador2 { display: block; position:absolute; top:1vw; right:1vw; color:#a65a4b; font-size:1vw; line-height:1.2vw; font-weight: 900; font-family:"Raleway",sanz-serif; cursor:pointer; }
.pop .marco .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:35.714285714vw; }
.pop .marco .izq h2 { display:block; }
.pop .marco .izq h2 img { display: block; width: 2.73vw; height:auto;  margin-bottom:.5vw; }
.pop .marco .izq span { display: block; color:#426610; text-transform: uppercase; font-weight: 900; font-family: "Raleway", sans-serif; font-size:1.6vw; line-height:1.8vw; padding-bottom:.5vw; margin-bottom:.5vw; border-bottom:1px solid #afc28f;  }
#overlayHigiene .marco .izq span, #overlayFundador1 .marco .izq span, #overlayFundador2 .marco .izq span { color:#a65a4b; border-color:#804539; }
.pop .marco .izq h4 { display: block; position:relative; font-size:1vw; line-height:1.2vw; color:#6c8f3c; text-transform: none; font-family: "Lato", sans-serif; font-weight: 400; padding-bottom:0; margin-bottom:0; border:0;  padding-right:4vw; margin-bottom:1vw; padding-left:1vw; }
#overlayHigiene .marco .izq h4, #overlayFundador1 .marco .izq h4, #overlayFundador2 .marco .izq h4, #overlayHigiene .marco .izq h4::before, #overlayFundador1 .marco .izq h4::before, #overlayFundador2 .marco .izq h4::before { color:#804539; }
.pop .marco .izq h4::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1vw; color: #6c8f3c; z-index: 1; font-weight:300;}
.pop .marco .izq p { display:block; position:relative; overflow:hidden; width:35.119047619vw; margin-right:3.98vw; text-align:left;  color:#3d4039; font-size:.8vw; line-height:1.1vw; }
.pop .marco form { display:inline-block; float:right; position:relative; overflow:hidden; width:35.714285714vw; }
.pop .marco form h3 {     display: block; color: #6c8f3c; text-transform: uppercase; font-weight: 900; font-family: "Raleway", sans-serif; font-size: 1.3vw; line-height: 1.5vw; margin-top: 4vw; }
.pop .marco form ol { display: block; position:relative; overflow:hidden; width: 100%; margin:1vw 0 0 0; padding:0; }
.pop .marco form ol li { display:inline-block; float:left; position:relative; overflow:hidden; width:48%; margin-right:2%; padding-bottom:.3vw; margin-bottom:.3vw; border-bottom:1px solid #b9c2a5; }
.pop .marco form ol li.largo { display: block; width:98%; float:none;  }
.pop .marco form ol li label { display:block; color:#426610; font-size:1.1vw; line-height: 1.3vw; font-weight: 900; }
.pop .marco form ol li input { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw; color:#426610; font-size:.9vw; line-height: 1.1vw; background:none; border:0; }
.pop .marco form ol li textarea { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw; color:#426610; font-size:.9vw; line-height: 1.1vw; background:none; border:0; height:6vw; }
.pop .marco form button { display:table; background:#213308; border:1px solid #213308; border-radius: 12px; color:#fff; text-transform: uppercase; font-size:1vw; line-height: 1.2vw; padding:.5vw 1vw; cursor:pointer; font-weight: 900; }
.pop .marco form button:hover { color:#213308; background:#fff; }
#overlayHigiene.marco form h3, #overlayHigiene .marco form ol li label, #overlayHigiene .marco form ol li input, #overlayHigiene .marco form ol li textarea, #overlayHigiene .marco form h3  { color:#804539; }
#overlayHigiene .marco form ol li { border-color:#804539; }
#overlayHigiene .marco form button { border-color:#66342a; background:#66342a; }
#overlayHigiene .marco form button:hover { color:#66342a; background:#fff; }

.fundador .marco form h3, .fundador .marco form ol li label, .fundador .marco form ol li input, .fundador .marco form ol li textarea, .fundador .marco form h3  { color:#804539; }
.fundador .marco form ol li { border-color:#804539; 66342a} 
.fundador .marco form button { border-color:#66342a; background:#804539; }
.fundador .marco form button:hover { color:#66342a; background:#fff; }
.fundador .marco .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:52%; text-align:right; margin-top:1vw;}
.fundador .marco .izq .imagen { display: block; /* float: left; */ position: absolute; overflow: hidden; width: 7vw; top: 0; left: 0; }
.fundador .marco .izq .imagen img { display:block; width:100%; height:auto; z-index:0;}
.fundador .marco .izq .imagen .mascara { display: block; position: absolute; top: 0; left: 0; width: 100%; background-image: url(../img/mascara-foto-bio-dezzo.png); height: 7.1vw; z-index: 999; background-repeat: no-repeat; background-position: center; background-size: cover; }
.fundador .marco .izq h3 { display:block; color:#66342a; font-family: "Raleway", sans-serif; font-size:1.5vw; line-height: 1.7vw; font-weight: 400; margin-left: 9vw;
    overflow: hidden;
    float: left;
    text-align: left; margin-top:2.5vw; }
.fundador .marco .izq h3 span { text-transform: uppercase; display:inline-block; border:0;}
.fundador .izq h3 span strong { font-weight: 900;  }
.fundador .izq .tipo { display:block; color:#a65a4b; font-family: "Raleway", sans-serif; font-size:.9vw; line-height: 1.1vw; font-weight: 400; width:55%; float:left;text-align:left; margin-left:9vw;}
.fundador .izq p { display:block; color:#3d4d26; font-family: "Raleway", sans-serif; font-size:.9vw; line-height: 1.1vw; font-weight: 400; width:73% !important; float:left;text-align:left; margin-left:9vw; margin-top:1vw; padding-top:1vw; border-top:1px solid #ccc;}
.fundador .izq a { display:block; color:#a65a4b; font-size:1.5vw; cursor:pointer; margin-top:1vw;}


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

  header { height:17.7vw !important; }
  header h1 { width:44vw !important; margin-left:25px;}
  header ul.menu { display:none; }
  header .linea2 { top:17.27273vw !important; }
  #home { margin-top:17.6vw !important; }
  header .redes li.grande { display:none; }
  header .redes li { font-size:2vw !important; }
  header ul.redes { top:1vw !important; margin-right:90px !important;}
  header .click-menu { display:block; position:absolute; top:6vw; right:25px; font-size:2.5vw; color:#6c8f3c; cursor:pointer;}
  ul.menuMovil {     display: none; position: fixed; top: 17.8vw; left: 0; width: 100%; background: #426610; z-index:99999999; padding:20px 50px; }
   ul.menuMovil.abierto { display:block; }
  .menuMovil li { display:block; position:relative; overflow:hidden;  width:100%; color:#fff; text-transform: uppercase; font-size:20px; line-height:22px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #7b9458; font-weight: 700; }
  .menuMovil li:last-child { border:0; padding-bottom:0; margin-bottom:0; }
  #home, #home ul li { height:53vw; }
  #home .izqHome, #home .derHome { display:none; }
  #home .frase1, #home .frase2 { display:table; width:auto; font-size:55px; line-height:57px; padding:5px 10px; left:13vw; }
  #home .frase2 { top:27vw; }
  #home .linea { display:none; }

  .servicios { background-image:none; }

  #ingenieria-ambiental .izq h2 .tituloEsc { display:none; }
  #ingenieria-ambiental .izq h2 .tituloMovil { display:block; width:100%;}
  #ingenieria-ambiental .izq, #ingenieria-ambiental .der { display:block; float:none; width:100%; }
  #ingenieria-ambiental .izq h2 { width: 90%; float: none; margin: 0 50px 20px 50px; }
  #ingenieria-ambiental .izq p {     margin: 0 50px 0 50px; text-align: left; float: right; color: #3d4039; font-size: 15px; line-height: 18px; width:87%; }

  #ingenieria-ambiental .der ul {display: block; position: relative; overflow: hidden; width: 87%; margin-top: 40px; margin: 40px 50px; }
  #ingenieria-ambiental .der ul li ul.sub { margin:0; margin-left:42px;}
  #ingenieria-ambiental .der ul li { font-size:20px; line-height:22px; padding:0 10px 10px 10px; margin-bottom: 10px;}
  #ingenieria-ambiental .der ul li h4 { font-size:20px; line-height:22px; width:80%;}
  #ingenieria-ambiental .der ul li::before, #ingenieria-ambiental .der ul li.sele::before { font-size:20px; }
  #ingenieria-ambiental .der ul li .sub li { font-size:16px; line-height:18px; margin-bottom: 5px; }
  #ingenieria-ambiental .der ul li .sub li::before { font-size:16px; }
  .pop .marco .cerrarIngenieria { font-size:20px; line-height: 22px; }

  #seguridad-e-higiene { padding-top:0; }
  #seguridad-e-higiene .izq h2 .tituloEsc { display:none; }
  #seguridad-e-higiene .izq h2 .tituloMovil { display:block; width:100%;}
  #seguridad-e-higiene .izq, #seguridad-e-higiene .der { display:block; float:none; width:100%; }
  #seguridad-e-higiene .izq h2 { width: 90%; float: none; margin: 0 50px 20px 50px; }
  #seguridad-e-higiene .izq p {     margin: 0 50px 0 50px; text-align: left; float: right; color: #3d4039; font-size: 15px; line-height: 18px; width:87%; }

  #seguridad-e-higiene .der ul {display: block; position: relative; overflow: hidden; width: 87%; margin-top: 40px; margin: 40px 50px; }
  #seguridad-e-higiene .der ul li ul.sub { margin:0; margin-left:42px;}
  #seguridad-e-higiene .der ul li { font-size:20px; line-height:22px; padding:0 10px 10px 10px; margin-bottom: 10px;}
    #seguridad-e-higiene .der ul li h4 { font-size:20px; line-height:22px; width:80%;}
  #seguridad-e-higiene .der ul li::before, #seguridad-e-higiene .der ul li.sele::before { font-size:20px; }
  #seguridad-e-higiene .der ul li .sub li { font-size:16px; line-height:18px; margin-bottom: 5px; }
  #seguridad-e-higiene .der ul li .sub li::before { font-size:16px; }
 

  #clientes .marco h2, #clientes .marco ul li, #clientes .marco ul { font-size:20px; line-height:22px; height:4vw; }
  #clientes { margin-top:5vw; }
  #clientes , #clientes .bcg { height:40vw; }
  #clientes .marco { /*height:6vw; */ width:43vw;}
  #clientes .marco ul { width:57%; }

  .fondoabajo { background-image:none; }
  #contacto { padding:30px 0; background:#2a4500;}

  #conocenos h2 { font-size:80px; line-height:82px; }
  #conocenos p { font-size:16px; line-height:18px; width:87%; margin:0 50px;}
  #conocenos ul { width:87%; margin:3vw 50px; }
  #conocenos ul li .izq h3 { font-size:21px; line-height:23px; }
  #conocenos ul li .izq p, #conocenos ul li .izq h4 { font-size:15px; line-height:17px; }
  #conocenos ul li .mascara { height:10vw; background-size:100% 100%;}
  #conocenos ul li .izq a { font-size:21px; }
  #conocenos ul li .imagen { height:10vw; }
  #conocenos .planta { display:none; }
  #conocenos ul li:last-child .izq p { text-align: left;
    float: left;
    padding: 0;
    margin: 0; }

  #contacto { margin-top:10vw; }
  #contacto .izq, #contacto form { display:block; float:none; width:100%; padding:0 50px; margin-left:0; }
  #contacto .izq img { display: block; float: none; left: 0; right: 0; margin: 0 auto; width: 26vw; }
  #contacto .izq h2 { font-size:55px; line-height:57px; display: table; float:none; width:100%; text-align: center; }
  #contacto .izq h2 span { font-size:15px; line-height:17px; margin-top: 20px; }

  footer h1 { display:none; }
  footer .copy p, footer .copy a { font-size:15px; line-height:17px; }
  footer .redes li { font-size:2vw !important; }
  footer ul.redes { top:1vw !important; margin-right:90px !important; float:left;}

   .pop .marco .cerrarHigiene, .pop .marco .cerrarFundador { font-size:20px; line-height: 22px; }
  .pop h2 {     font-size: 38px; line-height: 40px; padding: 5px 10px; }
  .pop .marco { padding:2vw 50px; }
  .pop .marco .izq, .pop .marco form { display:block; float:none; width:98%; }
  .pop .marco .izq span { font-size:30px; line-height:32px; padding-bottom:10px; margin-bottom:10px; }
  .pop .marco .izq h4, .pop .marco form h3 { font-size:22px; line-height: 24px; margin-left:0;}
  .pop .marco .izq p { font-size:16px; line-height:18px; width: 100% !important; margin-right: 0; margin-left:0;}
  .pop .marco form ol li label, .pop .marco form ol li input, .pop .marco form ol li textarea, .fundador .izq .tipo, #contacto form ol li label, #contacto form ol li input, #contacto form ol li textarea { font-size:16px; line-height:18px; }
  .pop .marco form ol li, #contacto form ol li { margin-bottom:10px; padding-bottom:10px; }
  .pop .marco form button, #contacto form button { font-size:20px; line-height: 22px; padding:5px 10px; }
  .fundador .marco .izq h3 { font-size:22px; line-height: 24px; margin-left:0;}
  .fundador .izq .tipo { margin-left: 0; width:100%;}
  .pop .marco .izq h4::before { font-size:20px; }
  .fundador .marco .izq .imagen { display:none; }

}

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

  header { height:19.7vw !important; }
  header .redes li { font-size:2.5vw; }
  header .click-menu {font-size: 4vw; top: 4.5vw; }
  header ul.redes { margin-right:80px !important; }
  header .redes li { font-size:10px !important; }
  ul.menuMovil { padding:20px; }
  #home .fondo { display:none; }
  #home, #home, #home, #home ul li { height:70vw; }
  #home .frase1, #home .frase2 { font-size:30px; line-height: 32px; left:0; width:100%; text-align: center; top:18vw;}
  #ingenieria-ambiental .izq, #ingenieria-ambiental .der { padding:0 20px; }
  #ingenieria-ambiental .izq h2 { margin:0 0 20px 0; }
  #ingenieria-ambiental .izq p { margin:0; width:100%; padding:0; }
  #ingenieria-ambiental .der ul { width:95%; margin:40px 20px 0 0px; }
  #ingenieria-ambiental .der ul li img { width:9.4vw; }
  #ingenieria-ambiental .der ul li h4{ font-size:17px; line-height:19px; }
  #ingenieria-ambiental .der ul li .sub li { padding-right:40px; }

  #seguridad-e-higiene .izq, #seguridad-e-higiene .der { padding:0 20px; }
  #seguridad-e-higiene .izq h2 { margin:0 0 20px 0; }
  #seguridad-e-higiene .izq p { margin:0; width:100%; padding:0; }
  #seguridad-e-higiene .der ul { width:95%; margin:40px 20px 0 0px; }
  #seguridad-e-higiene .der ul li h4{ font-size:17px; line-height:19px; }
  #seguridad-e-higiene .der ul li img { width:9.4vw; }
  #seguridad-e-higiene .der ul li .sub li { padding-right:40px; }

  #ingenieria-ambiental .der ul li a, #seguridad-e-higiene .der ul li a { width:90%; }
  #seguridad-e-higiene .der ul li ul.sub, #ingenieria-ambiental .der ul li ul.sub { width:90%; }

  #clientes, #clientes .bcg { height:60vw; }
  #clientes .marco { height:18vw; padding:10px; width:82vw;}
  #clientes .marco ul { display: block; float:none; width:100%; margin-left:0; margin-top:20px; }

  #conocenos h2 { font-size:37px; line-height:52px; text-align:left; margin-left:20px;}
  #conocenos p { padding:0; margin:0 20px;text-align:left;}
  .fondoabajo { background-image:none; }

  #conocenos ul { margin:30px 20px; }
  #conocenos ul li { display:block; float:none; width:100%; margin-bottom: 20px; }
  #conocenos ul li .mascara, #conocenos ul li .imagen { height:21.5vw; }
  #contacto { padding:30px 0; background:#2a4500;}
  #contacto .izq, #contacto form { padding:0 20px; }
  #contacto .izq h2 { font-size: 37px;
    line-height: 42px;
    text-align: left; }

  .pop h2 { font-size:18px; line-height: 20px; }
  .pop .marco { padding:20px; }
  .pop .marco form ol li, #contacto form ol li { display:block; float:none; width:100%; }
  .pop .marco .izq h4 { padding-left:3vw; }
  #conocenos ul li .izq { float:right; text-align:left; }
  #conocenos ul li:first-child .imagen, #conocenos ul li:first-child .mascara { float:left; left:0; }
  #conocenos ul li .izq p { text-align:left; margin-left:0; }
  #conocenos .planta { display:none; }
  #home .frase2 { top:32vw; }
  footer ul.redes { display:none; }
  footer { padding:10px 20px 56px 20px; }
  footer .copy a { margin-left:0; margin-top:10px; }
  footer .copy p { width:90%; }
  #clientes .marco ul li { margin-right:15px; }
  #clientes .marco { left:20px; }
  #ingenieria-ambiental .der ul li, #seguridad-e-higiene .der ul li { width:103%; }
  #ingenieria-ambiental .der ul li::before, #ingenieria-ambiental .der ul li.sele::before { right:4.5vw; }
  #seguridad-e-higiene .der ul li::before { right:4.5vw; }
  header .linea2, ul.menuMovil {top: 19.27273vw !important; }




}