@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
* {
	font-family: 'Roboto Condensed', sans-serif;
    color:;
	/* [disabled]line-height: 140%; */
  }
body{
	font-family: 'Roboto Condensed', sans-serif;
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	}
a{
	text-decoration:none;
	color:#666659;
	}
h1{
	font-weight:400;
	
	}
h2{
	font-weight:400;
	
	}
h3{
	color:#54442D;
	font-weight:300;
	}
button:focus, video:focus {outline:0;}
.btn-secondary{
	background:#D8A300;
	border: 1px solid #D8A300;
}
.btn-secondary:hover, .btn-secondary:focus {
	background: chocolate;
	border: 1px solid chocolate;
}
.icono-whatsapp {
    background: url(../images/whatsapp.png) no-repeat;
    background-size: 100%;
    padding: 30px;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#logo_peken{
	width:220px;
	height:118px;
	float:left;

	}
#logo_2{
	text-align:center;
	width:286px;
	height:100px;
	float:right;
	color:#666659;
	margin:0px 45px 0px 0px;
	}
#inmboliaria{
	margin:25px 0px 0 0px;
	font-weight:400;
	}
#parrafos_inicio{
	width:1000px;
	height:200px;
	margin:0px auto 20px auto;
	}
#parrafos_inicio article{
	text-align:justify;
	font-weight:300;
	
	}
#izquierda{
	float:left;
	margin:0px 0px 0px 15px;
	width: 400px;
	}

#derecha{
	float:right;
	margin:0px 0px 0px 0px;
	width: 390px;
	}
#derecha a{
	color: #D8A300;
    display: block;
	}
#derecha a:hover{
	color:#666659;
	}
hr{
	margin:30px 0;}
table{
	text-align:center;}
table th {
    padding: 6px;
    vertical-align: initial;
}
header{
	background-image:url(../images/gris_header.png);
	background-repeat:repeat-x;
	width:1024px;
	height:118px;
	margin:35px auto 0px auto;
	}
header h2{
	font-size: 25px;
}

.space30{
	height: 30px;
}
#wrap{
	width:1024px;
	height:auto;
	margin:0px auto 0px auto;

	
	}
#banner {
	position: relative;
	margin-bottom: 40px;
}
#banner h1{
	width: 80%;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 130px;
    margin: 0 auto;
    font-size: 56px;
    color: #FFFFFF;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.33);

}
#banner h1 a{
	color: #FFFFFF;
}
#banner h1 a:hover{
	text-decoration: underline;
}
#banner h2{
	position: absolute;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    font-size: 40px;
    background: rgba(250,250,250,1);
    padding: 10px 30px;
    color: #a0b733;
}
#banner img{
	width:1024px;
	height:310px;
	margin:0px;
	padding:0px;
	}
#menu .naranjo{
	color:#D8A300;	
	}
span{
	font-size:16px;
	}
/*Menu desplegable--------------------------------------------------*/
#menu{
    height: 18px;
    margin: 30px auto;
    width: 1024px;
	}
ul.menu {
    list-style-type: none;
	width: 727px;
    margin: 0 auto;
} 
 ul .naranjo{
	color:#D8A300;
	}
 .menu li {
 	font-size:18px;
 	position:relative;
 	float:left;
	padding: 0px 18px;
 }
 .menu li a {
 	color:#666659;
 	font-family: 'Roboto Condensed', sans-serif;
	padding: 5px 20px 28px 20px;
 	text-decoration:none;
 }
 .menu li a:hover {
  	color:#D8A300;
 }
 /*----------------Lista desplegable-----------------------*/
 .menu li ul.dropdown {
 	display:none;
	position: absolute;
    top: 43px;
    width: 257px;
    background-color: rgba(216,163,0,0.8);
    color: #FFF;
    padding: 0;
    list-style-type: none;
    margin: 5px 0px 0px -69px;
    z-index: 999;
 }
 .menu li:hover ul.dropdown {
 	display:block;
 }
 /*---------------Estilos segunda lista------------------------*/

 .menu li ul li {
 	width: 100%;
 	padding:15px 0px;
 	border-bottom:1px solid #FFF;

 }
 .menu li ul li:first-child {

 }
.menu li ul li a {
 	margin: 0;
 	padding:0;
 	color:#FFF;
 }
.menu li ul li a:hover {
 	width: 200px;
 	margin: 0;
 	background:none;
 	color:#666;
 }

 /*---------Menu desplegable------------------------------*/
#aviso{
	width:263px;
	height:203px;
	float:right;
	margin:87px -473px 40px 0px;
	}
#aviso h2 {
	color:#D8A300;
	font-weight:400;
	}
#aviso #visita{
	margin:50px 0px 0px -120px;
	float:left;
	font-size:2em;
	width:100px;
	text-align:left;
	line-height:80%;
	}
#aviso #no_pierdas{
	margin:10px 0px 0px -120px;
	}
#aviso p{
	font-size:24px;
	
	}
