/* Global Styles */

@font-face {
	font-family:'source-light';
	src:url(../fonts/source-light.ttf)format("truetype");
}

@font-face {
	font-family:'din';
	src:url(../fonts/din.ttf)format("truetype");
}
@font-face {
	font-family:'din-black';
	src:url(../fonts/din-bold.ttf)format("truetype");
}

html,
body {
  height: 100%;
  width: 100%;
  font-family: 'source-light', 'sans-serif';
  font-size:15px;
  line-height:22px
}

p {margin:2px}
.header {background:url(../img/bg-azul.png) repeat; position:relative; z-index:99}
.pdt50 {padding-top:50px}
.pdt30 {padding-top:30px}
.pdb8{padding-bottom:8px}
.mgt60{margin-top:60px}
.mgl20{margin-left:20px !important;}
.pd0 {padding:0}
.mg0 {margin:0}
.pdlr5 {padding:0 5px}
.mg-auto {margin:auto}
.dptos h5 {font-size:15px; text-align:center}
.items-dpto {padding:0; font-size:13px; line-height:17px;color:#222; list-style:none}
.col2 {-webkit-column-count: 2; /* Chrome, Safari, Opera */
   			-moz-column-count: 2; /* Firefox */
    		column-count: 2;}


.error, .error:focus{border:1px dashed #D20000 !important}
label.error, .error-text { border: none !important; color: #D20000; font-weight:300; }


/* HEADER */

#wrap {
  width: 100%;
  position: relative;
  background: url(../img/bg-home.jpg) no-repeat bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#wrap.index_empresa {background: url(../img/bg-empresa.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
#wrap.index_amenities {background: url(../img/bg-amenities.jpg) no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  #wrap.index_ubicacion {background: url(../img/bg-ubicacion.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 
   #wrap.departamento_index {background: url(../img/bg-dpto.jpg) no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
  
.navbar {height:35px; min-height:inherit; background:url(../img/bg-celeste.png) repeat; border-radius:0; border-top:solid 1px #fff; border-bottom:none}
.navbar-nav{/*display: table; table-layout: fixed; float:none;*/ position:relative; float: right; right: 50%;}
.navbar-nav>li { position: relative; left:50%; }
.navbar-nav li a{padding:0 27px; font-size:17px; line-height:35px;color:#fff; text-transform: uppercase;}
.li-active, .nav > li > a:hover, .nav > li > a:focus {background-color:#ac8b95; border-top:4px solid #d7df20; margin-top:-4px}

.navbar-collapse { max-height: none; }

.dropdown-menu {background:url(../img/bg-azul.png) repeat; border-radius:0; border:none; padding:auto; margin:0; width: 100%;}
.dropdown-menu li a {padding:0 !important; text-align:center}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#ac8b95; color:#fff}
.dropdown:hover .dropdown-menu {display: block; }

.texto-png {position:relative; z-index:0; }
.alta-gama-png{top:-45px !important}
.contenido{position:absolute; bottom:50px; background:url(../img/bg-verde.png) repeat; display:block; padding-top:20px; border-top:1px solid #fff; width:100%}
.cont-form {background:none !important; padding:0 !important; border:none !important}

.informacion {font-family: 'din', 'sans-serif'; font-size:16px; line-height:22px; color:#524641}
.informacion p {margin-bottom:6px}
.text-destacado {color:#222; font-size:18px; line-height:25px;}
.text-destacado2 {font-size:33px; line-height:33px; font-family: 'din-black', 'sans-serif'; font-weight:normal; padding-top:5px}
.amenities-cover-text {font-size:26px; line-height:35px; font-family: 'din-black', 'sans-serif'; font-weight:normal; padding-top:5px; color:#fff !important}
.consulta{ background:url(../img/bg-consulta.png) repeat}
.consulta form {margin-top:7px}
.consulta .form-control {
  display: block;
  width: 100%;
  height: inherit;
  padding: 2px;
  font-size: 13px;
  line-height: 17px;
  color: #555;
  background-color: transparent;
  background: none;
  border:none;
  border-bottom:1px solid #eae4d1;
  border-radius: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
  -webkit-transition:none;
          transition: none;
}
.consulta .form-group {margin-bottom:7px}
.consulta input:-moz-placeholder{color:#f00}
.consulta .form-control::-webkit-input-placeholder {color:#302E23}
.consulta textarea {background:url(../img/bg-consulta.png) repeat !important; border:none !important}
.consulta .btn {border:none; border-radius:0; background:url(../img/bg-azul.png) repeat; color:#fff; padding:3px 12px}
.consulta .btn:hover {opacity:0.8}

.amenities-box {
  position: relative;
  color: #fff;
  display: block;
}

.amenities-box:hover {
  color: #fff;
  text-decoration: none;
}

.amenities-box:after {
  display: block;
  content: "\f002";
  border: 2px solid white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 20px;
  padding: 0px;
  color: white;
  text-align: center;
  font-family: 'FontAwesome';
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -12px;
  opacity: 0.8;
}

.amenities-box span {
  display: block;
  text-align: center;
  padding: 10px;
  color: #524641;
}

/* FOOTER */
#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -50px;
  padding: 0 0 50px;
  overflow:hidden
}

#footer {
  height: 50px;
  background:url(../img/bg-verde.png) repeat;
  position:relative;}
#footer p {color:#524641; text-align:right;}
#footer a i {padding:0 10px; line-height:50px; font-size:35px; color:#FFF; }
#footerLogo { float: right; display: block; }

.google-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.avance-fecha {position:relative; top:-20px; text-decoration:none; color:#fff; text-shadow:1px 1px 3px #000000; text-align:center}
/* Responsive */
@media (max-width: 991px) and (min-width: 768px) {
	.navbar-nav li a {padding:0 10px}
}

@media (max-width: 1200px) and (min-width: 992px) {
	.navbar-nav li a {padding:0 15px}
}

@media (max-width: 1200px) {
    #footer { height:110px; }
    .contenido { bottom: 110px; }
    #footer p{ text-align:center; clear:both; padding-top: 10px; }
    .consulta form { margin:5px; }
    #wrap { margin-bottom: -110px; }
    
   #footer .content-fa { float: left !important; }
    #footerLogo>img { margin-left: auto; margin-right: auto; }
}

@media (max-width: 991px) {
	.contenido{position:inherit; bottom:innerit; padding-bottom:10px}
	.dptos h5 {text-align:left}
}
@media (max-width: 767px) {
    #footer { height:auto; }
    #wrap { /*background: url(../img/bg.jpg) no-repeat center scroll;*/ margin-bottom: 0; }
    
    .navbar-nav { float: none; right: auto; }
    .navbar-nav>li { left: auto; }
    .navbar-toggle {display:block; z-index:50000; color:#FFF; margin:auto; padding:0; line-height:35px; text-align:center; float:none; font-size:18px}
    .navbar-collapse>ul>li {background:url(../img/bg-azul.png) repeat; }
    .li-active, .nav > li > a:hover, .nav > li > a:focus {/*background-color:#ac8b95;*/ border-top:none; margin-top:0}
    
    .dropdown-menu { position: relative; float: none; padding: 0; display: block; background: transparent none; }
    .dropdown-menu li a { padding-left: 27px !important; text-align: left; }
}

@media (max-width: 480px) {
    #footerLogo { float: none; margin-left: 0 !important; margin-top: 5px; }
    #footer .content-fa { float: none !important; margin: 5px auto !important; text-align: center; }
}
#wrap{
    background-size: cover !important;
}