@CHARSET "UTF-8";
html, body { padding: 0; margin: 0; }
.clear {clear:both}
body {
	background: #0077be url(../ast_img/bcg.jpg) repeat-x;
	background-attachment: fixed; 
	font: normal 14px "Trebuchet MS", helvetica, Arial, Sans-serif;
	color:#424141;
	}
	
#wrapper {
	position:relative;
	margin-left:auto;  /* equals to align="center" */
	margin-right:auto; /*						   */
	width:767px;
	height:100%;}
	
#logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	width: 766px;}


/*****************Navigation***************/

	
#nav_container {
	position: absolute;
	top: 90px;
	left: 0;
	background:#FFFFDF;	
	border-bottom: 2px solid #fff485;
	z-index:15;}
#home_link {text-indent:-9000px;display:block;overflow:hidden;height:0;}


ul#nav, ul#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #5191cd;
	float: left;
	width: 768px;
	z-index:99;
	font-family: "Trebuchet MS", helvetica, Arial, Sans-serif;}
	
ul#nav li {
	float: left;
	position: relative;
	background: #515151;}
  
#nav li ul {
	display: none;
	position: absolute;
	padding: 0;
	width: 190px;}
ul#nav li:hover ul, ul#nav li.jshover ul {
	display: block;}  
ul#nav li a { 
	text-align: center; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 172px;
	padding: 5px 10px;}

	
ul#nav li a:link, ul#nav li a:visited {
	background: transparent url(../ast_img/nav-bcg.gif) no-repeat 0 0;
	color: #fff;}
ul#nav li a:hover,ul#nav li.jshover, ul#nav li a:active { 
	background: transparent url(../ast_img/nav-bcg.gif) no-repeat -192px 0px;
	color: #fff;}
ul#nav li a:link.nav_tl, ul#nav li a:visited.nav_tl {
	background: transparent url(../ast_img/nav-bcg-left.gif) no-repeat 0 0;
	color: #fff;}
ul#nav li a:hover.nav_tl, ul#nav li.jshover_tl, ul#nav li a:active.nav_tl { 
	background: transparent url(../ast_img/nav-bcg-left.gif) no-repeat -192px 0px;
	color: #fff;}
ul#nav li a:link.nav_tr,  ul#nav li a:visited.nav_tr {
	background: transparent url(../ast_img/nav-bcg-right.gif) no-repeat 0 0;
	color: #fff;}
ul#nav li a:hover.nav_tr, ul#nav li.jshover_tr, ul#nav li a:active.nav_tr {
	background: transparent url(../ast_img/nav-bcg-right.gif) no-repeat -192px 0px;
	color: #fff;}  
ul#nav li ul li a { 
	width:172px;
	font-size: 12px;
	letter-spacing: 0px; 
	text-indent: 5px;
	text-decoration: none; 
	text-align: left;
	padding: 3px 10px;
	text-transform: none;
	z-index:15;
	display: block;}
ul#nav li ul li a:link, ul#nav li ul li a:visited {
	color: #cc7b19;
	background-color: #fcf7c9; 
	background-image: none;}
ul#nav li ul li a:hover, ul#nav li ul li a:active { 
	color: #754102; 
	background-color: #fcd48e; 
	background-image: none;}	
ul#nav li ul li a {
	width:171px;
	border-left: 1px solid #020941; 
	border-right: 1px solid #020941; 
	border-bottom: 1px solid #020941; 
	backgroundi-image: none;}

/***************** End Navigation ***************/

/****************** Content *********************/
#container {
	position: absolute;
	top: 120px;
	width: 768px;
	left:0;
	background: none;}

#container  {
  position:absolute;
  left:0px;
  width:768px;
}
		
#content_container {
	position: relative;
	background: #fff;}
	
#content_container #shadow {
	position:relative;
	height:25px;
	background: #fff url(../ast_img/shadow.gif) repeat-x;}
	
