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

/* ABOUT */
#about{background-color:#003d57; text-align:center; padding:25px 0px 0px 0px; margin:0px;}
#about h2{font-size:60px; color:#FFF; text-decoration:none; line-height:60px; padding:0px; margin:0px 15px 10px 15px;}
#about h3{font-size:18px; color:#b2d2e1; text-decoration:none; line-height:22px; text-transform:uppercase; padding:0px 15px; margin:0px;}

#about span{display:block; background-color:#022a3b; background-image:url(../Images/Icons/about_arrow.jpg); background-position:center top; background-repeat:no-repeat; padding:17px 15px; margin:25px 0px 0px 0px;}
#about span a{width:100%; max-width:100px; height:100px; display:inline-block; overflow:hidden; border:7px solid #02a6ea; -webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; -icab-border-radius:60px; -khtml-border-radius:60px; border-radius:60px;}
#about span a:hover{background-color:#02a6ea; text-decoration:none;}
#about span a.middle{margin:5px 40px 0px 40px;}

#about span a h2{width:100px; height:100px; display:table-cell; position:relative; font-size:25px; color:#FFF; text-decoration:none; text-align:center; vertical-align:middle; z-index:100; opacity:0;}

#about span a div.icona{width:63px; height:44px; display:block; position:relative; background-image:url(../Images/Icons/icons.png); background-position:-139px 0px; background-repeat:no-repeat; padding:0px; margin:23px 18px 33px 19px; z-index:1; opacity:1;}
#about span a div.iconc{width:41px; height:62px; display:block; position:relative; background-image:url(../Images/Icons/icons.png); background-position:-265px 0px; background-repeat:no-repeat; padding:0px; margin:15px 30px 23px 29px; z-index:1; opacity:1;}
#about span a div.iconm{width:63px; height:42px; display:block; position:relative; background-image:url(../Images/Icons/icons.png); background-position:-202px 0px; background-repeat:no-repeat; padding:0px; margin:28px 18px 30px 19px; z-index:1; opacity:1;}

#about span a:hover div.icona{display:none;}
#about span a:hover div.iconc{display:none;}
#about span a:hover div.iconm{display:none;}
#about span a:hover h2{opacity:1;}

/* PEOPLE */
#people{min-height:455px; display:block; border-top:10px solid #eeebe6; border-bottom:5px solid #a2b6bc; background-image:url(../Images/Backgrounds/line.jpg); background-position:center bottom; background-repeat:repeat-x; font-size:16px; color:#919b9b; text-decoration:none; line-height:22px; padding:0px; margin:0px;}
#people span.center{width:100%; max-width:1120px; min-height:347px; background-image:url(../Images/Backgrounds/people.jpg); background-position:left bottom; background-repeat:no-repeat; padding:108px 0px 0px 0px;}
#people span.center .box{width:100%; max-width:550px; float:right; padding:0px; margin:0px;}
#people h2{font-size:42px; color:#484544; text-decoration:none; line-height:42px; margin:0px 0px 20px 0px;}
#people strong{color:#00aeef; text-decoration:none; font-weight:normal;}
#people a.button{text-transform:uppercase; margin:25px 0px 0px 0px;}

/* HEAD */
#haed.home{min-height:395px; background-image:url(../Images/Backgrounds/home.jpg); background-position:center; background-repeat:no-repeat;}
#haed.home span.center{min-height:340px; position:relative; font-size:14px; color:#014876; text-decoration:none; padding:55px 0px 0px 0px;}

/* --- SEARCH --- */
#haed.home .search{width:100%; max-width:240px; min-height:375px; position:absolute; top:10px; right:10px; background-color:#0581b5; font-size:14px; color:#FFF; text-decoration:none; padding:15px; margin:0px;}

#haed.home .search .check{width:100%; max-width:110px; position:relative; float:left; padding:0px; margin:0px 0px 10px 0px;}

#haed.home .search .half{width:50%; max-width:110px; height:65px; position:relative; float:left; padding:0px; margin:0px 0px 15px 0px;}
#haed.home .search .half span.customSelect{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); max-width:90px; margin:5px 0px 0px 0px;}

#haed.home .search input.txt{width:100%; height:40px; display:block; background-color:#FFF; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; text-align:center; padding:0px; margin:5px 0px 10px 0px;}

