@font-face{
	src: url(fonts/Nexa-Bold.otf);
	font-family: 'Nexa-Bold';
}
@font-face{
    src: url(fonts/Nexa-Light.otf);
    font-family: 'Nexa-Light';
}
@font-face{
    src: url(fonts/HelveNeuThi.tiff);
    font-family: 'HelveNeuThi';
}
body{
	margin: 0;
	width: 100%;
	font-size: 15px;
	font-family: 'Nexa-Bold';
	overflow: hidden;
	overflow-y: scroll;
}
#wrapper{
	max-width: 1000px;
	min-width: 1000px;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, select:focus{
    outline: 0;
}
header{
	background: rgba(255,255,255,1);
	text-transform: uppercase;
	padding: 15px 0;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
}
header.slider{
	background: rgba(255,255,255,.8);
}
header a{
	color: #009b94;
}
header ul.home a{
    color: #5d3b7a;
}
header img{
	width: 200px;
	margin: 0 300px 0 0;
}
header ul{
	width: 500px;
}
input.btnmenu, div.btnmenuvisual, img.logomenu{
    display: none;
}
ul#menu li{
	flex: 1;
}
ul#menu li.none{
    max-width: 2px;
}
ul.menu li.none div.line{
    width: 2px;
    height: 30px;
    background: #009b94;
}
ul.home li.none div.line{
    background: #5d3b7a;
}
ul#menu a{
	height: 40px;
}
section.brevedescrip{
	color: #929496;
	font-size: 18px;
	font-family: 'Arial';
}
section.brevedescrip article{
    width: calc(100% - 320px);
    justify-content: flex-end;
}
section.brevedescrip .img{
	width: 300px;
	height: 400px;
	margin: 0 40px 0 0;
}
section.brevedescrip .img a{
    height: 100%;
}
section.brevedescrip img.logo-proyecto{
    width: 150px;
    height: 150px;
    margin: 0 0 0 20px;
}
section.brevedescrip h1{
	font-size: 30px;
	line-height: 35px;
	max-width: 200px;
	color: #009b94;
	text-transform: uppercase;
	margin: 0;
	font-family: 'Nexa-Bold';
}
section.brevedescrip ul.flex{
	justify-content: flex-end;
}
section.brevedescrip p{
    max-width: 150px;
    text-align: right;
}
section.brevedescrip ul li a{
	background: #009b94;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 14px;
}
section.brevedescrip ul li a i{
    font-size: 18px;
    margin: -3px 0 0 10px;
}
section.brevedescrip li:last-child a{
	background: #929496;
}
section.gris{
	background: #d0d1d3;
	color: #fff;
}
section.gris h1{
	color: #fff;
}
section.gris .img{
	margin: 0 0 0 20px;
}
section.gris li:last-child a{
    background: #fff;
    color: #929496;
}
section.brevedescrip ul li a div.map{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.8);
}
section.brevedescrip ul li a div.map iframe{
    width: 500px;
    height: 400px;
    border: solid 10px #fff;
}
div.map{
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    margin: 100vh 0 0 0;
}
div.map i.fa{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
}
div.map p{
    position: absolute;
    top: 0;
}
input.btnmap{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	margin: 0;
	position: absolute;
	width: 223px;
	height: 35px;
	opacity: 0;
}
.btnmap[type="checkbox"]:checked{
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}
.btnmap[type="checkbox"]:checked ~ a.flex div.map{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
section.lif-pezet .img{
	background: url(../img/proyectos/lifpezet/foto-pzet.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.zeta-bolognesi .img{
	background: url(../img/proyectos/zeta/zeta-bolognesi.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.azul-cisneros .img{
	background: url(../img/proyectos/azul/azul-cisneros.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.azul-balthazar .img{
	background: url(../img/fachada-edificio.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.plus-olguin .img{
	background: url(../img/proyectos/olguin/plus-olguin.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.casuarinas .img{
	background: url(../img/proyectos/casuarina.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.camacho .img{
	background: url(../img/proyectos/camacho.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
section.maleconcisneros .img{
	background: url(../img/slider/slide-6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.espacio{
	padding: 50px 0;
}
.nosotros{
	background: url(../img/fondo-tucan.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 120px 0;
	text-transform: uppercase;
	color: #5a5a5a;
}
.nosotros h3{
/*	max-width: 100px;*/
}
.nosotros h3 a{
	color: #5d3b7a;
	font-size: 35px;
}
.socios{
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
    color: #bcbcbc;
}
.socios img{
    width: 100%;
}
.logo-text{
	padding: 100px 0;
	background: #fff;
}
.logo-text p{
	width: 200px;
	color: #4c4c4c;
}
.logo-text div.flex p:first-child{
	text-align: right;
}
.logo-text img{
	width: 200px;
	margin: 0 50px;
}
footer{
	background: #383838;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
footer h3{
	margin: 0 0 20px 0;
	font-size: 35px;
	letter-spacing: 1px;
}
footer form{
	width: 100%;
}
footer form ul{
	margin: 0 0 20px 0;
}
footer form ul li{
	width: calc(100%/3);
	margin: 0 20px 0 0;
}
footer form ul li:last-child{
	margin: 0;
}
footer form input, footer form textarea{
	width: calc(100% - 20px);
	background: #fff;
	border: none;
	padding: 10px;
	text-transform: uppercase;
	color: #009b94;
	font-family: 'Nexa-Bold';
	font-size: 12px;
}
footer form textarea{
	height: 200px;
}
footer form div.button{
	position: absolute;
	width: 1000px;
    justify-content: flex-end;
    padding: 0 20px;
}
footer form button{
	background: #009b94;
	color: #fff;
	border-radius: 10px;
	border: none;
	padding: 10px 20px;
	text-transform: uppercase;
	margin: -45px 25px 0 0;
}
/* -- -- -- -- -- */
/* OTHER PAGES */
/* -- -- -- -- -- */
#header{
    height: auto;
    border-top: solid 92px #fff;
    margin: 0 0 -5px 0;
}
#header img{
    width: 100%;
}
.barra{
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.barra-zeta{
    background: #009b94;
}
.barra-azul{
    background: #1b4a86;
}
.barra-olguin{
    background: #000;
    color: #bf9628;
}
.barra h1{
    font-size: 40px;
}
.descripcion-proyecto p{
    color: #b4b4b4;
    font-size: 20px;
    line-height: 25px;
    font-family: 'Nexa-Light';
    text-align: justify;
}
.descripcion-proyecto .images a{
    width: calc(100%/2);
    height: 250px;
    margin: 0 20px 0 0;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 10px;
    color: #fff;
    font-size: 70px;
}
.descripcion-proyecto .images li{
    margin: 0 0 20px 0;
}
.descripcion-proyecto .images li a:last-child{
    margin: 0;
}
.descripcion-proyecto .planos a{
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    margin: 60px 20px 0 0;
}
.descripcion-proyecto .planos li a:last-child{
    margin: 60px 0 0 0;
}
.descripcion-proyecto .planos a span{
    font-size: 18px;
    color: #009b94;
    margin: -50px 0 0 0;
}
.descripcion-proyecto .planos a span.azul{
    color: #1b4a86;
}
.descripcion-proyecto .planos a span.olguin{
    color: #565857;
}
.images-zeta a.img1{
	background: url(../img/proyectos/zeta/zeta-foto-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.img2{
	background: url(../img/proyectos/zeta/zeta-foto-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.img3{
	background: url(../img/proyectos/zeta/zeta-foto-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.img4{
	background: url(../img/proyectos/zeta/zeta-foto-4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp1{
	background: url(../img/proyectos/zeta/zeta-p1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp2{
	background: url(../img/proyectos/zeta/zeta-p2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp3{
	background: url(../img/proyectos/zeta/zeta-p3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp4{
	background: url(../img/proyectos/zeta/zeta-p4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp5{
	background: url(../img/proyectos/zeta/zeta-p5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp6{
	background: url(../img/proyectos/zeta/zeta-p6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-zeta a.imgp7{
	background: url(../img/proyectos/zeta/zeta-p7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img1{
	background: url(../img/proyectos/azul/azul-foto-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img2{
	background: url(../img/proyectos/azul/azul-foto-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img3{
	background: url(../img/proyectos/azul/azul-foto-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img4{
	background: url(../img/proyectos/azul/azul-foto-4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img5{
	background: url(../img/proyectos/azul/azul-foto-5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.img6{
	background: url(../img/proyectos/azul/azul-foto-6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp1{
	background: url(../img/proyectos/azul/azul-p1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp2{
	background: url(../img/proyectos/azul/azul-p2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp3{
	background: url(../img/proyectos/azul/azul-p3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp4{
	background: url(../img/proyectos/azul/azul-p4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp5{
	background: url(../img/proyectos/azul/azul-p5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp6{
	background: url(../img/proyectos/azul/azul-p6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-azul a.imgp7{
	background: url(../img/proyectos/azul/azul-p7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img1{
	background: url(../img/proyectos/olguin/olguin-foto-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img2{
	background: url(../img/proyectos/olguin/olguin-foto-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img3{
	background: url(../img/proyectos/olguin/olguin-foto-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img4{
	background: url(../img/proyectos/olguin/olguin-foto-4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img5{
	background: url(../img/proyectos/olguin/olguin-foto-5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.img6{
	background: url(../img/proyectos/olguin/olguin-foto-6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.imgp1{
	background: url(../img/proyectos/olguin/olguin-p1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.imgp2{
	background: url(../img/proyectos/olguin/olguin-p2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.imgp3{
	background: url(../img/proyectos/olguin/olguin-p3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.imgp4{
	background: url(../img/proyectos/olguin/olguin-p4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.images-olguin a.imgp5{
	background: url(../img/proyectos/olguin/olguin-p5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.descripcion-proyecto{
    padding: 20px 0 50px 0;
    background: #fff;
}
#left{
    width: calc(100% - 300px);
}
#formprincipal{
    width: 280px;
    padding: 10px;
    position: fixed;
    top: 0;
    right: 0;
    height: calc(100vh - 20px);
    color: #fff;
}
.formprincipal-zeta{
    background: #009b94;
}
.formprincipal-azul{
    background: #1b4a86;
}
.formprincipal-olguin{
    background: #000;
}
#formprincipal li{
    margin: 0 0 20px 0;
}
#formprincipal li h1{
    margin: 0;
    text-transform: uppercase;
}
#formprincipal ul li:first-child h1{
    max-width: 220px;
    border-bottom: solid 3px #fff;
}
#formprincipal ul li:nth-child(1), #formprincipal ul li:nth-child(2), #formprincipal ul li:nth-child(3){
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}
#formprincipal ul li:nth-child(1){
    margin: 40px 0 0 0;
}
#formprincipal ul li:nth-child(2) h1{
    margin: 10px 0 0 0;
    font-size: 40px;
}
#formprincipal ul li:nth-child(3){
    margin: 0 0 20px 0;
}
#formprincipal ul li:nth-child(3) h1{
    font-size: 37px;
}
#formprincipal input, #formprincipal textarea{
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    background: #fff;
    border: none;
    padding: 10px;
    font-size: 12px;
}
#formprincipal textarea{
    height: 100px;
    max-height: 100px;
}
#formprincipal button{
    padding: 10px 20px;
    font-size: 12px;
    background: #fff;
    border: none;
    text-transform: uppercase;
}
#down{
    position: relative;
}
.banner-title{
    padding: 25px 0;
    margin: -5px 0 0 0;
}
.banner-title h1{
    font-size: 30px;
    color: #fff;
}
.descrip-lifpezet{
    padding: 40px 0 20px 0;
}
.descrip-lifpezet .img1{
    background: #bcbcbc url('../img/proyectos/lifpezet/img1-lifpezet-sala.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.descrip-lifpezet .img2{
    background: #bcbcbc url('../img/proyectos/lifpezet/img2-lifpezet-front.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.descrip-lifpezet .img3{
    background: #bcbcbc url('../img/proyectos/lifpezet/img3-lifpezet-dormitorio.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.descrip-lifpezet .img4{
    background: #bcbcbc url('../img/proyectos/lifpezet/img4-lifpezet-lobby.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.descrip-lifpezet article.c3{
    width: calc(100%/3);
    height: 500px;
}
.descrip-lifpezet article.c3 div a{
    width: 100%;
    height: 100%;
}
.descrip-lifpezet article.c3:first-child div.img1{
    height: 250px;
    width: 100%;
}
.descrip-lifpezet article.c3:first-child div.text{
    background: #433f40;
    color: #98979c;
    width: 100%;
    height: 250px;
    font-family: 'Arial';
}
.descrip-lifpezet article.c3:first-child div.text ul{
    max-width: 180px;
}
.descrip-lifpezet article.c3:first-child div.text ul li{
    margin: 10px 0;
}
.descrip-lifpezet article.c3:first-child div.text a{
    color: #fff;
	font-family: 'Nexa-Bold';
	padding: 10px;
	border-radius: 10px;
	background: #98979c;
	text-transform: uppercase;
	width: calc(100% - 20px);
	font-size: 13px;
}
.descrip-lifpezet article.c3:nth-child(2) div.img2{
    height: 500px;
    width: 100%;
}
.descrip-lifpezet article.c3:nth-child(3) div.img3{
    height: 250px;
    width: 100%;
}
.descrip-lifpezet article.c3:nth-child(3) div.img4{
    height: 250px;
    width: 100%;
}
.planos-lifpezet{
    padding: 30px 0 50px 0;
    background: #fff;
}
.planos-lifpezet img{
    width: 100%;
    margin: 0 0 5px 0;
}
.planos-lifpezet li{
    margin: 0 5px 0 0;
}
.planos-lifpezet li img, .planos-lifpezet li:last-child{
    margin: 0;
}
.btn-brochure-content{
    margin: 40px 0 0 0;
}
a.btn-brochure{
    color: #fff;
    background: #009b94;
    border-radius: 20px;
    padding: 10px 20px;
}
header.menuproyectos ul.menu{
    display: none;
}
header.menuproyectos #wrapper{
    justify-content: flex-start;
}
.infocontact{
    background: #f2f2f2;
    padding: 15px 0;
}
.infocontact a{
    color: #7c7c7c;
    transition: all .5s;
}
.infocontact a:hover{
    color: #000;
}
.infocontact a i{
    margin: 0 10px 0 0;
}
.infocontact li{
    flex: 1;
}
footer form button{
    margin: -45px 28px 0 0;
}
footer .menufooter{
    margin: 20px 0 0 0;
    font-family: 'Nexa-light';
}
footer .menufooter a{
    color: #fff;
}
footer ul.menufooter li.none div.line{
    background: #fff;
}



/*----ULTIMO--CSS---------*/

.texto-nosotros{
    font-size:18px;
    line-height:26px;
}
.white{
    color:#fff !important;
}

.list li a img{
    display:none;
    
}



.btn-lightbox{
    position: relative;
    left: -2px; 
}

.detalles{
 display:none !important;   
}



.boton-1{
	background: #929496 !important;
	color: #fff !important;
}

.boton-2{
	background: #fff !important;
	color: #929496 !important;
}
