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

@media only screen and (max-width: 1200px){
	#haed.home span.center{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding:55px 15px 0px 15px;}
	#page span.center{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1140px; border:none; padding:25px 15px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -icab-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;}
	
	#page div.slider div.wrapper ul li a .info{min-height:inherit; padding:15px;}
	#page div.slider div.wrapper ul li a div.number,
	#page div.slider div.wrapper ul li a div.more,
	#page div.slider div.wrapper ul li a:hover div.more{display:none;}
	#page div.slider div.wrapper ul li a div.btn{max-width:none; float:right;}
	
	#page div.search{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1140px; padding:30px 15px;}
}

@media only screen and (max-width: 1150px){
	header nav ul li a{padding:0px 15px;}
	
	#page div.search div.box{width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px);}
	#page div.search div.box:nth-child(5){clear:left;}
	
	#page div.search .slid{width:17%; max-width:none;}
	#page div.search .sel{width:100%; max-width:none;}
	#page div.search .sel span.customSelect{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
	#page div.search input.txt{width:100%; max-width:none;}
	#page div.search .select{width:100%; max-width:none;}
	#page div.search .select span.customSelect{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
}

@media only screen and (max-width: 1100px){
	#people span.center .box{max-width:450px;}
	
	.gallery,
	#page div.lside .galleries{height:500px;}
	.gallery .image-wrapper{height:395px;}
}

@media only screen and (max-width: 1050px){
	header nav ul li a{padding:0px 10px;}
	
	.gallery,
	#page div.lside .galleries{height:490px;}
	.gallery .image-wrapper{height:385px;}
}

@media only screen and (max-width: 1000px){
	#haed ul.tabs li a{padding:13px 10px 0px 10px;}
	
	#haed.home .search{max-width:180px;}
	#haed.home .search .check{max-width:80px;}
	#haed.home .search .half{max-width:80px;}
	
	.gallery,
	#page div.lside .galleries{height:480px;}
	.gallery .image-wrapper{height:375px;}
}

@media only screen and (max-width: 950px){
	header nav ul li:first-child{display:none;}
	
	#haed h2{font-size:70px; line-height:70px;}
	#haed h2 small{font-size:35px; line-height:35px;}
	
	#about h2{font-size:58px; line-height:58px;}
	#about h3{font-size:17px; line-height:23px;}
	
	#people span.center .box{max-width:350px;}
	
	footer a.retecasa{display:none;}
	
	.gallery,
	#page div.lside .galleries{height:470px;}
	.gallery .image-wrapper{height:365px;}
}

@media only screen and (max-width: 900px){
	header nav ul li a{padding:0px 7px;}
	
	#haed h2{font-size:68px; line-height:68px;}
	#haed h2 small{font-size:34px; line-height:34px;}
	
	#about h2{font-size:56px; line-height:56px;}
	
	#page div.slider div.wrapper ul li,
	#page div.slider div.wrapper ul li a{max-width:900px;}
	#page div.slider div.wrapper ul li a div.number,
	#page div.slider div.wrapper ul li a:hover div.more{display:block;}
	#page div.slider div.wrapper ul li a div.btn{max-width:187px;}
	
	a.ads{width:-moz-calc(33.3334% - 12px); width:-webkit-calc(33.3334% - 12px); width:-o-calc(33.3334% - 12px); width:calc(33.3334% - 12px);}
	
	#other h2{float:none; font-size:54px; line-height:54px; text-align:center; margin:0px 0px 20px 0px;}
	#other h3{float:none; font-size:16px; line-height:16px; text-align:center; margin:0px 0px 10px 0px;}
	
	.gallery,
	#page div.lside .galleries{height:460px;}
	.gallery .image-wrapper{height:355px;}
}

