@charset "utf-8";

* {
	margin:0;
	padding:0;
	border:0;
}

@font-face {
    font-family: 'Segoe';
	src: url('fonts/segoeui.eot');
    src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe-light';
	src: url('fonts/segoeuil.eot');
    src: url('fonts/segoeuil.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuil.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe-bold';
	src: url('fonts/segoeuib.eot');
    src: url('fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuib.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	
}
h1 {
	font-family: 'Segoe', Arial, sans-serif;
	font-size:30px;
	color:#7bcbe8;
	font-weight:100;
	margin: 0 0 20px 0;
}
h2 {
	font-family: 'Segoe-light', Arial, sans-serif;
	font-size:30px;
	color:#000101;
	font-weight:100;
	margin: 0 0 10px 0;
}
h3 {
	font-family: 'Segoe-bold', Arial, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:100;
	margin: 0 0 10px 0;
}
h4 {
	font-family: 'Segoe', Arial, sans-serif;
	font-size:30px;
	color:#7bcbe8;
	font-weight:100;
	margin: 0 0 20px 0;
}
h5 {
	font-family: 'Segoe-light', Arial, sans-serif;
	font-size:25px;
	line-height:25px;
	color:#3fc2f3;
	font-weight:100;
	margin: 0 0 20px 0;
}
h6 {
	font-family: 'Segoe-light', Arial, sans-serif;
	font-size:30px;
	line-height:30px;
	color:#3fc2f3;
	font-weight:100;
	margin: 20px 0 20px 0;
}
input, textarea, select {
	font-family: 'Segoe', Arial, sans-serif;
	font-size:14px;
	border: 1px solid #838485;
	box-shadow:inset -5px 3px 15px #a8d5e0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input {
	width: 44%;
	margin-bottom: 20px;
	padding: 3px 0 3px 4px;
}
select {
	width: 44%;
	margin-bottom: 20px;
	padding: 2px 0 2px 4px;
}
textarea {
	width: 100%;
	min-height: 100px;
	padding: 3px 4px 3px 4px;
}

.fullwidth {
	width:100%;
	
}
	.background {
		max-height:340px;
		padding: 0 0 0 0
	}
	#containerheader {
		width: 98%;
		max-width: 1255px;
		margin: 0 auto;
		min-width:300px;
	}
		#header {
			text-align:center;
		}
			#header img {
				margin: 4% 0;
				width:90%;
				max-width:621px;
			}
			
		#mainmenu {
			text-align: justify;
		}
			#mainmenu * {
			  display: inline;
			}
			#mainmenu ul {
				list-style:none;
			}
			#mainmenu span {
			  display: inline-block;
			  width: 100%;
			  height: 0;
			  line-height:1px;
			}
				#mainmenu ul li {
					display: inline-block;
				}
				#mainmenu > ul > li.mobile {
				  display: none;
				}
					#mainmenu ul li a {
						font-family: 'Segoe', Arial, sans-serif;
						text-decoration:none;
						color:#000;
						font-size:16px;
					}
					#mainmenu ul li a:hover {
						color:#52b2d3;
					}
					#mainmenu ul li a.selected {
						color:#52b2d3;
						text-shadow: 1px 1px #BBB;
					}

