@charset "utf-8";
/* CSS Document */

	body{padding:0; margin:0; background:url('../imgs/bg.jpg')}
	* {font-size:11px; font-family:Tahoma, Geneva, sans-serif}
	h1,h2,h3,h4 {margin:0; padding:0}

/* General */

	#pagina, #cabecera, #pie {width:952px; margin:0 auto; background:#FFF}
	#pagina #titulo-contenido {height:100px; background-color:#f2f0e5; float:left; width:752px; color:#f2f0e5}
	#pagina .secundaria {padding-bottom:20px; width:710px; float:right; margin-top:-130px; padding-right:20px}
	#pagina .contenido {background:#FFF}

/* Cabecera + Menu Secundario */

	#cabecera {background:#FFF; color:#1d2f58; padding:10px 0 25px 0; height:90px;}
	#cabecera * {font-size:10px}
	#cabecera #logo {padding:20px 0 0 40px; float:left; width:630px}
	#cabecera #logo div {float:left}
	#cabecera #logo p {font-family:Arial, Helvetica, sans-serif; color:#456092; text-transform:uppercase; height:30px; float:left; margin:10px 0 0 0; padding:15px 0 0 20px; border-left:1px solid #a0b1d0}
	#cabecera #submenu {color:#cccccc; float:left; padding-top:45px; width:280px; text-align:center}
	#cabecera #submenu * {text-transform:lowercase}	
	#cabecera #submenu a {color:#D83636; margin:0 5px}
	#cabecera #submenu a:hover {color:#F00; text-decoration:none}
	
/* Animación Central + Menu Principal */

	#central {height:267px}
	#central #anim_principal {float:left; height:267px; background-color:#FFF}
	#central #menu {float:left; width:200px}
	#central #menu ul {background:#456092 url("../imgs/fondo-menu.gif") repeat-y; height:257px; width:200px; margin:0; padding:10px 0 0 0}
	#central #menu li {margin:0; padding:0; list-style:none}
	#central #menu a {display:block; width:170px; padding:0 0 0 30px; line-height:35px; color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none}
	#central #menu a:hover {background:url("../imgs/fondo-menu-enlace.gif") repeat-y}
	#central #menu #selecionado a, #central #menu #seleccionado a {background:url("../imgs/fondo-menu-seleccionado.gif") repeat-y} /* corregir en codigo error ortografico, debe ser seleccionado */
	
/* Footer */

	#pie {background:#456092 url("../imgs/fondo-pie.gif") no-repeat bottom; color:#fff; font-size:10px; clear:both; height:30px; padding:15px 0}
	#pie p {margin:0; padding:0}
	#pie div {line-height:15px}
	#pie #datos {float:left; padding:0 5px 0 15px}
	#pie #creditos {float:right; text-align:right; padding:0 15px 0 5px}
	#pie a {color:#fff}
	#pie a:hover {color:#fff; text-decoration:none}
	#pie #logo-pie {border:0 none; vertical-align:middle; margin-bottom:2px}
	
/* Pop-Ups */
	
	#imagenPop, #imagenPop * {background:#fff none; margin:0; padding:0}
	#lbIframe {border:0 none}
	#lbOverlay, #lbOverlay * {border:0 none}

	