#circulo_naranjo{
	width:144px;
	height:144px;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-image:url(../images/circulo_naranjo.png);
	background-repeat:no-repeat;
	color:#FFF;
	}
#circulo_naranjo p{
	font-size:36px;
	line-height:100%;
	padding:30px 0px 0px 0px;
	}
#circulo_naranjo a{
	color:#FFF;
	}
#circulo_naranjo a:hover{
	color:#F60;
	}
.limpia{
clear:both
}
#footer{
	width:1000px;
	margin:20px auto 30px auto;
	  border-top: 1px solid #ccc;
	}
#direccion{
	color:#D8A300;
	text-align:left;
	margin:20px 0 0 20px;
	}
#pie{
	color:#666659;
	text-align:right;
	margin:-55px 20px 0 0;
	}
/*Proyecto---------------------------------------------------*/
.carrusel{
	width:1024px;
	  margin: 80px auto 0 auto;
	border-top:1px solid #ccc;
	    float: left;
	}
.carrusel h2{
	color:#D8A300;
	margin: 19px 0 12px 0;
	}
.icon-search:before{
	content: '';
	width: 40px !important;
	height:40px;
	background:url(../images/search-icon.png) no-repeat;
	}
#proyecto{
	width:1024px;
	text-align:justify;
	margin:0px auto 0px auto;
	}
#info_proyecto{
	width:400px;
    padding: 0 0px 0px 30px;
	
	}
#info_proyecto h3{
	margin:10px 0 20px 0;
}
#info_proyecto ul{
	list-style:none;
	margin:0px 0px 0px -40px;
	}
#info_proyecto figure{
	margin:0px 0px 0px -10px;
	}
#visita_galeria{
	width: 100%;
    margin: 25px 0 0 30px;
	}
#visita_galeria h2{
	color:#666659;
	}
#visita_galeria a h2{
	
	font-size:1.7em;
	color:#D8A300;
	margin:-18px 0px 0px 0px;
	}
#visita_galeria a h2:hover{
	color:#666659;
	}
#proyecto #como_llegar{
	margin:70px 0px 0px 30px;
	}
#proyecto #mapa{
	width:411px;
	height:387px;
	margin:0px 0px 0px 10px;
	}
#microdatos{
	width:295px;
	height:217px;
	float:right;
	margin:-412px 132px 0px 0px;
	}
#microdatos p{
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-top: 16px;
	}
#microdatos #tel{
	color: #D8A300;
    font-size: 24px;
    font-weight: 400;
	}
aside{
	width:427px;
    margin: -1361px 0px 0px 0px;
	float:right;
	}
aside #plano{
	width:395px;
	height:395px;
    margin: 55px 0px 0px 0px;
	}
.segunda-etapa aside{
	margin: -541px 0px 0px 0px;
	}
#aviso_proyecto{
    margin: -113px 0px 0px 600px;
	}
#aviso_proyecto h2 {
	color: #D8A300;
    font-weight: 400;
    font-size: 2.3em;
    width: 100px;
    line-height: 120%;
    margin: 5px 0px -110px 0px;
	}

#circulo_proyecto{
	width:144px;
	height:144px;
	margin:0px 0px 0px 150px;
	background-image:url(../images/circulo_naranjo.png);
	background-repeat:no-repeat;
	color:#FFF;
	}
#circulo_proyecto p{
	margin: 0px;
    padding: 33px 0px 0px 30px;
    font-size: 34px;
    line-height: 100%;
	}
video{
	width:90%;
	margin: 30px auto;
	border-radius: 10px;
}
.video{
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}
.video:before{
	content: '';
	height: 400px;
	position: absolute;
	top: 0;
	width: 100%;
	background:rgba(0,0,0,0.5);
}
.video:after{
	content: '';
    width: 70px;
    height: 70px;
    background: url(../images/play-button.svg);
    background-size: 100%;
    position: absolute;
    top: 130px;
    right: 0;
    margin: 0 auto;
    left: 0;
}
/*Modal*/
.close span{
	font-size: 33px;
    font-family: arial;
}
.modal-content table{
	margin: 30px;
}
/*Proyecto---------------------------------------------------*/
/*Galeria---------------------------------------------------*/
 .galeria #logo_paulita{
    margin: 20px 0px 0px 30px;
    float: left;
	 }	 

 #container {
    font-size: 70%;
  	list-style-type: none;
    width: 300px;
	margin:-95px auto 0px auto;
  }
 #gallery{
	 margin:0px 0px 0px -50px;
	 }
 
  ul {
    list-style-image:url(list-style.gif);
  }


/*Galeria---------------------------------------------------*/ 
/*Contacto---------------------------------------------------*/ 
 
#parrafos_contacto{
    width: 73%;
    text-align: left;
    margin: 80px auto 70px auto;
	}
#contacto_texto #mapa_inmobiliaria{
	margin:0px 0px 0px 0px;
	float:left;
	}
#parrafos_contacto #contacto_texto{
	float:right;
	margin:-342px -70px 0px 0px;
	}
#contacto_texto .naranjo{
	color:#D8A300;
	}

/*Contacto*/