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

version:   1.0
date:      13/02/10
author:    Raenk
email:     hello@raenk.com
website:   www.raenk.com
GRACIAS POR EL INTERES EN ESTE CÓDIGO // THANKS FOR YOUR INTEREST IN THIS CODE
-----------------------------------------------------------------------------*/

/* NATURAL */

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

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

img {
	margin: 0 auto;
	padding: 0;
	border: none;
}

table {
	border: 0;
}

ul {
	list-style-type: none;
}


/* LAYOUT */

body {
	margin: 0;
	padding: 0;
	background: #DDE6EC url(../images/bodybg.gif) repeat-x top left;
}

#wrapper {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

	#header {
		margin: 0;
		padding: 0;
		overflow: hidden;
		border-left: 1px #bbb solid;
		border-right: 1px #bbb solid;		 
	}
	
		#logo {
			width: 665px;
			height: 108px;
			margin: 0;
			padding: 0;
			background: #d97a00;
			float: left;
		}
		
		#button1 {
			width: 122px;
			height: 108px;
			margin: 0;
			padding: 0;
			background: #d97a00;
			float: left;
		}
		
		#button2 {
			width: 111px;
			height: 108px;
			margin: 0;
			padding: 0;
			background: #d97a00;
			float: left;
		}	
		
	#menu {
		height: 32px;
		margin: 0;
		padding: 0;
		clear: both;
		background: #d97a00;
		border-left: 1px #bbb solid;
		border-right: 1px #bbb solid;			
	}
	
		#marginLnav {
			width: 100px;
			height: 32px;
			padding: 0;
			margin: 0;
			float: left;
			background: #d97a00 url(../images/menu_left.gif) no-repeat top left;
		}

		#nav {
			padding: 0;
			margin: 0;
			height: 32px;
			width: 699px;
			float: left;
		}
		
			#nav li {
				float: left;
				margin: 0;
				padding: 0;
				font-size: 1%;
				line-height: 0;
				text-indent: -10000px;
			}

			li#home a, li#home a:visited {
				width: 69px;
				height: 32px;
				display: block;
				background: url(../images/homenav.gif) no-repeat top left;
			}

			li#homemx a, li#homemx a:visited {
				width: 168px;
				height: 32px;
				display: block;
				background: url(../images/homemxnav.gif) no-repeat top left;
			}
		
			li#destinations a, li#destinations a:visited {
				width: 119px;
				height: 32px;
				display: block;
				background: url(../images/destinationsnav.gif) no-repeat top left;
			}
			
			li#developments a, li#developments a:visited {
				width: 123px;
				height: 32px;
				display: block;
				background: url(../images/developmentsnav.gif) no-repeat top left;
			}
	
			li#aboutus a, li#aboutus a:visited {
				width: 92px;
				height: 32px;
				display: block;
				background: url(../images/aboutusnav.gif) no-repeat top left;
			}

			li#faqs a, li#faqs a:visited {
				width: 66px;
				height: 32px;
				display: block;
				background: url(../images/faqsnav.gif) no-repeat top left;
			}

			li#news a, li#news a:visited {
				width: 62px;
				height: 32px;
				display: block;
				background: url(../images/newsnav.gif) no-repeat top left;
			}

			li#home a:hover, li#aboutus a:hover, li#developments a:hover, li#news a:hover, li#faqs a:hover, li#destinations a:hover, li#homemx a:hover, li#home a.current, li#aboutus a.current, li#developments a.current, li#news a.current, li#faqs a.current, li#destinations a.current, li#homemx a.current {
				background-position: bottom left;
			}
		
		#marginRnav {
			width: 99px;
			height: 32px;
			padding: 0;
			margin: 0;
			float: left;
			background: #d97a00 url(../images/menu_right.gif) no-repeat top left;
		}
				
	#main {
		overflow: hidden;
		margin: 0;
		padding: 0;
		border-left: 1px #bbb solid;
		border-right: 1px #bbb solid;	
		clear: both;
		background: #fff;
	}
	
		#splash {
			width: 898px;
			height: 239px;
			margin: 0;
			padding: 0;
			clear: both;
			background: url(../images/homepage/splash.jpg) no-repeat center center;
		}

		#sidebar {
			overflow: hidden;
			margin: 5px 0 20px 0;
			padding: 0;
			width: 163px;
			background: #f1f5f9;
			float: left;
		}

			#sidenav {
				overflow: hidden;
				margin: 0;
				padding: 0;
			}

				li.navhead {
					background: #2B5DB0;
					text-transform: uppercase;
					padding: 0 0 0 5px;
					margin: 0 0 1px 0;
				}

				li.navsubhead {
					background: #EB9732;
					text-transform: uppercase;
					padding: 0 0 0 5px;
					margin: 0 0 1px 0;
				}

				li.navitem {
					margin: 0;
					padding: 0 0 0 5px;
					border-bottom: 1px dotted #666;
					text-transform: capitalize;
				}

		#blogsidebar {
			overflow: hidden;
			margin: 5px 0 20px 0;
			padding: 0;
			width: 203px;
			background: #f1f5f9;
			float: left;
		}

			#blogsidebar ul {
				margin: 0;
				padding: 0;
			}

		#mainbar {
			overflow: hidden;
			margin: 10px 40px 40px 35px;
			padding: 0;
			width: 660px;
			background: #fff;
			float: right;
		}

		#blogbar {
			overflow: hidden;
			margin: 10px 80px 40px 35px;
			padding: 0;
			width: 580px;
			background: #fff;
			float: right;
		}

		#content {
			overflow: hidden;
			margin: 0;
			padding: 0;
			background: #fff;
		}
	
			#col1 {
				width: 242px;
				overflow: hidden;
				float: left;
				padding: 0;
				margin: 0;
			}
	
			#col2 {
				width: 239px;
				overflow: hidden;
				float: left;
				padding: 0;
				margin: 0;
			}

			#col3 {
				width: 239px;
				overflow: hidden;
				float: left;
				padding: 0;
				margin: 0;
			}
			
			#col4 {
				width: 178px;
				height: 324px;
				float: left;
				padding: 0;
				margin: 0;
			}
		
			
		#bottom {
			overflow: hidden;
			padding: 0 15px;
			margin: 20px 0 0;
			clear: both;
			background: #fff;
		}
			
			#discover {
				width: 720px;
				overflow: hidden;
				margin: 0;
				float: left;
				padding: 0 0 20px 0;
			}
			
			#discover h2 {
				font: 400 26px/120% arial, sans-serif;
				color: #aaa;
				margin: 0;
				padding: 0;
			}
			
			#discover h3 {
				font: 400 20px/150% arial, sans-serif;
				color: #aaa;
				margin: 0;
				padding: 0;
			}

	#footer {
		overflow: hidden;
		margin: 0;
		padding: 0 4px 4px;
		border-left: 1px #bbb solid;
		border-right: 1px #bbb solid;	
		clear: both;
		background: #fff;
	}

		#footercontainer {
			overflow: hidden;
			margin: 0 auto;
			padding: 5px;
			clear: both;
			border: 1px #ddd solid;	
		}
	
			#sitemap {
				width: 150px;
				height: 28px;
				margin: 0;
				padding: 0;
				float: left;
			}

			#credits {
				width: 728px;
				height: 28px;
				margin: 0;
				padding: 0;
				float: left;
			}