/* Bienvenidos */
	
	#index {width:952px}	
	#index .izquierda {width:482px; float:left; padding:20px; background:#f3f3f3; height:200px}
	#index .izquierda * {text-align:justify}	
	#index .izquierda h1, #index .izquierda h2 {color:#456092; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
	#index .izquierda h1 {font-size:20px}
	#index .izquierda h2 {font-size:14px; padding-top:20px; margin-top:20px; border-top:1px solid #456092}
	#index .izquierda p {color:#495366}
	#index .izquierda p a {color:#D83636}
	#index .izquierda p a:hover {color:#F00; text-decoration:none}

	#index .derecha {width:410px; height:205px; float:left; padding:18px 20px 0 0; background:#FFF}
	#index .derecha #info {background:url('../imgs/fondo-info.gif') no-repeat top right; height:220px; float:right}	
	#index #info #preview {float:right; width:148px; height:185px; border:0; padding:4px 4px 1px 4px}
	#index #info #preview img {border:none}	
	#index #info h2, #index #info h3, #index #info h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; width:215px; text-align:right; float:right; padding-right:10px}
	#index #info h2 {padding-top:20px}
	#index #info h2, #index #info h2 a {font-size:11px; color:#849fd0}
	#index #info h3, #index #info h3 a {font-size:14px; color:#456092; text-decoration:none}
	#index #info h3 a:hover {text-decoration:underline}	
	#index #info h4 {padding:0 20px 3px 0; width:200px; background:url('../imgs/guion-info-h4.gif') no-repeat right 4px}
	#index #info h4, #index #info h4 a {font-size:11px; color:#c53535; text-decoration:none}
	#index #info h4 a:hover {text-decoration:underline}		
	#index #info ul {margin:0; float:right}
	#index #info li {margin:0; padding:3px 0 0 0; list-style:none}	
	#index #info .tipo {color:#fff; background:#8395b5; padding:10px 6px}
	#index #info .detalle {color:#456092; background-color:#f2f0e5; padding:10px}
	#index #info .enlace {clear:both; text-align:right; position:absolute; margin:190px 0 0 325px}
	#index #info .enlace a {color:#FFF; text-transform:none; text-decoration:none; font-size:10px}
	#index #info .enlace a:hover {text-decoration:underline}
	
	#index #proyectos {height:142px; background:#7a8aa8 url('../imgs/fondo-index-pro.gif') repeat-x; clear:both; padding:15px; overflow:hidden}
	#index #proyectos h2 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#495366; padding:0 5px 10px 5px}
	#index #proyectos h2 span {text-transform:lowercase; font-size:11px; color:#495366; font-weight:normal}
	#index #proyectos #proyectos-realizados {margin:0; padding:0; float:left; height:120px; width:920px}
	#index #proyectos .pro {float:left; padding:0 6px; margin:0; width:90px; height:120px; overflow:hidden}

/* Quienes Somos */
	
	#quienes-somos * {font-size:12px; text-align:justify}
	#quienes-somos p {width:560px; padding:11px 0; margin:0}
	#quienes-somos a {color:#456092}
	#quienes-somos a:hover {color:#a0b1d0; text-decoration:none}
	#quienes-somos .img	{float:right; padding:5px 10px 20px; width:110px}
	#quienes-somos .img	img {margin:5px 0 8px; border:1px solid #CCCCCC}
	#quienes-somos-sub {text-align:center}
	#quienes-somos-sub h3 {color:#f2f0e5 !important}
	#quienes-somos-sub img {margin:5px 0 10px 0; border:none}
	#quienes-somos-sub a {margin:0; padding:0; width:auto; background:none !important}
	#quienes-somos #add {background:#f2f0e5; width:200px; height:335px; float:left}
	
/* Proyectos */	

	#proyectos * {font-size:12px; text-align:justify}
	#proyectos p {padding:11px 0 20px; margin:0}
	#proyectos a {color:#456092}
	#proyectos a:hover {color:#a0b1d0; text-decoration:none}
	#proyectos #add {background:#f2f0e5; width:200px; height:280px; float:left}
	#proyectos-realizados {float:left; padding-left:20px}
	#proyectos .pro {width:85px; height:90px; float:left; padding:0 10px 10px 0}
	#proyectos .pro img {border:2px solid #e2e2e2}
	#proyectos .pro img:hover {border:2px solid #c53535}
	#proyectos .pro img.estrella {border:none; margin:1px 2px 0 0}	
	#proyectos .pro span {display:block; font-size:10px; text-align:center; padding:2px 0 0 0}
	#proyectos .pro a {color:gray}
	#proyectos .pro a:hover {color:#d83636; text-decoration:none}
	
