/**
 * Mediterrnanea Main CSS File
 *
 * @author: Mike Papageorge
 * @lastUpDate: 04/01/2006 
 */

* {
	margin:0;
	padding:0
}
.clear {
	clear:both
}
.small {
	font-size:0.9em
}
.center {
	text-align:center
}
.pad {
	padding:20px
}
body {
	background:#DADBEB url(/site-assets/images/body-tile.png) repeat-x 0 0;
	font:12px/130% Verdana, Arial, Helvetica, sans-serif;
	color:#0A1261
}
	#banner {width:760px;margin:0 auto;text-align:center}
a {
	color:#0A1261
}
	a:hover {
		text-decoration:none
	}
#main-content p, #main-content ul {
	margin-bottom:10px
}
h2 {
	margin-bottom:0.25em;
	line-height:120%
}
ul {
	margin-left:10px;
	list-style-position:inside
}
#main-content li {
	margin-bottom:3px
}
/**
 * Main Containers
 */
 #access {
	position:absolute;
	left:-9000px;
	height:0;
	width:0
 }
 #wrap {
 	width:760px;
	margin:0 auto 0;
	position:relative;
	background:#fff
 }
 #header {
 	height:175px;
	width:760px;
	background: url(/site-assets/images/header.png) no-repeat;
 }
 #navigation {
 	height:35px;
	width:760px;
	background: url(/site-assets/images/nav.png) no-repeat;
	position:absolute;
	top:145px;
 }
	 .en #navigation {
		background: url(/site-assets/images/nav-en.png) no-repeat;
	 }
	 .fr #navigation {
		background: url(/site-assets/images/nav-fr.png) no-repeat;
	 }
 #main-content {
 	padding-top:7px;
 	min-height:425px;
	width:760px;
 }
	.pad {
		padding:20px
	}
		#home .pad {
			padding:0 20px 20px 20px
		}
 #footer {
 	clear:both;
	background:#bfc3de;
	text-align:center;
	padding:0.5em;
 }