@media only screen and (max-width: 850px){
	header nav{height:auto; display:none; padding:10px 15px 15px 15px;}
	header nav ul{height:auto;}
	header nav ul li{height:auto; float:none; padding:5px 0px;}
	header nav ul li a{height:auto; line-height:20px;}	
	header nav ul li.last{height:auto; float:none; text-align:left;}
	header nav ul li.last a{height:24px; line-height:24px; margin:0px;}
	header nav ul li:hover div{display:none;}	
	header a.mail{display:none;}
	header a.show{display:block;}
	
	#haed h2{font-size:66px; line-height:66px;}
	#haed h2 small{font-size:33px; line-height:33px;}
	
	#about h2{font-size:54px; line-height:54px;}
	
	#people span.center{padding:20px 0px 340px 0px;}
	#people span.center .box{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:none; float:none; text-align:center; padding:0px 15px; margin:0px;}
	#people a.button{display:inline-block; float:none;}
	
	#contacts div.address{width:50%; max-width:none;}
	#contacts div.location{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); max-width:none; margin:0px 0px 0px 30px;}
	#contacts div.form{width:auto; max-width:none; float:none; clear:left; padding:50px 0px 0px 0px;}
	#contacts div.form span,
	#contacts div.form span input{max-width:none;}
	
	#page article.rent a.ads,
	#page article.sale a.ads{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); float:none; margin:12px auto 0px auto;}
	
	.sideone,
	.sidetwo{width:100%; float:none;}
	
	div.filter span{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);}
	
	#page div.rside .option{padding:15px;}
	#page div.rside .option a.visit span,
	#page div.rside .option a.question span,
	#page div.rside .option a.friend span,
	#page div.rside .option a.print span{margin:0px 10px 0px 0px;}
	
	.gallery,
	#page div.lside .galleries{height:450px;}
	.gallery .image-wrapper{height:345px;}
}

@media only screen and (max-width: 800px){
	#haed.home .search{display:none;}
	#haed ul.tabs li a{padding:13px 20px 0px 20px;}
	
	#haed h2{font-size:64px; line-height:64px;}
	#haed h2 small{font-size:32px; line-height:32px;}
	
	#about h2{font-size:52px; line-height:52px;}
	
	.leftside{width:100%; float:none;}
	.rightside{width:100%; float:none; margin:30px 0px 0px 0px;}
	
	.gallery,
	#page div.lside .galleries{height:440px;}
	.gallery .image-wrapper{height:335px;}
}

@media only screen and (max-width: 750px){
	#haed h2{font-size:62px; line-height:62px;}
	#haed h2 small{font-size:31px; line-height:31px;}
	
	#about h2{font-size:50px; line-height:50px;}
	#about h3{font-size:16px; line-height:22px;}
	
	#page img.office{height:auto; float:none; margin:20px auto;}
	
	#add .count,
	#friend .count,
	#profile .count{max-width:280px; height:auto; min-height:inherit; margin:-215px 0px 0px -170px;}
	#visit .count{max-width:280px; height:auto; min-height:inherit; padding:15px; margin:-265px 0px 0px -170px;}
	#add .count span.box,
	#profile .count span.box{max-width:280px; float:none; margin:0px;}
	#add .count span.margin,
	#profile .count span.margin{margin:0px;}
	#visit .count textarea,
	#add .count input,
	#visit .count input,
	#friend .count input,
	#profile .count input{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
	
	div.popup_count .count h2{cursor:pointer;}
	div.popup_count .count h2:hover{color:#78bced;}

	.pcontent{display:none;}
	#onepcount{display:block;}
	
	div.annuncio h3{float:none; margin:0px 0px 10px 0px;}
	div.annuncio span{display:inline-block; float:none; padding:5px; margin:0px;}
	div.annuncio a.btn{float:none; margin:0px 10px 0px 0px;}
	div.annuncio a.btn.del{margin:0px;}
	
	#haed.ads a{max-width:100px; float:none; margin:0px 0px 20px 0px;}
	
	#page div.lside{width:auto; max-width:705px; float:none; margin:0px auto 30px auto;}
	#page div.rside{width:auto; float:none;}
	#page div.rside .banner{display:none;}
	
	.gallery,
	#page div.lside .galleries{height:525px;}
	.gallery .image-wrapper{height:420px;}
}

@media only screen and (max-width: 700px){
	header h1{max-width:260px;}
	
	#haed ul.tabs li a{padding:13px 10px 0px 10px;}	
	#haed h2{font-size:60px; line-height:60px;}
	
	#about h2{font-size:48px; line-height:48px;}
	#haed h2 small{font-size:30px; line-height:30px;}
	
	#page div.slider div.wrapper ul li a div.btn{max-width:160px;}
	
	#page div.search div.box{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px);}
	#page div.search div.box:nth-child(5){clear:none;}
	#page div.search div.box:nth-child(odd){clear:both;}
	
	.gallery,
	#page div.lside .galleries{height:525px;}
	.gallery .image-wrapper{height:410px;}
}

@media only screen and (max-width: 650px){
	#haed h2{font-size:58px; line-height:58px;}
	#haed h2 small{font-size:29px; line-height:29px;}
	
	#about h2{font-size:46px; line-height:46px;}
	
	footer a.fimaa{display:none;}
	footer div.copyright{width:auto; border-left:none; padding:10px 0px; margin:9px 0px 0px 0px;}
	
	#page div.slider div.wrapper ul li a div.number,
	#page div.slider div.wrapper ul li a div.more,
	#page div.slider div.wrapper ul li a:hover div.more{display:none;}
	#page div.slider div.wrapper ul li a div.btn{max-width:none;}
	
	a.ads{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px);}
	
	div.cerca span{width:100%; float:none;}
	
	.gallery,
	#page div.lside .galleries{height:515px;}
	.gallery .image-wrapper{height:400px;}
}