/*********** Search form ****************/	
#content_container #search-hr {
	position:relative;
	margin: 0 20px 20px;
	padding:15px;
	vertical-align:middle;
	/*overflow: hidden ;*/
	z-index:2;
	/*height:130px;/*must have for any value*/;	
	background: #fff url(../ast_img/hor-search-bcg.gif) repeat-x;
	border: 1px solid #e3e5e5;}

	
	#content_container #search-hr form {
	padding:0;
	margin:0;}
	
	#content_container #search-hr table {
		width: 688px;
		padding:0;
		margin:0;}
		
		#content_container #search-hr table tr {}
		
			#content_container #search-hr table tr.title {
			font-size: 16px;
			font-weight: bold;
			/*letter-spacing: 1px;*/
			color: #0e2d6d;}
			#content_container #search-hr table tr td select {
				width: 	152px;
				margin-top: 5px;}
			
			#content_container #search-hr table input.search-ref {
				width: 	147px;
				margin-top: 5px;}
				 		
			#content_container #search-hr table input.submit-button {
				width: 	152px;
				height: 22px;
				border: 0;
				background: #e6f3fc url(../ast_img/search-button.gif) no-repeat;
				text-align: center; 
				vertical-align: middle;
				text-transform: uppercase;
				letter-spacing: 1px; 
				font-weight:bold; 
				font-size: 14px; 
				color: #0e2d6d;
				display: block;
				margin-top: 5px;}
			
			
#content_container #search_gallery {
	position:relative;
	vetical-align:left;}				

.white_column {
	float:left;
	background:none;
	width:20px;
	height:4px}				
 #search-vert {
 	position:relative;
	float:left;
	padding:10px 15px 3px 15px;
	width:160px;
	height:480px;
	vertical-align:middle;	
	background: #fff url(../ast_img/vert-search-bcg.gif) repeat-x;
	border: 1px solid #e3e5e5}	
	
	#search-vert div{
		margin-top: 5px;}
		
		 #search-vert div.search-option{
			margin-bottom:12px;}
		
		 #search-vert div select{
			width: 	152px;}
		
		 #search-vert div.title{
			margin-top: 0px;
			margin-bottom:10px;
			font-size: 16px;
			font-weight: bold;
			color: #0e2d6d;}
		 #search-vert  input.search-ref {
				width: 	147px;}
				
		 #search-vert input.submit-button {
				width: 	152px;
				height: 22px;
				border: 0;
				background: #e6f3fc url(../ast_img/search-button.gif) no-repeat;
				text-align: center; 
				vertical-align: middle;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight:bold;
				font-size: 14px;
				color: #0e2d6d;
				display: block;
				margin-top: 5px;}	
/*********** END Search form ****************/
				

#main_gallery {
	position:relative;
	float:left;
	height:493px;
	*height:500px;
	margin: 0;
	border: 1px solid #e3e5e5;
	padding:0px;}
	
	#main_gallery img {height:342px;width:523px; cursor: pointer;}
	#main_gallery img.slideshow {height:64px;width:96px;} 

#content_container	#banner_cities{
	postion:relative;
	height:170px;
	background: #fff url(../ast_img/hor-search-bcg.gif) repeat-x;
	border: 1px solid #e3e5e5;
	margin:30px 20px 40px;
	padding:10px 20px;}	

	#content_container	#banner_cities #title{	
		float:none;
		font-size: 16px;
		font-weight: bold;
		color: #0e2d6d;
		margin-bottom:10px;}
		
	#content_container	#banner_cities .white_column {
		background: none;
		width:47px;
		height:130px;	}

	#content_container	#banner_cities div {
	float:left;}

/***********LINKS STYLE CONTENT ****************/	

#content_container a,
#content_container a:link,
#content_container a:visited {
	text-decoration:none;
	color: #0f8ee8;} 
#content_container a:hover {
	color:red;
	text-decoration:underline;}	
	
/***********END LINKS STYLE CONTENT ****************/	
	
/**************************Property list********/

#content_container div.per-page{
	position:relative;
	margin:10px 20px;
	*margin:10px 10px;
	float:left; }

	
