/*! 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: 0;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}




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

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


header { display:block; position:relative; width:100vw; background-image:url(../img/fondo-top.png); background-repeat: no-repeat; background-position: left top;  background-color:#fff; padding:1vw  3.5vw; height:11vw;}
header h1 { display:inline-block; float:left; width:13.45vw; margin-left:5.25vw; }
header h1 img { display:block; width:100%; height:auto; }
header h1 p { display:block; color:#008852; font-size:.77vw; font-weight: 900; margin-left:.4vw; }
header ul.menu { display: inline-block; float: left; margin-left: 6.25vw; background: #008852; padding: 1vw 4vw; margin-top:3vw; }
header .menu li { display:inline-block; float:left; position:relative; color:#fff; text-transform: uppercase; font-weight: 900; font-size:1vw; line-height: 1vw; margin-right:2vw; cursor:pointer;}
header .menu li:hover, header .menu li .sele { color:#000; }
header .mehu li:last-child { margin-right:0; }

header  .menu li:hover .sub { display:block; opacity: 1; visibility: visible;}
header  .menu li ul.sub { display:none; position:absolute; overflow:hidden; width:auto; background:#008852; padding:1.5vw 1.5vw 1vw 1.5vw; white-space: nowrap; opacity: 0; visibility: hidden; transition: all .5s; top:1vw; left:-2vw;  z-index:9;}
header  .menu li .sub li { display:block; float:none; width: 100%; position:relative; overflow:hidden; margin:0 0 .5vw 0; padding: 0 0 .5vw 0; border-bottom:1px solid #fff; font-size:1vw; line-height:1.2vw; font-weight: 400; text-transform: none; color:#fff; border-right:0;}
header  .menu li .sub li a { display:block; position:relative; overflow:hidden; width:100%; }
header  .menu li .sub li:last-child { border:0; margin-bottom:0; padding-bottom:0; }
header  .menu li .sub li:hover { color:#535353; }

header ul.redes { display:inline-block; float:right; position:relative; overflow:hidden; margin-top: 1vw;}
header .redes li { display:block; position:relative; overflow:hidden; margin-bottom:.3vw;}
header .redes li .fa {     display: inline-block; float: left; position:relative; overflow:hidden; color: #6e6e6e; font-size: 1.5vw; margin-right: 1vw; width:2vw; text-align:center; }
header .redes li p { display:table; float:left; position:relative; overflow:hidden; color:#008852; font-size:1vw; line-height: 1.3vw; margin-top:.3vw;}
header .redes li:first-child p { color: #606060; font-size: 1.3vw; font-weight: 900 }
header .redes li:first-child .fa { color:#1caf75; font-size:2vw; }
header .redes li:hover p { color:#6e6e6e; }
header .redes li:first-child:hover p { color:#1caf75; }



#form_buscador { display: block; position: relative; overflow: hidden; width: 100vw; padding: 1vw 3.5vw; background: #008852; }
#form_buscador h2 { display:inline-block; float:left; position:relative; overflow:hidden; color:#fff; font-size:1.3vw; line-height: 1.3vw; font-weight: 700; margin-right:1vw; text-transform: uppercase; margin-top:.8vw; }
#form_buscador  select, #form_buscador input {     display: inline-block; float: left; width: 9.6vw; margin-right: .5vw; margin-top:.5vw; height:2vw;}
#form_buscador button { display:inline-block; float:left; color:#fff; background:#57dca7; font-size:1vw; line-height: 1vw; padding:.5vw; font-weight: 700; text-transform: uppercase; border:1px solid #57dca7; cursor:pointer; border-radius:6px; margin-top:.5vw;}
#form_buscador button:hover { background:#fff; color:#57dca7; }

main { display:block; position:relative; overflow:hidden; width:100vw; padding:2vw 3.5vw;}
main h2 { display:block; font-size:1.5vw; line-height: 1.5vw; font-weight: 700;text-transform: uppercase; color:#008852; }

ul.lista { display:block; position:relative; overflow:hidden; width:104.5%; margin-top:2vw; }
.lista li { display:inline-block; float:left; position:relative; overflow:hidden; width:23%; margin-right:1vw; margin-bottom:1vw; }
.lista li .imagen { display: block; position: relative; overflow: hidden; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 19vw; }
.lista li .imagen .precio {     display: table; position: absolute; top: 1vw; left: 0; background: #fff; padding: .5vw 1vw; color: #008852; font-weight: 900; font-size: 1.6vw; }
.lista li .tipo {     display: block; position: relative; overflow: hidden; width: 100%; background: #d4d5cf;}
.lista li .tipo span { display:inline-block; float:left; position:relative; overflow:hidden; padding:.5vw 1vw; color:#fff; font-size:.9vw; font-weight: 900; text-transform: uppercase;}
.lista li .tipo span.alq { background:#57dca7; }
.lista li .tipo span.vta { background:#008852; }
.lista li .tipo p { display:inline-block; float:left; position:relative; overflow:hidden; background: #d4d5cf; padding:.5vw; font-size:.9vw; color:#58585a; }
.lista li .marco { display:block; position:relative; overflow:hidden; width:100%; background:#f5f5f5; padding:1vw; height:11vw; }
.lista li h3 { display:block; margin:0 0 0 0; color:#008852; font-size:1vw; line-height: 1.3vw; font-weight: 900; text-transform: uppercase; }
.lista li .etiquetas {     display: block; position: relative; overflow: hidden; width: 100%; margin-top:1vw;}

.lista li .etiquetas span { display: inline-block; float: left; background: #008852; padding: .4vw .3vw .3vw .3vw; color: #fff; font-size: .7vw; text-transform: uppercase; margin-right: .5vw; line-height: .7vw; }

.propiedad {     display: block; position: relative; overflow: hidden; width: 100%; margin-bottom:2vw; }
.propiedad .imagen { display: inline-block; float: left; width: 50%; height: 40vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.propiedad .imagen .precio {     display: table; position: absolute; top: 1vw; left: 0; background: #fff; padding: 1vw 2vw; color: #008852; font-weight: 900; font-size: 2vw; }
.propiedad  .marco { display:inline-block; float:left; position:relative; overflow:hidden; width:50%; background:#f5f5f5; padding:2vw; height: 40vw; ; }

.propiedad  .tipo {     display: block; position: relative; overflow: hidden; width: 100%; background: #d4d5cf;}
.propiedad  .tipo span { display:inline-block; float:left; position:relative; overflow:hidden; padding:.5vw 1vw; color:#fff; font-size:1vw; font-weight: 900; text-transform: uppercase;}
.propiedad  .tipo span.alq { background:#57dca7; }
.propiedad  .tipo span.vta { background:#008852; }
.propiedad  .tipo p { display:inline-block; float:left; position:relative; overflow:hidden; background: #d4d5cf; padding:.5vw; font-size:1vw; color:#58585a; }
.propiedad  h3 { display:block; margin:1vw 0 1vw 0; color:#008852; font-size:1.5vw; line-height: 1.7vw; font-weight: 900; text-transform: uppercase; }
.propiedad  .etiquetas {     display: block; position: relative; overflow: hidden; width: 100%; margin-top:1vw;}
.propiedad  .etiquetas span { display: inline-block; float: left; background: #008852; padding: .4vw .3vw .3vw .3vw; color: #fff; font-size: .7vw; text-transform: uppercase; margin-right: .5vw; line-height: .7vw; }
.propiedad .texto { display:block; margin-top:2vw; }
.propiedad .texto p { display:block; margin:.5vw 0 0 0; font-size:1vw; line-height: 1.3vw; }
.propiedad .texto h5 { display:block; margin:1vw 0; color:#008852; font-weight: 900; font-size:1.5vw; line-height: 1.7vw; }
.propiedad .texto ul { display:block; margin:1vw 0; }
.propiedad .texto ul li { display:block;position:relative;font-size:1vw; line-height: 1.3vw; padding-left:1.5vw;  }
.texto ul li::before { content: "\f10c"; font-family: FontAwesome; position: absolute; top: 0.1vw; left: .2vw; font-size: .5vw; color: #008852; z-index: 1; }

.propiedad  .redes { display: block; position: relative; overflow:hidden;margin-top: 3vw;}
.propiedad  .redes a { display:inline-block; float:left; position:relative; overflow:hidden;  }
.propiedad  .redes a.contacto { background:#6e6e6e; padding:.5vw; color:#fff; width: 3.6vw; cursor:pointer; }
.propiedad  .redes a.whatsapp { background:#409a7f; padding:.5vw; color:#fff; width: 3vw; cursor:pointer; }
.propiedad  .redes a .fa {     display: inline-block; float: left; color: #fff; font-size: 2.5vw; }
.propiedad  .redes a.link {display: inline-block; float: left; position: relative; overflow: hidden; font-size: .8vw; color: #fff; font-weight: 700; text-transform: uppercase; margin-left: 2vw; margin-top: .8vw; }
.propiedad  .redes a.link:hover { color:#be242c; }
.propiedad  .redes .link {display: inline-block; float: left; position: relative; overflow: hidden; font-size: .8vw; color: #333333; font-weight: 700; text-transform: uppercase; margin-left: 1vw; margin-top: 1vw; }
.propiedad  .redes #share-buttons { display:inline-block; float:right;  }
.propiedad  .redes #share-buttons .link { margin-left:0; margin-right:1vw; }
.propiedad  .redes a.facebook { background:#3b5998; padding:.5vw; color:#fff; width: 3vw; cursor:pointer; }
.propiedad  .redes a img { display:block; width:100%; height:auto; }

.listaImg ul { display: block; position: relative; overflow: hidden; width: 101%; margin-top: 2vw; }
.listaImg ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:24%; margin:0 1% 1% 0;  }
.listaImg ul li .imagen { display:block; width:100%; height:19vw; background-repeat: no-repeat; background-position: center; background-size:cover; cursor:pointer;}

.propiedad iframe, .propiedad #mapa { display: inline-block; float: left; position: relative; overflow: hidden; width: 50%; height: 30vw; }
.propiedad #mapa iframe { width:100%; }

footer { display:block; position:relative; width:100vw; background-image:url(../img/fondo-pie.png); background-repeat: no-repeat; background-position: right bottom;  background-color:#fff; padding:1vw  3.5vw;  border-top:1px solid #008852; height:8vw;}
footer img { display: inline-block; float: left; width: 4.28vw; height: auto; position: relative; overflow: hidden; margin-right: 2vw; margin-top:1vw;}
footer .datos {     display: inline-block; float: left; position: relative; overflow: hidden; margin-top: 1.5vw; }
footer .datos p { display:block; color:#606060; font-size:1vw; line-height: 1.3vw; font-weight: 400; }
footer .datos p strong { color:#008852; font-weight: 700; }

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

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

.pop { display:block; position:relative; overflow:hidden; width:100%; }
.pop h2 {     display: block;  color: #008852; font-weight: 500; font-size: 2vw; line-height: 2.2vw;background: none; padding: 0;}
.pop p { display:block; font-size:.9vw; line-height: 1.1vw;  margin-top:1vw; }
.pop ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; padding:0; }
.pop li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1vw; }
.pop label { display:block; position:relative; color:#008852; font-size:1.25vw; line-height:1.4vw; margin-bottom:.5vw; padding-left:.8vw; }
.pop input { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; padding:.5vw; font-size:.9vw; line-height: 1.1vw; color:#264434;  margin-bottom:.5vw; font-weight:normal;}

.pop button { display:table; position:relative; overflow:hidden; background:#57dca7; padding:.5vw 1vw; color:#fff; text-align:center; font-size:1.2vw;  margin:0 auto; border:0; cursor:pointer;  border:1px solid #57dca7; margin-top:1.5vw; margin-bottom:.2vw; clear:both; border-radius:6px;  text-transform: uppercase; font-weight: 900;}
.pop button:hover { color:#57dca7; background:#fff; }


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

.overlay .cerrarContacto { display: block; position: absolute; top: -0; right: -0; font-size: 2vw; color: #008852; cursor:pointer; }
.overlay .cerrarContacto:hover { color:#000; } 
.overlay .cerrarTasaciones { display: block; position: absolute; top: -0; right: -0; font-size: 2vw; color: #008852; cursor:pointer; }
.overlay .cerrarTasaciones:hover { color:#000; }