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

	body {background:#1b4784 url("../imgs/fondo-pagina.jpg") repeat-x; margin:0}	
	* {color:#555555; font-size:11px; font-family:Tahoma, Arial, sans-serif}
	hr {margin:0; padding:0; clear:both; color:white; height:1px}
	
	#header, #header, #content, #main, #menu, #footer {width:915px;margin:0 auto; background:white; clear:both}
		
	#footer {width:875px; background-color:#cdcdcd; padding:10px 20px; height:30px }
	#footer * {font-size:9px; line-height:14px}
	#footer .info {float:left}
	#footer a:hover {text-decoration:none}
	#credito {font-size:9px;float:right; text-align:right}
		
	#content a, #content .links  {color:#d58d03;font-size:10px}
	#content a:hover {text-decoration:none}
	#content a img {border:none}
	#content p {text-align:justify; padding:0; margin:10px 0}
	#content img.photo {border:1px solid #9c9c9c}		
		
	#main {height:251px; overflow:hidden}
	#main-anim, #main-info, #main-slogan {float:left}
	#main-info {background-color:#f2bb51; margin-left:1px; width:208px; height:227px; padding:12px 25px}
	#main-info, #main-info *, #main-slogan, #main-slogan * {color:#1d4171; font-size:11px}
	#main-info a, #main-slogan a {color:white}
	#main-info .slogan {margin:0 0 10px 0; font-style:italic;}
	#main-info .slogan b {font-size:13px}
	#main-info ul, #main-slogan ul {padding:0;margin:10px}
	#main-info li, #main-slogan li {list-style:none; background:url("../imgs/guion-main-li.gif") no-repeat 0px 5px; padding:0 0 0 15px; margin:10px 0}
	
	#main-slogan {background:#f2bb51 url("../imgs/fondo-mainslogan.gif") no-repeat right bottom; margin-left:1px; width:234px; height:227px; padding:12px 0 20px 24px}
	#main-slogan #slogan {margin:10px 0 20px}
	#main-slogan img.photo {border:1px solid white; float:left;}
	#main-slogan .edf {float:left; padding:5px 0 0 10px; width:125px}
	#main-slogan .edf a {color:#de6b00}	
	#main-slogan .info {clear:both; padding:5px 0 0 0}
	#main-slogan .info, #main-slogan .info * {font-size:10px; color:white;}
	#main-slogan .info ul {margin:10px 0 0; padding:0}	
	#main-slogan .info li {margin:0 0 0 8px; padding:0 0 0 8px;}	
	
	.float {display:block; position:absolute}
	#slide {width:218px; height:258px}	
		
/* Formato de index.aspx */

	#bienv {padding:15px 30px 0; clear:both}
	#bienv .col {width:210px; float:right; padding:0 0 0 25px; background:url("../imgs/div-bienvprin.gif") no-repeat left; }
	#bienv .info p {font-size:11px; padding-top:10px}
	#bienv .info {margin:10px 0 0;}
	#bienv #menu-prolistado {float:left; padding:6px 0 0 0; width:600px}
	#bienv #menu-pro {margin:5px 0 0 0}
	#bienv #proyectos {margin:10px 0 0 0}	
	
	#presentacion {width:178px; height:258px; padding:25px 20px}
	#presentacion p {font-size:11px; color:white; margin:0; padding:6px 0}
	#presentacion img {margin:0 0 10px 0;}	
	

/* Formato de Proyectos: propios y obras a terceros */		
	
	#pros {padding:20px 0 0;clear:both;}
	#pros .prin {padding:0 20px}
	#container {display:none;overflow:hidden;border:1px solid gray}
	#pros #proyectos .subtitle {display:block;clear:both; margin:10px 0 10px; padding-right:10px; background-color:white}	
	#pros #proyectos .line {background-image:url("../imgs/div-proyectos.gif")}
	#pros .proyecto {width:220px;height:65px;float:left;margin:10px 0}
	#pros .proyecto * {font-size:10px}
	#pros .proyecto .swf, .proyecto ul {float:left}
	#pros .proyecto .swf {margin-right:8px; border}
	#pros .proyecto ul{margin:0; padding-top:8px}
	#pros .proyecto li{list-style:none}
	#pros .proyecto b {color:#1d4171}
    #pros #col1 {display:block; float:left; width:420px; padding-right:30px}
    #pros #col2 {display:block; float:left; width:420px}
    #pros #col3 {clear:both}	


/* Formato de proyecto.aspx */

	#pro {padding:20px 0 0; clear:both}				
	#pro .prin {float:left;	width:472px; background:url("../imgs/div-proprin.gif") repeat-y right; padding:20px 20px 0 20px}
	#pro .prin .subtitle {margin-top:10px}
	#pro .prin .info {clear:both}
	#pro .prin .tri {padding:0 0 20px; clear:both}
	#pro .prin .tri b {background:#033d6f; color:white; font-size:11px; margin-top:10px; padding:4px 10px; font-style:normal}	
	#pro .photo {display:block;float:left;margin-right:20px}
	#pro #pic1, #pro #pic2 {margin-bottom:10px}
	#pro .col {float:left;width:310px}
	#pro .secn {float:left;width:363px;padding:20px 0 0 20px}
	#pro .secn .info {padding-bottom:0; margin-bottom:0}
	#pro .secn .links a {margin:0 3px}
	#pro .secn .links b {font-weight:normal; padding:8px 10px 0 0; text-align:right}
	#pro .det {padding:14px 0 0}
	#pro .det .row {line-height:13px}
	#pro .det .row b {font-weight:normal;display:block;float:left;width:55px}
	#pro .det .row span {margin-left:5px}
	#pro .det .row a {display:block;padding-top:8px}		
	/**/#pro #det {width:315px}	
	/**/#pro #det #extra * {float:left; line-height:12px}
	/**/#pro #det #extra span {color:White; display:inline-block; padding:0 2px}	
	/**/#pro #det .divo {color:Red}
	#pro #fin {width:130px;height:145px}
	#pro #fin img {margin:5px 0 0}	
	#pro #fin .subtitle {clear:both}	
	#pro #plan {margin:10px 0 0}
	#pro #galeria {margin:10px 0 0}	
	#pro #container {display:none;overflow:hidden;border:1px solid gray}
	#pro #acab {clear:both; padding-top:10px; padding-bottom:20px; margin-top:-25px; margin-bottom:10px; border-bottom:1px solid #cacaca; float:left}
	#pro #acab .info {width:47 0px;height:274px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;margin:15px 0 0  0}
	#pro #acab .links {padding:8px;text-align:right}
	#pro #acab .links a {margin:0 10px}		
	#pro #gal {width:340px}		
	#pro #vid {width:100px}	
	#pro #vid #video {padding:11px 0 0}	
	#pro #gal, #pro #vid {clear:none;float:left}
	#pro .secn .det {float:left;width:372px;height:120px; margin-left:-10px}
	#pro .secn .det * {font-size:10px}	
	#pro .secn .det .row {padding:1px 0}
	#pro .secn .det .row b {width:42px}
	#pro .secn .det .photo {float:left; margin:0 10px 0}
	#pro #fin {border-left:1px solid #cccccc; padding-left:20px; height:175px; padding-top:8px}	
	#pro #estado {height:50px; margin-top:-5px}
	#pro #estado div {padding:2px 0}
	#pro #estado #logoesta {padding:2px 5px; font-weight:bold; text-transform: uppercase; color:#FFF; background-color:#1d4171; font-size:10px; float:left}
	#pro #fina, #pro #cred {height:55px}
	#pro #fina #logofina {padding-left:5px; margin-top:0}
	#pro #cred {padding-top:10px}		
	#pro #cred #logocred {padding-left:5px}	
	#pro .logosm {padding:0 0 0 10px; border:none}	
	#pro #cred img {margin-top:3px}
	/*#pro #estado p {margin:2px 0; padding:2px 5px; font-weight:bold; text-transform: uppercase; color:#FFF; background-color:#1d4171; font-size:10px; float:left; margin-bottom:15px}*/	
	#pro #num_titulo {font-weight:bold; padding:10px 0 0 0}
	#pro #num_dpto {font-size:10px; margin:0; padding:0}
	
	#tower_menu a {color:#d58d03; padding:0 2px}
	#tower_menu a:hover {color:#d58d03; text-decoration:none}	
	.tower {display:none; font-size:11px}
	.tower a {font-size:10px}
	#tower1 {display:block}
	#towtext {display:block; font-size:12px; padding-top:10px}

	li#estado {color:#8c0410; font-weight:bold; font-size:11px; background:none; padding-left:0; padding-bottom:5px}	
	#hr {clear:both; padding:10px 0}	
	#nota {text-align:center; border:1px solid #32455b; clear:both; margin:0 20px 0 20px; font-size:9px; padding:1px 6px; background-color:#4a5f78; text-transform:uppercase; color:#FFF}	
	#ctl00_cphContent_imgIlustracion {margin-bottom:10px}

/* Formato de loadpix.htm */	
	
	#pix {background:#FFF; margin:0}
	#pix div {border:4px solid white}
	#pix #close {float:right; border:none}	
	#pix #leyenda {font-size:9px; font-family:Tahoma, Arial; color:black; padding:2px 4px; text-align:center}
	#pix #loader {cursor:pointer}

	
/* Formato de acabados.aspx */

	#acabados {background:#FFF; padding:0 8px 10px 0}
	#acabados p {text-align:justify}
	#acabados .subtitle {margin:30px 0 0}
	#acabados * {font-size:10px; margin:0; padding:0}
	#acabados h1 {font-size:12px; padding:6px 0}
	#acabados h2 {font-size:11px; font-weight:normal}
	#acabados ol {padding:12px 32px}
	#acabados ol ol {list-style-type:lower-alpha}
	#acabados ol li {padding:0 0 6px 0;}
	#acabados ol ul {padding:6px 0 6px 32px}
	#acabados ol ul li {padding:0; list-style:square}
	#acabados div {font-size:11px; font-weight:bold; padding:0 12px}		
	
	
/* Formato de listaprecios.aspx */
	
	#precios {background:#FFF; padding:20px 0 0 0}
	#precios p {margin:5px 0 20px}	
	#precios .listado {overflow:scroll;height:420px;border:1px solid #CACACA}		
	#precios .dpto {background-color:white;border-bottom:1px solid #CACACA;padding:8px}
	#precios .dpto:hover {background-color:#EFEFEF;border-bottom:1px solid #CACACA;padding:8px;cursor:default}
	#precios .num, #precios .area, #precios .precio, #precios .reservar {float:left;line-height:18px}
	#precios .num, #precios .area, #precios .precio {padding-right:15px}
	#precios .area, #precios .precio {font-weight:bold}	
	#precios .area b, #precios .precio b {font-weight:normal;font-size:10px}
	#precios .info {padding-top:5px;clear:both;font-size:10px}
	#precios .num {font-size:18px;color:#184378}
	#precios .reservar img {border:none;margin:5px 0 0 0}


/* Formato de quienes-somos.aspx */

	#qsomos{padding:20px 0 0 30px;clear:both}
	#qsomos .prin .info {float:left;width:740px}
	#qsomos .prin .info#img {float:right; width:110px; padding:35px 10px 0 0px}
	#qsomos .prin .link {padding:10px 0; clear:both}
	#qsomos .prin .link a {padding:0 3px}		
	#qsomos .prin ul {padding:10px 0 0 15px; margin:0}
	#qsomos .prin li {list-style:none; background:url("../imgs/guion-list.gif") no-repeat 2px 4px; margin:0; padding:0 0 10px 15px;}
	#qsomos #col1 {float:left; padding-right:30px; width:430px}
	#qsomos #col2 {float:left; width:270px}


/* Formato de experiencia.aspx */
	
	#exp {padding:20px 0 20px 30px;clear:both}
	#exp .prin {float:left;width:510px;background:url("../imgs/div-proprin.gif") repeat-y right; :10px 30px 20px 0; padding-bottom:0}
	#exp .prin .col ul {margin:10px 10px 0 10px; padding:0; float:left; width:220px}
	#exp .prin .col li {list-style:none; background:url("../imgs/guion-list.gif") no-repeat 2px 4px; margin:0; padding:0 0 10px 15px; list-style:none; font-size:10px}
	#exp .prin .col b {display:block; font-size:11px}
	#exp .prin .subtitle {margin-top:20px}	
	#exp .prin .info {padding-right:30px}			
	#exp .secn {float:left;width:310px;padding:20px 0 0 25px}
	#exp .secn .subtitle {margin-bottom:10px}	
	#exp .secn .info {padding-right:10px}
	#exp .secn .info .photo {margin:0px 10px 0 0}
	#exp .secn a {padding:0 3px}		
	#exp .info {clear:both}	
	#exp .info_menu {padding:30px 0 0 0}
	#exp .info_menu .subtitle {margin:0 0 10px 0}
	#exp .photo {display:block; float:left; margin:10px 20px 0 0}	
	

/* Formato de seminarios.aspx */

	#seminarios {padding:20px 30px; clear:both}
	#seminarios .prin {padding:10px 0 0 0;}
	#seminarios .prin .col {float:left;width:400px; margin:0 10px 0 0}	
	#seminarios .prin .seminario {clear:both; padding:10px 0}	
	#seminarios .prin .seminario img {float:left}		
	#seminarios .prin .seminario .photo {display:block; float:left; vertical-align:text-top; width:150px; height:100px}
	#seminarios .prin .seminario .area {display:block; float:left; vertical-align:text-top; width:210px; padding:30px 0 0 10px}
	#seminarios .prin .seminario .area img {display:block; float:left; margin:0 10px 60px 0}	
	#seminarios .prin .seminario p {margin:0; padding:0}		
	#seminarios .secn {display:none}
	
	
/* Formato de peruanos-extetior.aspx */

	#peruanos {height:590px;padding:20px 0 20px 30px;clear:both}
	#peruanos .prin {float:left;width:840px; padding:10px 30px 20px 0;padding-bottom:0}
	#peruanos .secn {display:none}
	#peruanos #pasos .paso {border-top:1px solid #dadada; clear:both}
	#peruanos #pasos .paso div {float:left; vertical-align:top; margin:10px 0}
	#peruanos #pasos .title {border:none;}
	#peruanos #pasos .title div {font-weight:bold; color:#1d4171; margin-bottom:10px}
	#peruanos #pasos .paso .num {width:40px; margin-right:15px; text-align:center}
	#peruanos #pasos .paso .num strong {display:block; font-size:11px; color:white; background:#f2bb51; font-weight:normal; width:16px; padding:2px 0; margin:0 0 0 15px; text-align:center;}
	#peruanos #pasos .paso .debe {width:128px; margin-right:15px; padding:3px 0 0}
	#peruanos #pasos .paso .hace {width:148px; margin-right:15px; padding:3px 0 0}
	#peruanos #pasos .paso .como {width:460px; padding:3px 0 0; text-align:justify}	
	
	
/* Formato de contactenos.aspx */

	#contacto {padding:20px 0 0 30px;clear:both}
	#contacto .prin {float:left;width:460px; padding:10px 30px 0 0}
	#contacto .prin .info {float:left;width:450px}
	#contacto .prin .info#img {float:right; width:80px; padding:10px 10px 0 0px}
	#contacto .prin ul {padding:0; margin:20px 0 0 40px}
	#contacto .prin h1 {font-size:13px}
	#contacto .prin li {list-style:none; margin:0; padding:2px 0 2px 15px; clear:both}
	#contacto .prin li strong {display:block; float:left; width:50px; font-weight:normal}	
	#contacto .prin .mas {padding-left:72px}		
	#contacto .secn {float:left; width:340px; padding:10px 0 0 20px; margin:0; background:url("../imgs/div-proprin.gif") repeat-y left}
	#contacto #form {padding:10px 0 0 20px}
	#contacto #form * {vertical-align:top}	
	#contacto #form div {margin:0; padding:3px 0 3px 0; clear:both;}
	#contacto #form div strong {display:block; float:left; width:80px; font-weight:normal;}
	#contacto #form input {width:200px}
	#contacto #form textarea {width:200px; height:50px}
	#contacto #form input, #contacto #form textarea {margin:0 0 0 10px}
	#contacto #form #enviar {text-align:center}	
	#contacto #form #enviar input {margin:5px 0 0 0; width:85px}	
	
	
/* Formato de compra-terrenos.aspx */

	#compra {padding:20px 0 10px 30px;clear:both}
	#compra .prin {padding:10px 30px 20px 0;padding-bottom:0;}
	#compra .secn {display:none}	
	#compra  #form {padding:10px 0 0 20px; width:800px}
	#compra  #form * {vertical-align:top}	
	#compra  #form .linea {clear:both; margin:0; padding:10px 0}		
	#compra  #form .linea div {float:left; padding:0 20px 0 0}
	#compra  #form div strong {display:block; float:left; width:90px; font-weight:normal;}
	#compra  #form input {width:178px; margin:0 0 0 10px}
	#compra  #form .mas {padding: 10px 0 0}		
	#compra  #form .mas strong {width:auto; padding-right:10px}
	#compra  #form #mas input{width:138px;}
	#compra  #form .mas input{width:58px;}
	#compra  #form textarea {width:525px; height:50px}
	#compra  #form #enviar {text-align:center; clear:both; width: 580px}
	#compra  #form #enviar input {margin:15px 0 0 0; width:110px}		
	
	
/* Formato de post-venta.aspx */

	#post {padding:20px 0 0 30px;clear:both}
	#post .prin {float:left;width:300px;padding:15px 30px 0 0}
	#post .prin .info {float:left;width:300px}
	#post .secn {float:left; width:500px; padding:10px 0 0 20px; margin:0; background:url("../imgs/div-proprin.gif") repeat-y left;}
	#post .secn p {clear:both}
	#post #form {padding:10px 0 0 40px; float:left}
	#post #form * {vertical-align:top}	
	#post #form div {margin:0; padding:3px 0 3px 0; clear:both;}
	#post #form div strong {display:block; float:left; width:135px; font-weight:normal;}
	#post #form input {width:200px}
	#post #form textarea {width:200px; height:50px}
	#post #form input, #post #form textarea {margin:0 0 0 10px}
	#post #form #enviar {text-align:center}	
	#post #form #enviar input {margin:5px 0 5px 30px; width:85px}
	
	
/* Formato de sitemap.aspx */

	#sitemap {padding:20px 0 0 30px;clear:both}
	#sitemap ul {margin-left:60px}
	#sitemap ul li a {font-size:11px; color:#2f6cae; font-weight:bold; text-decoration:none}
	#sitemap ul li a:hover {text-decoration:underline}	
	#sitemap ul li ul {margin:4px 0 4px 20px}
	#sitemap ul li ul li a {color:#2f6cae; font-size:10px;  font-weight:normal}	
	#sitemap ul li {padding:2px 0; list-style-image:url(../imgs/guion-list.gif)}	
	
/* Formatos nuevos */

	#nota_form, #form i, #form  {color:#7c1817; font-weight:bold; font-size:10px}
	#form i {font-style:normal; display:block; float:left; padding:0 5px 0 0}

	#bienv #proyectos .noflash {width:600px; height:70px; background:#dddddd; text-align:center; padding-top:50px}
	
	#pros #proyectos .noflash {height:70px; background:#dddddd; text-align:center; padding-top:50px}	
	
	#menu .noflash {width:910px; height:20px; background:#2f6cae; padding:5px 0 0 5px; color:#154278}
	#menu .noflash a {padding:0 2px; color:white; font-size:11px}
	#menu .noflash a:hover {text-decoration:none}	
	
	#header {background:#1b4784}
	#header .noflash {background:#dddddd; height:160px; float:right; width:700px; text-align:center; padding-top:100px;}
	#header .noflash a {color:#d58d03}
	#header .noflash_menu {width:910px; height:20px; background:#2f6cae; padding:5px 0 0 5px; color:#154278}	
	#header .noflash_menu a {padding:0 2px; color:white; font-size:11px}
	#header .noflash_menu a:hover {text-decoration:none}		
	
	#slide .noflash, #slide .noflash a {color:White; text-align:center; width:200px; padding-top:95px}
	
	#main-anim .noflash {background:#dddddd; width:656px; height:150px; text-align:center; padding-top:100px}
	
	#galeria .noflash {background:#dddddd; padding-top:25px; height:55px; text-align:center}
	
	#loader .noflash {background:#dddddd; padding:30px;}
	#loader .noflash a {color:#d58d03}	
		
/* 28/10 */	
	#fina .enlace {padding:0 0 10px 5px}