/* Realtex MS - CSS */

/*
Site bgcolor: #8b922c
				#99a045
*/
body {
	font-family:"Trebuchet MS"/*"Univers LT"*/, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686b70;
	background:#99a045 url(../images/bg-body.gif) top repeat-x;
	margin:0;
}

body * {
	margin:0;
	padding:0;
	outline:0;
}

ul li {
	list-style-type:none;
}

a {
	text-decoration:none;
}

a img {
	border:none;
}

/*div {
	height:auto;
	overflow:auto;
}*/


/* ------------------------------------------------------------------------ */
/* REGLAS PARA TEXTOS EN GENERAL                                            */
/* ------------------------------------------------------------------------ */

a {
	color:#8b922c;
}
	a:hover {
		color:#fff;
	}

p {
	line-height:16px;
	letter-spacing:-.01em;
}

h1 {
	display:none;
}

h2 {
	color:#83923f;
}

/* ------------------------------------------------------------------------ */
/* REGLAS DE BOX MODEL GENERAL                                              */
/* ------------------------------------------------------------------------ */

#principal {
	width:998px;
	margin:5px auto 0 auto;
}
		
	#principal {
		height:auto;
		overflow:auto;
	}

	/* ---------------------------------------- */
	/* CABECERA                                 */
	/* ---------------------------------------- */

	#cabecera {
		width:998px;
		height:100px;
		padding-top:20px;
		overflow:visible; /*para dropdown menu */
		background:url(../images/bg-header.gif) top left no-repeat;
		/*position:relative;*/
	}
	
	/* ---------------------------------------- */
	/* CONTENIDO                                */
	/* ---------------------------------------- */
	
	#contenido {
		width:982px;
		padding:34px 8px 0 8px;
		background:url(../images/bg-content.gif) left repeat-y;
	}
		
		#contenido, #contenido div {
			height:auto;
			overflow:auto;
		}
	
		/* ---------------------------------------- */
		/* CONTENIDO IZQUIERDA                      */
		/* ---------------------------------------- */
		
		#cont_izq {
			float:left;
			width:150px;
			background:#EFEFEF;
		}
		
		/* ---------------------------------------- */
		/* CONTENIDO CENTRO                         */
		/* ---------------------------------------- */
		
		#cont_cen {
			float:left;
			width:982px;
			height:auto;
			overflow:hidden;
		}
		
		/* ---------------------------------------- */
		/* CONTENIDO DERECHA                        */
		/* ---------------------------------------- */
		
		#cont_der {
			float:right;
			width:150px;
			background:#EFEFEF;
		}
	
	/* ---------------------------------------- */
	/* PIE                                      */
	/* ---------------------------------------- */
	
	#pie {
		width:998px;
		height:78px;
		position:relative;
		background:url(../images/bg-footer.gif) left bottom no-repeat;
	}
		
		#pie div {
			height:auto;
			overflow:auto;
		}
	
/* ------------------------------------------------------------------------ */
/* REGLAS ESPECIALES PARA TODO EL SITIO                                  */
/* ------------------------------------------------------------------------ */