#haed.home .search .select{width:100%; max-width:240px; height:38px; position:relative; padding:0px; margin:5px 0px 15px 0px;}
#haed.home .search .select span.customSelect{width:100%; max-width:220px; margin:0px;}

#haed.home .search .two{margin:0px 0px 0px 20px;}
#haed.home .search .amount{text-align:center; margin:5px 0px 15px 0px;}

#haed.home .search a.btn{display:block; background-color:#022a3b; font-family:'AvantGarde'; font-size:18px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; padding:14px 0px 16px 0px; margin:23px 0px 0px 0px;}
#haed.home .search a.btn:hover{color:#76A9CA; text-decoration:none;}

/* PAGE */
#page{background-color:#f3f3f3; padding:0px 0px 40px 0px;}
#page span.center{width:100%; max-width:1118px; background-color:#FFF; border:1px solid #c3c5c9; border-top:none; padding:25px; margin:0px auto; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -o-border-radius:0px 0px 5px 5px; -icab-border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}

/* --- HOME --- */
#page div.tabs_content{position:relative;}
#page div.tabs_content strong.null{display:block; color:#333; text-decoration:none; font-weight:normal;}
#page div.tabs_content a.button{position:absolute; bottom:-43px; left:50%; margin:0px 0px 0px -72px;}

/* === RENT === */
#page article.rent{width:50%; display:block; float:left; position:relative; padding:0px; margin:0px;}
#page article.rent h2{width:100%; height:30px; display:block; background-color:#009038; background-image:url(../Images/Backgrounds/av.jpg); background-position:center 0px; background-repeat:no-repeat; padding:0px; margin:0px 0px 20px 0px;}

#page article.rent a.ads{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px);}

/* === SALE === */
#page article.sale{width:50%; display:block; float:left; position:relative; padding:0px; margin:0px;}
#page article.sale h2{width:100%; height:30px; display:block; background-color:#0075bb; background-image:url(../Images/Backgrounds/av.jpg); background-position:center -30px; background-repeat:no-repeat; padding:0px; margin:0px 0px 20px 0px;}

#page article.sale a.ads{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px);}

/* === TOP === */
#page div.slider{width:100%; max-width:1118px; min-height:245px; position:relative; border-bottom:1px dashed #a9abad; padding:0px 0px 20px 0px; margin:0px 0px 25px 0px;}
#page div.slider div.wrapper{width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width:calc(100% - 110px); max-width:1000px; min-height:254px; float:left; position:relative; overflow:hidden; padding:0px; margin:0px;}
#page div.slider div.wrapper .viewport{width:100%; max-width:1000px; min-height:254px; padding:0px; margin:0px;}
#page div.slider div.wrapper .loading{width:100%; max-width:1000px; min-height:254px; position:absolute; top:0; left:0; background-image:url(../Images/Icons/load.gif); background-position:center; background-repeat:no-repeat; z-index:200;}

#page div.slider div.wrapper ul{width:100%; max-width:1000px; min-height:254px; display:block; float:left; padding:0px; margin:0px;}
#page div.slider div.wrapper ul li{width:100%; max-width:500px; min-height:254px; display:block; position:relative; list-style:none; padding:0px;}
#page div.slider div.wrapper ul li a{width:100%; max-width:500px; min-height:245px; display:block; position:relative; padding:0px; margin:9px 0px 0px; z-index:9999;}
#page div.slider div.wrapper ul li a span.top{display:block; float:left; position:absolute; top:-9px; left:10px; background-color:#ff8686; font-size:11px; color:#fff; text-decoration:none; text-align:center; font-weight:bold; padding:0px 5px; margin:0px; z-index:999;}
#page div.slider div.wrapper ul li a span.rent{display:inline-block; background-color:#008c36; font-size:12px; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; padding:0px 15px; margin:0px 0px 15px 0px;}
#page div.slider div.wrapper ul li a span.sale{display:inline-block; background-color:#0075bc; font-size:12px; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; padding:0px 15px; margin:0px 0px 15px 0px;}

