@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector:  */

/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/*********************************************
	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; }
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

/*** Algunos ajustes basicos: ***/
sup { font-size:1.1em;}
sub {  font-size:1.1em; }
/*li, dd, blockquote { 	margin-left: 1em; }*/
ul {list-style-type:none;}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte */
a:active { outline:none;}
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea { 	font-size: 100%; background: #FFF; padding-left:2px; }
/*input:focus, select:focus, textarea:focus { 	background-color: #F5CA6E; }*/
fieldset { 	border: none; }

/***  TABLAS ***/
table { border-collapse:collapse; border-spacing:0;}

/*** Algunas clases útiles: ***/
.float-left { 	float: left; }
.float-right { 	float: right; }
.clear{clear:both;margin:0;padding:0;background:none; }
.clear_2{clear:both;margin:0;padding:0;height:0; background:none;}
.clear_position{position:relative;}

#pagina .no-margen { margin:0; padding:0;}

/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

.manolink{cursor:pointer;}
.ocultar {display:none}
.bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas {width:100%; display:block; z-index:100; position:relative}
ul#columnas li{display:block;float:left; margin:0;padding:0;}
	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
/* tipos de listas */
#pagina ul.lista{ list-style-type: none;}
#pagina ul.lista li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background-color:#ffffff;text-align:center; }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{margin:0 auto; width:981px;background:#fff;text-align:left; position:relative;}
#pagina p {line-height:14px;}
#header{ position:relative; }
#content{overflow:hidden; border-right:2px solid #e4e4e4; padding-bottom:20px; }
* html #content { overflow:visible;}
#footer{ height:21px; background:#000}


/********************************************
				TEXTOS
**********************************************/
body {font-size:100%; }
#pagina{font: normal 0.69em Arial, Helvetica, sans-serif; color: #444;}
.texto_defecto { font: normal 0.69em Arial, Helvetica, sans-serif; color: #000;}

/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#header { border-left: 1px solid #e4e4e4}
#header div {float:left; }
#nav_utilidades{ width:100%; height:17px; list-style-type:none; text-align:right; padding:0; color:#FFFFFF; }
#nav_utilidades li{display:inline; margin-left:0; padding-right:4px; border-bottom:2px solid red }

/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font: normal 11px Arial, Helvetica, sans-serif; color:#e42c2a;  }
a:hover{ text-decoration:underlined;}
/* menu principal */
#nav_utilidades  { background-color:#000; padding:0;}
#nav_utilidades a{ text-decoration:none; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
#nav_utilidades a:hover{ text-decoration:underline;}


/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1#inicio { float:left; text-indent:-9999px; width:163px; height:216px;  background:url(/imagenes/cabecera-izquierda.jpg) no-repeat 0 100%; cursor:pointer; }

/* footer */
#pie { clear:both; height:21px; font:normal 0.82em Verdana, Arial, Helvetica, sans-serif; color:#FFF; }
#pie-texto-izquierda { float:left; margin:3px 0 0 5px}
#pie-texto-izquierda a { color:#FFF;text-decoration:none;}
#pie-texto-izquierda a:hover {text-decoration:underline;}
#pie-texto {float:right; margin:3px 5px 0 0}


/*-------------INTERIORES--------------*/

#contenido-datos{float:left;width:794px; padding:15px 0 0 20px; padding-bottom: 32768px; margin-bottom: -32768px}
* html #contenido-datos{padding-left:8px; }
#contenido-datos h3 { margin:60px 0 5px 45px; height:25px; margin-bottom:12px }

#contenido{ display:block; margin-left:45px; }


/*menu lateral*/
#menu-lateral{ float:left; min-height:460px; height: auto !important; height:460px; width:165px; background:url(/imagenes/interface/fnd-menu-lateral.jpg) repeat-y right; padding-bottom: 32768px; margin-bottom: -32768px}

#menu-lateral h2 { margin-top:45px; margin-bottom:20px; height:15px; text-indent:-9999px; background:url(/imagenes/corporativo/tit-menu.gif) no-repeat 100% 100%; }

#menu-lateral ul { width:160px; float:right}

#menu-lateral ul li{ margin-left:17px; width:143px; float:right}
#menu-lateral ul li.submenu-lateral{margin-left:0px; width:160px; margin-bottom:10px;padding-left:17px; font-weight:normal; color:#333;text-decoration:none; }
* html #menu-lateral ul li.submenu-lateral {padding-left:0px; }
*:first-child+html #menu-lateral ul li.submenu-lateral {padding-left:0px; }
#menu-lateral ul li.submenu-lateral ul li { margin-left:0px; width:160px;}
#menu-lateral ul li#empresa { margin-bottom:5px; height:10px; text-indent:-9999px; background:url(/imagenes/corporativo/tit-empresa.gif) no-repeat;}
#menu-lateral ul li#comunicacion { margin-bottom:5px; height:10px; text-indent:-9999px; background:url(/imagenes/corporativo/tit-comunicacion.gif) no-repeat;}
#menu-lateral ul li#delegaciones { margin-bottom:5px; height:10px; text-indent:-9999px; background:url(/imagenes/corporativo/tit-delegaciones.gif) no-repeat;}

#menu-lateral ul li.submenu-lateral a {display:block; padding-top:2px; padding-left:45px; height:17px; color:#333; background:url(/imagenes/corporativo/ico-menu-rojo.gif) no-repeat 35px 45%; text-decoration:none;}
#menu-lateral ul li.submenu-lateral a:hover,#menu-lateral ul li.menu-lateral-seleccionado a:link,#menu-lateral ul li.menu-lateral-seleccionado a:visited{ display:block; color:#e42c2a; background:url(/imagenes/corporativo/fnd-menu-gris.gif) no-repeat 100%; }



/* menu principal */
#menu-principal { position:relative; bottom:0px; margin-top:-35px; padding-left:165px; width:510px; background:url(/imagenes/interface/fnd-sup-content.jpg) repeat-x; }
#menu-principal ul { display:block; float:left; height:34px; }
#menu-principal ul li { float:left; height:34px; margin:0; text-indent:-9999px; }
#menu-principal ul li a { outline:none}

#menuCorporativoOff{display:block; width:148px;height:34px;background:url(/imagenes/menu/corporativo-off.gif);}
#menuCorporativoOff:hover, #menuCorporativo{display:block; width:148px;height:34px; background:url(/imagenes/menu/corporativo-on.gif);}
#menuProyectosOff{display:block; width:140px;height:34px;background:url(/imagenes/menu/proyectos-off.gif);}
#menuProyectosOff:hover, #menuProyectos{display:block; width:140px;height:34px; background:url(/imagenes/menu/proyectos-on.gif);}
#menuServiciosOff{display:block; width:142px;height:34px;background:url(/imagenes/menu/servicios-off.gif);}
#menuServiciosOff:hover, #menuServicios{display:block; width:142px;height:34px; background:url(/imagenes/menu/servicios-on.gif);}
#menuContactoOff{display:block; width:74px;height:34px;background:url(/imagenes/menu/contacto-off.gif);}
#menuContactoOff:hover, #menuContacto{display:block; width:74px;height:34px; background:url(/imagenes/menu/contacto-on.gif);}


/*Migas barra de navegacion*/
#barra-navegacion { height:12px; font:normal 11px Arial, Helvetica, sans-serif; }
#barra-navegacion li {color:#666666;display:inline;margin:0; }
#barra-navegacion li a{color:#666666;text-decoration:none;font:11px Arial, Helvetica, sans-serif;}
#barra-navegacion li a:hover{text-decoration:underline}

#barra-navegacion li#estas_en {color:#000000; background:none;  }
#barra-navegacion li#miga-inicio { background:none; padding-left:0; }
#barra-navegacion li#miga-inicio a {color:#e42c2a; background:none; }




/* SECIONES COMUNES */
.promociones h2{ height:16px; text-indent:-9999px; background:url(/imagenes/comunes/promociones-destacadas/tit-promociones-destacadas.gif) no-repeat;}
.promociones_destacadas { display:inline; float:left; width:229px; height:200px; margin:10px 25px 20px 0; background:url(/imagenes/comunes/borde-sup-promociones.gif) no-repeat 0% 0% }
.promociones_destacadas h4 { margin:8px 0px 3px 5px; font-size:1.09em; font-weight:bold;  color:#000000;}
.promociones_destacadas img { float:left; width:218px; height:105px; margin-bottom:5px; border-right:5px solid #e6e6e6; border-left:5px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.promociones_destacadas p.localidad span { display:inline; margin:0 0 0 5px; }
.promociones_destacadas span { display:block;  margin:2px 0 0 5px; }
.promociones_destacadas a.mas-info { display:block;  margin:2px 0 0 5px; }


/* Buscador */
#buscador-inmuebles { width:255px; height:300px; margin-top:10px; background:url(/imagenes/comunes/fnd-buscador.jpg) no-repeat 100% 100%; }
#buscador-inmuebles form { margin:30px auto 0 auto; width:205px;}
* html #buscador-inmuebles form { margin:10px auto 0 auto;}
*:first-child+html #buscador-inmuebles form { margin:10px auto 0 auto;}
#buscador-inmuebles #flash-original { margin-left:18px; }
#buscador-inmuebles label { display:block; font:bold 1em Arial, Helvetica, sans-serif; color:#000000; margin:5px 0;}
#buscador-inmuebles label span { color:#e42c2a}
#buscador-inmuebles select { display:block; width:180px; margin-left:18px; }
#buscador-inmuebles #btn_buscar { display:block; float:right; margin-top:10px; padding:0; width:50px; height:16px; text-indent:-9999px; cursor:pointer; }



/* Atencion al cliente */
#at-cliente { width:255px; height:76px; margin-top:10px; background:url(/imagenes/comunes/fnd-atencion-cliente.jpg) no-repeat 100% 100%; }
#at-cliente a { display:block; padding:50px 0 0 50px; }


/* Contacto */
#mini-contacto {position:absolute; bottom:40px; width:160px; margin-left:2px; font: normal 0.82em Verdana, Arial, Helvetica, sans-serif; color: #474646;}
#mini-contacto h3{ margin:20px 0 5px 0; height:19px; text-indent:-9999px; background:url(/imagenes/comunes/contacto/tit-contacto.gif) no-repeat;} 
#mini-contacto div { height:108px; background:url(/imagenes/comunes/contacto/fondo.jpg) no-repeat bottom;}
#mini-contacto div p { margin:10px 0 0 10px; line-height:15px;}
#mini-contacto .tel {background-image:url(/imagenes/contacto/ico-tel.gif); background-repeat:no-repeat; padding-left:25px; color:#000000; font-weight:bold; font-size:1.22em;}
#mini-contacto .fax {background-image:url(/imagenes/contacto/ico-fax.gif); background-repeat:no-repeat; padding-left:25px; color:#000000; font-weight:bold; font-size:1.22em;}


/* TABLA VIVIENDAS */
 #viviendas { margin:2% 1% 0 0; }

 #viviendas h4 {font:normal 11px Arial, Helvetica, sans-serif; font-weight:bold; color:#A70D36; background-color:#d7d7d7;height:14px;padding:4px;margin-bottom:10px; margin-top:20px;width:207px}
 #texto-explicativo{margin:0 0 20px 0}
 .mostrar_ocultar_viviendas { height:2.5em; color:#112a5e;float:left}
 .mostrar_ocultar_viviendas .izq {left:2%;color:#FFF;background-color:#878787;padding:0 2px;}
 .mostrar_ocultar_viviendas .der {display:block;margin:-1px 1px; color:#000;}
* html .mostrar_ocultar_viviendas .der {margin:2px 0px 0 4px}
*:first-child+html .mostrar_ocultar_viviendas .der {margin:2px 0px 0 4px}

 .mostrar_ocultar_viviendas .mostrar {display:block;padding:6px 14px; background-color:#878787;display:none; cursor:pointer; color:#fff; font-weight:bold;}
 .mostrar_ocultar_viviendas .no_mostrar {display:block;padding:6px 14px;background-color:#d7d7d7;cursor:pointer;}
 #viviendas table {padding:2px;clear:both; width:99%;  margin:0pt 4px ; color:#757575;border-top:5px solid #878787;border-right:6px solid #878787;border-bottom:20px solid #878787;border-left:6px solid #878787; background:f2f3f7}
 #viviendas td{padding:5px}
 #viviendas th {padding:5px;font-weight:normal;color:#112A5E; background-color:#f2f3f7}
 #viviendas tbody tr { background:#fff; border-bottom:3px #F2F3F7;}
 #viviendas tbody .center { text-indent:15px;}
 #viviendas tbody tr.par { background:#f2f3f7;}
  
 /*  recomendar amigo */
	#recomendar-proyecto {padding-left:6%; color:#666; background:#F8F8F8;}
	#recomendar-proyecto  form { margin-top:20px;}
	#recomendar-proyecto p { width:50%;}
	#recomendar-proyecto label {display:block; margin:5px 0; color:#000;  }
	#recomendar-proyecto input { background:#eeeeee; border:0; width:213px; height:18px;}
	#recomendar-proyecto fieldset .btn-submit { text-align:center; margin-left:2.5%;} 
	#recomendar-proyecto .btn-submit input { width:auto; height:auto;}

#flash-original-menu{display:block;margin:20px auto;}	

/** html * { border:1px solid red;}*/