/* ---------------------------------------- */
/* Cabecera                                      */
/* ---------------------------------------- */
	
	/* Logo */
	
	#cabecera div#logo {
		float:left;
		margin-left:30px;
	}
	
	
	/* Form búsqueda */
	
	#cabecera #no_search_form {
		position:relative;
		margin-top:0px;
		margin-left:400px;
		height:35px;
	}
	
	#cabecera #search_form {
		position:relative;
		margin-top:0px;
		margin-left:401px;
	}
	
		#cabecera #search_form li {
			float:left;
			margin-right:3px;
		}
		
			#cabecera #search_form li label {
				display:block;
				/*height:0;
				padding-top:15px;*/
				
				color:#6C6C6D;
				font-size:12px;
				font-weight:bold;
				font-family:"Univers LT", Arial, Helvetica, sans-serif;
				font-stretch:extra-condensed;
			}
			
				/* Customizaicón para cada label del form */
				/*
				#cabecera #search_form li.communities label {
					background:url(../images/bg-search-label-communities.gif) no-repeat;
					width:76px;
				}
				#cabecera #search_form li.apart_types label {
					background:url(../images/bg-search-label-apartment-type.gif) no-repeat;
					width:89px;
				}
				#cabecera #search_form li.min_rents label {
					background:url(../images/bg-search-label-min-rent.gif) no-repeat;
					width:59px;
				}
			
				#cabecera #search_form li.max_rents label {
					background:url(../images/bg-search-label-max-rent.gif) no-repeat;
					width:57px;
				}
				*/
			
			#cabecera #search_form li select {
				_margin:0;
				/*background:#D7D9B5;
				border:#8C9430 1px hidden;*/
			}
			
			#cabecera #search_form li.search_button input {
				position:absolute;
				background:#8a932a;
				border:0;
				margin:16px 0 0 0!important;
				width:52px;
				padding:1px 3px;
				color:#fff;
				font-size:12px;
				font-weight:bold;
				font-family:"Univers LT", Arial, Helvetica, sans-serif;
			}
			
			/* Especiales para ajustar cada campo del form */
			#cabecera #search_form li.community_types select {
				width:110px;
			}
			
			#cabecera #search_form li.apart_sizes select {
				width:90px;
			}
			
			#cabecera #search_form li.communities select {
				width:132px;
			}
			
			#cabecera #search_form li.min_rents select {
				width:64px;
			}
			
			#cabecera #search_form li.max_rents select {
				width:70px;
			}
	
	
	/* Menú principal */
	#cabecera div#menu {
		width:583px;
		height:16px;
		padding:4px 0 4px 4px;
		overflow:visible;
		float:right;
		margin-top:32px;
		margin-right:8px;
		background:url(../images/bg-main-menu.gif) top left no-repeat;
	}
	
		/*
		#cabecera #menu ul {
			margin-left:96px;
		}
		
		#cabecera #menu li {
			display:inline;
		}
		
			#cabecera #menu li a {
				display:block;
				float:left;
				height:15px;
				overflow:hidden;
				margin-right:35px;
				
				background:url(../images/bg-main-menu-options.gif) no-repeat;
				padding-top:15px;
				font-size:0;
			}
		
			/* Customización de cada opción del menú principal */
			/*
			#cabecera #menu li a#menu_home {
				background-position: 0 0;
				width:34px;
			}
			#cabecera #menu li a#menu_home:hover {
				background-position:0 -15px;
			}
			
			#cabecera #menu li a#menu_communities {
				background-position: -80px 0;
				width:78px;
			}
			#cabecera #menu li a#menu_communities:hover {
				background-position:-80px -15px;
			}
			
			#cabecera #menu li a#menu_about_us {
				background-position: -160px 0;
				width:55px;
			}
			#cabecera #menu li a#menu_about_us:hover {
				background-position:-160px -15px;
			}
			
			#cabecera #menu li a#menu_location {
				background-position: -240px 0;
				width:51px;
			}
			#cabecera #menu li a#menu_location:hover {
				background-position:-240px -15px;
			}
			
			#cabecera #menu li a#menu_contact_us {
				background-position: -320px 0;
				width:65px;
			}
			#cabecera #menu li a#menu_contact_us:hover {
				background-position:-320px -15px;
			}
			*/

	
/* ---------------------------------------- */
/* PIE                                      */
/* ---------------------------------------- */
	
	#pie #design_by {
		position:absolute;
		right:40px;
		top:10px;
		width: 109px;
		height: 30px;
		overflow: hidden;
	}

/* ------------------------------------------------------------------------ */
/* REGLAS POR PAGINA                                                        */
/* ------------------------------------------------------------------------ */