#content_container div.per-page-rigth{
	position:relative;
	margin:10px 20px;
	*margin:10px 10px;
	float:right;
	text-align:right;
	width:500px;}

	
	#content_container div.per-page-rigth a{
		font-weight:bold;}
	
	#content_container div.per-page-rigth .page-number-bcg {	
		background: #e7f4fc;		
	   	font-weight:bold;
	   	border:1px solid #e3e5e5;
	   	width:15px;
	   	text-align:center;
}	
		
	
#content_container .property-list {
	position:relative;
	margin:19px;
	width:730px;
	height:150px;}
	
	#content_container .property-list img {
		float:left;
		margin:17px 20px;
		border: 2px outset #e3e5e5;
		padding: 1px ;
		width:150px;
		height:112px;}
	
	#content_container .property-list div {
		float:left;
		position:relative;
		bottom:2px;}
		
		#content_container .property-list div a:hover {
			text-decoration:none;}
	
		#content_container .property-list div table{
			border:none;
			padding:0;
			width:490px;}
			
			#content_container .property-list div table tr{}
				
				#content_container .property-list div table tr td{
					width:225px;
					}
					#content_container .property-list div table tr td.left{
					width:265px;}
					
					
					#content_container .property-list div table tr td div.prop-button{
						border: 2px outset #e3e5e5;
						text-align:center;
						float:right;
						top:0px;
						display: block;
						width:225px;
						color: #0e2d6d;
						background: #e7f4fc;}
					
										
						#content_container .property-list div table tr td div.prop-button a,
						#content_container .property-list div table tr td div.prop-button a:link,
						#content_container .property-list div table tr td div.prop-button a:visited {
							color: #0e2d6d;
							text-transform: uppercase;
							letter-spacing: 1px;
							font-weight:bold;
							font-size: 14px;
							display: block;
							width:225px;}
							
						#content_container .property-list div table tr td div.prop-button a:hover {
							width:225px;
							display:block;
							color:red;
							text-decoration:none;}	
							
							
												
	.property-list div.title {
		color: #0f8ee8;
		font-size: 16px;
		width:490px;
		font-weight: bold;
		Border-top:none;
		border-right:none;
		border-left:none;
		background:none;
		border-bottom:1px dashed #7c7c7c; }
			
	.property-list .price-text {
		color: #0e2d6d;
		font-size: 18px;}
	.property-list .price-text-offer {
		color: red;
		font-size: 18px;}
			
	.property-list .price-text-through {
		text-decoration:line-through;
		color:  #0e2d6d;
		font-size: 14px;}		


				
.prop-bcg-white {
	background: #fff url(../ast_img/property_bcg_w.gif) no-repeat;}
	
.prop-bcg-blue {
	background: #e7f4fc url(../ast_img/property_bcg_g.gif) no-repeat;}	


/*********** END Property List ****************/

/***********    Property details ****************/
#content_container div.back-search-results{
	position:relative;
	margin:10px 20px;
	*margin:10px 10px;
	float:left; }

	#content_container div.back-search-results a{
			font-weight:bold;}
			
#content_container div.next-prop{
	position:relative;
	margin:10px 20px;
	*margin:10px 10px;
	float:right;
	text-align:right;}
	
	#content_container div.next-prop a{
		font-weight:bold;}
	
