/* Ruth Rundquist Real Estate (c) ruthsrealestate.net 2008  */
/* CSS Stylesheet - por Pedro D Meza H (www.rednaranja.com) */

body {
	background: #F6F6AC url('images/bg2.png') repeat-x 0px -77px;
	font:11px arial;
	color:black;
	margin:0;
	padding:0;
}

a {
	color:#12621D;
	font-weight:bold;
}

a:hover {
	color:green;
}

h1,h2{
	font:26px vivaldi, zapfino, monotype corsiva,papyrus;
	color:#006633;
text-transform:capitalize;
}

h2 {
	font-size:22px;
}
h3 {
	font:italic 14px arial;
}

#bottom_border,
#center_border,
#top_border{
	width:780px;
	padding:0 37px;
}

#top_border{
	background:url('images/bg_t.png') no-repeat;
	margin:22px auto 0 auto;
	height:56px;
}

#bottom_border{
	background:url('images/bg_b.png') no-repeat;
	margin:0 auto 22px auto;
	height:108px;
}

#center_border{
	background:url('images/bg_c.png') repeat-y;
	margin:0 auto;
	z-index:1;
}


#barraizq {
	float:left;
	background:url('images/barraizq.png') no-repeat;
	margin:0;
	padding:2px 12px 10px 12px;
	width:250px;
	color:#3E4D0C;
	position:relative;
	top:-30px;
	z-index:20;
}

#barraizq_bottom {
	clear:left;
	float:left;
	background:url('images/barraizq.png') no-repeat bottom;
	margin:0;
	padding:0px 12px 30px 12px;
	width:250px;
	color:#3E4D0C;
	position:relative;
	top:-30px;
	z-index:20;
}

#container {
	background:#FFFFBE url('images/headerbg.jpg') no-repeat 0 -56px;
}



#barraizq h2{
	margin:0;
	padding:0;
}


#barraizq h2.findahome{
	background:url('images/findahome.png') no-repeat;
	width:250px;
	height:37px;
}

#barraizq h2.findahome span {
	display:none;
}

#barraizq_bottom h2.featuredhotoffers {
	background:url('images/featuredhotoffers.png') no-repeat;
	width:250px;
	height:37px;
	margin:0 0 5px 0;
}

#barraizq_bottom h2.featuredhotoffers span {
	display:none;
}

#barraizq #findmenu  {
	background: #C6DE6E url('images/lupa.jpg') no-repeat bottom right;
	margin:0px;
	min-height:80px;
}

* html #findmenu {
	height: expression( document.body.clientWidth < 99 ? "100px" : "auto" ); /* sets max-width for IE */
}

#barraizq #findmenu ul {
	margin:5px;
}

#barraizq #findmenu li {
	
	font-weight:bold;
}

#barraizq #searchbox {
	margin:7px 8px;
	padding:0px 0 7px 0;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#barraizq #searchbox h2 {
	color:black;
	font-size:18px;
	font-weight:normal;
	margin:5px 0;
	color:#006633;
}

#barraizq #searchbox #searchfor{
	float:left;
	width:108px;
	height:16px;
	padding:0;
	margin-right:5px;
}

#barraizq #searchbox #submit{
	padding:0;
	margin:0;
}

ul.arrow {
	margin:5px;
	padding-left:10px;
	list-style:none;
}

ul.arrow li:before {
	content: "\2192  \0020";
	text-decoration:none;
	color:white;
}

ul.arrow li.selected:before {
	content: "\2192  \0020";
	color:black;
/*font:bold 14px arial ;
font-weight:bold;
font-size:16px;
background:#DCEAA3;
*/

}


ul.arrow li.selected a{
text-transform:uppercase;
color:black;
}

ul.arrow li {
	padding:2px;
}


.offer {
	clear:left;
	margin:10px 1px 0px 0px;
}
.offer img {
	float:left;
	margin:10px 3px;
	border:2px solid white;
}

.offer table {
	margin:10px 0 5px 0;
	width:145px;
}

.offer td {
	text-align:right;
	color:black;
	font-size:11px;
}

.offer td.label {
	text-align:left;
	font-weight:bold;
	width:40px;
	text-transform:capitalize;
}