@media only screen and (max-width: 600px){
	header h1 a span{display:none;}
	
	#haed ul.tabs li a{font-size:12px;}	
	#haed h2{font-size:56px; line-height:56px;}
	#haed h2 small{font-size:28px; line-height:28px;}
	
	#about h2{font-size:44px; line-height:44px;}
	
	#people{min-height:100px;}
	#people span.center{min-height:100px; background-image:none; padding:50px 0px;}
	
	#page.null span.center{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); padding:15px;}
	
	div.filter span{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);}
	div.filter a.sendfilter{width:100%; display:block; margin:20px 0px 0px 0px;}
	div.filter a.delsfilter{width:100%; display:block; margin:5px 0px 0px 0px;}
	
	.gallery,
	#page div.lside .galleries{height:505px;}
	.gallery .image-wrapper{height:390px;}
}

@media only screen and (max-width: 550px){
	#haed h2.blue small{display:none;}
	#haed h2{font-size:54px; line-height:54px;}
	#haed h2 small{font-size:27px; line-height:27px;}
	
	#about h2{font-size:42px; line-height:42px;}
	#about h3{font-size:15px; line-height:21px;}
	
	#page article.rent{width:100%; float:none; padding:30px 0px 0px 0px;}
	#page article.sale{width:100%; float:none;}
	#page article.rent a.ads,
	#page article.sale a.ads{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:-o-calc(50% - 12px); width:calc(50% - 12px); float:left; margin:12px 12px 0px 0px;}
	
	#page a.popup{float:none; margin:10px auto 0px auto;}
	
	#page div.slider div.wrapper{width:100%;}
	#page div.slider div.left,
	#page div.slider div.right{display:none;}
	
	div.searchcerco{width:50%; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);}
	
	.gallery,
	#page div.lside .galleries{height:495px;}
	.gallery .image-wrapper{height:380px;}
}

