/*-----------------------------------------------------------------------------
[client] Walfre Real Estate

version:   1.1
date:      10/09/08
author:    Raenk
email:     hola@raenk.com
website:   www.raenk.com
-----------------------------------------------------------------------------*/

/* NATURALIZANDO */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset, ul, p {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

table {
	border: 0;
}

ul {
	list-style-type: none;
}

/* LAYOUT PRINCIPAL */

body {
	background: #DBDBDB url(../images/bg.jpg) repeat-y top left;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 900px;
	margin: 0 0 0 102px;
	overflow: hidden;
	background: #FFF;
}
/*-----------------------------------------------------------------------------------
Comienza el layout del header
-----------------------------------------------------------------------------------*/

#header {
	width: 100%;
	background: transparent url(../images/bgheader.jpg) no-repeat bottom center;
	height: 105px;
	clear: both;
}

	#logo {
		width: 191px;
		height: 65px;
		margin: 20px 9px 20px 0;
		padding: 0;
		background: #06F url(../images/logo.gif) no-repeat right center;
		float: left;
	}

	#info {
		float: right;
		height: 65px;
		margin: 20px 0;
		padding: 0;
		background: transparent;
		width: 700px;
	}
	
		#info ul {
			background: transparent;
			float: right;
			margin: 0;
			padding: 0 20px 0 0;
		}

			#info li {
				background: transparent;
				padding: 0 0 5px 20px;
				margin: 0 0 0 15px;
				float: left;
				font: bold 90% Arial, "Trebuchet MS", Verdana;
				color: #444;
				display: block;
				text-align: left;
				text-transform: capitalize;
				font-variant: small-caps;
			}

			#info li a { 
				background: transparent url(../images/i.gif) no-repeat top left;
				color: #009;
				text-decoration: none;
				margin: 0;
				display: block;
				padding: 0 5px 0 20px;
			}

			#info li a:hover { 
				border-bottom: #06F solid 3px;
				color: #503C24;
				background: transparent url(../images/i.gif) no-repeat top left;
				text-decoration: none;  
				margin: 0;
				padding: 0 5px 3px 20px;
				display: block;
			}

		#info p {
			font: normal 80%/100% Arial, Georgia, Verdana, Helvetica;
			color: #444;
			margin: 5px 0 0 0;
			padding: 0;
			text-transform: capitalize;
		}

/*--------------------------------------------------------------------------------------
Termina el layout del header
--------------------------------------------------------------------------------------*/

#splash {
	width: 100%;
	height: 150px;
	background: #FFF url(../images/splash.jpg) no-repeat top left;
	clear: both;
}

#menu {
	width: 100%;
	background: #503C24;
	clear: both;
}

	#outside {
		background: #503C24 url(../images/navall.gif) repeat-x top left;
		width: 900px;
		float: right;
		margin: 1px 0;
	}

	#navigation-1 {
		padding: 0;
		margin: 0px;
		list-style: none;
		height: 40px;
		font: 700 14px/40px Arial, "Trebuchet MS", Verdana, helvetica;
		text-transform: capitalize;
		font-variant: small-caps;
	}

	#navigation-1 li {
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		position: relative;
		width:148px;
	}

	#navigation-1 li a:link, #navigation-1 li a:visited {
		padding: 0;
		margin: 0;
		display: block;
		text-align: center;
		text-decoration: none;
		background: #503C24 url(../images/navbg.gif) top center no-repeat;
		color: #FFF;
		width: 148px;
		height: 40px;
	}

	#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
		text-decoration: none;
		background-position: bottom center;
	}

/*-------------------------------------------------------------------------------------
Comienza el layout del contenedor principal
-------------------------------------------------------------------------------------*/

