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

@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; top:0; left:0; width:100vw; /*overflow:hidden;*/ background:#fff; padding:1vw 0; vertical-align: middle;-webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; transition: 1s  .5s; z-index:2; height:8.5vw;}
.loaded header { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
header.chico { height:5.5vw;  box-shadow: 0px 0px 0px 2px #ccc;}
header h1 { display:inline-block; float:left; position:relative; overflow:hidden; vertical-align: middle;  width:18.571428571vw; margin:0 0 0 12.797619048vw; transition: 1s  .5s; }
header h1 img { display:block; width: 100%; height:auto; }
header.chico h1 { width:11.571429vw; }
header ul.menu { display:inline-block; float:left; position:relative; overflow:hidden; vertical-align: middle; margin-left:7.2619047619vw; margin-top:2vw; transition: 1s  .5s; }
header.chico ul.menu { margin-top:1vw; }
header .menu li { display: inline-block; float:left; position:relative; overflow:hidden; vertical-align: middle; text-transform: uppercase; color:#808080; font-weight: 400; font-size:.88vw; line-height: 1vw; margin-right:1vw; }
header .menu li:hover, header .menu li .sele { color:#6f4599; }
header .resultados { display: inline-block; float:left; position:relative; /*overflow:hidden;*/ vertical-align: middle;  transition: 1s  .5s; margin-top:1.3vw;}
header.chico .resultados { margin-top:.3vw; margin-left:1.5vw;}
header .resultados .res { display: table; color:#fff; font-weight: 700; text-transform: uppercase; background:#6f4599; padding:.7vw 1vw .5vw 1vw; font-size: .88vw; line-height: .88vw;  border:1px solid #6f4599; transition:none !important; cursor:pointer; }



header .resultados .subcontactoContainer  { display:block; position: absolute; top: 2.2vw; left: 0; opacity: 0; visibility: hidden; width:100%; background:#808080; }
header .resultados .subcontactoContainer  li { display:block; position:relative; overflow:hidden; width:95%; padding:.7vw 1vw .5vw 1vw; font-size: .88vw; line-height: .88vw; color:#fff; border-bottom:1px solid #fff; margin:0 auto;}
header .resultados .subcontactoContainer  li span { display:block; font-weight: 900; text-transform: uppercase; font-size:1vw; line-height:1.3vw; }
header .resultados .subcontactoContainer  li::before { content: "\f054"; font-family: FontAwesome; position: absolute; top: 1.2vw; right: 0.5vw; font-size: 1.4vw; color: #fff; z-index: 1; }
header .resultados .subcontactoContainer  li:last-child { border:0;  }

header .resultados .res:hover { color:#6f4599; background:#fff; }
header .resultados:hover .subcontactoContainer {display: block; visibility: visible; opacity: 1; }


main { display: block; position: relative; overflow: hidden; width: 100vw; margin-top:8.5vw; z-index:1;}

.home .slideHome { display: block; position: relative; overflow: hidden; width: 100%;}
.home .slideHome .iso { display:block; position:absolute; top:0; right:9.8214285714vw; width:27.083333333vw; height:auto;  z-index:3;}
.home .slideHome .flecha-der, .home .slideHome .flecha-izq { display: block; position: absolute; top: 16vw; z-index: 9; color: #fff; font-size: 3vw; cursor:pointer;}
.home .slideHome .flecha-izq { left:3vw; }
.home .slideHome .flecha-der { right:3vw; }
.home .slideHome ul { display: block; position: relative; overflow: hidden; width: 100%; z-index:1;}
.home .slideHome ul li { display: block; position: relative; overflow: hidden; width: 100%; height:35.25vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; }
.home .slideHome ul li .marco { display:block; position:relative; overflow: hidden; margin-left:12.797619048vw; width: 36.488095238vw; margin-top:16vw; }
.home .slideHome ul li .marco h2 { display: block; color:#fff; font-weight: 700; font-size:3.05vw; line-height: 3.25vw; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; transition: all .5s .5s;}
.home .slideHome ul li.slick-active .marco h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.home .slideHome ul li .marco p { display:block; color:#fff; font-size:1.1vw; line-height: 1.3vw; font-weight: 300; margin:1vw 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; transition: all .5s .8s;}
.home .slideHome ul li.slick-active .marco p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.home .slideHome ul li .marco a { display:table; color:#fff; font-size:1.1vw; line-height: 1.3vw; font-weight: 300; background:transparent; border:2px solid #fff; padding:.5vw 1vw; text-transform: uppercase; font-weight: 500; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; transition: all .5s 1.1s;}
.home .slideHome ul li.slick-active .marco a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.home .tecnologia { display: block; position:relative; overflow:hidden; width:100vw; padding:4vw 12.797619048vw; }
.home .tecnologia .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:45.809524vw; }
.home .tecnologia .izq h2 { display:block; color:#666666; font-weight: 700; font-size:1.6vw; line-height: 1.8vw; }
.home .tecnologia .izq h3 { display: block; color:#666666; font-weight: 400; font-size:1.3vw; line-height: 1.5vw; margin-top:.5vw; }
.home .tecnologia .izq p { display: block; color:#666666; font-weight: 400; font-size:.88vw; line-height: 1.1vw; margin-top:1vw; }

.home .tecnologia .der { display: inline-block; float:right; position:relative; overflow:hidden; background:#6f4599; padding:2vw; width:22.916666667vw; -moz-perspective: 800px;
    -o-perspective: 800px; perspective: 800px;-webkit-perspective: 800px; height:13vw; }
.home .tecnologia .der .flip {width: 84%; height: 73%; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; top:2vw; left:2vw;} 
.home .tecnologia .der .flip div {display: block; height: 100%; width: 100%; line-height: 260px; color: white; text-align: center; font-weight: bold; font-size: 140px; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; text-align:left; }
.home .tecnologia .der .flip .back { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
.home .tecnologia .der .flip.flipped {-webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }


.home .tecnologia .der .flip .front h2 { display:block; color:#fff; font-weight: 400; font-size:1.6vw; line-height: 1.8vw; }
.home .tecnologia .der .flip .front h2 span { font-weight: 700; }
.home .tecnologia .der .flip .front p { display: block; color:#fff; font-weight: 400; font-size:.88vw; line-height: 1vw; margin-top:.5vw; }
.home .tecnologia .der .flip .front span.ingresar { display:table; position:relative; overflow:hidden; padding:.5vw 1vw; background: #37224d; color:#fff; font-size:1vw; font-weight: 700; margin-top:1vw; text-transform: uppercase; border:1px solid #37224d; line-height:1.2vw; cursor:pointer; }
.home .tecnologia .der .flip .front span.ingresar:hover { color:#37224d; background:#fff; }

.home .tecnologia .der .flip .back h2 { display:block; color:#fff; font-weight: 400; font-size:1.6vw; line-height: 1.8vw; }
.home .tecnologia .der .flip .back h2 span { font-weight: 700; }
.home .tecnologia .der .flip .back form { display: block; position: relative; overflow: hidden; width: 100%; margin-top:.5vw; background:#6f4599;}
.home .tecnologia .der .flip .back form input { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.5vw; padding:.5vw 1vw; background:#fff; border:0; font-size:.8vw; line-height: 1vw; color:#37224d;}
.home .tecnologia .der .flip .back form button { display:table; position:relative; overflow:hidden; padding:.5vw 1vw; background: #37224d; color:#fff; font-size:1vw; font-weight: 700; margin-top:1vw; text-transform: uppercase; border:1px solid #37224d; line-height:1.2vw; cursor:pointer; }
.home .tecnologia .der .flip .back form button:hover { color:#37224d; background:#fff; }

.home .sucursales { display: block; position:relative; overflow:hidden; width:100vw; padding:2vw 12.797619048vw; background:#eeeeee; padding:2vw 5.9523809524vw;}
.home .sucursales .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:32%; border-right:1px solid #aaaaaa; padding:1vw 0;}

.home .sucursales .der { display:inline-block; float:left; position:relative; overflow:hidden; width:32%; padding:1vw 0; border-right:1px solid #aaaaaa; padding:1vw 0 0 1vw;}
.home .sucursales .der2 { display:inline-block; float:left; position:relative; overflow:hidden; width:32%; padding:1vw 0 0 1vw; }
.home .sucursales .marco { display: inline-block; float: left; width: 16.07vw; position: relative; overflow: hidden; margin-right: 1vw; width: 42%;}
.home .sucursales .marco .iso { display:block; width:7.1428571429vw; height:auto; margin:0 auto 1vw auto; width:80%; }
.home .sucursales .marco h2 { display: block; text-transform: uppercase; color: #5e5e5e; font-size: 3vw; line-height: 3.33vw; text-align: center; margin-top: 2vw; font-weight: 700; font-size:2vw; line-height: 2.2vw;}
.home .sucursales .textos { display: inline-block; float: left; width: 17vw; width: 51%;}
.home .sucursales .textos p { display: block;
    color: #595959;
    font-size: .88vw;
    line-height: 1vw;
    margin-bottom: 1vw; }

.home .novedades { display:block; position:relative; overflow:hidden; width:100vw; background:#eeeeee; background:#fff; padding:0 0 4vw 0; }
.home .novedades h2 { display:table; color:#fff; text-transform: uppercase; font-weight: 700; font-size:1vw; padding:.5vw 1.6vw; background:#6f4599; margin-left:12.797619048vw;}
.home .novedades .novedades-der, .home .novedades .novedades-izq { display: block; position: absolute; top: 9vw; z-index: 9; color: #7b7b7b; font-size: 2vw; cursor:pointer; z-index:9; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; transition: all .5s .5s;}
.home .novedades.visible .novedades-der, .home .novedades.visible .novedades-izq { opacity:1;  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.home .novedades .novedades-izq { left:10.05952381vw; }
.home .novedades .novedades-der { right:10.05952381vw; }
.home .novedades ul { display:block; position:relative; overflow:hidden; width:77.404761905vw; margin-left:12.797619048vw; margin-top: 2vw; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; transition: all .5s .5s;}
.home .novedades.visible ul { opacity:1;  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.home .novedades ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:22.916666667vw; margin-right:2.5vw; }
.home .novedades ul li .imagen { display:inline-block; float:left; position:relative; overflow:hidden; width: 8.9285714286vw; margin-right:1vw; height:12.5vw; background-repeat: no-repeat; background-position:center; background-size:cover; }
.home .novedades ul li h3 { display:table; color:#6f4599; font-weight: 700; font-size:1vw; line-height: 1.2vw; }
.home .novedades ul li h3 span { font-size:.88vw; margin-right:1vw; }
.home .novedades ul li p { display:table; color:#595959; font-weight: 400; font-size:.88vw; line-height: 1.1vw; margin-top:.5vw; width:55%; display:inline-block; float:left;}
.home .novedades ul li:hover h3 { color:#37224d; }

.interna .slide { display: block; position: relative; overflow: hidden; width: 100%;}
.interna .slide .iso { display:block; position:absolute; top:0; right:9.8214285714vw; width:27.083333333vw; height:auto;  z-index:3;}

.interna .slide ul { display: block; position: relative; overflow: hidden; width: 100%; z-index:1;}
.interna .slide ul li { display: block; position: relative; overflow: hidden; width: 100%; height:35vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; }
.interna .slide ul li .marco { display:block; position:relative; overflow: hidden; margin-left:12.797619048vw; width: 36.488095238vw; margin-top:16vw; }
.interna .slide ul li .marco h2 { display: block; color:#fff; font-weight: 700; font-size:3.05vw; line-height: 3.25vw;  }
.interna .slide ul li .marco .linea { display: table; width:5vw; height:.3vw; background:#fff; margin-top:.5vw;  }

.interna .slide ul li .marco p { display:block; color:#fff; font-size:1.1vw; line-height: 1.3vw; font-weight: 300; margin:1vw 0; }

.interna .cuerpo { display: block; position:relative; overflow:hidden; width:100vw; padding:0 12.797619048vw; background:#eeeeee; margin-top:4vw;}
.laboratorio .cuerpo .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:45.809524vw; padding:4vw 0; }
.laboratorio .cuerpo .izq h2 { display:block; color:#6f4599; font-weight: 900; font-size:1.38vw; line-height: 1.5vw; text-transform: uppercase;}
.laboratorio .cuerpo .izq h3 { display: block; color:#6f4599; font-weight: 400; font-size:1.38vw; line-height: 1.5vw; margin-top:.5vw; }
.laboratorio .cuerpo .izq p { display: block; color:#595959; font-weight: 400; font-size:.88vw; line-height: 1.1vw; margin-top:1vw; }
.laboratorio .cuerpo .izq h4 { display:block; color:#6f4599; font-weight: 900; font-size:1.2vw; line-height: 1.4vw; text-transform: uppercase; margin-top:1vw; padding-left:1vw; position:relative;}
.laboratorio .cuerpo .izq h4::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1.2vw; color: #6f4599; z-index: 1; }

.laboratorio .cuerpo .der { display: inline-block; float:right; position:relative; overflow:hidden; background:#6f4599; padding:4vw 2vw; width:22.916666667vw; }
.laboratorio .cuerpo .der h2 { display:block; color:#fff; font-weight: 700; font-size:1.3vw; line-height: 1.5vw; text-transform: uppercase; }
.laboratorio .cuerpo .der h2 span { font-weight: 700; }
.laboratorio .cuerpo .der p { display: block; color:#fff; font-weight: 400; font-size:.88vw; line-height: 1.1vw; margin-top:1vw; }
.laboratorio .cuerpo .der a { display:table; position:relative; overflow:hidden; padding:.5vw 1vw; background: #37224d; color:#fff; font-size:1vw; font-weight: 700; margin-top:1vw; text-transform: uppercase; border:1px solid #37224d; }
.laboratorio .cuerpo .der a:hover { color:#37224d; background:#fff; }


.preguntas .cuerpo .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:45.809524vw; padding:4vw 0; }
.preguntas .cuerpo .izq ul { display:block; position:relative; overflow:hidden; width:100%; }
.preguntas .cuerpo .izq ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1vw;  }
.preguntas .cuerpo .izq ul li span { display:inline-block; float:left; position:relative; overflow:hidden; width:2vw; height:2vw; padding:.5vw; background:#999999; text-align:center;}
.preguntas .cuerpo .izq ul li span::before { content: "\f067"; font-family: FontAwesome; position: absolute; top: .6vw; left: .5vw; font-size: 1vw; color: #fff; z-index: 1; }
.preguntas .cuerpo .izq ul li a { display: inline-block; float:left; position:relative; overflow:hidden; height:2vw; padding:.5vw; background:#d9d9d9; color:#595959; font-size:.88vw; line-height:1.1vw; width:95%; cursor:pointer;}
.preguntas .cuerpo .izq ul li.abierto span { background:#765b7c; }
.preguntas .cuerpo .izq ul li.abierto span::before { content: "\f068"; }
.preguntas .cuerpo .izq ul li.abierto a { background:#595959; color:#fff; }
.preguntas .cuerpo .izq ul li p { display:none; position:relative; overflow:hidden; width:100%; padding:1vw; background:#fff; font-size:.88vw; line-height: 1.1vw;  }
.preguntas .cuerpo .izq ul li.abierto p { display:block; }
.preguntas .cuerpo .izq ul li.titulo { text-transform: uppercase; color:#6f4599; font-size:1.2vw; font-weight: 700; padding-left:1.5vw; }
.preguntas .cuerpo .izq ul li.titulo::before { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 0vw; left: .5vw; font-size: 1.2vw; color: #6f4599; z-index: 1; }
.preguntas .cuerpo .izq ul li .texto { display:none; }
.preguntas .cuerpo .izq ul li.abierto .texto { display:block; padding:1vw; background:#fff; font-size:.88vw; line-height: 1.1vw; }
.preguntas .cuerpo .izq ul li.abierto .texto p { padding:0; }
.preguntas .cuerpo .izq ul li.abierto .texto ul { padding:0; }
.preguntas .cuerpo .izq ul li.abierto .texto ul li { padding-left:.5vw; }
.preguntas .cuerpo .izq ul li.abierto .texto ul li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: .88vw; color: #6f4599; z-index: 1; }
.preguntas .cuerpo .izq ul li a.imprimir { background: #fff; color: #6f4599; height: auto; width:100%; font-size:1vw; font-weight: 700; padding:.5vw 0; }


.preguntas .cuerpo .der { display: inline-block; float:right; position:relative; overflow:hidden;  padding:4vw 2vw 4vw 0vw; width:22.916666667vw; }
.preguntas .cuerpo .der h2 { display:block; color:#6f4599; font-weight: 700; font-size:1.94vw; line-height: 2.1vw; }
.preguntas .cuerpo .der p { display:block; color:#595959; font-size:.88vw; line-height: 1.1vw; margin-top:.5vw; }
.preguntas .cuerpo .der .cuadro { display: block; position:relative; overflow:hidden; width:100%; background:#6f4599; padding:1vw; margin:2vw 0; }
.preguntas .cuerpo .der .cuadro h3 { display:block; color:#fff; text-transform: uppercase; font-weight: 700; font-size:1.2vw; line-height:1.4vw; padding-left:0; }
.preguntas .cuerpo .der .cuadro h3::before { display:none; }
.preguntas .cuerpo .der .cuadro p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin-top:.5vw; }
.preguntas .cuerpo .der .cuadro ul { display:block; position:relative; overflow:hidden; width:100%; margin:1vw 0 .5vw 0; }
.preguntas .cuerpo .der .cuadro ul li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:.88vw; line-height:1.2vw;  padding-left:.5vw; font-weight: 500;}
.preguntas .cuerpo .der .cuadro ul li span { font-weight: 400; }
.preguntas .cuerpo .der .cuadro ul li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: .8vw; color: #fff; z-index: 1; }

.preguntas .cuerpo .der h3 { display:block; position:relative; color:#6f4599; font-size:1.6vw; line-height: 1.8vw; padding-left:1vw; font-weight: 400;}
.preguntas .cuerpo .der h3::before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1.6vw; color: #6f4599; z-index: 1; }
.preguntas .cuerpo .der .titulo { display:block; position:relative; overflow:hidden; width:100%; margin-top:1vw; padding:1vw 0 .5vw 0; }
.preguntas .cuerpo .der .titulo::before { content: "\f111"; font-family: FontAwesome; position: absolute; top: 1vw; left: 0vw; font-size: 2.5vw; color: #6f4599; z-index: 1; }
.preguntas .cuerpo .der .titulo2::before { color:#595959;  }
.preguntas .cuerpo .der .titulo3::before { color: #808080; }
.preguntas .cuerpo .der .titulo span { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.1vw; text-align: center; color: #fff; padding: .5vw 0; font-size: 1.2vw; font-weight: 700; z-index: 9; vertical-align: top; margin-top: -.4vw; }
.preguntas .cuerpo .der .titulo p { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:.5vw; color:#595959; font-size:.88vw; line-height: 1.1vw; font-weight: 700; margin-top:0vw; width:86%;}
.preguntas .cuerpo .der p.solo { margin-top:0;  }

.novedades .nota { display:block; position:relative; overflow:hidden; width:100%; }
.novedades .nota img {     display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 2vw; width: 9vw; margin-bottom: 1vw;}
.novedades .nota .marco { display: inline-block; float: left; position: relative; overflow: hidden; width: 74%; }
.novedades .nota .marco h2 { display:block; color:#6f4599; font-size:1.94vw; line-height: 2.1vw; font-weight: 700; margin-bottom:1vw; }
.novedades .nota .marco h2 span { font-size:1vw; margin-right:1vw; }
.novedades .nota .marco p.intro { display: block; color:#595959; font-size:.88vw; line-height: 1.1vw; }
.novedades .nota .texto { display: block; position:relative; overflow:hidden; width:100%; margin-top:1vw; color:#595959; font-size:.88vw; line-height: 1.1vw; }
.novedades .notas { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; }
.novedades .notas h2 { display:block; color:#6f4599; font-size:1.5vw; line-height: 1.8vw; font-weight: 700; margin-bottom:1vw; }
.novedades .notas ul { display:block; position:relative; overflow:hidden; width:100%; }
.novedades .notas ul li { display: block; position:relative; overflow:hidden; font-size:1vw; line-height: 1.2vw; margin-bottom:.3vw; padding-bottom:.3vw; border-bottom:1px solid #595959; }
.novedades .notas ul li span { font-size:.9vw; margin-right: 1vw; }
.novedades .notas ul li:hover { color:#6f4599; }

.contacto .cuerpo .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:45.809524vw; padding:4vw 0; }
.contacto .cuerpo .izq form { display: block; position: relative; overflow: hidden; width: 100%; }
.contacto .cuerpo .izq form ul { display: block; position: relative; overflow: hidden; width: 100%; }
.contacto .cuerpo .izq form ul li { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 1vw; }
.contacto .cuerpo .izq form ul li label { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: .5vw; font-size:1.2vw; line-height:1.3vw; color:#6f4599; font-weight: 700; padding-left:1vw; }
.contacto .cuerpo .izq form ul li label::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: 1.2vw; color: #6f4599; z-index: 1; }
.contacto .cuerpo .izq form ul li input { display: block; position: relative; overflow: hidden; width: 100%;  padding:.5vw 1vw; background:#d9d9d9; font-size:.88vw; line-height: 1.1vw; border:0; }
.contacto .cuerpo .izq form ul li textarea { display: block; position: relative; overflow: hidden; width: 100%;  padding:.5vw 1vw; background:#d9d9d9; font-size:.88vw; line-height: 1.1vw; border:0; height:5vw; }
.contacto .cuerpo .izq form ul li::before { content: "\f069"; font-family: FontAwesome; position: absolute; top: 2.3vw; right: .5vw; font-size: .88vw; color: #6f4599; z-index: 1; }
.contacto .cuerpo .izq form button { display: table; color: #fff; font-weight: 700; text-transform: uppercase; background: #6f4599; padding: .7vw 1vw .5vw 1vw; font-size: .88vw; line-height: .88vw; border: 1px solid #6f4599; transition: none !important; cursor: pointer; margin-top:.5vw; } 
.contacto .cuerpo .izq form button:hover { background:#fff; color:#6f4599; }



.contacto .cuerpo .der { display: inline-block; float:right; position:relative; overflow:hidden;  padding:0 2vw 4vw 0vw; width:22.916666667vw; }

.contacto .cuerpo .der .cuadro { display: block; position:relative; overflow:hidden; width:100%; background:#6f4599; padding:2vw; margin:0 0 2vw 0; }
.contacto .cuerpo .der .cuadro h3 { display:block; color:#fff; text-transform: uppercase; font-weight: 700; font-size:1.2vw; line-height:1.4vw; padding-left:0; }
.contacto .cuerpo .der .cuadro h3::before { display:none; }
.contacto .cuerpo .der .cuadro h4 { display: block; color: #fff; font-size: 1vw; line-height: 1.3vw; margin-top: .5vw; font-weight: 700; }
.contacto .cuerpo .der .cuadro h4 span { font-weight: 400; }
.contacto .cuerpo .der .cuadro p { display:block; color:#fff; font-size:.88vw; line-height: 1.1vw; margin-top:.5vw; }
.contacto .cuerpo .der .cuadro ul { display:block; position:relative; overflow:hidden; width:100%; margin:1vw 0 .5vw 0; }
.contacto .cuerpo .der .cuadro ul li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:.88vw; line-height:1.2vw;  padding-left:.5vw; font-weight: 500;}
.contacto .cuerpo .der .cuadro ul li span { font-weight: 400; }
.contacto .cuerpo .der .cuadro ul li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: .8vw; color: #fff; z-index: 1; }

.contacto .cuerpo .der h3 { display:block; position:relative; color:#6f4599; font-size:1.6vw; line-height: 1.8vw; font-weight: 400; padding:0 2vw;}
.contacto .cuerpo .der .titulo { display:block; position:relative; overflow:hidden; width:100%; margin-top:0; padding:.5vw 2vw; }

.contacto .cuerpo .der .titulo span { display: inline-block; float: left; position: relative; overflow: hidden; color: #6f4599;  z-index: 9; font-size:.9vw; margin-left:-.5vw;}
.contacto .cuerpo .der .titulo2 span { color:#595959; }
.contacto .cuerpo .der .titulo3 span { color:#808080; }
.contacto .cuerpo .der .titulo p { display:inline-block; float:left; position:relative; overflow:hidden;color:#595959; font-size:.88vw; line-height: 1.1vw; font-weight: 700; margin-top:1vw; width:77%;  }
.contacto .cuerpo .der p.solo { margin-top:0;  padding:0 2vw }

.contacto .svg-inline--fa.fa-stack-2x {height: 2em; width: 2.5em; font-size: 1vw; }
.contacto .fa-stack { height: 3vw; line-height: 0vw; position: relative; vertical-align: middle; width: 3vw; }

.resultados2 .cuerpo { padding:4vw 12.797619048vw; }
.resultados2 iframe {     display: block; position: relative; overflow: hidden; width: 100%; height: 50vw; }
.resultados2 .botonresultados { display: table; position:relative; overflow:hidden; margin-top:1vw;}
.resultados2 .botonresultados a { display: table; color:#fff; font-weight: 700; text-transform: uppercase; background:#6f4599; padding:.7vw 1vw .5vw 1vw; font-size: .88vw; line-height: .88vw;  border:1px solid #6f4599; transition:none !important; cursor:pointer; }

footer { display:block; position:relative; overflow:hidden; width:100vw; /*margin-top:4vw;*/}
footer .pie { display:block; position:relative; overflow:hidden; width:100vw; padding:1vw 12.797619048vw 1vw 12.797619048vw; background-image:url(../img/fondo-pie.png); background-repeat:no-repeat; background-position:left center; background-size:contain; background-color:#595959; color:#fff;}
footer .pie h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:13.22vw; }
footer .pie h1 img { display:block; width:100%; height:auto; }
footer .pie .cen { display:inline-block; float:left; position:relative; overflow:hidden; width:16.964285714vw; margin-left:8.7vw; font-size:.83vw; line-height:1vw;}
footer .pie .cen p { margin-top:.5vw; margin-bottom:.5vw;}
footer .pie .cen h3 a:hover { color:#ccc; }
footer .pie .cen h3 { font-size:1vw; line-height: 1.3vw; font-weight: 700; }
footer .pie .cen h3 span { font-weight: 400; }
footer .pie .der { display:inline-block; float:right; position:relative; overflow:hidden; width:22.964286vw;  font-size:.83vw; line-height:1vw;}
footer .pie .der p { }
footer .pie .der h3 { font-size:1vw; line-height: 1.3vw; font-weight: 700;  margin-top:.5vw;}
footer .pie .der p a:hover { color:#ccc; }

footer .copy { display: inline-block; position:relative; overflow:hidden; margin:2.5vw 0 0 12.797619048vw; font-size:.88vw; line-height:1vw; margin-bottom:1vw; margin:2.5vw 0 0 3.797619vw; }
footer .osmosis { display: inline-block; float:right; display:block; float:none;position:relative; overflow:hidden; margin:2vw 12.797619048vw 0 0; margin:.5vw 0 0 0; font-size:.88vw; line-height:1vw; margin-bottom:1vw; }
footer .osmosis p { display:inline-block; margin-right:.5vw;  }
footer .osmosis img { display:inline-block; width:6.011vw; height:auto; }

.texto { display:block; position:relative; overflow:hidden; width:100%; }
.texto h3 { display:block; color:#6f4599; font-size:1vw; line-height: 1.3vw; margin-top:.5vw;  }
.texto ul { display:block; position:relative; overflow:hidden; width:100%; margin:.5vw 0; }
.texto ul li { display:block; position:relative; overflow:hidden; width:100%; display:block; color:#595959; font-size:.88vw; line-height: 1.1vw;  margin-bottom:.5vw !important; padding-left:.5vw;}
.texto ul li::before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 0vw; left: 0vw; font-size: .8vw; color: #595959; z-index: 1; }



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

  header .resultados { display:none; }
  header, header.chico { height:12vw; }
  header h1, header.chico h1  { margin-left:50px; width:30vw; }
  header .click-menu {  display:inline-block; float:right; position: relative; width: 5.95vw; height: 4.6vw; cursor: pointer; z-index: 9; float: right; background: #37224d; margin-top: 2vw; margin-right:50px;}
  header .click-menu span { position: absolute; left: 0; right: 0; top: 1.1vw; margin:0 auto; display: block; width: 60%; height: .5vw; margin:0 auto; background:#fff; transition: all .3s; border-radius:6px;}
  header .click-menu span:nth-child(2) {top: 2.1vw; }
  header .click-menu span:nth-child(3) {top: 3.2vw; }
  header .click-menu.abierto span:nth-child(1) {top: 2.1vw; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  header .click-menu.abierto span:nth-child(2) {opacity: 0; left: -7.8125vw; }
  header .click-menu.abierto span:nth-child(3) {top: 2.1vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

  header .resultados, header.chico .resultados { margin-left:24vw; margin-top:2vw; }
  header .resultados a { padding:8px 10px 5px 10px; font-size:18px; line-height: 20px; }

   .menuMovil { display:block; position:fixed; top:12vw; left:0; background:#6f4599; padding:20px;; opacity: 0; width:100%; z-index:9; -webkit-transform: translate3d(900px, 0, 0); transform: translate3d(900px, 0, 0); opacity: 0; transition: all 0.9s 0.1s;}
   .menuMovil.abierto {  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

   .menuMovil li { display:block; position:relative; overflow:hidden; font-size:20px; line-height:22px; color:#fff; font-weight: 700; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff;  cursor:pointer; }
   .menuMovil li:hover,  .menuMovil li .activo { color:#37224d; }
   .menuMovil li:last-child { padding-right:0; margin-right:0; border:0; }

   .home .slideHome ul li, .interna .slide ul li { height:63vw !important; }
  .home .slideHome .iso, .interna .slide .iso { width:50.083333vw; right:-8vw; }
  .home .slideHome .flecha-der, .home .slideHome .flecha-izq { display:none; }
  .home .slideHome ul li .marco h2, .interna .slide ul li .marco h2 { font-size:45px; line-height: 47px; }
  .home .slideHome ul li .marco p, .interna .slide ul li .marco p { font-size:19px; line-height: 21px; margin:10px 0; }
  .home .slideHome ul li .marco a, .interna .slide ul li .marco a { padding:5px 10px; font-size:18px; line-height: 20px; }
  .home .slideHome ul li .marco, .interna .slide ul li .marco { width:40vw; margin-left:50px; margin-top:20vw; }

   main { margin-top:11.8vw; }
   .home .sucursales .marco { width:40%; margin-right:30px; }
   .home .sucursales .textos { width:50%; }
   .home .sucursales .marco .iso { width:14vw; }
   .home .tecnologia, .home .sucursales { padding:30px 50px; }
   .home .tecnologia .izq, .home .sucursales .izq, .home .sucursales .der, .home .sucursales .der2 { display:block; float:none; width:100%; }
   .home .sucursales .izq { border:0; }
   .home .sucursales .der, .home .sucursales .der2 { margin-top:20px; }
   .home .tecnologia .izq h2, .home .tecnologia .izq h3 { font-size:24px; line-height: 26px; }
   .home .tecnologia .izq h3 { margin-top:10px;}
   .home .tecnologia .izq p, .home .tecnologia .der .flip .front p { font-size:16px; line-height: 19px; margin-top: 10px; }
   .home .sucursales .textos p { font-size:16px; line-height: 19px; margin-bottom: 10px; }
   .home .tecnologia .der,  { display:block; float:none; width:100%; padding:20px; height:22vw; margin-top:30px;}
   .home .tecnologia .der .flip .front h2, .home .tecnologia .der .flip .back h2 { font-size:26px; line-height: 28px; }
   .home .tecnologia .der .flip .front span.ingresar, .home .tecnologia .der .flip .back form button { padding:5px 10px; font-size:18px; line-height: 20px; margin-top:10px; }
   .home .tecnologia .der .flip .back form { margin-top:10px; width:100%; }
   .home .tecnologia .der .flip .back form input { padding:5px 10px; margin-bottom: 5px; font-size:14px; line-height: 16px; }
   .home .novedades h2 { padding:10px 10px 5px 10px; font-size:18px; margin-left:50px; }
   .home .novedades .novedades-der, .home .novedades .novedades-izq { display:none; }
   .home .novedades ul { width:100%; padding:0 50px; margin:0; margin-top:20px; }
   .home .novedades ul li h3 { font-size:18px; line-height: 20px; }
   .home .novedades ul li h3 span { font-size:16px; margin-right:10px; }
   .home .novedades ul li p { font-size:16px; line-height: 18px; margin-top:10px; }
   .home .novedades ul li .imagen { width:19vw; height:27vw; margin-right:10px; }

   .interna .cuerpo { padding:0 50px;  margin-top:30px; }
   .laboratorio .cuerpo .izq { display:block; float:none; width:100%; }
   .laboratorio .cuerpo .izq h2, .laboratorio .cuerpo .izq h3 { font-size:24px; line-height: 26px; }
   .laboratorio .cuerpo .izq h3 { margin-top:10px; }
   .laboratorio .cuerpo .izq p { font-size:16px; line-height: 19px; margin-top: 10px; }
   .laboratorio .cuerpo .izq h4 { font-size:22px; line-height: 24px; margin-top:10px; padding-left:10px; }
   .laboratorio .cuerpo .izq h4::before { font-size: 22px; }
   .laboratorio .cuerpo .der {display: block; float: none; position: relative; overflow: hidden; background: #6f4599; padding: 20px; width: 100%; }
   .laboratorio .cuerpo .der h2 { font-size:24px; line-height: 26px; }
   .laboratorio .cuerpo .der p { font-size:16px; line-height: 18px; margin-top:10px; }

   .preguntas .cuerpo .izq { display:block; float:none; width:100%; }
   .preguntas .cuerpo .izq ul li.titulo { font-size:24px; line-height: 26px; padding-left:20px; }
   .preguntas .cuerpo .izq ul li.titulo::before { font-size: 24px; }
   .preguntas .cuerpo .izq ul li { margin-bottom:10px; }
   .preguntas .cuerpo .izq ul li a { height:25px; padding:5px; font-size:14px; line-height: 16px;}
   .preguntas .cuerpo .izq ul li span { width:25px; height:25px; padding:5px; }
   .preguntas .cuerpo .izq ul li span::before {content: "\f067"; font-family: FontAwesome; position: absolute; top: .6vw; left: 7px; font-size: 16px; color: #fff; z-index: 1; }
   .preguntas .cuerpo .izq ul li p { font-size:14px; line-height: 16px; }
   .preguntas .cuerpo .izq ul li a.imprimir { font-size:14px; line-height: 16px; padding:5px 0; }

   .preguntas .cuerpo .der { display:block; float:none; width:100%; padding:20px 0; }
   .preguntas .cuerpo .der h2, .preguntas .cuerpo .der .cuadro h3, .preguntas .cuerpo .der h3, .contacto .cuerpo .der .cuadro h3, .contacto .cuerpo .der h3 { font-size:24px; line-height: 26px; }
   .preguntas .cuerpo .der p, .preguntas .cuerpo .der .cuadro p, .contacto .cuerpo .der .cuadro p, .contacto .cuerpo .der .cuadro h4 { font-size:14px; line-height: 16px; margin-top:10px; }
   .preguntas .cuerpo .der .cuadro { padding:20px; margin:10px 0 30px 0; }
   .preguntas .cuerpo .der .cuadro ul li { font-size:14px; line-height: 16px; padding-left:15px; }
   .preguntas .cuerpo .der .cuadro ul li::before { font-size:14px; }
   .preguntas .cuerpo .der h3 { padding-left:20px; }
   .preguntas .cuerpo .der h3::before { font-size:24px; }
   .preguntas .cuerpo .der .titulo::before { font-size:30px; }
   .preguntas .cuerpo .der .titulo span { width:25px; font-size:16px; }
   .preguntas .cuerpo .der .titulo p { font-size:14px; line-height: 16px; margin-left:10px; }
   .preguntas .cuerpo .der p.solo { margin:10px 0; }

   .contacto .cuerpo .izq { display:block; float:none; width:100%; }
   .contacto .cuerpo .izq form ul li { margin-bottom: 10px; }
   .contacto .cuerpo .izq form ul li::before { font-size:14px; top:25px; right:10px;}
   .contacto .cuerpo .izq form ul li label { margin-bottom: 5px; font-size:14px; line-height: 16px; padding-left:10px; }
   .contacto .cuerpo .izq form ul li label::before { font-size: 14px; }
   .contacto .cuerpo .izq form ul li input, .contacto .cuerpo .izq form ul li textarea { padding:5px 10px; font-size:14px; line-height: 16px; }
   .contacto .cuerpo .izq form ul li textarea { height:100px; }
   .contacto .cuerpo .izq form button { padding:5px 10px; font-size:18px; line-height: 20px; }
   .contacto .cuerpo .der { display:block; float:none; width:100%; }
   .contacto .cuerpo .der .titulo p { font-size:14px; line-height: 16px; margin-top:5px; margin-left:10px;}
   .contacto .svg-inline--fa.fa-stack-2x {height: 30px; width: 30px; font-size: 18px; }
   .contacto .fa-stack { height: 30px; line-height: 0vw; position: relative; vertical-align: middle; width: 30px; }
   .contacto .cuerpo .der .titulo span { font-size: 14px; }

   .novedades .notas h2 { font-size:22px; line-height: 24px; margin-bottom: 20px; }
   .novedades .notas ul li { font-size:16px; line-height: 18px; margin-bottom:5px; padding-bottom:5px; }
   .novedades .notas ul li span { font-size:14px; margin-right:10px; }
   .novedades .nota img { width:20vw; margin-right:20px; margin-bottom: 20px;}
   .novedades .nota .marco h2 { font-size:24px; line-height: 26px; margin-bottom:10px; }
   .novedades .nota .marco h2 span { font-size:20px; margin-right: 10px; }
   .novedades .nota .marco p.intro { font-size:16px; line-height: 18px; }
   .novedades .nota .texto { font-size:14px; line-height: 16px; margin-top:10px; }

   .texto h3 { font-size:18px; line-height: 20px; margin-top:10px; }
   .texto ul li { font-size: 14px; line-height: 16px; padding-left:10px; }
   .texto ul li::before { font-size:14px; }

   footer .pie { background-image:none; padding:20px 50px; }
  
   footer .pie .cen, footer .pie .der { width:45%; margin-left:0; font-size:14px; line-height: 16px; }
   footer .pie .cen h3, footer .pie .der h3 { font-size:14px; line-height: 16px; }
   footer .pie .cen h3 { margin-bottom:5px; }
   footer .copy { margin:20px 50px; font-size:14px; line-height: 16px; margin-bottom:10px; }
   footer .osmosis { display:block; float:none; margin:0 50px; font-size:14px; line-height: 16px; margin-bottom:10px; }
   footer .osmosis img { width:13vw; }
   .resultados2 iframe { height:150vw; }
   .home .tecnologia .der {
    display: block;
    float: none;
    position: relative;
    overflow: hidden;
    background: #6f4599;
    padding: 2vw;
    width: 100%;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    -webkit-perspective: 800px;
    height: 17vw;
    margin-top: 10px;
}


}



  
 

@media screen and (max-width: 600px) {
   footer .pie h1 { display: none; }
  header, header.chico { height:18vw; }
  header h1, header.chico h1 { margin-top: 5px; width:40vw; margin-left: 20px;}
  header .resultados { display:none; }
  header .click-menu { width:8vw; height: 8vw; margin-right:20px; top:3vw; }
  header .click-menu span { height:2px; top:2.1vw; }
  header .click-menu span:nth-child(2), header .click-menu.abierto span:nth-child(3), header .click-menu.abierto span:nth-child(1) { top:3.8vw; }
  header .click-menu span:nth-child(3) { top:5.6vw; }
  .menuMovil { top:18vw; }


  main { margin-top:17.8vw; }
  .home .slideHome ul li, .interna .slide ul li { height:120vw !important; }
  .home .slideHome .iso, .interna .slide .iso { display:none; }
  .home .slideHome ul li .marco, .interna .slide ul li .marco { margin:30vw 0; padding:0 20px; width:100%; }
  .home .tecnologia, .home .sucursales { padding:30px 20px; }
  .home .tecnologia .der { height:70vw; }
  .home .tecnologia .der .flip { top:20px; left:20px; height:86%;}
  .home .tecnologia .der .flip div { background:#6f4599; }
  .home .novedades h2 { margin-left:20px; }
  .home .novedades ul { padding:0 20px; }
  .home .novedades ul li .imagen { width:30vw; height:60vw; }
  footer .pie { padding:20px; }
  footer .pie .cen, footer .pie .der { width:100%; }
  footer .copy { margin:20px; }
  footer .osmosis { margin:20px 0 0 0; }
  footer .osmosis img { width:30vw; margin-left: 10px; }
  .home .slideHome ul li .marco h2, .interna .slide ul li .marco h2 { font-size:25px; }
  .home .slideHome ul li .marco p, .interna .slide ul li .marco p { font-size:14px; line-height: 16px; }
  .home .slideHome ul li .marco a, .interna .slide ul li .marco a { font-size:14px; line-height: 16px; }
  .home .tecnologia .izq h2, .home .tecnologia .izq h3, .home .novedades ul li h3, .laboratorio .cuerpo .izq h2, .laboratorio .cuerpo .izq h3, .laboratorio .cuerpo .der h2, .preguntas .cuerpo .izq ul li.titulo, .preguntas .cuerpo .der h2, .preguntas .cuerpo .der .cuadro h3, .preguntas .cuerpo .der h3, .contacto .cuerpo .der .cuadro h3, .contacto .cuerpo .der h3, .novedades .nota .marco h2 { font-size:20px; line-height: 22px; }
  .home .novedades ul li h3 span { font-size:16px; margin-right:10px; }
  .novedades .nota .marco h2 span { font-size:16px; margin-right:10px; }
  .home .tecnologia .izq p, .home .tecnologia .der .flip .front p, .home .novedades ul li p, .laboratorio .cuerpo .izq p, .laboratorio .cuerpo .der p, .novedades .nota .marco p.intro { font-size:14px; line-height: 16px; }
  .interna .cuerpo { padding:0 20px; }
  .laboratorio .cuerpo .izq h4 { font-size:18px; line-height: 20px; }
  .preguntas .cuerpo .izq ul li a { width:91%; }
  .preguntas .cuerpo .izq ul li span::before { top:1.5vw; }
  .preguntas .cuerpo .der .titulo::before { font-size:30px; top:5px;}
  .preguntas .cuerpo .der .titulo { padding-bottom:10px; }
  .preguntas .cuerpo .der .titulo span { margin-top:0; }
  .preguntas .cuerpo .izq ul li a { height:auto; }
  .preguntas .cuerpo .izq ul li p, .contacto .cuerpo .der .cuadro { padding:10px; }
  .contacto .cuerpo .der .cuadro { margin-bottom: 20px; }
  .preguntas .cuerpo .izq ul li.abierto .texto { padding:10px; }
  .laboratorio .cuerpo .izq h4::before { font-size:18px; }
  .novedades .nota img { width:49vw; margin-bottom:10px; }
  .novedades .nota .marco { width:100%; margin-bottom:10px; }
  .novedades .notas { margin-top:20px; }
  .home .tecnologia .der { width:100%; margin-top:20px; }
  .home .sucursales .marco, .home .sucursales .textos { width:100%; margin-right:0; }
  .home .sucursales .marco .iso { width:33vw; margin-bottom:10px; }
  .home .sucursales .marco h2 { font-size:30px; line-height: 32px;  margin-bottom:10px; }


}