/* Detalle de Proyecto */
	
	#proyecto .secundaria {padding-top:150px; width:560px; padding-right:5px; height:705px; overflow:hidden}
	#proyecto * {font-size:12px; text-align:justify}
	#proyecto #contenido p {width:260px; padding:11px 0; margin:0}
	#proyecto a {color:#456092}
	#proyecto a:hover {color:#a0b1d0; text-decoration:none}
	
	#proyecto .img	{float:right; padding:5px 10px 20px; width:110px}
	#proyecto .img	img {margin:5px 0 8px; border:1px solid #CCCCCC}
	
	#proyecto #add {background:#f2f0e5; width:340px; height:715px; float:left; padding:20px; overflow:hidden}
	#proyecto #add #tit_pro {margin-bottom:-15px}	
	#proyecto #add p {width:340px; margin-bottom:15px; padding-bottom:15px}
	#proyecto #add * {font-size:11px}
	#proyecto #add u {font-size:12px}		
	
	#proyecto #detalles {width:330px; margin:5px 0 0 0; padding:0 15px 15px 0; height:530px; overflow:scroll; border-bottom:1px solid #d4d4d4}
	#proyecto #detalles p {width:312px; margin:0; padding:7px 0; border:none}	
	#proyecto #detalles ul {margin:0; padding:0 0 0 10px}
	#proyecto #detalles li {margin:8px 0; padding:0 0 0 12px; list-style:none; background:url('../imgs/bullet-list.gif') no-repeat 0 6px}
	#proyecto #det_pro_text, #proyecto #pre_pro_text  {display:none}

	#proyecto #info {background:url('../imgs/fondo-info.gif') no-repeat top right; height:210px; float:left; width:405px; color:#FFF !important}
	#proyecto #info * {font-size:11px}
	#proyecto #info #preview {float:right; width:148px; height:185px; border:0; padding:4px 4px 1px 4px}	
	#proyecto #info h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:right; float:right; padding:0 20px 3px 0; width:225px; background:url('../imgs/guion-info-h4.gif') no-repeat right 4px}
	#proyecto #info h4, #proyecto #info h4 a {font-size:11px; color:#c53535; text-decoration:none}
	#proyecto #info h4 a:hover {text-decoration:underline}		
	#proyecto #info ul {margin:0; float:right}
	#proyecto #info li {margin:0; padding:3px 0 0 0; list-style:none}
	#proyecto #info .tipo {color:#fff; background:#8395b5; padding:5px 5px}	
	#proyecto #info .detalle {color:#456092; background-color:#f2f0e5; padding:5px 5px}
	#proyecto #info .enlace {text-align:right; position:absolute; margin:189px 0 0 254px; width:145px; overflow:hidden}
	#proyecto #info .enlace a {color:#FFF; text-transform:none; text-decoration:none; font-size:10px}
	#proyecto #info .enlace a:hover {text-decoration:underline}	
	#proyecto #info #subinfo1 ul {overflow:hidden; margin-bottom:2px}
	#proyecto #info #subinfo1 .tipo {padding-top:0}
	#proyecto #info #subinfo1 .detalle  {padding-top:0}	

	#proyecto #plus {float:right; width:130px; height:210px; padding-right:10px}
	#proyecto #plus * {font-size:10px; color:#456092; border:none}
	#proyecto #plus .linea {margin-bottom:20px; text-align:center}
	#proyecto #plus strong {text-transform:uppercase; display:block; margin:8px 0 6px 0}
	#proyecto #plus a {color:white; text-align:center; display:block}
	#proyecto #plus a img {border:none}	
	#proyecto #plus a:hover {text-decoration:none !important}
	
	#proyecto #plus span {border:3px solid #456092; float:left}
	#proyecto #plus span:hover {border:3px solid #456092; cursor:pointer}	
	#proyecto #plus .elink {}
	#proyecto #plus .elink:hover {color:#456092}	
	
	#proyecto #planos {float:left; padding:10px 0 0 15px; width:530px}
	#proyecto #planos * {font-size:10px}
	#proyecto #planos #pla_tip {width:158px; float:left; overflow:hidden}
	#proyecto #planos #tit_pla {margin:5px 0 -15px}	
	#proyecto #planos #pla_tip p {margin:0; padding:0 0 10px 0}
	#proyecto #planos #tip_nom {text-transform:uppercase; color:#456092; font-weight:bold; text-align:right; font-size:13px; padding-bottom:2px}
	#proyecto #planos #tip_det {float:left; padding:5px 5px 8px; text-align:right; width:150px}
	#proyecto #planos #tip_zoom {background:#456092; text-align:right; line-height:14px; padding-right:5px}
	#proyecto #planos #tip_zoom:hover {background:#12948c}	
	#proyecto #planos #tip_zoom, #tip_zoom * {text-decoration:none; color:#FFF !important}
	#proyecto #planos #tip_ubi, #tip_otro{color:#FFF; background:#456092; clear:both; line-height:14px; text-align:right; padding-right:5px}	
	#proyecto #planos #tip_planos {color:#456092; text-align:right; padding:2px 5px}
	#proyecto #planos #tip_planos strong {color:#456092 !important; cursor:pointer}
	#proyecto #planos #tip_planos strong:hover {color:#12948c !important}	
	
	#proyecto #planos #selPlano {width:160px; border:1px solid #999; margin-left:-5px}
	
	/*#proyecto #planos #pla_img {width:360px; height:200px; float:right; margin:0 0 0 10px; border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4}*/
	#proyecto #planos #pla_img {width:360px; height:200px; float:right; margin:0 0 0 8px; border:1px solid #d4d4d4; cursor:pointer}
	#proyecto #planos #pla_img:hover {border:1px solid #456092}
	#proyecto #planos #pla_img * {border:none}
	#proyecto #planos #pla_img div {display:none}

	#proyecto .dpto_top {border-bottom:1px dashed #e0d6ce; padding:8px 0; background:#fcfbf8; text-align:left}
	#proyecto .dpto_top.alt {background:#f2f0e5}
	#proyecto .dpto_top:hover {background:#e0d6ce}
	#proyecto .dpto_top img {border:none}
	#proyecto .dpto_top img.ico_plano {cursor:pointer}
	
	#proyecto .dpto_ico {display:inline-block; padding-left:5px; width:42px; overflow:hidden; height:20px; padding-top:5px}

	#proyecto .dpto_nom {text-transform:uppercase; font-weight:bold; font-size:11px !important; color:#456092; display:inline-block; width:210px; overflow:hidden; height:25px; line-height:25px}

	#proyecto .dpto_nom b {font-size:18px !important}
	#proyecto .dpto_nom i {font-size:10px !important; font-style:normal}s	
	
	#proyecto .dpto_acc {display:inline-block; width:40px; overflow:hidden; height:17px}
	#proyecto .dpto_acc img {margin-left:5px; padding-bottom:5px}
	
	#proyecto .dpto_area {width:100px; padding-left:55px}
	#proyecto .dpto_precio {width:145px}
	
	#proyecto .dpto_area, .dpto_precio, .dpto_estado {display:inline-block; font-size:10px !important; height:15px}		
	#proyecto .dpto_area *, .dpto_precio *, .dpto_estado * {font-size:11px !important}	
	#proyecto .dpto_area strong, .dpto_precio strong, .dpto_estado strong {color:black; font-weight:normal}
	
	#proyecto .dpto_detalle	{padding:5px 10px 5px 55px; display:block}
	#proyecto .dpto_detalle, #proyecto .dpto_detalle * {font-size:10px !important; text-align:left}
	#proyecto .dpto_detalle	p {width:240px !important; margin:0 !important; padding:0 !important}
	
	#proyecto #divLinks {font-size:10px; margin:-25px 0 5px 0; padding:0; text-align:right; clear:both; padding-bottom:15px; border-bottom:1px solid #d4d4d4}
	#proyecto #divLinks strong {border:1px solid #a1945f; padding:1px 10px; text-transform:uppercase; font-size:10px; background:#d6c995; color:#8a7b41; font-weight:normal; cursor:pointer}
	#proyecto #divLinks strong:hover {border:1px solid #c7b87c; background:#ded2a2}	
	
	#proyecto #galeria {padding-left:10px; padding-right:20px; padding-top:5px; width:450px; float:left}
	#proyecto #galeria 	#tit_gal {padding:0 0 10px 0}	
	#proyecto #galeria img {border:2px solid white; margin:0 2px 4px 0}
	#proyecto #galeria img:hover {border:2px solid #456092; margin:0 2px 4px 0}	
	
	#proyecto #videos {width:60px; overflow:hidden; float:left; padding-top:5px; }
	#proyecto #videos #tit_vid {padding:0 0 10px 0}		
	#proyecto #videos img {border:2px solid white; margin:0 2px 4px 0}
	#proyecto #videos img:hover {border:2px solid #456092; margin:0 2px 4px 0}
	
	#proyecto #notaxt {clear:both; padding:1px 20px 0 10px; color:#900; font-size:10px; font-weight:bold; text-align:right}	