.property {
	background: #fff;
	margin:20px 20px;
	width:730px;}
	
		.property h1 {
			color:  #0e2d6d;
			font-size: 20px;
			width:730px;
			font-weight: bold;
			padding-bottom:5px;
			border-bottom:1px dashed #7c7c7c;
			margin-bottom:25px;}
					
	.property div.share_boton {
		position:relative;
		float:right;
		width:180px;
		border-bottom:1px dashed #7c7c7c;}
					
	.property #property-photos {
		float:left;
		height:525px;
		margin-right: 20px;
		*margin-rigth:10px;
		border: 1px solid #e3e5e5;
		padding:0px;}	

		.property #property-photos div{
		text-align:center;}
		
	.property #property-photos img {height:338px;width:450px;}
	.property #property-photos img.slideshow {height:56px;width:75px; margin-bottom: 5px} 	
	
	.property #property-photo-email {
		float:left;
		height:505px;
		margin-right: 20px;
		*margin-rigth:10px;
		border: 1px solid #e3e5e5;
		padding:0px;}

	.property #property-photo-email {height:338px;width:450px;}	
			
	.property #info {
		float:left;}
		
		.property #info ul {
			list-style-type:none;
			margin:0 0 30px;
			padding:0;
			width: 250px;}
			
			.property #info ul li {
				padding-bottom:8px;
				width: 250px;}
				
	.property #info div.boton {
		width: 250px;
		background: #e7f4fc;
		border: 2px outset #e3e5e5;
		display:block;
		margin-top:15px;
		text-align:center;
		vertical-align:middle;}

		.property #info  .price-text {
			color: #0e2d6d;
			font-size: 18px;}
			
		.property #info  .price-text-offer {
			color: red;
			font-size: 18px;}
			
		.property #info  .price-text-through {
			text-decoration:line-through;
			color:  #0e2d6d;
			font-size: 14px;}	
		
		.property #info div.boton a,
		.property #info div.boton a:link,
		.property #info div.boton a:visited {
			padding: 3px 0 3px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight:bold;
			font-size: 14px;
			color: #0e2d6d;
			text-decoration: none;
			display: block;
			width: 250px;}
		
		.property #info div.boton a:hover {
			display:block;
			width: 250px;
			color:red;}	
			
/*********** END Property details ****************/

/***********Ask information (solicitar informacion) *****/
#content_container #ask-info{
	margin:20px;}

	#content_container #ask-info ul{
		color:red;}
	
	table.message {
		margin:10px 0px 10px;
		text-align: justify;
		border-collapse: collapse;}
		
	table.message tr {}	
	
	table.message tr td {
		padding-left:0px;
		padding-right:0px;}
		
	table.message tr td.right{
		text-align:right;}
		
	form.message {}

	input.message{
		float:right;
		width: 	152px;
		margin-top:4px;
		margin-bottom:4px;
		height: 22px;
		border: 0;
		background: #e6f3fc url(../ast_img/search-button.gif) no-repeat;
		text-align: center; 
		vertical-align: middle;
		text-transform: uppercase;
		letter-spacing: 1px; 
		font-weight:bold; 
		font-size: 14px; 
		color: #0e2d6d;
		display: block;
		margin-top: 5px;}	
	

	input.search_ref {
		height:20px;
		width:200px;}
		
	textarea.message{
		height:150px;
		width:712px;}	
	textarea.message_contact{
		height:150px;
		width:450px;}		

/***********END Ask information (solicitar informacion) *****/
		
		
/********************** Footer ******************/
#content_container #footer {
	margin:20px 20px 0px;
	padding-top:10px;
	border-top: 1px dashed #7c7c7c;
	font-size:12px;}

	#content_container #footer a {
		font-weight:bold;
		font-size: 11px;}
		
		#content_container #footer a:link,  #content_container #footer a:visited{
			color: #0f8ee8;
			text-decoration:none;}
			
		#content_container #footer a:hover{
			color: #0054a6;
			text-decoration: underline;}	
			
#content_container #footer_corners {
	position:relative;
	height:19px;
	background: transparent url(../ast_img/footer_round_corner1.gif) no-repeat;}

#footer-img {
	position:fixed;
	bottom:0;
	left: 50%;
	margin-left: -618px;
	height:62px;
	width:1237px;
	background: transparent url(../ast_img/footer_img.png) no-repeat;}	
	
/* html #footer-img  {
	/*bottom:expression(eval(document.documentElement.scrollTop));*/
/*	position: absolute;
	top:expression(eval(document.compatMode &&
		document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop
		+(documentElement.clientHeight-this.clientHeight)
		: document.body.scrollTop
		+(document.body.clientHeight-this.clientHeight));}*/


	
		
/****************** End footer ******************/	
a img {
	border: none;}
a.legal {
	font-size:11px;}
.bold-text {
	font-weight:bold;}	
p {
	text-align:justify;}