/* ---------------------------------------- */
/* HOME                                     */
/* ---------------------------------------- */
	
	/* Safari hack!!! */
	body.home div#cont_cen{
		width:982px;
		overflow:hidden!important;
	}
	
	body.home div#images {
		width:724px;
		height:388px;
		overflow:hidden;
		float:left;
	}
	
		/* 
		
		-- Estilo de la lista de imágenes p/carrusel --
		
		body.home div#images ul {
			display:block;
			height:100px;
			width:702px; /*724*//*
			padding-left:22px;
			background:url(../images/bg-home-comm-list.gif) bottom left no-repeat;
		}
	
			body.home div#images li {
				display:block;
				float:left;
				width:81px;
				padding:0 3px 3px 0;
				margin-right:13px;
				background:url(../images/bg-home-comm-list-img.gif) right no-repeat;
			}
			
				body.home div#images li a {
				}
		*/
		
		body.home div#images div.main_image {
			clear:both;
			width:724px;
			height:288px;
			overflow:hidden;
			position:relative;
		}
		
			body.home div#images div.main_image div.logo {
				position:absolute;
				top:200px;
				left:30px;
			}
	
	body.home div#news {
		width:218px;
		height:358px;
		padding:30px 10px 0 30px;
		background:#e4e5cc url(../images/bg-home-news.gif) 0 -2px no-repeat;
		overflow:hidden;
	}
		
		body.home div#news h2 {
			margin-bottom:15px;
			color:#83923f;
			font-size:15px;
		}
	
		body.home div#news div.news-text {
			float:left;
			width:198px;
			height:300px;
		}
	
		body.home div#news p {
			margin-bottom:15px;
		}
	
	body.home div#audio_player {
		overflow:hidden;
		float:left;
		width:17px;
		height:0;
		margin-left:15px;
		margin-top:15px;
	}
	
	/* Logos equal housing y handicap */
	body.home #principal #pie #equal_housing {
		position:absolute;
		left:20px;
		top:10px;
		overflow:hidden;
	}
	body.home #principal #pie #handicap {
		position:absolute;
		left:55px;
		top:10px;
		overflow:hidden;
	}
	body.home #principal #pie #copyright {
		position:absolute;
		left:100px;
		top:12px;
		color:#FFFFFF;
		font-size:11px;
	}
	
	
/* ---------------------------------------- */
/* COMUNIDAD                                */
/* ---------------------------------------- */
	
	body.community div#cont_cen {
		width:953px; /* 982 - 17 - 12*/
		padding:0 17px 25px 12px;
		overflow:hidden;
		position:relative;
		background:url(../images/bg-community.gif) bottom left no-repeat;
	}
	
		/* ubica absolutamente el logo de la comunidad*/
		body.community div#cont_cen div#community_logo{
			position:absolute;
			bottom:30px;
			left:30px;
			width: 150px;
			height: 61px;
			overflow: visible;
		}
	
		body.community div#cont_cen h2 {
			font-size:13px;
			font-weight:normal;
			margin-bottom:12px;
		}
		
		body.community div#cont_cen p {
			line-height:16px;
		}
	
		/* Box model de tres columnas */
		body.community div#cont_cen div.col1 {
			width:310px;
			float:left;
			padding-bottom:65px;
		}
		
		body.community div#cont_cen div.col2 {
			width:281px; /*361 = 44 + 36 +*/
			padding:2px 0 0 36px;
			float:left;
		}
		
		body.community div#cont_cen div.col3 {
			width:290px;
			float:right;
		}
		
		/* Propiedades de cada columna */
		
		/* Columna izq */
		body.community div#cont_cen div.col1 h2 {
			color:#83823f;
			font-size:14px;
		}
		
		body.community div#cont_cen div.col1 img {
			margin-bottom:20px;
		}
		
		body.community div#cont_cen div.col1 div.txt {
			padding:0px 15px 0 10px;
		}
		
		/* Columna central */
		body.community div#cont_cen div.col2 h2 {
			font-weight:bold;
		}
		body.community div#cont_cen div.col2 ul {
			padding-bottom:15px;
		}
		body.community div#cont_cen div.col2 li {
			list-style:inside disc;
		}
		body.community div#cont_cen div.news {
			padding-bottom:15px;
		}
		body.community div#cont_cen div.links {
			color:#8b922c;
		}
		
			body.community div#cont_cen div.links a.btn {
				display:block;
				float:left;
				margin-right:3px;
				padding:2px 5px;
				color:#FFF;
				background:#9EA54E;
			}
			
			body.community div#cont_cen div.links a.btn:hover {
				background:#8a932a;
			}
		
		/* Columna derecha */
		body.community div#cont_cen div.col3 div.pics img {
			padding-bottom:4px;
		}
			body.community div#cont_cen div.col3 div.pics img.main_pic {
				padding-bottom:8px;
			}
			body.community div#cont_cen div.col3 div.pics img.odd_pic {
				padding-right:5px;
			}
		
		body.community div#cont_cen div.col3 div.pestanias a {
			display:block;
			float:left;
			padding:2px 5px;
			text-align:center;
			background:#9ea54e;
			color:#fff;
		}
		body.community div#cont_cen div.col3 div.pestanias a:hover {
			background:#8a932a;
		}
			body.community div#cont_cen div.col3 div.pestanias a.zoom {
				margin-right:3px;
				width:57px;
			}
			body.community div#cont_cen div.col3 div.pestanias a.floor {
				margin-right:8px;
				width:60px;
			}
			body.community div#cont_cen div.col3 div.pestanias a.brochure {
				width:130px;
			}