/**
 * Navigation
 */
 #navigation ul {
 	list-style:none;
	margin:0 0 0 10px;
 }	
	 #navigation ul li {
		display:inline;
		margin:0;
		}
		#navigation ul li a {
			float:left;
			height:36px;
			padding:0 10px 0 10px;
			display:block
		}
			#navigation ul li a span {
				display:block;
				text-indent: -19000px;
			}
	/** 
	 * Set widths for links 
	 */
		li#n-home a {width:35px;}										
		li#n-rentals a {width:175px;}										
		li#n-year-rentals a {width:118px;}										
		li#n-sales a {width:50px;}										
		li#n-contact a {width:75px;}										
		/* EN */
		.en li#n-home a {width:45px;}										
		.en li#n-rentals a {width:115px;}										
		.en li#n-year-rentals a {width:98px;}										
		.en li#n-sales a {width:42px;}										
		.en li#n-contact a {width:70px;}
		/* FR */
		.fr li#n-home a {width:45px;}										
		.fr li#n-rentals a {width:132px;}										
		.fr li#n-year-rentals a {width:134px;}										
		.fr li#n-sales a {width:62px;}										
		.fr li#n-contact a {width:71px;}
												
		/* Position the background image for each link */
		#home li#n-home a, li#n-home a:hover {background: url(/site-assets/images/nav.png) no-repeat -10px -40px;}										
		#rentals li#n-rentals a, li#n-rentals a:hover {background: url(/site-assets/images/nav.png) no-repeat -65px -40px;}										
		#yearly-rentals li#n-year-rentals a, li#n-year-rentals a:hover {background: url(/site-assets/images/nav.png) no-repeat -260px -40px;}										
		#sales li#n-sales a, li#n-sales a:hover {background: url(/site-assets/images/nav.png) no-repeat -398px -40px;}										
		#contact li#n-contact a, li#n-contact a:hover {background: url(/site-assets/images/nav.png) no-repeat -468px -40px;}										
		/* Position the background image for each link */
		#home.en li#n-home a, .en li#n-home a:hover {background: url(/site-assets/images/nav-en.png) no-repeat -10px -40px;}										
		#rentals.en li#n-rentals a, .en li#n-rentals a:hover {background: url(/site-assets/images/nav-en.png) no-repeat -75px -40px;}										
		#yearly-rentals.en li#n-year-rentals a, .en li#n-year-rentals a:hover {background: url(/site-assets/images/nav-en.png) no-repeat -210px -40px;}										
		#sales.en li#n-sales a, .en li#n-sales a:hover {background: url(/site-assets/images/nav-en.png) no-repeat -328px -40px;}										
		#contact.en li#n-contact a, .en li#n-contact a:hover {background: url(/site-assets/images/nav-en.png) no-repeat -390px -40px;}										
		/* Position the background image for each link */
		#home.fr li#n-home a, .fr li#n-home a:hover {background: url(/site-assets/images/nav-fr.png) no-repeat -10px -40px;}										
		#rentals.fr li#n-rentals a, .fr li#n-rentals a:hover {background: url(/site-assets/images/nav-fr.png) no-repeat -75px -40px;}										
		#yearly-rentals.fr li#n-year-rentals a, .fr li#n-year-rentals a:hover {background: url(/site-assets/images/nav-fr.png) no-repeat -227px -40px;}										
		#sales.fr li#n-sales a, .fr li#n-sales a:hover {background: url(/site-assets/images/nav-fr.png) no-repeat -381px -40px;}										
		#contact.fr li#n-contact a, .fr li#n-contact a:hover {background: url(/site-assets/images/nav-fr.png) no-repeat -463px -40px;}										
 
 #flags {
 	position:absolute;
	top:-143px;
	right:10px
 }
	 #n-en a {
		background: url(/site-assets/images/gb.png) no-repeat 0 3px;
		padding:0 0 0 19px !important;
		margin:0 6px 0 6px !important;
		text-decoration:none
	 }
	 #n-es a {
		background: url(/site-assets/images/es.png) no-repeat 0 3px;
		padding:0 0 0 20px !important;
		margin:0 6px 0 6px !important;
		text-decoration:none
	 }
	 #n-fr a {
		background: url(/site-assets/images/fr.png) no-repeat 0 3px;
		padding:0 0 0 20px !important;
		margin:0 6px 0 6px !important;
		text-decoration:none
	 }
/**
 * Property Listings
 */
 .result {
 	width:160px;
	overflow:hidden;
	background:#D1D2E6;
	text-align:center;
	float:left;
	margin:0 0px 10px 24px
 }
 
 	.result h3 {
		background:#ADB0D3;
		font-size:1.0em;
		padding:3px 5px 3px 5px;
		height:30px
	}
	.result p {
		background: url(/site-assets/images/result-top.png) no-repeat;
		padding-top:7px;
		font-weight:bold;
		margin:0
	}
		.result p img {
			display:block;
			margin:3px 0 5px 12px
		}
			.result p a img {
				border:1px solid #8185BC 
			}
	.result ul, .result li {
		list-style:none;
		margin:0 !important
	}
	.result .go {
		background:#ADB0D3;
		margin:5px 0 0 0 !important;
		padding:3px 5px 3px 5px;
		border-top:1px solid #EEF106;
	}
		.result .go a {
			color:#0A1261;
			font-weight:bold;
			display:block
		}
 