#main {
	width: 100%;
	clear: both;
	overflow: hidden;
}

	#main p.normal {
		color: #444;
		font: 80%/170% "Trebuchet MS", Verdana, Helvetica;
		margin: 0;
		text-align: justify;
		padding: 20px 20px 0 20px;
	}
	
	#main a.normal, #main a:visited.normal {
		color: #06F;
		text-decoration: none;
	}
	
	#main a:hover.normal {
		color: #503C24;
		text-decoration: underline;
	}

	#intro {
		width: 100%;
		overflow: hidden;
		clear: both;
	}
	
		#intro h1.welcome {
			color: #06F;
			font: normal 260%/100% Georgia, "Times New Roman";
			text-transform: capitalize;
			letter-spacing: -2px;
			padding: 0 5px 10px 0;
			margin: 20px 20px 0 20px;
			border-bottom: #666 dotted 1px;
			text-align: right;
			overflow: hidden;
			white-space: nowrap;
		}
	/*	
		#intro h2 {
			color: #06F;
			font: normal 160%/100% Georgia, "Times New Roman", serif;
			text-transform: capitalize;
			padding: 0 0 5px 0;
			margin: 20px 0 0 0;
			text-align: left;
		}
*/
		#intro h3.welcome {
			color: #503C24;
			font: normal 120%/100% Georgia, "Times New Roman", serif;
			margin: 5px 20px 0 0;
			text-align: right;
			text-transform: capitalize;
		}

		#intro p.subtitle {
			color: #333;
			font: bold 80%/100% Georgia, "Times New Roman";
			margin: 0 20px 0 0;
			text-align: right;
			padding: 5px 0 0 0;
			text-transform: capitalize;
		}

		#intro ul.normal {
			margin: 20px 0 0 0;
			padding: 0;
			list-style-image: url(../images/bulletsquare.gif);
		}

		#intro li.normal {
			color: #444;
			font: 80%/170% "Trebuchet MS", Verdana, Helvetica;
			margin: 0 0 0 40px;
			padding: 0;
		}

		#introcont {
			width: 640px;
			float: right;
			margin: 20px 0 0 0;
		}

		#introsplash {
			width: 260px;
			height: 213px;
			background: transparent url(../images/introbg.jpg) no-repeat left top;
			float: left;
			margin: 20px 0 0 0;
		}
	
		#introbar {
			width: 260px;
			background: transparent url(../images/introbg.jpg) no-repeat left top;
			float: left;
			margin: 20px 0 0 0;
		}
		
			#introside {
				margin: 233px 0 0 0;
				overflow: hidden;
				clear: both;
				background: transparent;
			}
			
	#cont {
		width: 100%;
		overflow: hidden;
		margin: 50px 0 0 0;
		clear: both;
	}
	
		#mainbar {
			width: 640px;
			overflow: hidden;
			float: left;
		}

			#paneli	{
				float: left;
				width: 300px;
				overflow: hidden;
				background: transparent url(../images/panelbg.jpg) no-repeat top left;
				margin: 20px 20px 0 0;
			}

			#paneld	{
				float: right;
				width: 300px;
				overflow: hidden;
				background: transparent url(../images/panelbg.jpg) no-repeat top left;
				margin: 20px 0 0 20px;
			}

			#panelc
				{
				clear: both;
				width: 640px;
				margin: 20px 0 0 0;
				overflow: hidden;
			}

				#panelc h2.blanc {
					color: #FFF;
					background: #503C24;
					font: normal 120% Georgia, "Times New Roman";
					margin: 0;
					padding: 5px 0 5px 10px;
					text-transform: capitalize;
				}


		p.panel {
			color: #444;
			font: 95%/170% Georgia, "Times New Roman";
			padding: 0;
			text-align: left;
			margin: 20px 20px 0 20px;
		}

		a.panel, #sidebar a.panel {
			color: #06F;
			float: right;
			text-decoration: none;
		}

		a.panel:hover, #sidebar a.panel:hover {
			color: #444;
			text-decoration: underline;
		}

		h2.panel {
			color: #06f;
			font: normal 180%/100% Georgia, "Times New Roman", "Century Gothic", "Trebuchet MS";
			text-transform: capitalize;
			letter-spacing: -1px;
			text-align: left;
			margin: 20px 20px 0 20px;
		}		

		#sidebar {
			width: 220px;
			overflow: hidden;
			float: right;
			margin: 0 0 0 40px;
		}

			#sidebar img.title {
				margin: 0;
				padding: 0;
				display: block;
			}

			#sidebar h2.panel {
				color: #503C24;
				font: 700 120% Georgia, "Times New Roman";
				margin: 0;
				padding: 5px 0;
				text-transform: capitalize;
				text-align: center;
			}

		#sidebarcont {
			overflow: hidden;
			margin: 0;
			padding: 0 0 50px 0;
		}

		#sidebarcont img {
			clear: both;
			margin: 20px 0 0 0;
			padding: 0;
			display: block;
		}

			#sidebarcont p.panel {
				color: #FFF;
				font: 95%/170% Georgia, "Times New Roman";
				padding: 0;
				text-align: left;
				margin: 20px;
			}
	
/*----------------------------------------------------------------------
ESTILOS PARA SECCION FOR SALE
----------------------------------------------------------------------*/

#houses, #lots, #condos, #comm {
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

img.picthumbs {
	padding: 10px;
	border: 10px solid #503C24;
}

div.property {
	overflow: hidden;
	margin: 60px 20px 0 40px;
	width: 580px;
}

div.thumbs {
	float: left;
	width: 290px;
}

div.features {
	float: left;
	margin: 0 0 0 20px;
	width: 270px;
}

div.propertydesc {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}

div.picpanel {
	width: 
}


p.forsale {
	margin: 0;
	font: normal 90%/150% Georgia, "Times New Roman", serif;
	color: #444;
}



h5.forsale {
	margin: 60px 0 0 40px;
	font: normal 170%/190% "Trebuchet MS", sans-serif;
	border-bottom: #06F solid 5px;
	color: #503C24;
	letter-spacing: -1px;
}



h4.forsale {
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 120%/120% Georgia, "Times New Roman", serif;
	border-bottom: #666 dotted 1px;
	color: #06F;
}

ul.forsale {
	list-style-type: none;
	margin: 60px 0 0 30px;
	clear: both;
	background: transparent url(../images/menubg.gif) no-repeat top left;
	overflow: hidden;
	height: 50px;
	width: 450px;
}