/* ---------------------------------------- */
/* ABOUT US                                 */
/* ---------------------------------------- */
body.about_us #cont_cen {
	width:943px; /* 982 - 17 - 12*/
	padding:0 17px 0px 22px;
	position:relative;
}

	body.about_us .col1 {
		width:300px;
		overflow: visible !important;
		float:left;
		padding-right:25px;
	}
	
	body.about_us .col2 {
		width:290px;
		padding-right:20px;
		float:left;
	}
	
	body.about_us .col3 {
		float: left;
		width: 292px !important;
		overflow: hidden !important;
	}
	
	body.about_us #cont_cen h2 {
		margin-bottom:15px;
		font-size:15px;
	}
	
	body.about_us #cont_cen p {
		margin-bottom:15px;
	}
	
	body.about_us #cont_cen ul {
		margin-bottom:15px;
	}
	
	body.about_us #cont_cen li {
		list-style:disc inside;
	}

/* ---------------------------------------- */
/* CONTACT US                               */
/* ---------------------------------------- */

body.contact_us #cont_cen {
	width:943px; /* 982 - 17 - 12*/
	padding:0 17px 0px 22px;
	overflow:hidden;
	position:relative;
}

	/* Column layout */
	body.contact_us #cont_cen div.col1 {
		width:300px;
		padding-right:30px;
		float:left;
	}
	
	body.contact_us #cont_cen div.col2 {
		width:300px;
		padding-right:0px;
		float:left;
		overflow:hidden;
	}
	
	body.contact_us #cont_cen div.col3 {
		margin-top:37px;
		overflow: hidden !important;
		float:right;
	}
	
	body.contact_us #cont_cen h2 {
		padding-bottom:17px;
		font-size:15px;
	}
	
	body.contact_us #cont_cen h4 {
		background:#e1e3c9 url(../images/bg-h4.gif) left repeat-y;
		margin-bottom:5px;
		/*margin-top:15px;*/
		padding:0px 5px;
		color:#fff;
		font-size:1.1em;
	}
	
	body.contact_us #cont_cen p.contact_message {
		margin-top:25px;
		font-size:1.2em;
		overflow:
	}
	
	
		/* Sirve para configurar dos formularios de contacto 
		   ------------------------------------------------- */
		div.contact_form form {
			width:300px;
		}
		
		div.contact_form form .text {
			border:#aaa 1px solid;
		}
		
		div.contact_form form ul li label {
			display:block;
			font-weight:bold;
			/*font-size:0.9em;*/
		}
		
		div.contact_form form ul {
			width:auto;
			height:auto;
			overflow:hidden;
		}
		
			div.contact_form form ul li {
				width:100%;
				height:auto;
				overflow:auto;
				margin:0;
				padding:3px 2px 1px 0;
			}
			
			div.contact_form form ul li.color {
				background:#D3E0E9;
			}
			
				div.contact_form form ul li div {
					float:left;
					width:98%;
				}
				
					div.contact_form form ul li div .text {
						width:98%;
					}
				
				div.contact_form form ul li div.half {
					width:48%;
					padding-right:1%
				}
				
					div.contact_form form ul li div.half input.txt, 
					div.contact_form form ul li div.half textarea {
					}
				
				div.contact_form form ul li div.quarter {
					width:23%;
					padding-right:1%;
				}
				
				
					div.contact_form form ul li div.quarter input.txt, 
					div.contact_form form ul li div.quarter textarea {
						/*width:22%; /* -10 */
					}
					
					div.contact_form form ul li div.quarter.zip input {
						width:65px;
					}
			
			div.contact_form form ul li.button div {
				text-align:right;
				margin-right:5px;
			}