/**
 * Property Listing
 */
 .listing h1 {
 	text-align:right;
	padding:0 15px 0 15px;
	margin-bottom:10px;
	font-size:17px
 } 
 	.listing h1 span {
		float:left
	}
 .listing h2 {
	margin-bottom:5px;
	font-size:12px
 } 
 .col-left {
 	float:left;
	width:415px;
	margin-left:20px;
 }
 .col-right {
 	float:right;
	width:285px;
	margin-right:20px;
 }
 .prop-nav {
 	background:#D4D5E8;
 	text-align:right;
	padding:2px 15px 2px 15px;
	margin-bottom:10px;
	font-size:0.9em;
	clear:both
 } 
  	.prop-nav span {
		float:left
	}
  	.prop-nav a:visited, .prop-nav a {
		color:#0A1261;
		text-decoration:none;
		font-weight:bold
	}
		.prop-nav a.previous {
			background: url(/site-assets/images/resultset_previous.png) no-repeat;
			padding:2px 2px 2px 14px;
		}
		.prop-nav a.next {
			background: url(/site-assets/images/resultset_next.png) no-repeat right;
			padding:2px 16px 2px 2px
		}
	.prop-nav select {
		font-size:11px;
		width:120px
	}
 .images p {
	margin:0 0 5px 0
 }
 .images img {
	margin:0 0 5px 0
 }
 #image-nav a {
 	padding:3px;
	margin:0 3px 0 3px;
	background:#ADB0D3;
	border:1px solid #7982A8
 }
	 #image-nav a:hover {
		background:#eee;
	 }

/**
 * Feature Box 
 */
  	.feature {
		background:#D1D2E6;
		font-size:1.0em;
		margin-bottom:10px;
		padding:0 0 15px 0 
	}
		 .feature-top {
			background: url(/site-assets/images/feature-top.png) no-repeat;
			padding:10px 0 0 15px !important
		 }
		.feature h2 {
			background:#ADB0D3;
			padding:3px 5px 3px 10px;
			margin:0
		}
		.feature h3 {
			padding:3px 5px 3px 15px;
			margin:0;
			font-size:0.9em
		}
		.feature ul {
			list-style:none;
			padding:0 0 10px 15px;
			margin-left:0;
			
		}
		.feature p {
			padding-left:15px;
			padding-right:15px !important
		}
		.feature ul {
			margin:0;
			list-style-position:outside;
			padding:0 0 0 15px
		}
		.feature form {
			padding:5px 0 10px 15px
		}
			.feature form input, .feature form textarea {
				border:1px inset #ccc
			}
			.feature form textarea {
				width:380px
			}
		.feature img {
			border:1px inset
		}
/**
 * Reservation Form 
 */
table {
margin-left: 20px;
}
#solicitud label {
display:block;
padding:10px 0 10px 10px;
}
.form-title {
padding:10px 0 10px;
text-align:center;
}
.table-title {
padding:10px 0 10px;
}
.table-errors {
margin:10px 0 10px;
font-size:10px;
color: #FF0000;
}
table ul {
margin:10px 0 10px;
}
table ul li {
margin-left:25px;
}

/**
 * Tarifa table
 */
 #tarifas {
 	font-size:11px;
	width:350px;
	text-align:center;
 }
	 #tarifas th {
		font-size:12px;
		border-bottom:1px solid;
	 }
	 #tarifas th {
		font-size:12px
	 }

/**
 * Sales + Rental Columns on Home Page
 */
 #rentals-column {
	margin-bottom:10px
 }
	 #rentals-column .flash {
		float:left;
		margin:0 20px 0 0
	 }
	 #rentals-column ul {
	 	font-size:11px;
		font-weight:bold
	 }
 #sales-column {
	clear:both;
	padding-top:10px
 }
	 #sales-column .flash {
		float:left;
		margin:0 20px 0 0
	 }
 #home-sales {
 	clear:both;
	padding:15px 0 40px 0
 }
 
/**
 * Rentals Button
 */
 #rentals input {
 	font-size:9px;
	padding:0px;
 }
 
 /*Contact form*/
 .warning {
 	margin: 0 0 10px 0;
	background:#F7FF00;
	padding:10px;
	color: #FF0000;

}
 .warning ol li{
 	margin: 5px 0 0 40px;
	color:#FF0000;
}
#sendContactEmail{
	margin: 10px 0 0 50px;
}
#main-content .enquire {
	padding:10px;
	border:1px solid #F7FF00;
	background: #adb0d3;
	font-weight:bold;
}
.en #main-content .enquire {
	margin:15px 145px 0 116px;
}
.es #main-content .enquire {
	margin:15px 115px 0 96px;
}
.fr #main-content .enquire {
	margin:15px 125px 0 110px;
}
/*.desc {
	text-transform: lowercase;
}*/