#container {
	width: 98%;
	max-width: 1255px;
	margin: 0 auto 30px auto;
	min-width:300px;
}
	#image {
		margin: 0 0 25px 0;
		position: relative;
		width: 100%;
		height: 0;
		padding: 0 0 44% 0;
	}
	#image2 {
		position: relative;
		width: 100%;
		height: 0;
		padding: 0 0 66% 0;
	}
		.iosSlider {
			width: 100%;
			height: 1500px;
		}
			.iosSlider .slider {
				width: 100%;
				height: 100%;
			}
				.iosSlider .slider .slide {
					float: left;
					
					width: 100%;
				}
				
				.iosSlider .slider .slide img {
					width: 100%;
					height: auto;
				}

	#content, .tbl {
		display:table;
		width:100%;
	}
		.tblrow {
			display: table-row;
		}
			.leftcolumn {
				display: table-cell;
				padding: 0 35px 0 0;
				vertical-align:top;
			}
				.contactbox {
					font-family: 'Segoe', Arial, sans-serif;
					font-size: 16px;
					color: #5b5957;
					line-height:30px;
					padding: 30px 30px 10px 30px;
					background:#f1f9fc;
				}
				.leftcolumn p {
					font-family: 'Segoe-light', Arial, sans-serif;
					font-size:16px;
					line-height:26px;
					color: #5b5957;
					margin: 0 0 20px 0;
					text-align:justify;
				}
				.leftcolumn ul {
					margin: 0.75em 0;
					padding: 0 1em;
					list-style: none;
				}
				.leftcolumn ul li:before { 
					content: "";
					border-color: transparent #111;
					border-style: solid;
					border-width: 0.35em 0 0.35em 0.45em;
					display: block;
					height: 0;
					width: 0;
					left: -1em;
					top: 1.2em;
					position: relative;
				}
				.leftcolumn a {
					text-decoration:none;
					color: #52b2d3;
					font-family: 'Segoe-bold', Arial, sans-serif;
				}
					.leftcolumn a:hover {
						border-bottom: 1px solid #52b2d3;
					}
			.rightcolumn {
				display: table-cell;
				width: 440px;
				vertical-align:top;
			}
				.rightcolumn a {
					text-decoration:none;
					color:#52b2d3;
				}
				.rightcolumn a:hover {
					border-bottom: 1px solid #52b2d3;
				}
				.item p {
					font-family: 'Segoe', Arial, sans-serif;
					font-size:16px;
					line-height:24px;
					color: #5b5957;
					margin: 0 0 10px 0;
					text-align:justify;
				}
				.item {
					border-bottom: 2px dotted #97def8;
					margin: 0 0 10px 0;
					padding: 0 0 5px 0;
				}
				#video {
					position: relative;
					padding-bottom: 56.25%; /* 16:9 */
					padding-top: 25px;
					height: 0;
				}
					#video iframe {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}
					.videodesc {
						font-family: 'Segoe', Arial, sans-serif;
						font-size: 30px;
						color: #000;
						line-height:40px;
						padding: 20px;
						text-align:left;
					}
					.rightbox {
						font-family: 'Segoe', Arial, sans-serif;
						font-size: 16px;
						color: #5b5957;
						line-height:30px;
						padding: 30px 30px 10px 30px;
						text-align:justify;
						background:#f1f9fc;
					}
						.rightbox p {
							margin: 0 0 20px 0;
						}
			.propertylist {
				display: table-cell;
				padding: 0 35px 0 0;
				vertical-align:top;
			}
				.filter {
					background: #e8f7fc;
					padding: 10px;
					margin: 0 0 25px 0;
				}
					.filter p {
						font-family:'Segoe', Arial, sans-serif;
						color:#5b5957;
						font-size:14px;
					}
					.nav {
						float:right;
					}
						.nav span {
							font-size:18px;
							line-height:18px;
						}
				.list-item {
					border-bottom: 1px solid #EEE;
					min-height: 231px;
					margin: 0 0 20px 0;
				}
					.list-item img {
						float:left;
						margin: 0 30px 5px 0;
					}
						.list-item img:hover {
							box-shadow: 0 0 20px 3px #CCC;
						}
					.list-item p {
						font-family:'Segoe', Arial, sans-serif;
						color:#5b5957;
						font-size:16px;
						margin: 0 0 20px 0;
					}
					.read {
						color:#5eccf5;
						font-style:italic;
						text-decoration:none;
					}
					.title {
						color:#5eccf5;
						text-decoration:none;
					}
						.read:hover, .title:hover {
							border-bottom: 1px solid #5eccf5;
						}
						
				.details {
					display: table-cell;
					padding: 0 35px 0 0;
					vertical-align:top;
				}
					.details p, .specs div {
						font-family:'Segoe', Arial, sans-serif;
						color:#5b5957;
						font-size:15px;
						line-height:23px;
					}
					.label {
						width:85px;
						float:left;
					}
				.specs {
					display: table-cell;
					width: 200px;
					vertical-align:top;
					padding-top:30px;
				}
					.specs>div {
						margin: 0 0 8px 0;
					}
							
			.filterlist {
				display: table-cell;
				width: 280px;
				vertical-align:top;
			}
				.search {
					background: #f4f5f6;
					padding: 5% 10% 10% 10%;
				}
					.searchtitle {
						font-family:'Segoe-light', Arial, sans-serif;
						font-size:24px;
						text-align:center;
						margin: 0 0 10% 0;
					}
					.search p {
						font-family:'Segoe-light', Arial, sans-serif;
						margin: 0 0 3% 0;
					}
				.info {
					background: #e8f7fc;
					padding: 6% 10% 10% 10%;
					margin: 15% 0 0 0;
				}
			
