@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
*/

* {
	padding: 0;
	font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} /*nada tendrá padding ni margen, y las fuentes serán 11px*/
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;}
a:link, a:visited, a:active {
	outline: none;
	color: #069;
	text-decoration: underline;
}
img {
	border: none;
	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
	background-image: url(../img/loading.gif);
	background-color: #222222;
	background-repeat: no-repeat;
	background-position: center center;
}
acronym {border: 0;}

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

table {margin:0 auto; width:100%;}

/** Propociona altura a divs sin anchura 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;}

.float-left {
	display: inline;
	float: left;
	margin-right: 10px;
}
.float-right {display: inline; float: right;}
.float-right2 {
	display: block;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;	  
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(../img/fondo_shadow.jpg);
	background-repeat: no-repeat;
}
.clear {clear: both; margin: 0; padding: 0;}
.clear_2 {clear: both; margin: 0; padding: 0; height: 0;}
.clear_position {position: relative;}
.manolink {cursor: pointer;}
.ocultar {display: none}
.bloque {height: 1em; display: block; margin: 4px 0;}
.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/
* { behavior: url("css/iepngfix/iepngfix.htc") }

/*
 * cómo hacer png trasnparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos//css/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 LA PAGINA
***********************************************/
body{
	background: url("../img/fnd_body.jpg") repeat-x 0 153px;
	margin: 0px;
	padding: 0px;
  }
body.inicio{background: url("../img/fnd_body.jpg") repeat-x 0 161px                                !important;}
* html body.inicio{background: url("../img/fnd_body.jpg") repeat-x 0 151px    !important;  }
* +html body.inicio{background: url('../img/fnd_body.jpg') repeat-x 0 151px    !important;  }
#pagina{position: relative; width: 987px; margin: 0 auto;}
	h1.inicio{position: absolute; top: -394px !important; right: -266px; margin: 0; width: 254px; height: 91px; background: url('../img/fnd_h100.png') no-repeat; text-indent: -99999px;  cursor: pointer;}
	* html h1.inicio{ top: -391px !important;}
	* +html h1.inicio{ top: -390px !important; right: -264px;}
	
	*+html h1{right: -264px;}
	* html h1{top: -77px; right: -267px;}
	h1{position: absolute; top: -102px; right: -266px; margin: 0; width: 254px; height: 91px; background: url(../img/fnd_h100.png) no-repeat; text-indent: -99999px;  cursor: pointer;}
	
	
/***** CABECERA *****/
#cabecera{
	background-repeat: no-repeat;
	height: 156px;
	background-position: center;
	background-color: #333;
}
	#cabecera div.interior{height: 448px;}

/***** TODO *****/
#todo{position: relative; float: left; margin-top: -25px; width: 718px;}
* html #todo{position: relative; float: left; margin-top: -14px; width: 718px;}
* +html #todo{position: relative; float: left; margin-top: -14px; width: 718px;}

	/***** MENU *****/
	#menu{}
		#menu a{float:left; height:60px; text-indent:-99999px; cursor: pointer;}
		#menu ul{height:60px;}
		#menu li{display: inline;}
			
	#menuInicio, #menuInicioOff:hover{
	width: 80px;
	
	background-image: url(../img/btn_inic_of.png);
	background-repeat: no-repeat;
}
	#menuInicioOff{width: 80px; background:url('../img/btn_inic_on.png') no-repeat; }
	
	#menuVisitamos, #menuVisitamosOff:hover{width:104px; background:url('../img/btn_visi_of.png') no-repeat; }
	#menuVisitamosOff{width:104px; background:url(../img/btn_visi.png) no-repeat; }
	
	#menuQuieresVer, #menuQuieresVerOff:hover{width:104px; background:url('../img/btn_quie_of.png') no-repeat; }
	#menuQuieresVerOff{width:104px; background:url('../img/btn_quie.png') no-repeat; }
	
	#menuDirefentes, #menuDirefentesOff:hover{width:109px; background:url('../img/btn_que-.png') no-repeat; }
	#menuDirefentesOff{width:109px; background:url('../img/btn_que-.png') no-repeat; }
	
	#menuFuturaCasa, #menuFuturaCasaOff:hover{width:108px; background:url('../img/btn_como_of.png') no-repeat; }
	#menuFuturaCasaOff{width:108px; background:url('../img/btn_como.png') no-repeat; }
	
	#menuViviendas, #menuViviendasOff:hover{width:105px; background:url('../index_files/btn_vivi.png') no-repeat; }
	#menuViviendasOff{width:105px; background:url('../index_files/btn_vivi_of.png') no-repeat; }
	
	#menuPosible, #menuPosibleOff:hover{width:108px; background:url('../img/btn_quif.png') no-repeat; }
	#menuPosibleOff{width:108px; background:url('../img/btn_quif.png') no-repeat; }

	/***** CONTENIDO *****/
	#contenido{}
	
	/* Garelia con sllide.js */
	img.galeria {display: inline;cursor:pointer;}
	img.galeria_invisible {display: none;cursor:pointer;}