#page div.slider div.wrapper ul li a .info{height:140px; position:relative; background-color:#f5f5f5; font-size:11px; color:#696969; text-decoration:none; padding:30px; margin:0px;}
#page div.slider div.wrapper ul li a .info img{width:100%; max-width:190px; height:140px; display:block; float:left; padding:0px; margin:0px 20px 0px 0px;}
#page div.slider div.wrapper ul li a .info h4{font-size:18px; color:#000; text-decoration:none; text-transform:uppercase; line-height:18px; padding:0px; margin:0px;}
#page div.slider div.wrapper ul li a .info address{display:block; font-style:normal; color:#484544; text-decoration:none; padding:0px; margin:0px 0px 15px 0px;}
#page div.slider div.wrapper ul li a .info span.arrow{width:10px; height:5px; display:block; position:absolute; bottom:0px; right:10px; background-image:url(../Images/Icons/icons.png); background-position:0px -42px; background-repeat:no-repeat;}

#page div.slider div.wrapper ul li a div.number{width:100%; max-width:253px; float:left; color:#2e2e2e; text-decoration:none; padding:15px 30px 0px 30px; margin:0px;}

#page div.slider div.wrapper ul li a div.more{width:100%; max-width:313px; height:43px; float:left; display:none; background-color:#f2f2f2;}

#page div.slider div.wrapper ul li a div.more span.sower{width:62px; height:31px; float:left; color:#2e2e2e; text-align:center; padding:12px 0px 0px 0px; margin:0px;}
#page div.slider div.wrapper ul li a div.more span.sower strong{width:14px; height:20px; display:inline-block; background-image:url(../Images/Icons/icons.png); background-position:-202px -42px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 8px 0px 0px;}

#page div.slider div.wrapper ul li a div.more span.bed{width:62px; height:30px; float:left; color:#2e2e2e; text-align:center; padding:13px 0px 0px 0px; margin:0px;}
#page div.slider div.wrapper ul li a div.more span.bed strong{width:21px; height:12px; display:inline-block; background-image:url(../Images/Icons/icons.png); background-position:-20px -48px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 8px 0px 0px;}

#page div.slider div.wrapper ul li a div.more span.car{width:62px; height:30px; float:left; color:#2e2e2e; text-align:center; padding:13px 0px 0px 0px; margin:0px;}
#page div.slider div.wrapper ul li a div.more span.car strong{width:20px; height:12px; display:inline-block; background-image:url(../Images/Icons/icons.png); background-position:0px -48px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 8px 0px 0px;}

#page div.slider div.wrapper ul li a div.more span.price{height:30px; display:block; float:left; border-left:1px solid #e5e5e5; color:#a4a4a4; text-decoration:none; padding:13px 15px 0px 16px; margin:0px;}
#page div.slider div.wrapper ul li a div.more span.price strong{display:inline-block; font-size:18px; color:#313131; text-decoration:none; vertical-align:text-top;}

#page div.slider div.wrapper ul li a div.btn{width:100%; max-width:187px; height:30px; float:left; background-color:#e5e5e5; font-size:15px; color:#0581b5; text-decoration:none; text-align:center; text-transform:uppercase; padding:13px 0px 0px 0px; margin:0px;}

#page div.slider div.wrapper ul li a:hover{text-decoration:none;}
#page div.slider div.wrapper ul li a:hover .info{background-color:#e5e5e5;}
#page div.slider div.wrapper ul li a:hover .info span.arrow{background-position:-10px -42px;}
#page div.slider div.wrapper ul li a:hover div.number{display:none;}
#page div.slider div.wrapper ul li a:hover div.more{display:block;}
#page div.slider div.wrapper ul li a:hover div.btn{background-color:#26abee; color:#FFF;}

#page div.slider div.left{width:33px; height:163px; display:block; float:left; padding:0px; margin:41px 0px 0px 22px;}
#page div.slider div.left a{width:33px; height:163px; display:block; background-image:url(../Images/Buttons/slider.png); background-position:-33px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
#page div.slider div.left a:hover{background-position:-99px 0px;}

#page div.slider div.right{width:33px; height:163px; display:block; float:left; padding:0px; margin:41px 22px 0px 0px;}
#page div.slider div.right a{width:33px; height:163px; display:block; background-image:url(../Images/Buttons/slider.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
#page div.slider div.right a:hover{background-position:-66px 0px;}