/* Post Venta */
	
	#post-venta * {font-size:12px; text-align:justify}
	#post-venta p {padding:11px 0; margin:0}
	#post-venta a {color:#456092}
	#post-venta a:hover {color:#a0b1d0; text-decoration:none}
	#post-venta a.red {color:#d83636}
	#post-venta a.red:hover {color:red; text-decoration:none}	
	#post-venta ul {padding:10px 20px; margin:0}
	#post-venta li {padding:0 0 1px 15px; margin:0; list-style:none; background:url('../imgs/bullet-list.gif') no-repeat 0 6px}
	#post-venta ul strong {width:60px; display:block; float:left}
	#post-venta #add {background:#f2f0e5; width:200px; height:210px; float:left}
	#post-venta #form {float:left}
	#post-venta #form p {padding-bottom:20px}
	#post-venta #form .linea {clear:both}
	#post-venta #form .linea div {margin-left:20px; width:260px; float:left}
	#post-venta #form .linea * {font-size:11px}	
	#post-venta #form .linea div strong {display:block; float:left; padding:2px 2px 0 0; width:75px}	
	#post-venta #form input {margin:0 2px 2px 0; border:1px solid #b3b9c3; padding:2px; color:#666}
	#post-venta #form span {color:#F00}	
	#post-venta #form #nom input {width:150px}
	#post-venta #form #eml input {width:150px}
	#post-venta #form #fon input {width:150px}
	#post-venta #form #mov input {width:150px}
	#post-venta #form #edf input {width:150px}
	#post-venta #form #dpt input {width:150px}	
	#post-venta #form #linea_com div {width:520px}
	#post-venta #form #com textarea {width:430px; height:50px}
	#post-venta #form #com, #post-venta #form #com * {vertical-align:top}
	#post-venta #form #enviar, #post-venta #form #enviar input {text-align:center; clear:both; width:520px}
	#post-venta #form #enviar input {width:150px; margin:15px 0 0}
	
