@charset "utf-8";

body, html  { margin:0 auto; padding:0; font-family: 'Lato', sans-serif; font-size:18px; font-weight:300; height: 100%; background:#4d4e57; color:#fff; }
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; color:#fff; }
div { display:inline-block; float: left; position: relative; min-height:5px; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid black; }
.centro { width:1800px; float:none; margin:auto; }
.header_circ { background:#959697; width:18px; height:18px; margin:16px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.header_btn { color:#e3b142; font-weight:700; padding: 0 60px 0 20px; font-size:21PX; }
.des_circ { background:#e1e1e1; width:10px; height:10px; margin:20px 5px; float:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.des_act { opacity:0.3; filter:alpha(opacity=30); }
.btn_qi { width:360px; }
.desarrollo_nombre { width:100%; height:60px; line-height:60px; color:#e3b142; font-weight:700; font-size:21px; }
.ubicacion { background:url(../img/ubicacion.png) no-repeat; padding:2px 0 0 23px; font-weight:700; }
.puntos { background:url(../img/punto.png) no-repeat; padding:2px 0 0 20px; background-position: 3px 14px; font-weight:700; font-size:21px; min-width:55%; }
.clausulas { padding:2px 0 0 23px; font-weight:700; font-size:12px; }
.gruesa { font-weight:800; }
.menu_pie { color:#fff; font-size:21px; font-weight:700; width:100%; }
.gris { color:#818283; }
.blanco { color:#fff; }
.logo_pie { width:319px; margin: 0 0 45px 0; }
.btn_redes { padding: 5px 0 0 40px; }
.form_btn { border:1px solid #959697; background:none; width:520px; height: 65px; margin:0 0 27px 0; font-size:21px; color:#222; padding: 0 15px; }
.margen { width:100%; height:250px; }
.menu { width:100%; padding: 40px 0 40px; text-align:center; position:fixed; left:0; top:0; z-index:9999; background:rgba(77, 78, 87, 0.9); }
.logo { padding:0 0 0 30px; width:438px; }
.menu_derecha { float:right; margin:40px 0 0 0; }
.banner { width:100%; margin: 0 0 115px 0; }
.mosaico { width:calc(33.3% - 120px); width:-moz-calc(33.3% - 120px); height:950px; margin: 0 60px; }
.mosaico_img { width:100%; height:400px; background:#ccc; }
.mosaico_gris { width:100%; height:75px; text-align:center; background:#959697; }
.mosaico_info { height:250px; width:360px; float:none; text-align:left; }
.form_titulo { width:100%; height:100px; line-height:90px; color:#4d4e57; font-size:55px; font-weight:700; }

.btn_quiero { border:1px solid #4d4e57; width:550px; height:70px; font-size:27px; font-weight:700; background:#b3b7bc; text-align:center; cursor:pointer; color:#4d4e57; margin:0 0 27px 0; }
.form_cont { width:750px; height:730px; background:#fff; float:none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.formulario { width:100%; height:600px; text-align:center; margin:50px 0 0 0; z-index:111; }

.btn_enviar { border:1px solid #4d4e57; width:550px; height:75px; font-size:27px; font-weight:700; background:#4d4e57; text-align:center; cursor:pointer; color:#fff; }
.invierte { width:100%; background:#e3b142; text-align:center; padding:190px 0 140px 0; font-size:46px; letter-spacing:2px; }
.pie { width:100%; background:#000; padding:150px 0 50px 0; text-align:center; }
.pie_cont { width:1660px; float:none; line-height:37px; text-align:left; }
.pie_menu { width:280px; }
.pie_datos { line-height:30px; color:#fff; font-weight:700; font-size:19px; }
.pie_unir { float:right; width:790px; padding: 0 40px 0 0; font-weight:700; font-size:19px; line-height:30px; }
.unir { width:100%; height:270px; }
.correo { border:1px solid #959697; background:none; width:530px; height: 60px; margin:30px 0 0 0; font-size:21px; color:#fff; padding: 0 15px; }
.unirme { border:1px solid #959697; width:190px; height:60px; margin:30px 0 0 0; float:right; font-size:21px; background:#000; color:#fff; text-align:center; cursor:pointer; }
.copy { width:100%; margin: 130px 0 0 0; font-weight:700; font-size:19px; }
.direccion { clear:both; }
.info_k { margin:35px 0 0 0; }
.info_km { display:none; }
.escritorio {}
.movil, .bannert,.bannerm { display:none; }
.flotante { position:fixed; right:30px; top: calc(50% - 130px); top: -moz-calc(50% - 130px); z-index:9999; }
.flotante img { width:107px; margin: 10px 0; }
.img_proy { position:absolute; left:0; top:0; width:100%; height:100%; }
.transparente { opacity:0; filter:alpha(opacity=0); }

@media (max-width:2050px){
	.flotante { right:27px; top: calc(50% - 117px); top: -moz-calc(50% - 117px); }
	.flotante img { width:97px; margin: 9px 0; }
	body, html  { font-size:17px; }
	.centro { width:90%; }
	.header_circ { width:17px; height:17px; margin:15px 9px; }
	.header_btn { padding: 0 54px 0 18px; font-size:20px; }
	.des_circ { width:10px; height:10px; margin:18px 5px; }
	.btn_qi { width:325px; }
	.desarrollo_nombre { height:55px; line-height:55px; font-size:20px; }
	.ubicacion { padding:2px 0 0 22px; }
	.puntos { padding:2px 0 0 19px; background-position: 3px 13px; font-size:20px; }
	.clausulas { padding:2px 0 0 22px; font-size:12px; }
	.menu_pie { font-size:19px; }
	.logo_pie { width:289px; margin: 0 0 41px 0; }
	.btn_redes { padding: 5px 0 0 36px; }
	.form_btn { width:470px; height: 60px; margin:0 0 25px 0; font-size:20px; padding: 0 14px; }
	.margen { height:230px; }
	.menu { padding: 36px 0; }
	.logo { padding:0 0 0 27px; width:398px; }
	.menu_derecha { margin:36px 0 0 0; }
	.banner { margin: 0 0 105px 0; }
	.mosaico { width:calc(33.3% - 110px); width:-moz-calc(33.3% - 110px); height:860px; margin: 0 55px; }
	.mosaico_img { height:360px; }
	.mosaico_gris { height:70px; }
	.mosaico_info { height:225px; width:350px; }
	
	.formulario { height:540px; margin:45px 0 0 0; }
	.form_cont { width:680px; height:660px; }
	.btn_quiero { width:500px; height:65px; font-size:25px; margin:0 0 25px 0; }
	
	.form_titulo { height:90px; line-height:85px; font-size:50px; }
	.btn_enviar { width:500px; height:70px; font-size:25px; }
	.invierte { padding:180px 0 130px 0; font-size:42px; letter-spacing:2px; }
	.pie { padding:135px 0 45px 0; }
	.pie_cont { width:85%; line-height:34px; }
	.pie_menu { width:255px; }
	.pie_datos { line-height:27px; font-size:18px; }
	.pie_unir { width:710px; padding: 0 36px 0 0; font-size:18px; line-height:27px; }
	.unir { height:245px; }
	.correo { width:480px; height: 55px; margin:27px 0 0 0; font-size:20px; padding: 0 14px; }
	.unirme { width:175px; height: 55px; margin:27px 0 0 0; font-size:20px; }
	.copy { margin: 120px 0 0 0; font-size:18px; }
}
@media (max-width:1850px){
	.flotante { right:25px; top: calc(50% - 106px); top: -moz-calc(50% - 106px); }
	.flotante img { width:88px; margin: 8px 0; }
	body, html  { font-size:16px; }
	.header_circ { width:16px; height:16px; margin:14px 8px; }
	.header_btn { padding: 0 50px 0 17px; font-size:19px; }
	.des_circ { width:10px; height:10px; margin:17px 5px; }
	.btn_qi { width:295px; }
	.desarrollo_nombre { height:50px; line-height:50px; font-size:18px; }
	.ubicacion { padding:2px 0 0 20px; }
	.puntos { padding:2px 0 0 18px; background-position: 3px 12px; font-size: 18px; }
	.clausulas { padding:2px 0 0 21px; font-size:11px; }
	.menu_pie { font-size:17px; }
	.logo_pie { width:261px; margin: 0 0 37px 0; }
	.btn_redes { padding: 5px 0 0 33px; }
	.form_btn { width:420px; height: 55px; margin:0 0 23px 0; font-size:19px; padding: 0 13px; }
	.margen { height:180px; }
	.menu { padding: 33px 0; }
	.logo { padding:0 0 0 25px; width:360px; }
	.menu_derecha { margin:33px 0 0 0; }
	.banner { margin: 0 0 95px 0; }
	.mosaico { width:calc(33.3% - 100px); width:-moz-calc(33.3% - 100px); height:780px; margin: 0 50px; }
	.mosaico_img { height:325px; }
	.mosaico_gris { height:63px; }
	.mosaico_info { height:200px; width:315px; }
	
	.formulario { height:490px; margin:40px 0 0 0; }
	.form_cont { width:610px; height:600px; }
	.btn_quiero { width:450px; height:60px; font-size:23px; margin:0 0 23px 0; }
	
	.form_titulo { height:81px; line-height:77px; font-size:45px; }
	.btn_enviar { width:450px; height:65px; font-size:23px; }
	.invierte { padding:160px 0 115px 0; font-size:38px; letter-spacing:1px; }
	.pie { padding:120px 0 40px 0; }
	.pie_cont { line-height:31px; }
	.pie_menu { width:200px; }
	.pie_datos { line-height:25px; font-size:16px; }
	.pie_unir { width:600px; padding: 0 33px 0 0; font-size:17px; line-height:25px; }
	.unir { height:220px; }
	.correo { width:400px; height: 50px; margin:25px 0 0 0; font-size:19px; padding: 0 13px; }
	.unirme { width:155px; height: 50px; margin:25px 0 0 0; font-size:19px; }
	.copy { margin: 110px 0 0 0; font-size:17px; }
	.pie_cont { width: 87%; }
}
@media (max-width:1550px){
	.flotante { right:23px; top: calc(50% - 96px); top: -moz-calc(50% - 96px); }
	.flotante img { width:80px; margin: 7px 0; }
	body, html  { font-size:15px; }
	.header_circ { width:15px; height:15px; margin:13px 7px; }
	.header_btn { padding: 0 45px 0 16px; font-size:18px; }
	.des_circ { width:9px; height:9px; margin:16px 4px; }
	.btn_qi { width:260px; }
	.desarrollo_nombre { height:45px; line-height:45px; font-size:17px; }
	.ubicacion { padding:1px 0 0 18px; }
	.puntos { padding:1px 0 0 17px; background-position: 2px 11px; font-size: 17px; }
	.clausulas { padding:1px 0 0 20px; font-size:10px; }
	.menu_pie { font-size:16px; }
	.logo_pie { width:230px; margin: 0 0 33px 0; }
	.btn_redes { padding: 4px 0 0 30px; }
	.form_btn { width:380px; height: 50px; margin:0 0 21px 0; font-size:17px; padding: 0 12px; }
	.margen { height:160px; }
	.menu { padding: 30px 0; }
	.logo { padding:0 0 0 22px; width:320px; }
	.menu_derecha { margin:30px 0 0 0; }
	.banner { margin: 0 0 80px 0; }
	.mosaico { width:calc(33.3% - 80px); width:-moz-calc(33.3% - 80px); height:720px; margin: 0 40px; }
	.mosaico_img { height:290px; }
	.mosaico_gris { height:57px; }
	.mosaico_info { height:180px; width:280px; }
	
	.formulario { height:440px; margin:35px 0 0 0; }
	.form_cont { width:550px; height:540px; }
	.btn_quiero { width:400px; height:55px; font-size:21px; margin:0 0 21px 0; }
	
	.form_titulo { height:73px; line-height:70px; font-size:40px; }
	.btn_enviar { width:400px; height:60px; font-size:21px; }
	.invierte { padding:140px 0 100px 0; font-size:34px; letter-spacing:1px; }
	.pie { padding:105px 0 35px 0; }
	.pie_cont { line-height:28px; }
	.pie_menu { width:180px; }
	.pie_datos { line-height:22px; font-size:14px; }
	.pie_unir { width:520px; padding: 0 30px 0 0; font-size:15px; line-height:22px; }
	.unir { height:200px; }
	.correo { width:350px; height: 45px; margin:22px 0 0 0; font-size:17px; padding: 0 11px; }
	.unirme { width:135px; height: 45px; margin:22px 0 0 0; font-size:17px; }
	.copy { margin: 90px 0 0 0; font-size:15px; }
	.pie_cont { width: 90%; }
}
@media (max-width:950px){
	.flotante { right:21px; top: calc(50% - 87px); top: -moz-calc(50% - 87px); }
	.flotante img { width:72px; margin: 6px 0; }
	.menu_derecha, .info_k { display:none; }
	.mosaico {  width: calc(50% - 60px); width: -moz-calc(50% - 60px); height: 710px; margin: 0 30px; }
	.direccion { clear:none; margin: 0  30px 0 0; }
	.pie_unir { float:left; margin:30px 0 0 0; }
	.info_km { margin:35px 0 0 0; display:inline-block; width:100%; }
	.bannert { display:inline-block; width:100%; margin: 0 0 60px 0; }
	.banner { display:none; }
}
@media (max-width:650px){
	.mosaico_info { height: 190px; }
	.flotante { right:20px; top: calc(100% - 220px); top: -moz-calc(100% - 220px); }
	.flotante img { width:60px; margin: 2px 0; }
	.logo_pie { margin: 50px 0 33px 0; }
	.logo { padding: 0; width: 200px; }
	.margen { height: 100px; }
	.mosaico {  width:100%; height: auto; margin: 0 0 100px 0; }
	.form_cont { width: 90%; height: 530px; }
	.form_titulo { height: 63px; line-height: 60px; font-size: 24px; }
	.form_btn { width: 250px; }
	.btn_quiero { width: 270px; }
	.form_cont img { width:270px; }
	.btn_enviar { width: 270px; }
	.pie_cont { text-align:center; }
	.pie_menu { width: 100%; margin: 0 0 35px 0; }
	.direccion {width:100%; margin: 0; }
	.pie_unir { width:100%; margin: 50px 0 35px 0; }
	.correo { width: calc(100% - 24px); width: -moz-calc(100% - 24px); }
	.unir { height: auto; }
	.escritorio { display:none; }
	.movil { display:inline-block; }
	.redes_pie { float:none; }
	.copy { text-align: left; font-size: 14px; }
	.bannerm { display:inline-block; width:100%; margin: 0 0 50px 0; }
	.bannert { display:none; }
}