@media only screen and (max-width: 500px){
	#haed ul.tabs{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:auto;}
	#haed ul.tabs li{height:auto; float:none;}
	#haed ul.tabs li a{height:auto; float:none; font-size:15px; padding:10px 0px; margin:0px;}
	#haed ul.tabs li.active a{height:auto; background-color:#00aeef; border-left:none; border-top:none; border-bottom:none; color:#FFF; margin:0px;}
	#haed h2{font-size:52px; line-height:52px;}
	#haed h2 small{font-size:26px; line-height:26px;}
	
	#about h2{font-size:40px; line-height:40px;}
	
	#contacts div.address{width:auto; max-width:none; float:none; clear:left; padding:0px; margin:0px;}
	#contacts div.location{width:auto; max-width:none; float:none; clear:left; padding:50px 0px 0px 0px; margin:0px;}
	
	footer{text-align:center;}
	footer span.center{height:auto;}
	footer div.copyright{height:auto; float:none; text-align:center; padding:0px; margin:15px 0px 0px 0px;}
	footer a.googleplus,
	footer a.facebook,
	footer a.linkedin,
	footer a.twitter{display:inline-block; float:none;}
	
	#about span a{max-width:80px; height:80px; border:5px solid #02a6ea; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -icab-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;}
	#about span a.middle{margin:5px 10px 0px 10px;}
	#about span a h2{width:80px; height:80px; font-size:20px;}
	#about span a div.icona{margin:13px 8px 23px 9px;}
	#about span a div.iconc{margin:5px 10px 13px 19px;}
	#about span a div.iconm{margin:18px 8px 20px 9px;}
	
	#profile .count a.button{float:none;}
	
	#page div.lside .msg h2{font-size:36px; line-height:36px;}
	#page div.lside .msg span{width:100%; max-width:none; display:block; clear:both; float:none; text-align:left; margin:10px 0px 0px 0px;}
	#page div.lside .msg span.middle{margin:10px 0px 0px 0px;}
	#page div.lside .msg span input{max-width:none;}
	
	.gallery,
	#page div.lside .galleries{height:465px;}
	.gallery .image-wrapper{height:350x;}
}

@media only screen and (max-width: 450px){
	header a.phone{display:none;}
	
	#haed h2{font-size:50px; line-height:50px;}
	#haed h2 small{font-size:25px; line-height:25px;}
	
	#about h2{font-size:38px; line-height:38px;}
	#about h3{font-size:14px; line-height:20px;}
	
	#page article.rent a.ads,
	#page article.sale a.ads{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); float:none; margin:12px auto 0px auto;}
	
	a.ads{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); float:none; margin:12px auto 0px auto;}
	
	.gallery,
	#page div.lside .galleries{height:440px;}
	.gallery .image-wrapper{height:325px;}
}

@media only screen and (max-width: 400px){
	#haed h2{font-size:48px; line-height:48px;}
	#haed h2 small{font-size:24px; line-height:24px;}
	
	#about h2{font-size:36px; line-height:36px;}
	
	#contacts div.form span,
	#contacts div.form span.two{width:auto; max-width:none; float:none; margin:0px 0px 5px 0px;}
	
	#page div.slider,
	#page div.slider div.wrapper,
	#page div.slider div.wrapper .viewport,
	#page div.slider div.wrapper .loading,
	#page div.slider div.wrapper ul,
	#page div.slider div.wrapper ul li,
	#page div.slider div.wrapper ul li a{min-height:200px;}
	#page div.slider div.wrapper ul li a .info img{display:none;}
	
	#add .count,
	#friend .count,
	#profile .count{max-width:230px; padding:20px 15px; margin:-215px 0px 0px -130px;}
	#visit .count{max-width:230px; margin:-265px 0px 0px -130px;}
	
	.gallery,
	#page div.lside .galleries{height:420px;}
	.gallery .image-wrapper{height:305px;}
}

@media only screen and (max-width: 350px){
	#haed h2{font-size:44px; line-height:44px;}
	#haed h2 small{font-size:22px; line-height:22px;}
	
	#about h2{font-size:34px; line-height:34px;}
	
	footer div.copyright strong{display:block;}
	
	#about{padding:25px 0px;}
	#about span{display:none;}
	
	#page div.search div.box{width:100%; float:none; clear:both; margin:0px;}
	
	#page div.lside .msg h2{font-size:28px; line-height:28px; margin:0px 0px 15px 0px;}
	
	.gallery,
	#page div.lside .galleries{height:400px;}
	.gallery .image-wrapper{height:285px;}
}