/* Compra de Terrenos */
	
	#compra-terrenos * {font-size:12px; text-align:justify}
	#compra-terrenos p {padding:11px 0; margin:0}
	#compra-terrenos a {color:#456092}
	#compra-terrenos a:hover {color:#a0b1d0; text-decoration:none}
	#compra-terrenos a.red {color:#d83636}
	#compra-terrenos a.red:hover {color:red; text-decoration:none}	
	#compra-terrenos ul {padding:10px 20px; margin:0}
	#compra-terrenos li {padding:0 0 1px 15px; margin:0; list-style:none; background:url('../imgs/bullet-list.gif') no-repeat 0 6px}
	#compra-terrenos ul strong {width:60px; display:block; float:left}
	#compra-terrenos #add {background:#f2f0e5; width:200px; height:190px; float:left}
	#compra-terrenos #form {float:left}	
	#compra-terrenos #form p {padding-bottom:20px}
	#compra-terrenos #form .linea {clear:both}
	#compra-terrenos #form .linea div {margin-left:20px; width:260px; float:left}
	#compra-terrenos #form .linea * {font-size:11px}	
	#compra-terrenos #form .linea div strong {display:block; float:left; padding:2px 2px 0 0; width:75px}	
	#compra-terrenos #form input {margin:0 2px 2px 0; border:1px solid #b3b9c3; padding:2px; color:#666}
	#compra-terrenos #form span {color:#F00}	
	#compra-terrenos #form #nom input {width:150px}
	#compra-terrenos #form #eml input {width:150px}
	#compra-terrenos #form #fon input {width:150px}
	#compra-terrenos #form #mov input {width:150px}
	#compra-terrenos #form .linea #ubi {width:540px}
	#compra-terrenos #form .linea #ubi strong {width:75px}
	#compra-terrenos #form #ubi input {width:430px}
	#compra-terrenos #form #dis input {width:150px}
	#compra-terrenos #form #are input {width:125px}	
	#compra-terrenos #form #are strong {width:100px}
	#compra-terrenos #form #linea_com div {width:520px}
	#compra-terrenos #form #com textarea {width:430px; height:50px}
	#compra-terrenos #form #com, #compra-terrenos #form #com * {vertical-align:top}
	#compra-terrenos #form #enviar, #compra-terrenos #form #enviar input {text-align:center; clear:both; width:520px}
	#compra-terrenos #form #enviar input {width:150px; margin:15px 0 0}	

