@charset "utf-8";
/* CSS Document */

body { margin: 0px; padding: 0px; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { padding: 0px; margin: 0px 0px 10px 0px; }
img {
	border: none;
	text-align: center;
}
#page { margin: 0px auto; text-align: left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background: url(img/body_bg.jpg) no-repeat center top; color: #333333; }
h1 { text-transform: uppercase; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #0072bc; font-weight: normal;  }
h2, h3 { padding: 0px; margin: 10px 0px 0px 0px; }
caption { text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #999999; }
label { clear: both; display: block; }
.field { margin: 5px 0px; }

#page { width: 934px; }
#header { height: 114px; margin: 10px 0px; clear: both; width: 934px;}
#logo { float: left; width: 249px; height: 114px; }
#ad { background: #99FF33; float:left; width: 568px; height: 90px; margin: 20px 20px 0px 20px; }
#realtor { float: right; margin: 40px 30px 0px 0px; }

#menu { height: 36px; background: url(img/menu_bg.png); float: left; width: 914px; text-align: center; overflow: hidden; }
#menu a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 2px 20px;  font-weight: bold;}
#menu a:hover { background: #333333; color: #FFFFFF; }
#menu_left { width: 10px; height: 36px; float: left; background: url(img/menu_left.png); }
#menu_right { width: 10px; height: 36px; float: left; background: url(img/menu_right.png); }

#left { width: 251px; float: left; margin: 20px 20px 0px 0px; }
#right {
	width: 661px;
	float: left;
	margin: 20px 0px 0px 0px;
	text-align: left;
}
#box { background: url(img/search_bg.png) repeat-x #999999; padding: 5px 20px; width: 211px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; }
#box_top { height: 35px; width: 251px; background: url(img/box_top.png); color: #FFFFFF; text-transform: uppercase; text-align: center; padding: 10px 0px 0px 0px;  font-weight: bold; font-size: 16px; }
#box_bottom { height: 12px; width: 251px; background: url(img/box_bottom.png); }

#content { width: 621px; background: url(img/content_bg.jpg) repeat-x; padding: 20px; min-height: 676px; }

#box2 { width 621px; padding: 0px 10px; clear: both; background: #c2c2c2; min-height: 500px; }
#box2_t { width: 601px; height: 10px; background: #c2c2c2; float: left; }
#box2_lt { width: 10px; background: url(img/c1.png); height: 10px; float: left; }
#box2_rt { width: 10px; background: url(img/c2.png); height: 10px; float: left; }
#box2_lb { width: 10px; background: url(img/c3.png); height: 10px; float: left; }
#box2_rb { width: 10px; background: url(img/c4.png); height: 10px; float: left; }

#box3_wrap { width: 135px; height: 230px; float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; }
#box3 { width: 115px; height: 230px; padding: 0px 10px; clear: both; background: #e1e1d7; }
#box3_t { width: 115px; height: 10px; background: #e1e1d7; float: left; }
#box3_lt { width: 10px; background: url(img/b1.png); height: 10px; float: left; }
#box3_rt { width: 10px; background: url(img/b2.png); height: 10px; float: left; }
#box3_lb { width: 10px; background: url(img/b3.png); height: 10px; float: left; }
#box3_rb { width: 10px; background: url(img/b4.png); height: 10px; float: left; }
.box3_spacer { width: 27px; float: left; height: 230px; }

#box4_wrap { float: left; margin: 0px 0px 10px 0px; }
#box4 { padding: 0px 10px; clear: both; background: #e1e1d7; }
#box4_t { height: 10px; background: #e1e1d7; float: left; }
#box4_lt { width: 10px; background: url(img/b1.png); height: 10px; float: left; }
#box4_rt { width: 10px; background: url(img/b2.png); height: 10px; float: left; }
#box4_lb { width: 10px; background: url(img/b3.png); height: 10px; float: left; }
#box4_rb { width: 10px; background: url(img/b4.png); height: 10px; float: left; }

#footer { clear: both; margin: 10px 0px; border-top: 5px #666666 solid; text-align: center; text-transform: uppercase; font-size: 11px; color: #666666; }

#propiedades { background: url(img/propiedades_bg.png); width: 594px; height: 31px; text-align: center; padding: 5px; font-size: 24px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; margin-left: 20px; }

.mas { float: right; }
.mas a { color: #996600; text-decoration: none; }
.mas a:hover { text-decoration: underline; }

.description { background-color: #EFF0EC; padding: 10px; }