/* STYLES */

#logo {
	font: 400 34px/108px arial, tahoma, sans-serif;
}

#logo a, #button1 a, #button2 a {
	color: #fff;
}

#button1, #button2 {
	font: 400 14px/108px arial, tahoma, sans-serif;
	text-align: center;
	text-transform: capitalize;
}

h1 {
	font: 400 30px/38px tahoma, sans-serif;
	color: #900;
	margin: 0;
	padding: 0;
}

h2 {
	font: 400 22px/24px tahoma, sans-serif;
	color: #900;
	margin: 20px 0 0;
	padding: 0;
}

h2.blogside {
	font: 700 14px/20px tahoma, sans-serif;
	color: #fff;
	margin: 20px 0 0;
	padding: 5px 5px 5px 10px;
	background: #2B5DB0;
}

h4 {
	font: 700 14px/18px tahoma, sans-serif;
	color: #333;
	margin: 20px 0 0;
	padding: 0;
}

h4.widgettitle {
	font: 700 14px/18px tahoma, sans-serif;
	color: #900;
	margin: 10px 0 10px 0;
	padding: 0;
}

h5 {
	font: 700 12px/18px tahoma, sans-serif;
	color: #900;
	margin: 20px 0 0;
	padding: 0;
}

p {
	font: 400 12px/16px arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

p.testsignature {
	font: 700 11px/14px arial, tahoma, sans-serif;
	color: #900;
	margin: 0;
	padding: 0;
}

#blogsidebar li {
	font: 400 12px/16px arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 10px 10px 10px;
}