.abovefooter {
	width: 100%;
	background: #f4f4f4;
	font-family: 'Segoe', Arial, sans-serif;
	font-size: 16px;
	text-align:center;
}
.abovefooter2 {
	width: 100%;
	background:#d4f0fb;
	min-height: 40px;
}
.footer {
	width: 100%;
	background:#97def8;
	min-height:40px;
}
	.centered {
		width: 98%;
		max-width: 1255px;
		margin: 0 auto;
		min-width:320px;
	}
	.footer p {
		line-height:40px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.footer img {
		vertical-align:middle;
	}
	.footer a, .abovefooter a {
		color:#000;
		text-decoration:none;
	}
	.footer a:hover, .abovefooter a:hover {
		border-bottom: 1px solid #000;
	}
	
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.upper {
	text-transform:capitalize;
}
.link {
	color:#333;
	text-decoration:none;
}
.bold {
	font-family: 'Segoe-bold', Arial, sans-serif;
}
.link:hover {
	color:#089;
	border-bottom: 1px solid #089;
}
.arrow {
	color:#089;
	text-decoration:none;
	padding: 0 4px 2px 4px;
	border-radius:4px;
}
.arrow:hover {
	color:#FFF;
	background: #5BD;
}
.botao {
	font-family: 'Segoe-light', Arial, sans-serif;
	display:block;
	width:100%;
	background:#3fc2f3;
	border:1px solid #999;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:24px;
	line-height:150%;
}
.botao:hover {
	border:1px solid #000;
	font-family: 'Segoe', Arial, sans-serif;
	background:#bfe2f3;
}
.botao2 {
	font-family: 'Segoe', Arial, sans-serif;
	display:block;
	width:100%;
	background:#3fc2f3;
	border:1px solid #999;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:16px;
	line-height:150%;
	padding: 5px 0;
	margin: 20px 0 0 0;
}
.botao2:hover {
	border:1px solid #000;
	background:#bfe2f3;
}
.botao3 {
	font-family: 'Segoe', Arial, sans-serif !important;
	display:block;
	width:30%;
	font-weight:100 !important;
	background:#c3eefe;
	border:1px solid #FFF;
	text-align:center;
	text-decoration:none;
	color:#000 !important;
	font-size:24px;
	line-height:190%;
	margin: 0 4% 0 0;
}
.botao3:hover {
	border:1px solid #000 !important;
	font-family: 'Segoe', Arial, sans-serif;
	background:#bfe2f3;
	text-decoration:none;
}
.segoe14 {
	font-family: 'Segoe', Arial, sans-serif !important;
	font-size: 14px !important;
	line-height:22px !important;
	display:block;
	margin-left: 25px !important;
}
.red {
	color:#F00 !important;
}
.blue {
	color:#66C !important;
}
.lightgray {
	color:#CCF !important;
}
.button {
	font-family: 'Segoe', Arial, sans-serif !important;
	font-size: 18px !important;
	display:block;
	background:#F00;
	color: #FFF !important;
	padding: 0 22px;
	line-height:30px !important;
}
.button:hover {
	border: none !important;
	background: #1272b3;
}
.antispam {
	display:none;
}

/* Media Queries */
@media screen and (max-width: 1040px) {
	#mainmenu ul li a {
		font-size:14px;
	}
	#content h1, #content h2, .videodesc, h4 {
		font-size: 25px !important;
	}
	#content p, h3, .abovefooter p {
		font-size: 15px;
	}
	.rightcolumn {
		width: 420px;
	}
}
@media screen and (max-width: 900px) {
	#mainmenu ul li a {
		font-size:12px;
	}
	#content h1, #content h2, .videodesc, h4 {
		font-size: 21px !important;
	}
	#content p, h3, .abovefooter p {
		font-size: 14px;
	}
	.rightcolumn {
		width: 380px;
	}
	input, select {
		display:block;
		clear: both;
		float: left !important;
		width: 99.1%;
	}
	textarea {
		padding: 3px 0 3px 4px !important;
		width:99.1%;
	}
}
@media screen and (max-width: 800px) {
	#mainmenu ul li a {
		font-size:11px;
	}
	#content h1, #content h2, .videodesc, h4 {
		font-size: 18px !important;
	}
	#content p, h3, .abovefooter p {
		font-size: 13px;
	}
	.rightcolumn {
		width: 360px;
	}
}
@media screen and (max-width: 710px) {
	#mainmenu {
		text-align:center;
	}
	#mainmenu ul li a {
		font-size:14px;
		line-height:24px;
	}
	#mainmenu * {
	  display: block;
	}
	#mainmenu ul li {
		width:100%;
		float:left;
		height: 22px;
	}
		#mainmenu.expand ul {
			max-height: 340px !important;
		}
		#mainmenu > ul {
			max-height: 20px;
			overflow: hidden;
			-webkit-transition: max-height 0.5s;
			transition: max-height 0.5s;
		}
		#mainmenu > ul > li.mobile {
			background: none !important;
			display: block;
		}
		#mainmenu > ul > li.mobile a {
			color: #88826f;

		}
	#content * {
		
	}
		.rightcolumn, .leftcolumn {
			display:block;
			width:96%;
			padding:0 2%;
		}
		.rightcolumn {
			border-top: 2px dotted #97def8;
			margin: 25px 0 0 0;
			padding: 10px 2% 0 2%;
		}
			.rightcolumn iframe {
				height: 350px;
			}
}