li.forsale {
	float: left;
	font: bold 80%/120% Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 14px 0 0 20px;
	margin: 0;
	text-transform: capitalize;
}

a.forsale, a:visited.forsale {
	color: #C7965B;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

a:hover.forsale {
	color: #FFF;
	text-decoration: none;
}

p.goup {
	margin: 20px 0 0 0;
	background: transparent url(../images/iup.gif) no-repeat top right;
	float: right;
	padding: 0;
}
	
	

a.goup, a:visited.goup {
	font: bold 70%/150% Arial, Helvetica, sans-serif;
	color: #503C24;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	display: block;
	width: 55px;
}

a:hover.goup {
	color: #06F;
	text-decoration: none;
}

/*----------------------------------------------------------------------
ESTILOS PARA LAS TABS
-----------------------------------------------------------------------*/

#tabbed_box {  
	margin: 20px 0 20px 20px;  
}

.tabbed_area {  
	background: transparent;
	padding: 8px;      
}

ul.tabs {  
	margin: 5px 0 6px 0; 
	padding: 0;

}  

ul.tabs li {  
	list-style: none;  
	display: inline;  
}

ul.tabs li a {  
	background: #EEE;  
	color: #503C24;  
	padding: 8px 14px;
	text-decoration: none;  
	font: bold 80% Georgia, "Times New Roman", serif;  
	text-transform: capitalize;  
	border: 0 none;
	position: relative;
	top: -1px;
}  

ul.tabs li a:hover {  
	color: #06F; 
}  

ul.tabs li a.active {  
	background: #FFF;  
	color: #06F;
	font-weight: bold;
	border: 1px solid #DDD;   
	border-bottom: 1px solid #FFF;
	position: relative;
	top: -1px;
}

.content {  
	background: #FFF;  
	padding: 20px;
	margin-top: 2px; 
	border: 1px solid #DDD;
}  

#content_2, #content_3, #content_4, #content_5 { 
	display: none;
}


/* FORMULARIO */

form {
	margin: 50px 0 0 0;
	overflow: hidden;
	border: none;
}

form.text {
	font: 90% "Trebuchet MS";
	color: #444;
}

h3.survey {
	color: #06F;
	font: normal 120%/120% Georgia, "Times New Roman", serif;
	text-transform: capitalize;
	padding: 0 0 2px 5px;
	margin: 20px 20px 0 40px;
	border-bottom: #503C24 solid 1px;
	text-align: left;
	display: block;
}

input[type="text"] {
	float: left;
	border: #666 solid 1px;
	height: 20px;
	width: 210px;
	margin: 0 170px 20px 0;
	font: bold 80% Georgia, "Times New Roman";
	color: #444;
	padding: 3px 5px 0 5px;
	background: #FFF;
}

textarea {
	width: 210px;
	height: 130px;
	min-height: 130px;
	float: left;
	border: #666 solid 1px;
	margin: 0 170px 20px 0;
	font: bold 80% Georgia, "Times New Roman";
	color: #444;
	padding: 3px 5px 0 5px;
	background: #FFF;
}

input.level, select.level, label.level, textarea.level {
	margin: 0 170px 50px 0;
}

select {
	float: left;
	border: #666 solid 1px;
	height: 24px;
	width: 128px;
	margin: 0 170px 20px 0;
	font: 90% Georgia, "Times New Roman";
	color: #444;
	padding: 0 0 0 5px;
	background: #FFF;
}

label {
	font: 90% "Trebuchet MS";
	text-align: right;
	float: left;
	margin: 0 20px 0 0;
	width: 144px;
	color: #444;
	line-height: 23px;
	border: none;
}

fieldset {
	margin: 20px 0 0 40px;
	padding: 20px;
	background: #FFF;
	float: right;
	border: none;
	clear: both;
}

textarea:focus, input:focus, textarea:hover, input:hover {
	border:1px solid #009;
	background: #06F;
	color: #FFF;
}

input.button {
	width: 80px;
	padding: 0 10px 3px 10px;
	margin: 20px auto;
	cursor: pointer;
	background: #06F;
	color: #FFF;
	font: bold 80%/100% "Trebuchet MS";
	border: none;
	display: block;
}

input.button:focus, input.button:hover {
	background: #503C24;
}

#footer {
	width: 900px;
	clear: both;
	margin: 40px 0 20px 0;
	overflow: hidden;
	padding: 20px 20px 0 0;
	border-top: #06F dotted 1px;
}

	#footer ul.footer {
		width: 880px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#footer li.data {
		color: #503C24;
		font: bold 80%/150% Georgia, "Times New Roman";
		text-transform: capitalize;
		margin: 0;
		padding: 0;
		float: left;
	}

	#footer li.credit {
		color: #444;
		font: 75%/150% "Century Gothic";
		text-transform: none;
		margin: 0;
		padding: 0;
		float: right;
		text-align: right;
	}

	#footer a, a:active {
		color: #06F;
		text-decoration: none;
	}

	#footer a:hover {
		color: #666;
		text-decoration: none;
	}