small {
	font: 400 11px/14px arial, tahoma, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

dl {
	margin: 0;
	padding: 0 0 0 10px;
}

dt {
	font: 400 12px/16px arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

dd {
	font: 400 12px/16px arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#mainbar p, #blogbar p {
	margin-top: 20px;
}	

a, a:visited {
	color: #d97a00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

li.navhead {
	font: 700 11px/23px arial, tahoma, sans-serif;
	color: #fff;
}

li.navsubhead {
	font: 700 11px/28px arial, tahoma, sans-serif;
	color: #fff;
}

a.navsubhead, a.navsubhead:visited {
	color: #fff;
}

li.navitem {
	font: 700 11px/28px arial, tahoma, sans-serif;
	color: #505050;
}

a.item, a.item:visited {
	color: #505050;
	text-decoration: none;
	display: block;
	padding-left: 12px;
}

a.item:hover, a.sidecurrent {
	color: #900;
	text-decoration: none;
	background: url(../images/yourhome/sub_menu_arrow.gif) no-repeat center left;
	display: block;
	padding-left: 12px;
}

#mainbar li {
	font: 400 12px/16px arial, tahoma, sans-serif;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}	

#sitemap p {
	font: 400 10px/28px arial, tahoma, sans-serif;
	color: #999;
	margin: 0;
	padding: 0;
	text-indent: 5px;
}

#credits p {
	font: 400 10px/28px arial, tahoma, sans-serif;
	color: #999;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* CLASES AUXILIARES */

div.coltext {
	height: 211px;
	padding: 15px;
	margin: 0;
	border-right: 1px #ddd solid;
	background: #fff;
}

div.colheader {
	height: 73px;
	padding: 0;
	margin: 0;
	border-right: 1px #ddd solid;
	background: #fff;
}

div.colfooter {
	overflow: hidden;
	padding: 0 0 10px 0;
	margin: 0;
	border-right: 1px #ddd solid;
	background: #fff;
}

ul.mainbarlist {
	margin: 20px 0 0;
	padding: 0 0 0 20px;
	list-style-type: disc;
}

div.squarepL {
	float: left;
	width: 309px;
	margin: 0;
	padding: 0;
}	

div.squarepR {
	float: right;
	width: 309px;
	margin: 0;
	padding: 0;
}	

div.squarepYT {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0;
}

/* BLOG */

div.blognav {
	overflow: hidden;
	clear: both;
	margin: 5px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #900;
}

p.previouspostL {
	font: 700 11px/20px tahoma, arial, sans-serif;
	color: #900;
	margin: 0!important;
	padding: 0 0 0 20px;
	text-align: left;
}

p.previouspostR {
	font: 700 11px/20px tahoma, arial, sans-serif;
	color: #900;
	margin: 0!important;
	padding: 0 20px 0 0;
	text-align: right;
}

/* FORMULARIO AJAX */
label { 
	font: 400 12px/18px Arial, sans-serif; 
	color: #333;
	display: block;
	clear: both;
}

legend {
	font: 700 11px/14px Arial, sans-serif; 
	color: #900;
	margin: 5px 0;
}

/* Form style */

input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px Arial, sans-serif; webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#900; color:#fff; display: block;}
input.submit:hover { background:#d97a00;}
input[type="submit"][disabled] { background:#888; }
fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }