/* =================================== */
/*	Basic Style 
/* =================================== */

body{
	font-family: 'Helvetica', sans-serif;
	background:#f1f2f2;
	color:#000000;
	}

a{
	color: #fff;
	-webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
	}

body > section, .footer{
	padding: 70px 0;
	}

.mb50{
	margin-bottom: 50px;
	}

.contenido{
	width:100%;
	max-width:1024px;
	margin:auto;
	}
	
.contenido h1{
	color:#424242;
	text-align:center;
	margin-top:20px;
	letter-spacing:5px;
	font-size:28px;
	}
	
.contenido h2{
	color:#c74a36;
	font-weight:bold;
	font-size:60px;
	line-height:15px;
	}
	
.contenido h3{
	color:#424242;
	font-size:30px;
	}
	
.contenido h4{
	color:#c74a36;
	font-weight:bold;
	}			
	
.separador img{
	max-width: 100%;
	max-height:auto;
	border:none;
	}	
		
#margen_separador{
	margin-top:-28px;
	position:relative;
	z-index:9;
	}			

/*=========================================
	Header
==========================================*/

#navigation{
	background-color: rgba(66, 66, 66, .7);
	border: 0 none;
	margin: 0;
	-webkit-transition: background-color 800ms linear;
	-moz-transition: background-color 800ms linear;
	-ms-transition: background-color 800ms linear;
    -o-transition: background-color 800ms linear;
	transition: background-color 800ms linear;
	}

.navbar-toggle i{
	color: #fff;
	}
	
.navbar-nav li a{
	border-top: 1px solid transparent;
	}

.navbar-nav li a.current, .navbar-nav li a:focus, .navbar-nav li a:hover{
	background-color: transparent;
	border-top: 3px solid #fff;
	color: #fff;
	}
	
.navbar-nav li a{
	text-align:center;
	}
	
.nav>li>a{
	padding:50px 24px;
	}
	
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{
	background-color:#919194;
	color:fff;
	}
	
.navbar-nav>li>.dropdown-menu{
	background:#919194;
	}
	
.dropdown-menu>li>a{
	color:#fff;
	}				


/*=========================================
	Slider
==========================================*/

#slider {
	padding: 0;
}

#slider .carousel-inner .item {
  background-size:auto;
  background-position:bottom;
}

.carousel-caption {
  top: 50%;
}

.carousel-caption h2{
	margin-top:-300px;
	text-align:right;
	padding-right:18%;
}

.carousel-caption h3 {
	text-align:right;
}


/*=========================================
	Proyecto
==========================================*/	

.proyecto p{
	margin-top:70px;
	text-align:justify;
	padding:0px 130px 130px 130px;
	font-weight:lighter;
	}
	
.proyecto span{
	font-weight:bold;
	}
	
.proyecto img{
	max-width: 100%;
	max-height:auto;
	border:none;
	}
	
.img_parallax{
	background:url(../img/home2.png);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	height:500px;
	}	


/*=========================================
	Departamentos
==========================================*/

.depa p{
	width:30%;
	text-align:justify;
	}
	

/*=========================================
	Penthouses
==========================================*/

.pent h2, .pent h3, .pent h4{
	text-align:right;
	}
	
.pent p{
	float:right;
	width:30%;
	text-align:justify;
	}
	
/*=========================================
	Amenidades
==========================================*/

.amenidades p{
	width:40%;
	text-align:justify;
	}
	
.amenidades ul{
	list-style-image:url(../img/bullet.png);
	line-height:30px;
	padding-bottom:50px;
	}

/*=========================================
	Galería
==========================================*/	
	
.aslide{
	display: none;
    }

.aslide img{
	max-width: 100%;                
	}

.aslider{
	margin:auto;
	width: 70%;
    height:500px;
    }

.aslide .text{
	margin: 0 auto;
    color: #f8f8f8;
    text-shadow: 0 0 2px #000;
    font-weight: bold;
    font-size: 36px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    font-family: sans-serif;
	}		

aside.aslider-container {
	-webkit-flex: 1 1 auto;
	-moz-flex:  1 1 auto;
	flex: 1 1 auto;
}
/*=========================================
	Simulador
==========================================*/					

.simulador{
	padding-bottom:50px;
	}

.simulador p{
	text-align:center;
	}
	
.simulador img{
	max-width: 100%;
	max-height:auto;
	border:none;
	}
	
/*=========================================
	Video
==========================================*/	

.video iframe{
	max-width: 100%;
	max-height:auto;
	border:none;
	}
	
/*=========================================
	Ubicación
==========================================*/

.ubicacion{
	text-align:center;
	}

.ubicacion p{
	text-align:center;
	}
	
.ubicacion img{
	max-width: 70%;
	max-height:auto;
	border:none;
	}
	
.ubicacion h2{
	color:#c74a36;
	text-align:left;
	margin-top:40px;
	letter-spacing:0px;
	font-size:21px;
	font-weight:bold;
	line-height:26px;
	}

#mapa{
	float:right;
	text-align:right;
	margin-top:40px;
	}	
	
#map_canvas {
  height:300px;
  width: 100%;
}

/*=========================================
	Contacto
==========================================*/	

#contacto{
	background:#bcbec0;
	padding-bottom:50px;
}

#contacto table{
	width:70%;
	margin-top:50px;
	}
	
.contacto_input{
	background:none;
	width:100%;
	height:50px;
	border: 1px solid #000000;
	padding-left:5px;
	}
	
::-webkit-input-placeholder {
   color:#68676c;
}

:-moz-placeholder { /* Firefox 18- */
   color:#68676c;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#68676c; 
}

:-ms-input-placeholder {  
   color:#68676c;
}

#contacto_boton{
	background:#c74a36;
	border:none;
	color:#fff;
	padding:10px 15px 10px 15px;
	float:right;
	}
	
.contacto2{
	background:#c74a36;
	}
	
.contacto2 h1{
	color:#fff;
	text-align:center;
	margin-top:20px;
	letter-spacing:0px;
	font-size:34px;
	}
	
.contacto2 h2{
	color:#fff;
	text-align:center;
	font-size:25px;
	line-height:50px;
	font-weight:lighter;
	}
	
.contacto2 img{
	padding-left:10%;
	padding-bottom:10px;
	}
	
#retro{
	width:100%;
	text-align:center;
	padding-top:10%;
	font-size:40px;
	color:#c74a36;
	text-shadow: -2px -2px 2px #ef7e6c;
	}	
	
/*=========================================
	Footer
==========================================*/

#footerr{
	width:100%;
	background:#000;
	color:#fff;
	position:absolute;
	}
	
.text_footer{
	width:33%;
	float:left;
	text-align:center;
	height:45px;
	padding:11px 5px 10px 5px;
	}
	
.text_footer a{
	color:#fff;
	text-decoration:none;
	}
	
@media only screen 
and (max-width : 1280px) {
	
/*=========================================
	Slider
==========================================*/	
	
.carousel-caption h2{
	margin-top:-300px;
	text-align:right;
	padding-right:28%;
}
	
	}
	
@media only screen 
and (max-width : 1366px) {
	
/*=========================================
	Slider
==========================================*/	
	
.carousel-caption h2{
	margin-top:-200px;
	text-align:right;
	padding-right:8%;
}

.carousel-caption h3{
	margin-right:-150px;
	}
	
	}
	
@media only screen 
and (max-width : 1024px) {
	
/* =================================== */
/*	Basic Style 
/* =================================== */

.contenido h2{
	color:#c74a36;
	font-weight:bold;
	font-size:60px;
	line-height:15px;
	padding:0px 8px 0px 8px;
	}
	
.contenido h3{
	color:#424242;
	font-size:30px;
	padding:0px 8px 0px 8px;
	}
	
.contenido h4{
	color:#c74a36;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	}	

/*=========================================
	Header
==========================================*/	

.nav>li>a{
	font-size:10px;
	padding:50px 24px;
	}
	
/*=========================================
	Departamentos
==========================================*/

.depa p{
	width:30%;
	text-align:justify;
	padding:0px 8px 0px 8px;
	}
	
/*=========================================
	Penthouses
==========================================*/
	
.pent p{
	float:right;
	width:30%;
	text-align:justify;
	padding:0px 8px 0px 8px;
	}
	
/*=========================================
	Amenidades
==========================================*/

.amenidades p{
	width:40%;
	text-align:justify;
	padding:0px 8px 0px 8px;
	}

/*=========================================
	Ubicacion
==========================================*/
	
.ubicacion h2{
	color:#c74a36;
	text-align:left;
	margin-top:40px;
	letter-spacing:1px;
	font-size:21px;
	font-weight:bold;
	line-height:26px;
	}				
	
	}
	
@media only screen 
and (max-width : 768px) {
	
/*=========================================
	Header
==========================================*/	

.nav>li>a{
	font-size:10px;
	padding:50px 10px;
	}
	
#logo{
	margin-top:-20px;
	}		
	
	}
	
@media only screen 
and (max-width : 648px) {

/*=========================================
	Header
==========================================*/	

.nav>li>a{
	font-size:10px;
	padding:5px 0px;
	}
	
/*=========================================
	Slider
==========================================*/

#slider img{
	max-width: 100%;
	max-height:auto;
	border:none;
	}
	
.carousel-caption h2{
	margin-top:-200px;
	text-align:right;
	padding-right:15%;
}	
	
.carousel-caption h3{
	margin-right:-50px;
	margin-top:-20px;
	}
	
/*=========================================
	Proyecto
==========================================*/	

.proyecto p{
	margin-top:70px;
	text-align:justify;
	padding:0px 30px 0px 30px;
	font-weight:lighter;
	}
	
/*=========================================
	Departamentos
==========================================*/

.depa p{
	width:90%;
	text-align:justify;
	}
	
/*=========================================
	Penthouses
==========================================*/

.pent p{
	float:right;
	width:90%;
	text-align:justify;
	}
	
/*=========================================
	Amenidades
==========================================*/

.amenidades p{
	width:90%;
	text-align:justify;
	}		
	
/*=========================================
	Galería
==========================================*/	

.aslider{
	margin:auto;
	width: 70%;
    height:200px;
    }						
	
/*=========================================
	Contacto
==========================================*/

#contacto table{
	width:90%;
	margin-top:50px;
	}	
	
/*=========================================
	Footer
==========================================*/
	
.text_footer{
	font-size:10px;
	}
	
	}