/***** COLUMNA-DERECHA *****/
#columna-der.inicio{
	float:right;
	margin-top: -120px;
	width: 267px;
}
* html #columna-der.inicio{position: relative; margin-top: -116px;}
* +html #columna-der.inicio{margin: -116px 2px 0 0px;}


	#columna-der h4{ margin-bottom: 15px; width: 220px; height: 20px; text-indent: -99999px; background: url('../img/fnd_soli.jpg') no-repeat;}
	* +html #columna-der h4{display: block; float: none}
	#columna-der a.marketing{display:block; margin: 2px 0px 10px 3px; width: 207px; height: auto;}
	
	#columna-der div.media{margin: -14px 0 8px -4px}
	* html #columna-der div.media{margin: -29px 0 8px -4px}
	* +html #columna-der div.media{margin: -29px 0 8px -4px} 
	
	#columna-der form {
	width: 235px;
	
	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 31px;
}

	
	#columna-der form.inicio{ height: 464px; background: url('../img/fnd_form.png') no-repeat; }
	#columna-der form.inicioMar{
	height: 522px !important;
	background: url('../img/fnd_form.png') no-repeat;
	
	
}
	#columna-der form.noinicio{
	height: 464px;
	background: url('../index_files/fnd_forn.png') no-repeat;
	
	margin-top: 154px;
}
	#columna-der form.noinicioMar{height: 575px !important; background: url('../index_files/fnd_forn.png') no-repeat; }
	
	#columna-der div.telefono{
	margin-left: 10px;
	padding-bottom: 10px;
	width: 253px;
	background-color: #dcca9c;
	background-image: url('../img/fnd_div-.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	top: -42px;
}
* html #columna-der div.telefono{
	margin-left: 10px;
	padding-bottom: 10px;
	width: 253px;
	background-color: #dcca9c;
	background-image: url('../img/fnd_div-.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	top: 0px;
}
	
		#columna-der div.telefono h5{
	margin-left: 19px;
	font: bold 25px Arial;
	color: #15588c;
}
		#columna-der div.telefono strong.tel{
	display: block;
	margin-left: 20px;
	padding-left: 35px;
	width: auto;
	background: url('../img/fnd_tele.jpg') no-repeat 0 6px;
	color: #15588c;
	font-family: "Trebuchet MS";
	font-size: 31px;
	font-weight: bold;
}
		#columna-der div.telefono p{
	margin: 12px 0 8px 21px;
	text-align: left;
	font: 11px Trebuchet MS;
	color: #333;
}
		#columna-der div.telefono p.direccion{margin: -5px 0 0 21px;}
		#columna-der div.telefono a{
	font: 11px Trebuchet MS;
	color: #000;
}
		/*#columna-der div.telefono a.boton{float: right; margin: 5px 10px 0 0; width: 78px; height: 25px; text-indent: -99999px; background: url(/imagenes/comunes/btn_ampliar-info_OFF.gif) no-repeat;}*/
		#columna-der div.telefono a.boton{float: right; padding:2px 4px 2px 4px; margin-right:10px; background-color:#451470; font-weight:bolder; color:#ffffff;}
		#columna-der div.telefono a.boton:hover{ text-decoration:underline;}
		/*#columna-der div.telefono a.boton{float: right; margin: 5px 10px 0 0; width: 78px; height: 25px; }
			#columna-der div.telefono a.boton:hover{ text-decoration:underline;}*/
	#columna-der div.visita, #columna-der div.seguimiento{margin: 4px 0 0 10px; padding: 51px 0 0 9px; width: 245px; height: 97px;}
	#columna-der div.visita strong, #columna-der div.seguimiento strong{display: none;}
	#columna-der div.visita a, #columna-der div.seguimiento a{display: block; width: 236px; height: 88px; text-indent: -99999px;}
	
	#columna-der div.visita{background: url('../img/fnd_visi.jpg') no-repeat;}	
		#columna-der div.visita a{background: url('../img/fnd_visj.jpg') no-repeat;}
		#columna-der div.visita a:hover{background: url('../index_files/fnd_visk.jpg') no-repeat;}
		#columna-der div.visita a.visita-virtual-der{z-index: 1; display: block; position: absolute; bottom: 11px; left: 9px; width: 86px; height: 22px; background: url('../index_files/btn_visi.gif') no-repeat;}	
		a.hidden {display: none !important;}
	#columna-der div.seguimiento{background: url('../img/fnd_segu.jpg') no-repeat;}
		#columna-der div.seguimiento a{background: url('../img/fnd_segv.jpg') no-repeat;}
		#columna-der div.seguimiento a:hover{background: url('../img/fnd_segw.jpg') no-repeat;}
	
	/***** FORMULARIO *****/
	#columna-der form div p{margin-bottom: 5px; }
		#columna-der form div p label{
	float: left;
	display: block;
	font: 12px Arial;
	color: #15588c;
}
		#columna-der form div p input{float: left; border: 0;}
		#columna-der form div span{display: block; margin: 25px 0 6px; font: 12px Arial; color: #522380;}
		* html #columna-der form div span{ margin-top: 20px;}
		* +html #columna-der form div span{ margin-top: 20px;}
		#columna-der form div textarea{float: left; margin-top: 8px; padding: 4px; width: 206px; height: 38px; border: 0; background: #dfdfdf;}
		#columna-der form div a{float: left; margin-left: 24px; width: 28px; height: 17px; font: 12px Arial; color: #522380; text-decoration: underline;}
		* +html #columna-der form div a{margin-left: 10px;}
		* html #columna-der form div a{margin-left: 10px;}
			#columna-der form div a:hover{text-decoration: none;}
		
		#columna-der form div p.texto input{margin-top: 3px; padding: 3px 0pt 0pt 2px; width: 208px; height: 17px; background: #dfdfdf; border: 1px solid #fff;}
		
		#columna-der form div p.deseo{margin-top: 10px !important;}
			#columna-der form div p.deseo label{margin-left: 10px; font-size: 11px;}
			* html #columna-der form div p.deseo label{margin: 3px 0 0 6px; font-size: 11px;}
			* +html #columna-der form div p.deseo label{margin: 3px 0 0 6px; font-size: 11px;}
			
		#columna-der form div p.finalidad label{margin: 0px 28px 0 10px;}
		* html #columna-der form div p.finalidad label{margin: 2px 15px 0 1px;}
		* +html #columna-der form div p.finalidad label{margin: 3px 0px 0 0px;}

		#columna-der form div p.terminos label{margin-left: 10px;}

		#columna-der form div p input#enviar{float: right; margin: 9px 23px 0 0; width: 78px; height: 25px; background: url('../img/btn_envi.jpg') no-repeat; cursor: pointer;}

		#request {margin-top: 15px !important; padding-left: 35px; background: url('../index_files/request0.gif') no-repeat; font-weight: bold !important; color: #69a810 !important;}
