*{ outline:none;-webkit-font-smoothing: antialiased;}

html, body { width: 100%!important; height: 100%!important; font-family: 'sf_compact_displayregular' , Arial, Helvetica, "sans-serif";  font-size:14px; color:#322f34;}

.background1{background: url(../images/back-home.jpg) center center no-repeat; background-size: cover;}
.background2{background: url(../images/back-contacto.jpg) center center no-repeat; background-size: cover;}
.background3{background: url(../images/back-estudio.jpg) center center no-repeat; background-size: cover;}
.background4{background: url(../images/back-equipo.jpg) center center no-repeat; background-size: cover;}
.background5{background: url(../images/back-servicios.jpg) center center no-repeat; background-size: cover;}
.background6{background: url(../images/lanzamiento-basica.jpg) center center no-repeat; background-size: cover;}


.background_obra1{background: url(../images/obra1-grande1.jpg) center center no-repeat; background-size: cover;}
.background_lanzamientos{ background-color: #f5f4f5;} 

.clear_margin_padding_border{  margin:0!important; padding:0!important; border:none!important;}

.clean{ clear:both;}

.fontlight{ font-family: 'sf_compact_displaythin', Arial, Helvetica, "sans-serif";}
.fontregular{ font-family: 'sf_compact_displayregular' , Arial, Helvetica, "sans-serif";}
.fontmedium{ font-family: 'sf_compact_displaymedium' , Arial, Helvetica, "sans-serif";}
.fontbold{ font-family: 'sf_compact_displaybold' , Arial, Helvetica, "sans-serif";}

.color_blue{color:#00a9e0}
.color_green{color:#5bc500}
.color_gray_2{ color:#999999}
.color_black{color: #322f34!important;}

.back_blue{background-color:#00a9e0}
.back_green{ background-color:#5bc500}

.cajaprincipal-home{ display: block; height: 100%; margin: auto!important; position: relative;  z-index: 1000;}

.cajaprincipal-home2{ display: block; height: 100%; margin: auto!important; position: absolute; top: 0; left: 0;  z-index: 1000;}


.logosm{ display: block; width: 50%; heigt:100px; 
}

.contact{ display: block; width: 50%; heigt:100px; 
}

.centrado-porcentual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.menu{ display: block; width: 60px; height: 60px; cursor: pointer; z-index: 1000;}

.ichover:hover{  opacity:0.4; filter:alpha(opacity=40);}

.cajamenu{ display: block; width: 25%; height: 100%; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; overflow: auto;
}

.cajaobras{ display: block; width: 25%; height: 100%; background: url(../images/transpa.png) repeat;  position: absolute; top: 0px; left: 0px; color: #FFFCFC;
}

.cajalanzamientosok{ display: block; width: 25%; height: 100%; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; color: #FFFCFC; overflow: auto;
}

.lienamenu{ display: block; width: 80px; height: 30px; position: relative;}

.menudesplegado{ display: block; width: 100%; height: 100%; background: url(../images/transpa.png) repeat;position: fixed; top: 0px; left: 0px; z-index: 2000;
}

.cajatextosmenu{ width: 85%; margin: auto!important; display: block; position: relative; top: 15%;
}

.logoenmenu{ width: 230px; height: auto; position: relative; margin-bottom: 20px; cursor: pointer;
}
.logoenmenu:hover{  opacity:0.4; filter:alpha(opacity=40);}

a.btshome{  display: block; width: 100%; height: 50px; line-height: 50px;  font-size: 21px;  color: #322f34; text-decoration: none;}


.cajalineasmenu{ width: 100%; margin: auto!important; display: block; position: relative; top: 13%;
}
.lineamenu{ width: 60px; height: auto; position: relative; margin-top: 20px;
}


.redes{  display: inline-block; width: 34px; height: 34px; position: relative; margin-bottom: 10px; cursor: pointer; z-index: 10000;
}

.redes2{  display: inline-block; width: 34px; height: 34px; position: relative; margin-top: 20px!important; cursor: pointer; z-index: 10000;
}

.cajaredesmenu{ width: 85%; margin: auto!important; display: block; position: relative; top: 12%;
}

.cajalineasmenu2{ width: 100%; margin: auto!important; display: block; position: fixed; bottom: 0px;;
}

.cajaredescontacto{  display: block; position: relative; text-align: center; z-index: 1200;
}



.cajaprincipal-nosotros{ display: block; height: 100%; margin: auto!important; position: absolute; top: 0px; left: 0; }

.cuerpodetexto{ display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; /*background-color: #f5f4f5;*/
}

.cajatextosnosotros{ width: 85%; font-size: 15px; padding: 20px 0px 20px 0px!important; display: block; position: relative; margin: auto!important;
}

.cajabotonesnosotros{ width: 85%; margin: auto!important; display: block; position: relative;
}

a.btsnosotros{  display: block; width: 100%; height: 70px; line-height: 70px; border-top: 1px #D7D3D3 solid; font-size: 21px;  color: #322f34; text-decoration: none;}

.btsnosotros1{  display: block; width: 100%; height: 30px; line-height: 30px; font-size: 21px;  color: #322f34; }


.cajatextosnosotros2{ width: 95%; height: 300px; /*overflow-y: scroll;*/ padding: 20px!important; display: block; position: relative; margin: auto!important;
}

.nombre{ font-size: 16px; color: #322f34;}
.puesto{font-size: 14px; color: #322f34;}
a.mail{font-size: 14px; color: #cac9ca; text-decoration: none; display: block; height: 40px; line-height: 40px; margin-bottom: 40px; }  

.cajaproyectos{ display: block; width: 100%; height: 100%; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px;
}
.cajalanzamientos{ display: block; width: 100%; height: 100%; background-color: #f5f4f5; position: absolute; top: 0px; left: 0px;
}

.obras{ border: 1px #FFF9F9 solid!important; float: left; cursor: pointer;}

.textobras{ height: 20px; line-height: 20px; font-size: 21px;  color: #322f34; float: left; margin-bottom: 25px!important; margin-top: 25px!important;}
.textobras2{float: right; text-align: right; margin-bottom: 25px!important; margin-top: 25px!important;}

.textlanza{ height: 20px; line-height: 20px; font-size: 21px;  color: #322f34; float: left; margin-bottom: 25px!important; margin-top: 25px!important; background: url(../images/ic-linealoca-lanzamientos.svg) no-repeat center right; /*background-size: 100% auto;*/}

.textlanza2{ display: block;/*height: 20px;*/ line-height: 23px; font-size: 21px;  color: #322f34; margin-bottom: 10px!important; background: url(../images/ic-linealoca-obras2-negro.svg) no-repeat bottom left; padding-bottom: 10px;}

.formbras{ height: 25px; line-height: 25px; font-size: 21px;  color: #322f34; border: none; outline: none; border-bottom: 1px #E5E5E5 solid; }

.hoverobras{ display: block; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: url(../images/transpa.png) repeat; z-index: 200px; color: #FFFFFF; text-align: center; font-size: 17px; padding-top: 40%;}

.lugar{ color: #B4B4B4; font-size: 14px;
}

.otrasobras{ display: inline-block; width: 190px; text-align: center; height: 43px; line-height: 43px; font-size: 13px; color: #322f34; border: 1px #322f34 solid; margin-top: 54px!important; margin-bottom: 88px!important;}

.pie{  display: block; background-color:#322f34; height: 70px; }
.pie2{  display: block;  height: 70px; }

/*.piecontacto{  display: block; position: fixed; bottom: 0; height: 70px; }*/

.subpie{ width: 50%; height: auto;}

.subpie2{ width: 50%; height: auto; padding-top: 120px;}






a.bt_volverproyecto{ font-size: 16px; color:#7d7c81; text-decoration: none; padding-bottom: 20px;}

.titulodelaobra{  display: block; width: 100%; /*height: 70px;*/ line-height: 32px; background: url(../images/ic-linealoca-obras2-negro.svg) no-repeat bottom left; color: #FFFFFF; font-size: 30px; padding-bottom: 10PX; margin-bottom: 40px;  }

.detallesobra{ display: block;  width: 100%; color: #FFFBFB; font-size: 15px; line-height: 17px; height: 40px; margin-bottom: 20px; }

.detallesobra_lanzamiento{ display: block;  width: 100%; color: #000; font-size: 15px; line-height: 17px; height: 30px; margin-bottom: 20px; }

.id_detalle1{ background: url(../images/ic-tipo-vivienda.svg) no-repeat left center; background-size: auto 80%;}
.id_detalle2{ background: url(../images/ic-metros.svg) no-repeat left center; background-size: auto 90%;}
.id_detalle3{ background: url(../images/ic-tipo-proyecto.svg) no-repeat left center; background-size: auto 70%;}
.id_detalle4{ background: url(../images/ic-ubicacion.svg) no-repeat left center; background-size: auto 70%;}
.id_detalle5{ background: url(../images/ic-anio.svg) no-repeat left center; background-size: auto 90%;}

.cajadeflechas{ display: block; position: fixed; bottom: 0; width: 100%; height: 90px; z-index: 4000;
}
.flecha1{ display: inline-block; float: left; height: 100%; width: auto; cursor: pointer;}
.flecha2{ display: inline-block; float: right; height: 100%; width: auto; cursor: pointer;}

.cajadelanzamiento{ display: block;  background-color: #FFFFFF; margin-bottom: 20px!important; }

.lanzaexplica{  padding: 80px 0 37px 20px!important; background-color: #FFFFFF; float: left}
.lanzagaleria{  background-color: #f5f4f5;  float: left}


.titulodelaobra_2{  display: block; width: 100%; /*height: 70px;*/ line-height: 32px; color: #322f34; font-size: 30px; margin-bottom: 40px;  }


.detallesobra_2{ display: block; width: 100%; color: #322f34; font-size: 17px; line-height: 19px; padding: 20px 0px 20px 50px; }

.id_detalle1_2{ background: url(../images/ic-tipo-vivienda2.svg) no-repeat left center; background-size: auto 80%; }
.id_detalle2_2{ background: url(../images/ic-metros2.svg) no-repeat left center; background-size: auto 80%;}
.id_detalle3_2{ background: url(../images/ic-ambientes.svg) no-repeat left center; background-size: auto 80%;}
.id_detalle4_2{ background: url(../images/ic-ubicacion2.svg) no-repeat left center; background-size: auto 80%;}

.galeriamobile{ display: none;
	}

.detallesobra_galeria{ display: none; }

.piecontacto{ padding-top: 50px; padding-bottom: 25px; position: relative; display: block;}

.piecontacto2{ padding-top: 10%; padding-bottom: 25px; position: relative; display: block; color: #FFF; z-index: 12000;}

.iconosdepie{ width: 20%; height: auto; margin-bottom: 20px;}
.iconosdepieblancos{ width: 30%; height: auto; margin-bottom: 20px;}


a.mailcontacto{  text-decoration: none; color:#322f34;}
a.mailcontacto2{  text-decoration: none; color:#FFFFFF; }

.textcontact{ margin-bottom: 20px;}

.cajadecontacto{ padding-top: 5%;}

.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:8%;color:#fff;text-align:center;opacity:.9; }



.iconoobra{ display: block; width: 40px; height: 40px; float: left; margin-right: 5px;
}

.textoobra{  display: table-cell; height: 40px; vertical-align: middle;
}

a.vermas_lanzamiento{ display: block;  width: 100%; font-size: 15px; line-height: 17px; height: 30px; margin-bottom: 20px; cursor: pointer; padding-top: 20px!important; text-decoration: none; color: #000!important;}


a.titulolanzamiento1{  display: block; width: 100%; /*height: 70px;*/ line-height: 32px; color: #322f34!important; font-size: 24px; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px #DDDDDD solid; text-decoration: none;}

a.titulolanzamiento2{  display: block; width: 100%; /*height: 70px;*/ line-height: 32px; color: #322f34!important; font-size: 24px; margin-top: 40px; padding-top: 10px; border-top: 1px #DDDDDD solid; text-decoration: none;}

@media(max-width:1200px){
.cajaobras{ width: 35%;}
.cajamenu{ width: 35%;}
	.cajalanzamientosok{width: 35%;}
}
	
@media(max-width:680px){
	#seleccionada{ display: none;}
	
	.redes2{ z-index: 0;
}
	
	.cajadecontacto{ padding-top: 20px;}
	
	.piecontacto2{ padding-top: 15px; padding-bottom: 25px; z-index: 0; }
	
	.iconosdepieblancos{ width: 15%; height: auto; margin-bottom: 5px;}
	
	.detallesobra_galeria{ display: block; width: 100%; color: #000!important; font-size: 17px; line-height: 19px; text-decoration: none; padding-top: 20px!important;}
	
	.galeriamobile{ display: block; margin-top: 10px!important; 
	}
	
.cajadeflechas{ display: none;
}
	
.lanzaexplica{ padding: 30px 10px 20px 25px!important; float: none;}
.lanzagaleria{ float: none}
	
.titulodelaobra_2{ /*height: 40px;*/line-height: 20px; font-size: 18px; margin-bottom: 20px;  }

.detallesobra_2{ font-size: 15px; line-height: 17px; padding: 20px 0px 20px 50px; }
	
.detallesobra{  font-size: 15px; line-height: 17px; height: 40px; margin-bottom: 20px;}
	
	
.titulodelaobra{  background: url(../images/ic-linealoca-obras2-negro.svg) no-repeat bottom left; font-size: 18px; line-height: 20px; margin-bottom: 20px; }
	
.subpie{ width: 100%; height: auto;}
	
.subpie2{ width: 100%; height: auto; padding-top: 60px;}
	
.textobras{ margin-bottom: 5px!important; margin-top: 5px!important;}
.textobras2{float: left; text-align: left; margin-bottom: 5px!important; margin-top: 5px!important;}
	
	.nombre{ font-size: 14px; }
.puesto{font-size: 12px; }
a.mail{font-size: 12px;  height: 30px; line-height: 30px; margin-bottom: 30px; }  
	
	
	.cajatextosnosotros{ font-size: 13px; padding-top: 5px!important;
}

	a.btsnosotros{  height: 55px; line-height: 55px;  font-size: 18px; }

.btsnosotros1{   height: 30px; line-height: 30px; font-size: 18px;   }
	
	
	
.logosm{ display: block; width: 80%; heigt:100px; 
	
	 }
	
.contact{ width: 100%;
	
	 }
	
.menu{  width: 50px; height: 50px;}
	
.cajamenu{ display: block; width: 100%; height: 100%; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; }
	
.cajaobras{ display: block; width: 100%; height: 100%; background: url(../images/transpa.png) repeat; position: absolute; top: 0px; left: 0px; color: #FFFCFC;
}
	
.cajalanzamientosok{ width: 100%; height: 100%; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; color: #FFFCFC;
}
	
a.btshome{  height: 30px; line-height: 30px;  font-size: 15px; }


}
	 



*{outline:none!important}
.btn:focus,.btn:active, a:focus,a:active {
   outline: none !important;
}




@keyframes placeHolderShimmer{
    0%{
        background-position: -968px 0
    }
    100%{
        background-position: 968px 0
    }
}

.animated-background {
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #d3d4d3;
    background: linear-gradient(to right, #d3d4d3 8%, #dddddd 18%, #d3d4d3 33%);
    background-size: cover;
    position: relative;
}
.animated-background-clear {
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #e9eae8;
    background: linear-gradient(to right, #e9eae8 8%, #dddddd 18%, #e9eae8 33%);
    background-size: cover;
    position: relative;
}

body{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	 user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}