@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/recursos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
	   ESTRUCTURA DE VIVIR A TU MANERA
***********************************************/
#requestNoAjax { display:none;}

body.shadow { width:700px;background:#fff;overflow-x:hidden;}
body { background:url(/imagenes/comunes/fnd-body.jpg) repeat-x #333;}
#pagina { background:url(/imagenes/comunes/fnd-pagina-general.jpg) no-repeat; width:1269px; height:850px; margin:auto; }
#pagina-index { background:url(/imagenes/comunes/fnd-pagina-index.jpg) no-repeat; width:1269px; height:850px; margin:auto; }

#contenido { position:relative; float:left;}

#vacio { float:left; width:200px;}

/**********************************************
	   			CABECERA
***********************************************/

#cabecera { display:inline; float:left; width:981px; height:144px; margin-left:144px;position:relative; }
	#cabecera #menu {display:inline; float:left; width:334px; height:123px; margin-top:14px; margin-left:10px; }	
	#cabecera #menu ul li { float:left; }
	#cabecera #menu ul li a {display: block; height:123px; text-indent:-9999px;}	
		
		#cabecera ul a.hogarES { background:url(/imagenes/comunes/btn-hogarOFF_ES.jpg) no-repeat; width:100px; height:123px;}
		#cabecera ul a.hogarES:hover { background:url(/imagenes/comunes/btn-hogarON_ES.jpg) no-repeat; width:100px; height:123px;}
		#cabecera ul a.hogarES-selec { background:url(/imagenes/comunes/btn-hogarON_ES.jpg) no-repeat; width:100px; height:123px;}
		
		#cabecera ul a.hogarEN { background:url(/imagenes/comunes/btn-hogarOFF_EN.jpg) no-repeat; width:100px; height:123px;}
		#cabecera ul a.hogarEN:hover { background:url(/imagenes/comunes/btn-hogarON_EN.jpg) no-repeat; width:100px; height:123px;}
		#cabecera ul a.hogarEN-selec { background:url(/imagenes/comunes/btn-hogarON_EN.jpg) no-repeat; width:100px; height:123px;}
		
		#cabecera ul a.calidadesES{ background:url(/imagenes/comunes/btn-calidadesOFF_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.calidadesES:hover { background:url(/imagenes/comunes/btn-calidadesON_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.calidadesES-selec { background:url(/imagenes/comunes/btn-calidadesON_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		
		#cabecera ul a.calidadesEN { background:url(/imagenes/comunes/btn-calidadesOFF_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.calidadesEN:hover { background:url(/imagenes/comunes/btn-calidadesON_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.calidadesEN-selec { background:url(/imagenes/comunes/btn-calidadesON_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		
		#cabecera ul a.alrededoresES { background:url(/imagenes/comunes/btn-alrededoresOFF_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.alrededoresES:hover { background:url(/imagenes/comunes/btn-alrededoresON_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.alrededoresES-selec { background:url(/imagenes/comunes/btn-alrededoresON_ES.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		
		#cabecera ul a.alrededoresEN { background:url(/imagenes/comunes/btn-alrededoresOFF_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.alrededoresEN:hover { background:url(/imagenes/comunes/btn-alrededoresON_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		#cabecera ul a.alrededoresEN-selec { background:url(/imagenes/comunes/btn-alrededoresON_EN.jpg) no-repeat; width:100px; height:123px; margin-left:17px;}
		
	#cabecera h1 { float:left; background:url(/imagenes/comunes/btn-gays.jpg) no-repeat; width:158px; height:123px; margin-left:368px; margin-top:-30px; cursor:pointer; text-indent:-999999px; }
	
	#menu-inicio { display:inline; float:left; font-family:Arial; font-size:11px; font-weight:normal; color: #FFFFFF; margin-left:92px; margin-top:30px;}
	#menu-inicio a { font-family:Arial; font-size:11px; font-weight:normal; color: #FFFFFF; }
	
	#cabecera #idiomas { float:left; margin-top:45px; margin-left:10px;}
		#cabecera #idiomas img.EN {}
		#cabecera #idiomas img.ES { margin-left:6px;}
		
	#pastilla-hipoteca_ES{float:left; display:inline; position:absolute; top:65px;left:380px; /*left:520px;*/}
	#pastilla-hipoteca_EN{float:left; display:inline; position:absolute; top:65px;left:380px;/* left:520px;*/}
/**********************************************
	  			FORMULARIO	
***********************************************/

#formulario { display:inline; float:left; width:233px; position:absolute; top:0; right:177px;*right:30px; background:url(/imagenes/comunes/fnd-formulario.png) no-repeat 0 0;}
	#formulario *{color:#01669e;font-family:Arial;}
		#formulario form {}
		#formulario form  fieldset{ border:0; }
		#formulario form  fieldset p{ width:215px; }
		#formulario form  fieldset .menor{ display:inline; float:left; width:108px;margin-left:10px;}
		#formulario form  fieldset .menor2{ display:inline; float:left; width:105px; margin-left:10px;}
		#formulario form fieldset label{ font-family:Arial; font-size:11px; color:#707173; margin-left:10px; display:block;}
		#formulario form fieldset .menor label{ font-family:Arial; font-size:11px; color:#707173; margin-left:0px;display:block;}
		#formulario form fieldset .menor2 label{ font-family:Arial; font-size:11px; color:#707173; margin-left:0px; display:block;}
			#formulario form fieldset input{ width:208px; height:18px; border:1px solid #d5d2d2; background:#fff; color:#707173; margin-left:10px; display: block; }
			#formulario form fieldset .menor input{ width:100px; height:18px; border:1px solid #d5d2d2; background:#fff; color:#707173; margin-left:0;display: block; }
			#formulario form fieldset .menor2 input{ width:90px; height:18px; border:1px solid #d5d2d2; background:#fff; color:#707173; margin-left:0; display: block; }
			#formulario textarea {float:left; display:inline; width:192px; height:17px; margin-top: 4px;margin-left:10px; display: block; border:1px solid #d5d2d2; background:#fff;}
			#formulario form fieldset select{ width:208px; height:18px; border:1px solid #d5d2d2; background:#fff; color:#707173; margin-left:10px; margin-top:0px; margin-bottom:4px; display: block; }
			
			#formulario label.inline {float: left; margin-left: 2px; display: inline !important; font-size:11px;  margin-top:4px; }				
			#formulario input.inline {float: left; display: inline !important; width: 10px !important; height: 15px !important; /****** Esto es para el IE6 ******/ background: none !important;margin-right:0;border:0; margin-left:5px; margin-top:4px;}
			
			#formulario #hidden{display:none;}
			
			#formulario #pcondiciones {margin-top: 10px; float:left; display:inline; width:140px; _margin-top:12px;}
					#formulario #lcondiciones{ margin-right:0px;}
					#formulario #acondiciones {color:#707173;font-size: 10px !important; letter-spacing:-1px;}
					
			#formulario #enviarES { background:url(/imagenes/comunes/btn-formu_ES.gif) no-repeat; float:right; margin-top:10px; margin-right:16px; width:52px; height:16px; border:none; cursor: pointer; text-indent:-9999px;}
			#formulario #enviarEN { background:url(/imagenes/comunes/btn-formu_EN.gif) no-repeat; float:right; margin-top:10px; margin-right:16px; width:52px; height:16px; border:none; cursor: pointer; text-indent:-9999px;}
			
			* html #formulario {}	
			*+html #formulario {}	
					#formulario #lcheck,#pagina #formulario #lcondiciones {font-size: 10px !important;font-weight:normal;}
					#formulario #contacten, #formulario  #condiciones{ margin-right:2px;}				
					#formulario .radio {height:24px; margin-left:5px; }	
					#fila-radios{margin-top:3px;}
					#formulario .none {display: none !important;}
#telefono-i{ background:url(/imagenes/comunes/i-tlfn.png) no-repeat; width:233px; height:29px; text-indent:-999999px;}	
sup{}
/**********************************************
	  			 PIE	
***********************************************/

#pie { display:inline; float:left; font-family:Arial; font-size:11px; font-weight:normal; color: #FFFFFF; margin-left:400px; margin-top:20px; margin-bottom:50px; }
#pie a {font-family:Arial; font-size:11px; font-weight:normal; color: #FFFFFF;}

/**********************************************
	  			 REQUEST	
***********************************************/

#request { background:url(/imagenes/comunes/fnd-request.jpg) no-repeat; width:366px; height:138px;}
#request p { float:left; font-family:Arial; font-size:11px; color:#999; margin-left:60px; margin-top:30px;}
#request p span.negro { color:#000000; font-weight:bold;}

/**********************************************
	  			 CONDICIONES	
***********************************************/

#contenido-condiciones {width:682px;margin:auto; }
#contenido-condiciones h2{color:#333;font-size:16px;height:30px;padding-right:20px;padding-top:4px;text-align:left; margin:20px 0 10px;}
#contenido-condiciones p{margin:0 20px 10px;}
#contenido-condiciones ul,ol{margin:0 20px 10px;}
#contenido-condiciones ul{list-style:disc}
#contenido-condiciones ul{list-style:decimal}
#contenido-condiciones li{margin:0 25px 5px;}