/* ---------------------------------------- */
/* CONTACT COMMUNITY                        */
/* ---------------------------------------- */
	
	body.contact_community div#cont_cen {
		width:960px; /* 982 - 17 - 12*/
		padding:0 10px 20px 12px;
		overflow:hidden;
		position:relative;
		background:url(../images/bg-community.gif) bottom left no-repeat;
	}
	
		body.contact_community #cont_cen h2 {
			margin-bottom:15px;
			font-size:15px;
		}
	
		body.contact_community div#cont_cen p {
			margin-bottom:5px!important;
		}
	
		/* ubica absolutamente el logo de la comunidad*/
		body.contact_community div#cont_cen div#community_logo{
			position:absolute;
			bottom:30px;
			left:30px;
		}
		
		body.contact_community div#cont_cen div.col1 {
			width:290px;
			float:left;
			padding-right:30px;
			padding-left:220px;
			overflow:hidden;
		}
		
			body.contact_community div#cont_cen div.col1 div.data {
				font-size:1.3em;
				margin-bottom:3px;
			}
		
		body.contact_community div#cont_cen div.col2 {
		}
		
		
		body.contact_community div.contact_form form ul li {
			/*width:100%;
			height:auto;
			overflow:auto;
			margin:0;*/
			padding:2px 2px 1px 0;
			margin:0;
		}


/* ---------------------------------------- */
/* SEARCH RESULTS                           */
/* ---------------------------------------- */

body.results #cont_cen {
	width:943px; /* 982 - 17 - 12*/
	padding:0 17px 0px 22px;
	overflow:hidden;
	position:relative;
}
	
	body.results #cont_cen h2 {
		margin-bottom:15px;
		font-size:15px;
	}

	body.results div.list li {
		position:relative;
		display:block;
		float:left;
		width:416px;
		height:81px;
		border-left:#8a932a 12px solid;
		margin:10px 40px 10px 0;
		background:#C2C690 url(../images/bg-search-result-li.gif) right repeat-y;
		
		font-size:1.2em;
	}
	
		body.results div.list li div.img {
			float:left;
			width:80px;
			height:97px;
			overflow:hidden!important;
		}
		
		body.results div.list li div.txt {
			position:absolute;
			bottom:5px;
			left:86px;
			width:306px;
			height:auto;
			overflow:hidden!important; /* Firefox 3 */
		}
		
		body.results div.list li div.seniors {
			position:absolute;
			width:60px!important;
			height:60px!important;
			top:0;
			right:0;
			background:url(../images/bg-seniors.gif) top right no-repeat;
		}
	
	/* Rellenos para listados más cortos
	  ---------------------------------- */
	#results_content.fill_1, #results_content.fill_0 {
		padding-bottom:350px;
	}
	
	#results_content.fill_1, #results_content.fill_2 {
		padding-bottom:250px;
	}
	
	#results_content.fill_3, #results_content.fill_4 {
		padding-bottom:150px;
	}
	
	#results_content.fill_5, #results_content.fill_6 {
		padding-bottom:50px;
	}
