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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

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

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height:1.3vw;
  color: #16304b;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  opacity:1;
  height:100vh;
}

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

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

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

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

strong {
  font-weight: bold;
}

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

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}



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



header { display:block; position:fixed; top:0; left:0; width:100%; z-index:1;  padding:1vw 7.2vw; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: .5s .5s;  height:7.143vw;  background:rgba(152,162,175,.8); z-index:6; }
header.muestro {opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }

header h1 { display: inline-block; float:left; position:relative; overflow:hidden; width:17.8571428571vw; margin-top:.5vw; }
header h1 img { display:block; width:100%; height:auto; }

header ul.menu { display:inline-block; float:left; position:relative; margin-left:10vw; margin-top:2vw;}
header .menu li { display:inline-block; float:left; position:relative; margin-right:1vw; color:#fff; font-size: 1vw; line-height:1.3vw; font-weight:500; text-transform: uppercase;}

header ul.redes { display:inline-block; float:right; position:relative; overflow:hidden; margin-top:1.5vw; }
header .redes li { display:inline-block; position:relative; overflow:hidden; margin-right:.5vw; width:2.0833333333vw;  }
header .redes li img { display:block; width:100%; height:auto; }
header .redes li:last-child { margin-right:0; }
header .menu li:hover , header .menu li.sele  { color:#2b6097; }

header .redes li .facebook1  { display:block; width:2.0833333333vw; height:auto;}
header .redes li .facebook1 .facebook { fill:#fff;fill-rule: evenodd; }
header .redes li .facebook1:hover .facebook { fill:#2b6097; }

header .redes li .instagram1  { display:block; width:2.0833333333vw; height:auto;}
header .redes li .instagram1 .instagram { fill:#fff;fill-rule: evenodd; }
header .redes li .instagram1:hover .instagram { fill:#2b6097; }

header .redes li .whatsapp1  { display:block; width:2.0833333333vw; height:auto;}
header .redes li .whatsapp1 .whatsapp { fill:#fff;fill-rule: evenodd; }
header .redes li .whatsapp1:hover .whatsapp { fill:#2b6097; }

header .redes li .email1  { display:block; width:2.0833333333vw; height:auto;}
header .redes li .email1 .email { fill:#fff;fill-rule: evenodd; }
header .redes li .email1:hover .email { fill:#2b6097; }

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


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

/* === HOME === */
.slideHome { position: relative;  width:100%; height: 100vh;}

.slideHome ul { display:block; position:relative; overflow:hidden; width:100%; height: 100vh; z-index:1;}
.slideHome ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; background-position: center; background-repeat: no-repeat; background-size: cover;height: 100vh;  }
.slideHome ul li .mascara { display:block; position:relative; width:100%; height:100%; background:rgba(0,0,0,.6); }

.slideHome h4 { display: block; position: absolute; z-index: 2; top: 20vw; left: 7.2vw; color: #fff; font-size: 1.11vw; line-height: 1.33vw; text-transform: uppercase; font-weight: 400; text-shadow:1px 0.5px #000; transform:rotateX(-90deg ); opacity:0; transition:1s .7s;}
.slideHome h2 { display: block; position: absolute; z-index: 2; top: 22vw; left: 7.2vw; color: #fff; font-size: 3.33vw; line-height: 3.66vw; text-transform: uppercase; font-weight: 700;transform:rotateX(-90deg ); opacity:0; transition:1s .9s;}
.slideHome h3 { display: block; position: absolute; z-index: 2; top: 30vw; left: 7.2vw; color: #6cacef; font-size: 1.11vw; line-height: 1.33vw; font-weight: 500;  transform:rotateX(-90deg ); opacity:0; transition:1s 1s;}
.slideHome.muestro h4, .slideHome.muestro h2, .slideHome.muestro h3  { transform:rotateY(0deg ); opacity: 1;}

.somos { display: block; position: relative; width: 100%; min-height:54.9vw;}
.somos .izq { display: inline-block; float: left; position: relative; width: 43.3928571429vw; margin-top: -14.880952381vw; z-index: 3;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .5s; }
.somos.muestro .izq {opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
.somos .izq .forma { display: block; position: absolute; top: 2.97vw; left: 2.97vw; background: #2b6097; width: 40.47vw; height: 54.76vw; z-index: 0; }
.somos .izq .foto { display:block; position:absolute; top:0; left:0; width:40.47vw; height:auto; z-index:1; }
.somos .der { display:inline-block; float:right; position:relative; padding: 15vw 7.2vw 3vw 0; width:49.29vw; }
.somos .der h3 {     display: block; color: #2b6097; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 700; transform:rotateX(-90deg ); opacity:0; transition:1s .7s;}
.somos .der h2 { display:block; color:#727072;  font-size: 4vw; line-height: 4.33vw; text-transform: uppercase; font-weight: 700; transform:rotateX(-90deg ); opacity:0; transition:1s .9s;}
.somos.muestro h3, .somos.muestro h2 { transform:rotateY(0deg ); opacity: 1;}
.somos .der p { display:block; color:#16304b; font-size:1vw; line-height: 1.33vw; margin:1vw 0 0 0; width:90%; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;  }
.somos.muestro .der p {opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }

.somos .der .boton { display:block; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.3s;  }
.somos.muestro .der .boton {opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }

.somos .der .forma1 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 6vw; right: 9.9404761905vw; opacity:0; transition: 1s 1s;}
.somos .der .forma2 { width: 14.0476190476vw; height:auto; display: block; position: absolute; top: 12vw; right: 1.7857142857vw; opacity:0; transition: 1s 1.3s;}
.somos .der .forma3 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 20vw; right: 1.7857142857vw; opacity:0; transition: 1s 1.6s;}
.somos .der .forma4 { width: 14.0476190476vw; height:auto; display: block; position: absolute; top: 26vw; right: 1.7857142857vw; opacity:0; transition: 1s 1.9s;}

.somos .der .sub { display: block; float: right; margin-top: 8vw; text-align: right; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 1.5s; }
.somos.muestro .der .sub {opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
.somos .der .sub h4 { color:#6cacef; font-size:1.11vw; line-height: 1.33vw; font-weight: 500; }
.somos .der .sub h5 { color:#363335; font-size:1.66vw; line-height: 1.88vw; font-weight: 400; text-transform: uppercase;}
.somos .der .sub h5 span { font-weight: 700; }

.somos.muestro .der .forma1, .somos.muestro .der .forma2, .somos.muestro .der .forma3, .somos.muestro .der .forma4 { opacity:1; }

.obrasHome { display:block; position:relative; width:100%;padding:0 7.2vw;}
.obrasHome .forma1 { display: block; position: absolute; top: -10vw; left: 13.869047619vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s .5s; }
.obrasHome .forma2 { display: block; position: absolute; top: -5vw; left: 13.869047619vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s .6s; }
.obrasHome .forma3 { display: block; position: absolute; top: -5vw; left: 17.3vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s .7s; }
.obrasHome .forma4 { display: block; position: absolute; top: 0; left: 1.7857142857vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s .8s; }
.obrasHome .forma5 { display: block; position: absolute; top: 0; left: 4.7619047619vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s .9s; }
.obrasHome .forma6 { display: block; position: absolute; top: 0; left: 10.7142857143vw; width: 10.7142857143vw; height: auto; opacity:0; transition: 1s 1s; }
.obrasHome .forma7 { display: block; position: absolute; top: 5vw; left: 17.6666666667vw; width: 4.5833333333vw; height: auto; opacity:0; transition: 1s 1.1s; }
.obrasHome.muestro .forma1, .obrasHome.muestro .forma2, .obrasHome.muestro .forma3, .obrasHome.muestro .forma4, .obrasHome.muestro .forma5, .obrasHome.muestro .forma6, .obrasHome.muestro .forma7 { opacity:1; }

.obrasHome h2 { display:block; color:#363335; text-align:right; font-size:2.66vw; line-height: 2.88vw; font-weight: 500; text-transform: uppercase; margin-top:1vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
.obrasHome.muestro h2 {opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }

.obrasHome ul.obra { display: block; position: relative; overflow: hidden; width: 104%; margin-top: 9vw; text-align:center;}
.obrasHome .obra li { display:inline-block; position:relative; margin: 0 1.19vw 1.19vw 0; height:25vw; background-repeat: no-repeat; background-position:center; background-size:cover; vertical-align:top; }
.obrasHome .obra li:nth-child(3), .obrasHome .obra li:nth-child(5) { margin-right:0; }
.obrasHome .obra li:nth-child(1), .obrasHome .obra li:nth-child(3), .obrasHome .obra li:nth-child(5) { width:33.3333333333vw; }
.obrasHome .obra li:nth-child(2), .obrasHome .obra li:nth-child(4) { width:16.6666666667vw; }
.obrasHome .obra li:nth-child(4) { margin-left:-1.5vw; }
.obrasHome .obra li a { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity:0; }

.obrasHome .obra li .uni { display: table; margin: 2vw 0 1vw 1.4880952381vw; color: #fff; border: 1px solid #fff; padding: 0.4vw 0.5vw 0.3vw 0.5vw; text-transform: uppercase; font-size: .66vw; line-height: .66vw; font-weight: 500; transform:rotateX(-90deg ); opacity:0; transition:.5s .3s; }
.obrasHome .obra li h3 { display: table; color: #fff; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 700; margin: 0 0 0 1.4880952381vw;-webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: all .5s;  }
.obrasHome .obra li p { display: table; color: #fff; font-size: .77vw; line-height: .99vw;  font-weight: 500; margin: 0 0 0 1.4880952381vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: all .5s;}
.obrasHome .obra li h4 { display: table; margin: 1vw 0 0 0; color: #2b6097; background:#fff; padding: 0.4vw 0.5vw 0.3vw 1.4880952381vw; text-transform: uppercase; font-size: .66vw; line-height: .66vw; font-weight: 500; transform:rotateX(-90deg ); opacity:0; transition:all .5s;}
.obrasHome .obra li h5 { display: table; position:absolute; bottom:2vw; left: 0;  color: #2b6097; background:#fff; padding: 0.4vw 0.5vw 0.3vw 1.4880952381vw; text-transform: uppercase; font-size: .66vw; line-height: .66vw; font-weight: 500; transform:rotateX(-90deg ); opacity:0; transition:.5s .5s;}

.obrasHome .obra li:nth-child(1) .uni, .obrasHome .obra li:nth-child(3) .uni, .obrasHome .obra li:nth-child(5) .uni, .obrasHome .obra li:nth-child(1) h3, .obrasHome .obra li:nth-child(3) h3, .obrasHome .obra li:nth-child(5) h3,  .obrasHome .obra li:nth-child(1) p, .obrasHome .obra li:nth-child(3) p, .obrasHome .obra li:nth-child(5) p { margin-left:7.1428571429vw; }
.obrasHome .obra li:nth-child(1) h4, .obrasHome .obra li:nth-child(3) h4, .obrasHome .obra li:nth-child(5) h4, .obrasHome .obra li:nth-child(1) h5, .obrasHome .obra li:nth-child(3) h5, .obrasHome .obra li:nth-child(5) h5 { padding-left:7.1428571429vw; }

.obrasHome .obra li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s;  }
.obrasHome .obra li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .6s;  }
.obrasHome .obra li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s;  }
.obrasHome .obra li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .8s;  }
.obrasHome .obra li:nth-child(5) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;  }
.obrasHome.muestro .obra li { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.obrasHome .obra li:nth-child(4), .obrasHome .obra li:nth-child(5) { margin-bottom:0; }
.obrasHome .obra li:hover a { opacity:1; }
.obrasHome .obra li:hover .uni, .obrasHome .obra li:hover h4, .obrasHome .obra li:hover h5 { transform:rotateX(0deg ); opacity:1; }
.obrasHome .obra li:hover h3, .obrasHome .obra li:hover  p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.serv { display:block; position:relative; overflow:hidden; width:85.7142857143vw; background:#363335; margin:3vw 7.2vw; padding:2vw; transform:rotateX(-90deg ); opacity:0; transition:1s .3s; }
.serv.muestro { transform:rotateX(0deg); opacity:1; }
.serv h2 { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; color: #fff; font-size: 3.333vw; line-height: 3.555vw; text-transform: uppercase; font-weight: 900; padding: 3vw; border-right: 1px solid #fff; margin-right: 3vw; }
.serv p { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; color: #bcbcbc; font-size: 1vw; line-height: 1.3vw; width: 54vw; padding: 2vw 0; }

ul.desa { display:block; position:relative; overflow:hidden; width:100%; padding:3vw 7.2vw;  }
.desa li { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 4vw; }
.desa li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(-00px); opacity: 0; transition: .5s .5s;  }
.desa li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s .7s;  }
.desa li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s .9s;  }
.desa li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s 1.1s;  }
.desa li:nth-child(5) { float:right; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: .5s 1.3s;  }
.desa.muestro li { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.desa li:last-child { margin-right:0; }
.desa li h2 { display: block; color:#2b6097; font-size:1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 500; }
.desa li h2 span { display:block; color:#363335; font-size:2vw; line-height: 2.2vw; font-weight: 700; }
.desa li h3 { display: block; color: #2b6097; font-size: .77vw; line-height: 1vw; font-weight: 500; }
.desa li img { display: block; margin-top: 1vw; width: 6.0714285714vw; height: auto; }

.edi { display:block; position:relative; overflow:hidden; width:85.7142857143vw; margin:3vw 7.2vw; border-top:2px solid #363335; padding:3vw 0; }
.edi ul.redes { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 2vw; margin-top:1.5vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s; }
.edi.muestro ul.redes { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.edi .redes li { display:inline-block; position:relative; overflow:hidden; margin-right:.5vw; width:2.0833333333vw;  }
.edi .redes li img { display:block; width:100%; height:auto; }
.edi .redes li:last-child { margin-right:0; }
.edi .marco { display:inline-block; float:left; position:relative; overflow:hidden; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s .5s; }
.edi.muestro .marco { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.edi .marco h2 { display: block; color: #2b6097; text-transform: uppercase; font-weight: 700; font-size: 1.33vw; line-height: 1.55vw; }
.edi .marco p { display:block; color:#727072; font-size:1.66vw; line-height: 1.88vw;  }
.edi .marco p strong { text-transform: uppercase; font-weight: 700; }

.edi .foto { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 5vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s; }
.edi.muestro .foto { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.edi .foto .lafoto { display:inline-block; float:left; position:relative; overflow:hidden; width:38.6904761905vw; height:40.4761904762vw; background-color:#363335; background-repeat: no-repeat; background-position:center; background-size:cover; }
.edi .foto .cuadro { display:inline-block; float:left; position:relative; overflow:hidden; width:47.0238095238vw; height:40.4761904762vw; background-color:#363335; padding:0 4.7vw; }
.edi .foto .cuadro h3 { display: block; color: #fff; text-transform: uppercase; font-size: .88vw; line-height: 1vw; font-weight: 700; margin-top: 14vw; }
.edi .foto .cuadro h4 { display:block; color:#fff; font-size:2vw; line-height: 2.3vw; text-transform: uppercase; font-weight: 700; margin-top:.5vw; }
.edi .foto .cuadro h5 { display:block; color:#6cacef; font-size: .88vw; line-height: 1vw; font-weight: 500; margin-top:.5vw; }
.edi .foto .cuadro .tel { display: block; margin-top: 10vw; text-transform: uppercase; color: #6cacef; font-size: 1.33vw; line-height: 1.55vw; font-weight: 500; }
.edi .foto .cuadro .tel a { color:#fff; }
.edi .foto .cuadro .tel a:hover { color:#6cacef; }

.edi .elp { display: block; color: #727072; margin-top: 3vw; font-size: 1.66vw; line-height: 1.88vw; font-weight: 400; }
.edi .conoce { display: table; color: #2b6097; text-transform: uppercase; font-size: 1.33vw; line-height: 1.55vw; margin-top: 0.3vw; font-weight: 500; }
.edi .conoce:hover { color:#727072; }

.unidades { display: block; position: relative; overflow: hidden; width: 100%; background: #f7f7f7; padding: 3vw 7.2vw; }
.unidades h2 { display: block; color: #363335; text-transform: uppercase; font-size: 2vw; line-height: 2.2vw; font-weight: 700; }
.unidades h2 a { float: right; font-size: .77vw; }
.unidades h2 a:hover { color:#2b6097; }
.unidades ul { display: block; position: relative; overflow: hidden; width: 102%; margin-top: 3vw; }
.unidades ul li { display:inline-block; float:left; position: relative; overflow:hidden; margin-right:3.5vw; width:30%;text-align: center; background:#fff; padding: 0 0 1.4880952381vw 0;}
.unidades ul li:last-child { margin-right:0; }
.unidades ul li .imagen { display: block; width: 100%; height: 19.0476190476vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.unidades ul li h3 { display: block; color: #363335; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 700; margin-top: 2vw; }
.unidades ul li p { display: block; color: #363335; font-size: .77vw; line-height: 1vw;  font-weight: 500; }
.unidades ul li .amb { display: block; color: #363335; font-size: 1vw; line-height: 1vw; text-transform: uppercase; font-weight: 700; margin-top: 2vw; padding:.5vw; border:1px solid #363335; margin:2vw  1.4880952381vw 0  1.4880952381vw ; }
.unidades ul li:hover .imagen { opacity:.6; }
.unidades ul li:hover .amb { background:#363335; color:#fff; }

.bloque1 { display:block; position:relative; overflow:hidden; width:100%; padding:3vw 7.2vw; background:#2b6097; margin-top:2vw;}
.bloque1 h2 { display: inline-block; float: left; position: relative; overflow: hidden; color: #fff; font-size: 2vw; line-height: 2.2vw; text-transform: uppercase; font-weight: 700; }
.bloque1 .contactanos { display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 3vw; font-size: 1vw; line-height: 1.3vw; padding: 0.5vw 2vw; border: 1px solid #fff; background: transparent; color: #fff; text-transform: uppercase;; cursor:pointer; margin-top:0;}
.bloque1 .contactanos:hover { background:#fff; color:#2b6097; }
.bloque1 a { display: inline-block; float: right; position: relative; overflow: hidden; color: #fff; font-size: 1vw; line-height: 1.3vw; font-weight: 500; text-transform: uppercase; margin-top:.5vw;}
.bloque1 a:hover { color:#363335; }

.slide { position: relative; width:100%; height: 19.0476190476vw; background-repeat: no-repeat; background-position:center; background-size:cover;}
.slideInt { display:block; overflow:hidden;position: relative; width:100%; height: 42.2619047619vw; background-repeat: no-repeat; background-position:center; background-size:cover;}
.slideInt .amb { display: table; position: relative; overflow: hidden; margin: 19vw 0 0 7.2vw ; color: #fff; z-index: 999; font-size: 1.33vw; line-height: 1.33vw; /* left: 7.2 vw ; */ text-transform: uppercase; border: 1px solid #fff; padding: 0.6vw 1vw 0.5vw 1vw; }
.slideInt h2 {     display: block; color: #fff; font-size: 2vw; line-height: 2.3vw; text-transform: uppercase; margin: 1vw 0 0 7.2vw; font-weight: 900; }
.slideInt p {     display: block; color: #fff; font-size: 1.3vw; line-height: 1.5vw;  margin: 1vw 0 0 7.2vw; font-weight: 400; }

.obras ul.obra { margin-top:4vw; }
.obras .obrasHome { padding-bottom:4vw; }

.cuerpo { display:block; position:relative; overflow:hidden; width:100%; padding:3vw 7.2vw 3vw 0;  }
.cuerpo .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:42.2619047619vw; }
.cuerpo .izq .planos { display: table; color: #2b6097; font-size: 1.55vw; line-height: 1.77vw; text-transform: uppercase; font-weight: 400; margin-left: 7.2vw; cursor:pointer; }
.cuerpo .izq .planos img { display:inline-block; width:.9523809524vw; height:auto; margin-right:.5vw; }
.cuerpo .izq .planos:hover { color:#363335; }
.cuerpo .izq .marco { display: block; margin: 1vw 0;  padding: 2vw 2vw 2vw 7.2vw; position:relative; overflow:hidden;}
.cuerpo .izq #marco { background:#363335; }
.cuerpo .izq .marco h2 { display: block; color: #3c3842; font-size: 2vw; line-height: 2.3vw; text-transform: uppercase; font-weight: 700; }
.cuerpo .izq .marco h3 { display: block; color: #3c3842; font-size: 1.5vw; line-height: 1.8vw; text-transform: uppercase; font-weight: 400; }
.cuerpo .izq .marco p { display: block; color: #3c3842; font-size: 1.5vw; line-height: 1.8vw; font-weight: 400; }
.cuerpo .izq .marco .flecha { display: block; position: absolute; right: 0.5vw; bottom: 0.5vw; width: 0.9523809524vw; height: auto; }
.cuerpo .izq .marco span { color:#2b6097; }
.cuerpo .izq #marco h2, .cuerpo .izq #marco p { color:#81b5ea; }
.cuerpo .izq #marco h3 { color:#fff; }

.cuerpo .izq .intro { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; color:#3c3842; padding:0 5vw 0 7.2vw;font-size:1.3vw; line-height: 1.5vw; font-weight: 400; }
.cuerpo .izq .intro p { display:block; margin:0 0 .5vw 0; color:#3c3842; font-size:1.2vw; line-height: 1.4vw; font-weight: 400; }

.cuerpo .der { display:inline-block; float:right; position:relative; overflow:hidden; width:46.7261904762vw; }
.cuerpo .der h2 { display: table; color: #2b6097; font-size: 1.55vw; line-height: 1.77vw; text-transform: uppercase; font-weight: 400; margin-bottom:1vw; }

.cuerpo2 { display:block; position:relative; overflow:hidden; width:100%; padding:5vw 7.2vw 3vw 7.2vw;  }
.cuerpo2 .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:35.809524vw; }
.cuerpo2 .izq input { display: block; color: #2d2b30; font-size: 1vw; line-height: 1.3vw; border: solid #2d2b30; border-width: 0 0 1px 0; padding-bottom: 0.5vw; margin-bottom: 1vw; width: 100%; position: relative; overflow: hidden; }
.cuerpo2 .izq textarea { display: block; color: #2d2b30; font-size: 1vw; line-height: 1.3vw; border: solid #2d2b30; border-width: 0 0 1px 0; padding-bottom: 0.5vw; margin-bottom: 1vw; width: 100%; position: relative; overflow: hidden; height:5vw;}
.cuerpo2 .izq button {     display: block; background: #2b6097; color: #fff; font-size: 1.3vw; line-height: 1.5vw; width: 100%; border: 1px solid #2b6097; padding: 0.5vw ;
    font-weight: 700; cursor:pointer; }
.cuerpo2 .izq button:hover { background:#fff; color:#2b6097; }
.cuerpo2 .der { display:inline-block; float:right; position:relative; overflow:hidden; width:41.72619vw; }
.cuerpo2 .der h2 { display:block; color:#2b6097; text-transform: uppercase; font-size:1.33vw; line-height:1.66vw; font-weight: 700; }
.cuerpo2 .der p { display: block; color:#727072; font-size:1.33vw; line-height:1.66vw; font-weight: 400; margin-top:1vw;}
.cuerpo2 .der h3 { display: block; color:#727072; font-size:1.66vw; line-height:1.88vw; font-weight: 500; margin-top:1vw; text-transform: uppercase;}
.cuerpo2 .der .tel { display: block; margin-top: 4.5vw; text-transform: uppercase; color: #6cacef; font-size: 1.33vw; line-height: 1.55vw; font-weight: 500; }
.cuerpo2 .der .tel a { color:#737273; }
.cuerpo2 .der .tel a:hover { color:#6cacef; }

.imagenes { display: block; position: relative; overflow: hidden; width: 100%; background: #f7f7f7; padding: 3vw 7.2vw; }
.imagenes h2 { display: block; color: #363335; text-transform: uppercase; font-size: 2vw; line-height: 2.2vw; font-weight: 700; }

.imagenes ul { display: block; position: relative; overflow: hidden; width: 105%; margin-top: 3vw; }
.imagenes ul li { display:inline-block; float:left; position: relative; overflow:hidden; margin-right:3.5vw; margin-bottom:3.5vw;width:29%;text-align: center;}
.imagenes ul li .imagen { display: block; width: 100%; height: 19.0476190476vw; background-repeat: no-repeat; background-position: center; background-size: cover; cursor:pointer; }

.imagenes ul li:hover .imagen { opacity:.6; }

#mapa { display: block; position:relative; overflow: hidden; width:100%;height:35vw; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#mapa iframe { display: block; position: relative; overflow: hidden; width:100%; height:100%; }

.quienes-somos .der {display: block; float: none; position: relative; padding: 3vw 7.2vw; width: 100%; }
.unidades ul.lista { display: block; position: relative; overflow: hidden; width: 105%; margin-top: 3vw; }

.unidades ul.lista li { display:inline-block; float:left; position: relative; overflow:hidden; margin-right:3.5vw; margin-bottom:3.5vw;width:29%;text-align: center;}
.unidades ul.lista li:last-child { margin-right:0; }
.unidades ul.lista li .imagen { display: block; width: 100%; height: 19.0476190476vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.unidades ul.lista li h3 { display: block; color: #363335; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 700; margin-top: 2vw; }
.unidades ul.lista li p { display: block; color: #363335; font-size: .77vw; line-height: 1vw;  font-weight: 500; }
.unidades ul.lista li .amb { display: block; color: #363335; font-size: 1vw; line-height: 1vw; text-transform: uppercase; font-weight: 700; margin-top: 2vw; padding:.5vw; border:1px solid #363335; margin:2vw  1.4880952381vw 0  1.4880952381vw ;  }
.unidades ul.lista li:hover .imagen { opacity:.6; }
.unidades ul.lista li:hover .amb { background:#363335; color:#fff; }

.quienes-somos .imagen { display: block; position: relative; overflow: hidden; width: 100%; height: 22.0238095238vw; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.quienes-somos .edi { border:0; }

.somos2 { display:block; position:relative; overflow:hidden; width:100%; padding:7vw 7.2vw; }
.somos2 h3 {     display: block; color: #2b6097; font-size: 1.33vw; line-height: 1.55vw; text-transform: uppercase; font-weight: 700; }
.somos2 h2 { display:block; color:#727072;  font-size: 4vw; line-height: 4.33vw; text-transform: uppercase; font-weight: 700; }
.somos2 p { display:block; color:#16304b; font-size:1vw; line-height: 1.33vw; margin:1vw 0 0 0; width:60%;   }

.somos2 .boton { display:block;  }


.somos2 .forma1 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 11vw; right: 11vw; }
.somos2 .forma2 { width: 14.0476190476vw; height:auto; display: block; position: absolute; top: 18vw; right: 16vw; }
.somos2 .forma3 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 12vw; right: 15vw; }
.somos2 .forma4 { width: 14.0476190476vw; height:auto; display: block; position: absolute; top: 4vw; right:16vw; }
.somos2 .forma5 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 12vw; right: 7vw; }
.somos2 .forma6 { display: block; width: 5.9523809524vw; height: auto; position: absolute; top: 5vw; right: 11vw; }

/*======== Pie =============*/
footer { display:block; position:relative; overflow:hidden;background:#fff; vertical-align: middle; padding: 2vw 0 2vw 7.2vw;}
footer ul.redes { display: inline-block; float: left; position: relative; overflow: hidden; margin-right: 2vw; margin-top:.7vw; }
footer .redes li { display:inline-block; position:relative; overflow:hidden; margin-right:.5vw; width:2.0833333333vw;  }
footer .redes li img { display:block; width:100%; height:auto; }
footer .redes li:last-child { margin-right:0; }

footer ul.datos { display: inline-block; float: left; position: relative; overflow: hidden;  }
footer .datos li { display:inline-block; position:relative; overflow:hidden; margin-right:3vw; vertical-align:top; }
footer .datos li h2 { display: block; color: #2b6097; font-size: 1vw; line-height: 1.33vw; text-transform: uppercase; font-weight: 700; }
footer .datos li p { display: block; color:#727072; font-size: .88vw; line-height: 1vw; }
footer .datos li a { display: block; color:#727072; font-size: 1vw; line-height: 1.33vw; font-weight: 500;}
footer .datos li a:hover { color:#2b6097; }
footer .osmosis { display:inline-block; float:right; position:relative; overflow:hidden; font-size: .77vw; line-height: .99vw; color: #363335; vertical-align: middle;}
footer .osmosis .logo { float: right; margin-left: 1vw ; width: 1.9642857143vw ; height: auto; margin-right:1vw; }
footer .osmosis .logo img { display:block; width:1.9642857143vw; height:auto; }
footer .osmosis span { display: inline-block; position: relative; overflow: hidden; vertical-align: middle; padding-top: 1vw; }

/*======== Genéricos =============*/

.texto { display: block; }
.texto p { display: block; position:relative; width:100%; color:#3c3842; font-size:1vw; line-height: 1.33vw; margin:0 0 .5vw 0; font-weight: 400; }
.texto p strong { font-weight: 500;  }
.texto ul { display:block; position:relative; overflow:hidden; width:100%; margin:1vw 0; }
.texto ul li { display:block; position:relative; overflow:hidden; width:100%; padding-left:1vw; }
.texto ul li::before { display: block; position:absolute; left:0; top:.5vw; content: ''; -webkit-border-radius: .3vw; border-radius: .3vw; height: .3vw; width: .3vw;  background-color: #81b5ea; }

.mas {display:table; margin-top:2vw; color:#363335; text-transform: uppercase; font-size:1.33vw; line-height: 1.55vw; font-weight: 400; padding:.79vw 1.5vw .59vw 1.5vw; border:1px solid #2b6097; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; cursor:pointer;}
.mas:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2b6097; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mas:hover, .mas:focus, .mas:active {color: white; } 
.mas:hover:before, .mas:focus:before, .mas:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); }

.obras .bloque1 { margin-top:0; }

/*======== cookies =============*/
.lascoo { display: block; position: fixed; bottom: 0; left: 0; background: #2b6097; width: 100%; padding: 1vw 7.2vw; color: #fff; font-size: 1vw; line-height: 1.3vw; z-index:9;}
.lascoo.seva { display:none; }
.lascoo p { display: inline-block; float: left; position: relative; overflow: hidden; width: 80%; padding-right: 10px; }
.lascoo .button { display: inline-block; float: right; position: relative; overflow: hidden;  background: #fff; padding: .5vw 1vw; border: 1px solid #fff; color: #363335; font-size: .88vw; line-height: 1vw; text-transform: uppercase; font-weight: 500; border-radius: 32px; cursor: pointer; }
.lascoo .button:hover { background:#363335; color:#fff; }
@media screen and (max-width: 1920px) {
  .somos .izq {margin-top: -10.880952vw; }
}

@media screen and (max-width: 1700px) {
  .somos .izq { margin-top: -14.880952vw; z-index: 3;  }
}

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

  header { padding:10px 20px; height:100px; }
  header ul.menu, header ul.redes, .somos .izq { display:none; }
  header h1 { width:300px; }
  
  .click-menu { display: block; position: absolute; width: 65px; height: 65px; cursor: pointer; z-index: 999; right: 20px; top: 15px; background: #2b6097; padding: 20px; border-radius: 6px; }
 .click-menu span { position: absolute; left: 0; right: 0; top: 20px; margin:0 auto; display: block; width: 40px; height: 5px; margin:0 auto; background:#fff; transition: all .3s; border-radius:6px;}
 .click-menu span:nth-child(2) {top: 30px; }
 .click-menu span:nth-child(3) {top: 40px; }
 .click-menu.active span:nth-child(1) {top: 30px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
 .click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
 .click-menu.active span:nth-child(3) {top: 30px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.menuMovil.abierto { display: block; position: fixed; top: 100px; left: 0; width: 100%; z-index: 99999; background: #2b6097; padding: 20px; overflow-y:auto;
    overflow-x:hidden;
    height:90vh;}
 .menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:24px; line-height: 26px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #33a199; text-align:center;  text-transform: uppercase; }

  .slideHome, .slideHome ul, .slideHome ul li { height:100vw; }
  .slideHome h4 { top:30vw; left:20px; font-size:25px; line-height: 27px; }
  .slideHome h2 { top:36vw; left:20px; font-size:35px; line-height: 37px; }
  .slideHome h3 { top:48vw; left:20px; font-size:18px; line-height: 20px; }
  .somos .der {display: block; float: none; position: relative; padding: 40px 20px 40px 20px; width: 100%; }

  .somos .der h3, .edi .foto .cuadro h4, .somos2 h3 { font-size:24px; line-height: 26px; }
  .somos .der h2, .unidades h2, .somos2 h2 { font-size:35px; line-height: 39px; }
  .somos .der p, .somos .der .sub h4 { font-size:18px; line-height: 20px; }
  .mas { margin-top:20px; font-size:18px; line-height: 20px; }
  .somos .der .sub h5 { font-size:24px; line-height: 26px; }
  .somos .der p, .somos2 p { width:80%; }
  .obrasHome { padding:0 20px; }
  .obrasHome h2 { margin-top:60px; font-size:30px; line-height: 32px; }
  .obrasHome .obra li:nth-child(1) .uni, .obrasHome .obra li:nth-child(3) .uni, .obrasHome .obra li:nth-child(5) .uni, .obrasHome .obra li:nth-child(1) h3, .obrasHome .obra li:nth-child(3) h3, .obrasHome .obra li:nth-child(5) h3, .obrasHome .obra li:nth-child(1) p, .obrasHome .obra li:nth-child(3) p, .obrasHome .obra li:nth-child(5) p { margin-left:20px; }
  .obrasHome .obra li .uni, .obrasHome .obra li h4, .obrasHome .obra li h5, .edi .foto .cuadro h3 { font-size:11px; line-height: 13px; }
  .obrasHome .obra li h3, .edi .marco h2, .edi .foto .cuadro .tel, .unidades ul li .amb, .unidades ul.lista li .amb { font-size:15px; line-height: 17px; }
  .obrasHome .obra li p, .edi .marco p, .edi .foto .cuadro h5, .unidades ul li p, .unidades ul.lista li p { font-size:12px; line-height: 14px; }
  .serv { width:720px; margin:30px 20px; }
  .serv p { font-size:12px; line-height: 14px; padding:20px 0; }
  .serv h2 { font-size:30px; line-height: 32px; padding:60px 20px 60px 0; }
  ul.desa { padding:30px 20px; }
  .edi { margin:30px 20px; padding:30px 0; width:720px; }
  .edi .foto .lafoto { width:45%; }
  .edi .foto .cuadro { width:55%; }
  .edi .foto .cuadro h3 { margin-top:30px; }
  .unidades { padding:30px 20px; }
  .unidades h2 a { font-size:11px; }
  .unidades ul li h3, .unidades ul.lista li h3 { font-size:20px; line-height: 22px; }
  .slide { height:40vw; }
  .obrasHome ul.obra { margin-top:80px; width:100%; text-align:left; }
  .obrasHome .obra li { display:block; float:none; margin:0 0 20px 0; width:100% !important; height:55vw; }
  .obrasHome .obra li a { opacity:1; }
  .obrasHome .obra li .uni, .obrasHome .obra li h4, .obrasHome .obra li h5 { transform:rotateX(0deg ); opacity:1; }
  .obrasHome .obra li h3, .obrasHome .obra li  p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
  .desa li h2 { font-size:14px; line-height: 16px; }
  .desa li h3 { font-size:9px; line-height: 10px; }
  .slideInt { height:74.261905vw; }
  .cuerpo { padding:40px 20px; }
  .cuerpo .izq, .cuerpo .der { display:block; float:none; width:100%;  }
  .cuerpo .izq .planos { font-size:16px; line-height: 18px; margin-left:0; }
  .cuerpo .izq .marco { margin:10px 0; padding:0; }
  .cuerpo .izq .marco h2 { font-size:30px; line-height: 32px; }
  .cuerpo .izq .marco h3 { font-size:20px; line-height: 22px; }
  .cuerpo .izq .marco p { font-size:16px; line-height: 18px; }

  .cuerpo .izq #marco { margin:10px 0; padding:20px; }
  .cuerpo .izq #marco h2 { font-size:30px; line-height: 32px; }
  .cuerpo .izq #marco h3 { font-size:20px; line-height: 22px; }
  .cuerpo .izq #marco p { font-size:16px; line-height: 18px; }
  .cuerpo .izq .intro { margin-top:10px; padding:0; font-size:16px; line-height: 18px; }
  .cuerpo .izq .intro p { margin:0; font-size:16px; line-height: 18px; }
  .cuerpo .der h2 { margin:20px 0 10px 0; font-size:20px; line-height: 22px; }

  .texto p { display: block; position:relative; width:100%; color:#3c3842; font-size:16px; line-height: 18px; margin:0 0 5px 0; font-weight: 400; }
  .texto p strong { font-weight: 500;  }
  .texto ul { display:block; position:relative; overflow:hidden; width:100%; margin:10px 0; }
  .texto ul li { display:block; position:relative; overflow:hidden; width:100%; padding-left:10px;font-size:16px; line-height: 18px; }
  .texto ul li::before { display: block; position:absolute; left:0; top:5pxvw; content: ''; -webkit-border-radius: 3px; border-radius: 3px; height: 3px; width: 3px;  background-color: #81b5ea; }
  .imagenes { padding:20px; }
  .imagenes h2 { font-size:30px; line-height: 32px; }
  .somos2 p { font-size:14px; line-height: 16px;  }

}



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

  header { padding: 10px 20px; height: 80px; }
  header h1 { width:200px; }
  main { margin-top:80px; }
  .click-menu { top:8px; right:20px; }
  .menuMovil.abierto { top:80px; }
  .slideHome h4 { top:15vw; }
  .slideHome h2 {top: 33vw; left: 20px; font-size: 30px; line-height: 32px; }
  .slideHome h3 { top:66vw; font-size:16px; }
  .somos .der .forma1, .somos .der .forma2, .somos .der .forma3, .somos .der .forma4 { display: none; }
  .somos .der p { width:100%; }
  .somos .der .sub { margin:20px 0; }
  .somos .der .sub h5 { margin-top:20px; }
  .obrasHome .forma1, .obrasHome .forma2, .obrasHome .forma3, .obrasHome .forma4, .obrasHome .forma5, .obrasHome .forma6, .obrasHome .forma7 { display:none; }
  .obrasHome .obra li { height:93vw; }
  .obrasHome .obra li .uni { margin:20px; padding:5px; }
  .obrasHome .obra li:nth-child(1) h4, .obrasHome .obra li:nth-child(3) h4, .obrasHome .obra li:nth-child(5) h4, .obrasHome .obra li:nth-child(1) h5, .obrasHome .obra li:nth-child(3) h5, .obrasHome .obra li:nth-child(5) h5 { padding-left:20px; }
  .obrasHome .obra li h4 { padding:5px; margin-top:10px; }
  .obrasHome .obra li h5 { padding:5px; bottom:20px; }
  .serv { width:100%; margin:20px 0; padding:20px; }
  .serv h2 { padding:0; border:0; }
  .serv p { display:block; float:none; width:100%; margin-top:10px; font-size:14px; line-height: 16px; }
  .desa li { display:block; float:none; width:100%; margin:0 0 20px 0; }
  .desa li h2 { font-size:30px; line-height: 32px; }
  .desa li h2 span { font-size:25px; line-height: 27px; }
  .desa li h3 { font-size:14px; line-height: 16px; }
  .desa li img { width:30vw; }
  .edi {margin: 20px 0; padding: 0 20px; width: 100%; }
  .edi ul.redes { display: block; float:none; margin-top:10px; margin-bottom:10px;}
  .edi .redes li { width:30px; margin-right:5px; }
  .edi .foto .lafoto, .edi .foto .cuadro { display:block; float:none; width:100%; height:93vw; }
  .edi .elp { margin-top:20px; font-size:14px; line-height: 16px; }
  .edi .conoce { margin-top:20px; font-size:16px; line-height: 18px; }
  .unidades ul, .unidades ul.lista  { width:100%; margin-top:20px; }
  .unidades ul li, .unidades ul.lista li { display:block; float:none; width:100%; padding:0; margin:0 0 20px 0; }
  .unidades ul li .imagen, .unidades ul.lista li .imagen { height:65vw; }
  .unidades ul li h3, .unidades ul.lista li h3 { margin-top:20px; }
  .unidades ul li p, .unidades ul.lista li p { margin-top:10px; }
  .unidades ul li .amb, .unidades ul.lista li .amb { padding:5px; }
  .bloque1 { margin-top: 20px; padding:20px; }
  .bloque1 h2 { font-size:14px; line-height: 16px; }
  .bloque1 .contactanos { font-size:14px; line-height: 16px; margin:10px 0; padding:5px; }
  .bloque1 a { font-size:14px; line-height: 16px; float:left; }

  footer { padding:20px; }
  footer ul.redes { display:block; float:none; margin:0 0 20px 0; padding:0; }
  footer .redes li { width:30px; }
  footer .datos { display:block; float:none; width:100%; margin-bottom:10px; }
  footer .datos li { display: block; float:none; width:100%; margin:0 0 10px 0; }
  footer .datos li h2, footer .datos li a { font-size:14px; line-height: 16px; }
  footer .osmosis { font-size:14px; line-height: 16px; }
  footer .osmosis .logo {float: right; margin-left: 10px; width: 20px ; height: auto; margin-right: 0; }
  footer .osmosis .logo img { width:100%; }

  footer .datos li p { font-size:11px; line-height:13px; }
  .obrasHome h2 { text-align:left; }
  .obrasHome ul.obra { margin-top:20px; }
  .cuerpo .izq .planos img { width:10px; }
  .cuerpo .izq .marco .flecha { width:10px; right:10px; bottom:10px; }
  .imagenes ul li {display: block; float: none; position: relative; overflow: hidden; margin-right: 0; margin-bottom: 20px; width: 100%; }
  .imagenes ul li .imagen { height:65vw; }
  #mapa { height:70vw; }
  .cuerpo2 { padding:40px 20px; }
  .cuerpo2 .izq, .cuerpo2 .der { display:block; float:none; width:100%; }
  .cuerpo2 .izq input { font-size:14px; line-height: 16px; padding-bottom:10px; margin-bottom:10px; }
  .cuerpo2 .izq textarea { font-size:14px; line-height: 16px; padding-bottom:10px; margin-bottom:10px; height:100px; }
  .cuerpo2 .izq button { font-size:16px; line-height: 18px; padding:5px; }
  .cuerpo2 .der { margin-top:20px; }
  .cuerpo2 .der h2 { font-size:25px; line-height: 27px; }
  .cuerpo2 .der p { font-size:16px; line-height: 18px; margin-top:10px; }
  .cuerpo2 .der h3 { font-size:20px; line-height: 22px; margin-top:10px; }
  .cuerpo2 .der .tel { margin-top:20px; font-size:20px; line-height: 22px; }
  .somos2 p { width:100%; }
  .somos2 .forma1, .somos2 .forma2, .somos2 .forma3, .somos2 .forma4, .somos2 .forma5, .somos2 .forma6 { display:none; }
  .quienes-somos .imagen { height:40vw; background-attachment: scroll;}
  .imagenes ul { width:100%; }
  .slideInt .amb { font-size: 14px; line-height: 16px; padding:5px; margin-left: 20px; }
  .slideInt h2 { font-size:20px; line-height: 22px; margin-left:20px; margin-top:10px; }
  .slideInt p { font-size:14px; line-height: 16px; margin-left:20px; margin-top:10px; }
  .lascoo { padding:20px; font-size:11px; line-height: 13px; }
  .lascoo .button { font-size:11px; line-height: 13px; padding:5px; border-radius: 0; }


}