.offer ul, .offer li {
	margin:0px;
	float:left;
}


#header {
	width:780px;
	height:300px;
	position:relative;
	top:-28px;
}

#header #boxmenu {
	display:none;
}

#content {
	width:500px;
	margin:0px 0px 0px 275px;
	padding:265px 0px 5px 0px;
	;
}

h1.welcometitle {
	background:url('images/welcometitle.png') no-repeat;
	width:110px;
	height:26px;
	margin:0;
	padding:0;
}

h1.welcometitle span {
	display:none;
}

.subtitle {
	color:green;
	font-style:italic;
	font-size:9px;
	font-weight:bold;
}

h2.specialproperties {
	background:url('images/specialproperties.png') no-repeat;
	width:171px;
	height:29px;
}

h2.specialproperties span {
	display:none;
}

h2.newsandevents {
	background:url('images/newsandevents.png') no-repeat;
	width:188px;
	height:34px;
}

h2.newsandevents span {
	display:none;
}


.clears {
	clear:both;
}

#footer {
	clear:both;
	background:#F3EC9B;
	height:65px;
}

#footer .izq {
	float:left;
	width:470px;
	height:65px;
	background:#D9C759;
	padding:0px;
}

#footer .izq ul {
	margin:27px 0 0 20px;
	padding:0;
	color:#A79B75;
	list-style:none;
}

#footer .izq li {
	float:left;
	margin:0px 15px 0px 0px;
	padding:0px;
}

#footer .izq a {
	font-weight:normal;
	font-size:10px;
	text-decoration:none !important;
	text-transform:uppercase;
	color:black;
	border-bottom:2px solid #9EC103;
	display:block;
}

#footer .izq .selected a{
	font-weight:bold !important;
}

#footer .izq a:hover {
	border-bottom:2px solid green;
}

#footer .izq li a:before {
	/*content: "\2022 \0020";
	content: "\25cf \0020";*/
	text-decoration:none;
	color:#A79B75;
}

#footer .der {
	float:right;
	padding:20px 10px 0px 0px;
	font-size:10px;
	color:#12621D;
	text-align:right;
}

#footer .der a {
	color:#A79B75;
}

.lista {
	margin:0px;
	padding:0px 0px 5px 0px;
	background:#F3EC9B;
	border:1px solid #D9C759;
}

.lista thead {
	background:#D9C759;
	
}

.lista thead td {
	color:#66621D;
	border-bottom:1px solid #D9C759;
}

.lista thead a {
	color:#66621D;
}
.lista .odd {
	background:#FFFFBE;
}

.formatedForm {
	background:none;
	border:0px;
	margin:0px;
	padding:0px 5px 5px 0px;
}

.formatedForm fieldset {
	background:#F3EC9B;
	border:1px solid #D9C759;
	margin:0px;
}
.formatedForm h3 {
	background:#D9C759;
	border:none;
	color:#66621D;
}

.formatedForm .button {
	background:url('images/boton.png') no-repeat;
	border:none;
	color:black;
	width:113px;
	height:20px;
	font-weight: normal;
	font-size:1em;
}

.property {
	margin-bottom:20px;
}



.property h2 {
	background:#F3EC9B;
	margin:2px;
	padding:2px;
	color:#66621D;
}

.property img.bigpic {
margin:0px auto;
}
.property .thumbs {
margin:0px auto;
}

.property .thumbs .thumb img {
height:30px;
margin:5px;
}

.property .cell{
	float:left;
	width:230px;
	margin:1px;
}

.property .cell .label{
	float:left;
	background:#F3EC9B;
	width:80px;
	font-weight:bold;
	padding:2px 4px 2px 2px;
	text-align:right;
}

.property .cell .data{
	padding:2px;
}

.listing td {
	padding:1px 10px;
}

.listing tr {

}

.listing tr.odd {
/*	background:#DCEBA4;*/
	background:#F3EC9B;
}

.listing .label {
	width:300px;
}



* html #top_border,
* html #center_border,
* html #bottom_border,
* html #barraizq_bottom,
* html #barraizq {
	behavior: url(iepngfix.htc);
}