h1 {
		color: #0e2d6d;}
.small-text{
	font-size:10px;}				
	
#quick-search {
	position:relative;
	margin:20px 10px 30px;}
	
table.qs {}
	
table.qs tr{}

table.qs tr td{
	padding-left:10px;
	padding-right:10px;
	text-align: justify;
	width:256px;}
	
table.qs tr td.title{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;}	

table.qs tr td a, table.qs tr td a:link, table.qs tr td a:visited {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight: lighter;}
	
table.qs tr td a:hover {
	text-decoration: underline;}
	
table.qs tr td.category {
	padding-top:10px;}	
	
table.qs tr td a.category, table.qs tr td a.category:link, table.qs tr td a.category:visited {
	color:#fef385;
	font-size:13px;
	font-weight:bold;
	text-decoration: underline;}
	
table.qs tr td a.category:hover {
	color:#e7f4fc;}		

/****************seccion text styles***************/
#content_container div.text {
	margin:20px 20px 40px;}

	#content_container div.text a:link{
		text-decoration:underline;}
			
	#content_container div.text a:visited{
		color: #800080;
		text-decoration:underline;}
			
	#content_container div.text-static {
		position:relative;
		float:right;
		width:487px;
		margin-left:20px;
		*margin-left:10px;}
		
			#content_container div.text-static a:link{
			text-decoration:underline;}
				
			#content_container div.text-static a:visited{
			color: #800080;
			text-decoration:underline;}
		
	#content_container div.text ul.errors{
		color:red;}	 
			
	#content_container div.image-right {
		position:relative;
		float:right;
		width:220px;
		margin: 30px 20px 0px;
		*margin: 15px 10px 0px;
		}		


/****************END seccion text styles***********/	

/**************** Find property *******************/
table.find {
	margin:0px 20px 0px;
	background: #fff;
	text-align: justify;
	width:700px;
	border-collapse: collapse;}
	
table.find tr {
}	
table.find tr td {
	/*padding-left:5px;*/
}
table.find tr td textarea {
	width: 390px;
	height:150px;
}
table.find tr td.options {
	width:250px;}
	
table.find tr td.options select {
	width:158px;
}	
table.find tr td.boton {
	text-align:right;
	
}
table.find tr td.boton input.find_boton {
		
		width: 	152px;
		margin-top:4px;
		margin-bottom:4px;
		margin-right:52px;
		*margin-right:50px;
		height: 22px;
		border: 0;
		background: #e6f3fc url(../ast_img/search-button.gif) no-repeat;
		text-align: center; 
		vertical-align: middle;
		text-transform: uppercase;
		letter-spacing: 1px; 
		font-weight:bold; 
		font-size: 14px; 
		color: #0e2d6d;
		
		margin-top: 5px;}
table.find .find-title{
	font-weight: bold;
	color: #0e2d6d;}
/**************** END Find property *******************/

/******************Print styles *********************/
body#print {
	background: #fff;
	font: normal 14px "Trebuchet MS", helvetica, Arial, Sans-serif;
	color:#000;
	}
	
	.print #main-photo {
		float:left;
		margin:10px 20px 0px;
		*margin: 5px 10px 0px;}
	.print .photo {
	 	float:left;
		margin:0px 30px 10px ;
		*margin: 0px 15px 5px ;}
		
	.print #info {
		float:left;
		}
		
		.print #info ul {
			list-style-type:none;
			margin:0 0 30px;
			padding:0;
			width: 250px;}
			
			.print #info ul li {
				padding-bottom:3px;
				width: 250px;}	
				
			.print #info  .price-text {
					color: #0e2d6d;
					font-size: 18px;}
			
			.print #info  .price-text-offer {
				color: red;
				font-size: 18px;}
			
			.print #info  .price-text-through {
				text-decoration:line-through;
				color:  #0e2d6d;
				font-size: 14px;}
	.print #contact {
		text-align:center;
		border-top: 1px dashed #000;
		padding-top:5px;
		margin: 0px 20px 5px;}		

	.print #copyrights {
		text-align:center;
		margin: 0px 20px 10px;
		font-size:12px}
/******************END Print styles *********************/