/***** PIE *****/
#pie{
	float: left;
	padding: 10px 0;
	margin-top: 20px;
	width: 987px;
	margin-bottom:10px;
	background-image: url('../img/pie.jpg');
	
}
	#pie a.pepuns{
	float: left;
	width: 103px;
	height: 38px;
	text-indent: -99999px;
	margin:10px 10px;
	background-image: url('../img/logo0000.png');
	
	background-repeat: no-repeat;
}
	#pie div{float: left; margin-left: 40px;}
		#pie div p{font: 11px Trebuchet MS; color: #fff;}
		#pie div p a{font: 11px Trebuchet MS; color: #fff; text-decoration: underline;}
		#pie div strong{
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 60px;
	font-weight: bold;
}
	#pie p.localidades{float: right; margin-right: 17px; font: 10px Trebuchet MS; color: #fff;}
	
/***SAM***/
#form{
	position: relative;
	top: 115px;
	}
	#contenido h4 {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 10px;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	color: #4D78A5;
}
#galeria { 
position: relative;
height: 491px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color: transparent;
background-image: url("../img/que-nos-hace-diferentes/galeria-bg.gif");
}
#galeria div { 
margin-left: 14px;
}

#galeria div img { 
margin-left: 4px;
}
img.galeria { 
display: inline;
cursor: pointer ;
}
#agrande {
	/*/margin-top: 5px;*/
margin-right: 0;
	margin-bottom: 0;
	/*margin-left: 10px;*/
padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	/*padding-left: 7px;*/
display: block;
	height: 378px;
	width: 675px;
	overflow: hidden;
	margin-top: 0px;
}
span#piefoto {
	position: absolute;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	top: 375px;
	left: 17px;
	width: 657px;
	height: 14px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: normal;
	color: #ffffff !important;
	background-color: #333;
}
#contenido #mapadesituacion {
	background-image: url(../img/galeria-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
}
.metido {
	padding-left: 20px;
}
.telefono {
	background-image: url(../img/telefono.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.mail {
	background-image: url(../img/mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* GALERIA DE IMAGENES*/
#galeria #imgGran {
	height: 378px;
	width: 675px;
	overflow: hidden;
}
#contenido #selector {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
}
#contenido #selector img{

	margin-right: 10px;
	
}
/***/
#galeria #barra div {
	display: inline;
	float: left;
	height: 77px;
	width: 115px;
}
.donde {
	background-image: url(../img/cabecera_donde.jpg) !important;
}
.star {
	background-image: url(../img/cabecera.jpg) !important;
}
.dentro {
	background-image: url(../img/pepuns_dentro.jpg) !important;
}
.fuera {
	background-image: url(../img/cabecera_fuera.jpg) !important;
}
.caracteristicas {
	background-image: url(../img/pepuns_caracteristicas.jpg) !important;
}
.quienes {
	background-image: url(../img/pepuns_quienes.jpg) !important;
}
.warning{
	color: #369;
	background-color: #CFF;
	padding: 5px;
	border: 1px solid #39F;
	margin-right: 10px;
	font-weight: bold;
}
.cuadrocaracteristicas{
	position:relative}