/* Financiamiento */
	
	#financiamiento * {font-size:12px; text-align:justify}
	#financiamiento p {width:560px; padding:11px 0; margin:0}
	#financiamiento ul {width:545px; padding:0 0 0 15px; margin:0}
	#financiamiento li {list-style:none; padding:0 0 0 12px; margin:0; background:url('../imgs/bullet-list.gif') no-repeat 0 5px}	
	#financiamiento a {color:#d83636}
	#financiamiento a:hover {color:red; text-decoration:none}
	#financiamiento .img {float:right; padding:5px 10px 20px; width:110px}
	#financiamiento .img img {margin:5px 0 12px; border:none; xheight:90px; width:110px}
	#financiamiento-sub {text-align:center}
	#financiamiento-sub h3 {color:#f2f0e5 !important}
	#financiamiento-sub img {margin:5px 0 10px 0; border:none}
	#financiamiento-sub a {margin:0; padding:0; width:auto; background:none !important}
	#financiamiento #add {background:#f2f0e5; width:200px; height:410px; float:left}
	
/* Contactenos */
	
	#contactenos * {font-size:12px; text-align:justify}
	#contactenos p {padding:11px 0; margin:0}
	#contactenos a {color:#456092}
	#contactenos a:hover {color:#a0b1d0; text-decoration:none}
	#contactenos a.red {color:#d83636}
	#contactenos a.red:hover {color:red; text-decoration:none}	
	#contactenos ul {padding:10px 20px; margin:0}
	#contactenos li {padding:0 0 1px 15px; margin:0; list-style:none; background:url('../imgs/bullet-list.gif') no-repeat 0 6px}
	#contactenos ul strong {width:60px; display:block; float:left}
	#contactenos #add {background:#f2f0e5; width:200px; height:370px; float:left}
	#contactenos #form {padding-top:15px; margin-top:15px; border-top:1px solid #a0b1d0}
	#contactenos #form h2 {font-weight:normal; margin:5px 0 20px}
	#contactenos #form h2 strong{font-size:14px; color:#456092}
	#contactenos #form div {margin-left:20px; clear:both; width:360px}
	#contactenos #form div * {font-size:11px}	
	#contactenos #form div strong {display:block; float:left; padding:2px 2px 0 0; width:75px}	
	#contactenos #form div input {margin:0 2px 2px 0; border:1px solid #b3b9c3; padding:2px; color:#666}
	#contactenos #form span {color:#F00}	
	#contactenos #form #nom input {width:250px}
	#contactenos #form #eml input {width:250px}
	#contactenos #form #fon input {width:110px}
	#contactenos #form #mov input {width:110px}
	#contactenos #form #pai input {width:180px}
	#contactenos #form #com textarea {width:250px; height:50px}
	#contactenos #form #com, #contactenos #form #com * {vertical-align:top}
	#contactenos #form #enviar, #contactenos #form #enviar input {text-align:center}
	#contactenos #form #enviar input {width:150px; margin:15px 0}

/* Sitemap */
	
	#sitemap * {font-size:12px; text-align:justify}
	#sitemap p {padding:11px 0; margin:0}
	#sitemap a {color:#456092}
	#sitemap a:hover {color:#a0b1d0; text-decoration:none}
	#sitemap a.red {color:#d83636}
	#sitemap a.red:hover {color:red; text-decoration:none}	
	#sitemap ul {padding:10px 15px; margin:0}
	#sitemap li {padding:0 0 1px 10px; margin:0; list-style:none; background:url('../imgs/bullet-list.gif') no-repeat 0 6px}
	#sitemap li, #sitemap li * {text-transform:lowercase}
	#sitemap #add {background:#f2f0e5; width:200px; height:130px; float:left}