@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Open Sans',sans-serif;color:#000;font-weight:400}
body{margin:0;font-size:13px;line-height:1.4}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{height:0}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   Main styles
   ========================================================================== */

a{color:#000;text-decoration:none}
a:hover{text-decoration:none}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
body {
  background: #053572;
}
.wrap {
	max-width: 960px;
	margin: 0 auto;
}
p {
  margin: 0 0 20px;
}

/* Header */

header {
	/*background: url(img/bg-header.png) repeat-x;*/
	background-color: #0a252e; /*color header*/
  border-bottom: 1px solid #fff;
}
.logo {
  float: left;
  margin: 22px 0 0 15px;
}
.bigmenu {
  display: block;
}
.topnav {
  display: none;
}
.menu ul {
  margin: 0;
  padding: 0;
  float: right;
}
.menu li {
  display: inline-block;
  position: relative;
}
.menu a,
.menu span {
  display: block;
  padding: 76px 14px 18px;
  color: #fefefe;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}
.menu span {
  cursor: default;
}
.menu li:hover .submenu {
  display: block;
}
.menu li:hover {
  background: #113e4b; /*hover header*/
}
.menu a:hover {
  text-decoration: none;
}
.menu .active a,
.menu .active span {
  background: #113e4b;
}
.menu .submenu {
  position: absolute;
  z-index: 10;
  width: 100%;
  display: none;
}
.menu .submenu li {
  display: block;
}
.menu .submenu a {
  padding: 0;
  background: #113e4b; /*color sub-menu*/
  font-size: 13px;
  line-height: 33px;
  text-align: center;
  border-top: 1px solid #fff;
  letter-spacing: 0;
}
.menu .submenu a:hover {
  background: #2a6272; /*hover sub-menu*/
}
.menu .submenu .active a {
  background: #fff;
  color: #72767C;
  font-weight: 700;
}

/* Contenido */

.pre {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
}
h1 {
  font-size: 60px;
  color: #72767C;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 10px 0 15px 0;
  line-height: 1;
}
h2 {
  font-size: 40px;
  color: #72767C;
  text-transform: uppercase;
  font-weight: 300;
  margin: 5px 0 10px;
  line-height: 1;
}
h2 span {
 text-transform: none; 
}
h3 {
  font-size: 24px;
  color: #72767C;
  text-transform: uppercase;
  font-weight: 300;
  margin: 28px 0 20px;
  line-height: 1;
}
h4 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.cont {
  background: url(../img/bg.jpg) no-repeat 50% 0 #72767C;
  background-attachment: fixed;
  background-size: cover;
}
.cont .wrap {
  background: rgba(0,0,0,0.3);
  padding: 15px;
}
.box {
  background: #fff;
  padding: 20px 15px 15px 15px ;
  margin-bottom: 15px;
}
.zoom {
  position: relative;
  display: inline-block;
}
.zoom:after {
  content: " ";
  background: no-repeat 50% 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.zoom.coch:after {
  top: -35px;
}
.zoom.white:after {
  background-image: url(../img/zoom-w.png);
}
.zoom.black:after {
  background-image: url(../img/zoom-b.png);
}
.zoom p {
  margin: 7px 0 0;
  color: #000;
}
.last {
  margin: 0;
}
.destacados {
  margin: 0;
  padding: 0;
  list-style: none;
}
.destacados .over {
  width: 271px;
  height: 271px;
  overflow: hidden;
}
.destacados li {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  margin-left: 13px;
  padding: 15px;
  width: 301px;
  min-height: 350px;
}
.destacados li:first-child {
  margin: 0;
}
.destacados .bigger {
  transition: 0.2s;
}
.destacados li:hover .bigger {
  transform: scale(1.1);
}
.destacados li span {
  font-weight: 400;
}
.destacados li:hover span {
  font-weight: 700;
}
.destacados p {
  color: #000;
  font-weight: 400;
}
.link {
  font-size: 14px;
  text-transform: uppercase;
}
.link:hover {
  font-weight: 700;
}
.pdf {
  background: url(../img/pdf.png) no-repeat 0 50%;
  display: block;
  min-height: 50px;
  padding: 2px 0 0 60px;
  width: 270px;
  line-height: 1.2;
  color: #000;
  margin-top: 25px;
}

/* Home */

.slides {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.slides .overlay {
  position: absolute;
  top: 0;*/
}
.main-img {
  position: relative;
  min-height: 200px;
  min-width: 900px;
}
.main-img img {
  position: absolute;
}
.main-text {
  max-width: 900px;
}
.main-text p {
  text-align: center;
}
.main-title {
  text-align: center;
  margin: 45px 0 40px;
}
.main-title .junto-a {
  display: block;
  margin: 0 0 -20px -30px;
  position: relative;
  width: 155px;
  height: 52px;
  background: url(img/junto-a.png) no-repeat;
  text-indent: -9999px;
}

/* Departamentos */

.cols {
  position: relative;
}
.col {
  float: left;
  width: 450px;
}
.col h3 {
  margin: 36px 0 8px;
}
.col-footer {
  float: left;
  padding-bottom: 25px;
}
.planta {
  padding-left: 25px;
}
.extra {
  padding-top: 85px;
}
.galeria {
  padding: 0;
  margin: 0;
  list-style: none;
}
.galeria.de2 li {
  display: inline-block;
  vertical-align: top;
  width: 450px;
  margin: 15px 0 0 0;
}
.galeria.de4 {
  margin-top: 40px;
}
.galeria.de4 li {
  display: inline-block;
  vertical-align: top;
  margin-right: 9px;
  width: 218px;
}
.galeria.de4 li:last-child {
  margin-right: 0;
}
.galeria.de8 {
  margin-top: 20px;
}
.galeria.de8 li {
  display: inline-block;
  vertical-align: top;
  width: 98px;
  margin: 12px 30px 5px 0;
}
.galeria.de8 li a:hover {
  font-weight: 700;
}
.galeria img {
  margin-bottom: 4px;
}
.galeria a {
  color: #000;
}

table {
  text-transform: uppercase;
}
.unidades-disponibles {
  margin: 10px auto;
  max-width: 760px;
  width: 100%;
}
table th {
  font-size: 18px;
  text-align: right;
  font-weight: 400;
  text-align: right;
  padding-right: 20px;
  line-height: 1;
}
table td {
  text-align: center;
  width: 110px;
  padding: 0;
  border: 1px solid #7d7f81;
}
table a {
  display: block;
  background: #e6e7e8;
  line-height: 1;
  padding: 9px 0;
  font-size: 12px;
  color: #000;
}
table a:hover {
  text-decoration: none;
  background: #f5f6f6;
}
table .depto th {
  text-align: center;
  padding: 0 0 7px;
}
table strong {
  display: block;
  font-size: 14px;
}
table .vacio {
  border: none;
}
table .vacio a {
  background: none;
}
table .vendido a {
  background: #e22025 !important;
  color: #fff;
}
table .vendido a:hover {
  background: #e7545a !important;
}
table .oficina.disponible a {
  background: #cacaca !important;
}
table .reservado a {
  background: #ffc912 !important;
}
table .reservado a:hover {
  background: #ffe35e !important;
}
.cocheras {
  margin: 10px auto;
  max-width: 630px;
  width: 100%;
}
.cocheras td {
  width: 88px;
}
.cocheras a {
  letter-spacing: -1px;
}
.cocheras strong {
  font-size: 12px;
  letter-spacing: 0;
}
.cocheras th {
  padding-right: 10px;
}
.cocheras .nivel-sup a {
  background: #e6e7e8;
}
.cocheras .nivel-sup a:hover {
  background: #f5f6f6;
}
.cocheras .nivel-pb a {
  background: #d1d2d4;
}
.cocheras .nivel-pb a:hover {
  background: #e5e5e5;
}
.cocheras .nivel-inf a {
  background: #bcbec0;
}
.cocheras .nivel-inf a:hover {
  background: #d0d2d4;
}

/* Contacto */

.contacto {
  float: left;
  width: 900px;
  margin-right: 15px;
}
label {
  display: block;
  margin-bottom: 3px;
}
input[type="text"],
textarea {
  background: #dbdbdb;
  border: none;
  width: 100%;
  padding: 4px;
  margin-bottom: 10px;
}
textarea {
  height: 182px;
}
.contacto .campo {
  display: inline-block;
  width: 290px;
}
.contacto .campo.first {
  margin-right: 15px;
}
.contacto small {
  font-size: 11px;
  line-height: 32px;
}
button[type="submit"] {
  background: #72767C;
  border: none;
  text-transform: uppercase;
  color: #fff;
  float: right;
  line-height: 32px;
  padding: 0 56px;
  font-size: 18px;
}
button[type="submit"]:hover {
  background: #8a8e95;
}
.aside {
  width: 290px;
  float: left;
}
.mail {
  background: #72767C;
  text-align: center;
  display: block;
  color: #fff;
  position: relative;
  padding: 16px 0;
  margin-bottom: 19px;
}
.mail:hover {
  text-decoration: none;
  background: #8a8e95;
}
.mail span {
  text-decoration: underline;
}
.mail:after {
  content: " ";
  background: url(img/mail.png) no-repeat;
  width: 50px;
  height: 47px;
  top: 10px;
  left: -25px;
  position: absolute;
}

/* La Obra */

.texto {
  line-height: 1.6;
  margin-top: 20px;
}
.avances {
  padding: 0;
  margin: 0 0 0 -10px;
  list-style: none;
}
.avances li {
  display: inline-block;
  width: 293px;
  margin-left: 10px;
  vertical-align: top;
}
.avances img {
  margin-bottom: 10px;
}
.avances p {
  padding-right: 23px;
}

/* Map */

.map-responsive{
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Footer */

footer {
  border-top: 1px solid #fff;
  background: #0a252e; /*color footer*/
  color: #fff;
  padding-top: 15px;
}
footer a {
  color: #fff;
}
footer a:hover {
  font-weight: 700;
}
footer .col {
  float: left;
}
footer .col .legal {
  float: right;
}
.copy {
  float: right;
}

/* POP-UP */

.popup {
  position: fixed;
  bottom:0;
  right: 0;
  padding: 0 1em 0 0;
  z-index: 3;
}

.popup img {
  display: block;
  margin: auto;
  cursor: pointer;
  width: 100%;
  padding: 0 0 0.5em 0;
}

/* fin POP-UP */

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

  }
  .logo {
    display: none;
  }
  .topnav {
    display: block;
  }
  .destacados li {
    margin: 0 0 15px 0;
    padding: 15px;
  }
  .destacados li:first-child {
    margin: 0 0 15px 0;
  }
  .copy {
    float: left;
  }
  .col-footer {
    float: left;
    padding: 0 25px 25px 25px;
  }
}