/* --- FONT --- */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);


/* --- DINAMICI --- */
body {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
	background-color: #000000;	
}

h1 {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-style:normal;
	text-decoration:none;
}

h2 {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}

h3 {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;	
}

h4 {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}


.colore1 {
	color:#FFF;
}

.colore2 {
	color:#000000;
}

.colore3 {
	color:#FF0000;
}

.sfondo_colore1 {
	background-color:#666;
}

.sfondo_colore2 {
	background-color:#222222;
}

.sfondo_colore3 {
	background-color:#000000;
}

a {
	color:#FFF; 
	text-decoration:none;
}

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

a:hover {
	color:#500; 
	text-decoration:none;
}

.pulsante {
	color:#FFFFFF;
	background-color:#FF0000;
	border-color: #FFFFFF;
	border-width: 0px;
	border-style: solid;
}

.pulsante:hover {
	color:#FFFFFF;
	background-color:#AA0000;	
}


/* --- GENERICI --- */
a:focus {outline:0}
a:active {text-decoration:none;}
hr {margin:20px 0;}
input.pulsante {cursor:pointer}
.heighter {clear:both; height:30px;}
.heighter2 {clear:both; height:30px; width:100%; display:block; margin:15px 0; /*height:50px; background:url('../images/spacer2.png') no-repeat center center;*/}
.heighter3 {clear:both; height:15px;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcentered {text-align: center;}
.textjustified {text-align: justify;}
.invisible {display:none}
.nomeagenzia, .bold {font-weight:bold}
.capitalize {text-transform:capitalize}
.uppercase {text-transform:uppercase}
.onlymobile {display:none;}
.hiddenmobile {display:block;}
.pad {padding:10px}
.minpad {padding:5px}
.maxpad {padding:20px}


h1, h2, h3, h4, h5 {text-transform: uppercase; text-align:center;}
h1, h2 {margin-bottom: 20px;}
h3, h4, h5 {margin-bottom: 10px;}
a.pulsante {padding: 5px 20px;}
a.pulsante.backtosearch, a.pulsante.backtoresults {font-size:1.2em; border-radius:5px; padding:2% 5%; box-shadow:0 -5px 10px rgba(0,0,0,0.5) inset}


.box {background-color:#000; color:#FFF; padding:15px; border:4px #FFF solid; border-radius:10px; text-align:center; line-height:1.5em;}
.span9, .span3 {padding-right:15px;}
.span9 img, .span3 img {max-width:100%;}
.span9 img.thumb, .span3 img.thumb {max-width:200px; float:left; margin-right:20px;}
.topnews a.pulsante {font-size:0.85em; padding:2px 10px; float:right;}
.topnews .singlenews img{max-width:100%!important; height:auto!important;}

.flipcols > [class*="span"] {float:right!important;}


/* --- DEBUG --- */
blockquote {background-color:#FFF; color:#000; padding:3px;}


/* --- LAYOUT --- */
/* inserire qui il CSS di layout */
.fullframe {width:100%;overflow: hidden;}
.main {width: 1170px; position:relative; display:block; margin:0 auto;}
.nopadding {padding:0}


/* --- HEADER --- */
header {display:block; width:100%; height:168px; position:relative; vertical-align:bottom;}
header #logos { position:relative; background-color:Lime}
header #logo a {display:block; height:auto; width:auto; position:absolute; bottom:0px; left:0; z-index:99}
header #logo a img {display:block; width:auto; max-width:350px; max-height:130px; /* box-shadow: 10px 0 20px rgba(0,0,0,.5); */}


/* --- WATERMARK --- */
.watermark {display:block; width:100%; height:100%; background-color:transparent; background-origin:padding-box; background-position:center center; background-repeat:no-repeat; background-size:160px auto; opacity:0.7}
.flexslider .watermark {background-size:auto 50px;}
#colorbox #cboxLoadedContent .watermark {position:absolute; width:100%; height:93%; margin-bottom:30px; background-color:transparent; background-origin:padding-box; background-position:bottom right; background-repeat:no-repeat; background-size:auto 50px; box-sizing:border-box;}
.listing .property-item figure .watermark { background-size:auto 40px; background-position: right bottom; }

.swiper-wrapper .watermark { position: absolute; background-size:auto 40px; background-position: right bottom; }
.photogallery .watermark { background-size:auto 40px; background-position: right bottom; }
.swiper-slide .watermark { position: absolute;  }

#home .swiper-slide .watermark { background-position: left bottom; }
#home .item-block .watermark { background-size:auto 40px; background-position: left bottom; }

/* --- MAIN MENU --- */

nav {display: block; text-align: right; padding-top: 0; position:absolute; top:117px; right:0; z-index:90; width:100%;}

#mainmenu a, #mainmenu li, #mainmenu li ul li{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	 transition:.5s;
}


#mainmenu-container{
	text-align:center;
	width:100%;
	height:auto /*50px*/;
	margin:0;
  	padding-top: 55px;
}
#mainmenu {
  font-weight:400;
  font-size:14px;
  letter-spacing:0px;
  display:inline-block;
  text-align:right;
  width:100%;
  padding-left: 350px; /* padding per max-width del logo */
}

#mainmenu ul {
  float:right;
  margin:0px 0px;
  padding:0px 0px;
  height:30px;
  text-align:left;
}

#mainmenu li {
  margin:0px 0px;
  padding:0px 0px;
  float:none;
  display:inline-block;
  list-style:none;
  position:relative;
}

#mainmenu a {
  display:block;
  padding:15px 17px 15px 17px /*32px 17px 30px 17px*/;
  text-decoration:none;
  color:#FFF;
  font-size:1.1em;
  text-transform:uppercase;
}


#mainmenu li li {
	font-size:14px;
}

#mainmenu li li a{
	padding:10px 25px 10px 15px;
	background-color:transparent;
	border-top:none;
	text-transform:none;
	letter-spacing:normal;
}


#mainmenu li li a:hover{
	border-top:none;
}

#mainmenu li li a:hover {
	color:#fff;
 	background-color:transparent;
}

#mainmenu li ul {
  /*width:170px;*/
  height:auto;
  position:absolute;
  top:100%;
  left:0px;
  z-index:100;
  display:none;
}

#mainmenu a, #mainmenu li, #mainmenu li li, #mainmenu li ul a, #mainmenu li:hover li {color:#FFF; background-color:#666;}
#mainmenu li.active a, #mainmenu li.active a:hover, #mainmenu a:hover, #mainmenu li:hover li a:hover {background-color: rgba(0,0,0,.2);}
#mainmenu li.active ul li a {background-color:Transparent;}
#mainmenu li.active ul li.active a {background-color: rgba(0,0,0,.3);}


#mainmenu li li {
	display:block;
	float:none;  
}

#mainmenu li:hover > ul {
	display:block;
}

#mainmenu li ul ul {
  left:100%;
  top:0px;
}



#mainmenu select {padding:10px; height:36px; font-size:14px; border:none; background:#ff4200; color:#fff;}
#mainmenu select option{padding:10px;}

.selectnav{display:none; color:#000;}

/* --- submenu -- */
.menu ul li a {border:0; text-align:left; padding-left:20px;}
.menu ul li:hover a {background-image:none;}
.menu ul ul {left: 100%;}
.menu .submenu > a {padding-right:25px;}
.menu .submenu { background-image:url('../images/freccina_white.png'); background-position:right center; background-repeat:no-repeat;}


/* --- BANNER --- */
#banner {width:100%; height:292px; background-position:center center; background-size:cover; background-repeat:no-repeat; position: relative; z-index:80;}


/* --- SHORTCUT --- */

.shortcuts {width:100%; margin-bottom:20px;}
#shortcut {margin-bottom:0px; padding:0;}
#shortcut .TitoloSC  {display:block; font-size:1.2em; color:#FFF; margin-bottom:5px; box-sizing:border-box; text-align:center;}
#shortcut .sc_menu {border:1px #CCC solid; padding:10px; margin-bottom:10px;}
#shortcut .sc_menu a.sc_link {background-color:#eee; display:block; width:100%; color:#333; font-weight:bold; font-size:0.9em; padding:2px 5px; margin:5px 0; box-sizing:border-box;}




/* --- ELENCO COMUNI --- */
.elencocomuni {display:block}
.elencocomuni ul {list-style:none; margin:0; padding:0; text-align:justify}
.elencocomuni ul li {margin:0 2px 5px 0; padding:0; /*float:left;*/ display:inline-block; width:auto; transition: all .2s ease-in-out; background-color:#F9F9F9;}
.elencocomuni ul li:hover {background-color:#EEE; background-color:rgba(0,0,0,0.2)}
.elencocomuni ul li a {font-size:1em; display:block; margin:0; width:auto; padding:1px 4px;}
.elencocomuni ul.pochi li a {font-size:1em;}



/* --- GRUPPI --- */
#elencoagenzie {}
#elencoagenzie .agenzia {clear:both; padding:10px 0; border-top:1px #000 solid;}
#elencoagenzie strong {font-size:15px;}
#elencoagenzie .agenzie_mappa {float:left; width:300px; margin-right:20px; height:200px;}
#elencoagenzie .agenzie_dettagli {float:left; margin-right:20px; height:auto;}


#elenco-sedi .agenzie_mappa {width: 70%; float: left; height: 222px; }
#elenco-sedi.elenco_sedi_wt h4 {text-align:left;}
#elenco-sedi.elenco_sedi_wt .sedi_dettagli {float: left; display: block; width: 30%;}
#elenco-sedi.elenco_sedi_wt .annsede > div {display:inline-block; margin-top:10px;}


#elencoagenzie.minisito {display:block; margin:0; width:100%; padding:0; font-size: 0.9em;  box-sizing:border-box;}
#elencoagenzie.minisito .agenzia {width:100%; text-align:center; padding:30px 0; position:relative; box-sizing:border-box;}
#elencoagenzie.minisito .agenzia .agenzie_logo {display:inline-block; float:left; margin-right:20px; width:90px;}
#elencoagenzie.minisito .agenzia .agenzie_logo img {width:100px; max-height:75px}
#elencoagenzie.minisito .agency_cf, #elencoagenzie.minisito .agency_pi {display: none;}
#elencoagenzie.minisito .agency_recapiti {text-align:center; font-weight:bold;}
#elencoagenzie.minisito .agency_recapiti div {display:inline-block; margin:0 5px;}
#elencoagenzie.minisito .agenzie_dettagli {text-align:left; float:left; line-height: 1.5em;}
#elencoagenzie.minisito .descr-agenzia {margin:10px 0 5px 0; height:auto; text-align:justify;}
#elencoagenzie.minisito .agency_buttons {text-align:center; margin-top:10px; margin:10px auto 0 auto; left: 0; right: 0;}
#elencoagenzie.minisito .agency_buttons a.pulsante {font-size:0.9em; margin-bottom:5px; border-radius:0; font-weight:bold; white-space:nowrap;}
#elencoagenzie.minisito .agency_buttons a.pulsante:hover {font-weight:bold;}
#elencoagenzie.minisito h2.titolo {}

.span3 .det_agenzia {font-size:0.85em}

.showinfominisito {
	display:block; 
	width:30px; 
	height:30px; 
	padding:5px; 
	margin-bottom:-35px; 
	float:right; 
	border-radius:22px; 
	text-align:center; 
	line-height:30px; 
	font-size:2.2em; 
	font-weight:bold; 
	font-family:"Times New Roman", Times, serif;
	box-shadow:2px 2px 5px #AAA;
}

#infominisito {display:none;}

#cboxPrevious, #cboxNext {top:50%!important; width:24px!important; height:44px!important; margin-top:-12px!important; border-top:10px #e5e5e5 solid!important; border-bottom:10px #e5e5e5 solid!important; outline:0}
#cboxPrevious {left:0px!important; right:auto!important;}
#cboxNext {right:0px!important; left:auto!important;}
#cboxCurrent {left:0!important;}


/* --- MINI SITO --- */
.logo_agenzia {float:left; height:60px; margin-right:20px;}
.minisito {padding:20px; /*border:2px #444 dashed*/}
.minisito .dex_agenzia {font-size:0.75em; line-height:1.2em; max-height:200px; overflow:auto;}



/* --- CERTIFICATI --- */

.certified-logo {
	width:50px; 
	height:50px; 
	display:inline-block; 
	vertical-align:middle; 	
	float:left; 
	background:url('../images/certified.png') no-repeat center center; 
	background-size:100% 100%; 
	background-size: contain;
	margin:-3px 3px;
}

.certified-logo.rightlogo {
	float:right;
	margin:-15px;
}







/* --- WIDGET --- */
.widget {width:100%;  margin-bottom:30px;}
.widgetitem {clear:both; margin:15px auto; max-width:270px; text-align:center}
.widget h4.title{ padding-bottom:10px;}
.widget ul{list-style:none; margin:0;}
.widget_category li { margin-bottom:5px;}
.widget_category li i{margin-right:10px;}
.widget_recent_post li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:5px;}
.widget_recent_post li a{color:#555;}
.widget .comments li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:5px;}
.widget_tags li{display:inline-block; margin-right:0px; margin-bottom:11px;height: 25px;}
.widget_tags li a{ text-decoration:none; border:solid 1px #ccc; text-shadow:none; border-radius:2px; margin-bottom:5px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#fff; padding:5px 10px 5px 10px;}
.widget_tags li a:hover{background:#555; color:#fff; }

.widgetitem {clear:both; margin-bottom:30px;}

.newsletter .nl-body input{float:none!important;}
.newsletter .nl-body label{float:none!important;}

/* --- ICONE PROPERTYRE --- */
.age-propertyre {display:block; position:relative; text-align:center; clear:both; margin-bottom:20px;}
.age-propertyre img {display:none; height:auto; width:auto;}
.age-propertyre img.midpr {display:block}
h1 .age-propertyre {margin:0 20px 0 0; position:relative; vertical-align:middle; float:none; display:inline-block}
h1 .age-propertyre img, h1 .age-propertyre img.midpr {display:none; height:auto;}
h1 .age-propertyre img.smallpr {display:inline-block; width:auto; height:50px}


/* --- LINGUE --- */
#lingue {color:#FFF; position:absolute; top:12px; right:0px; padding:8px 12px 2px 8px; width:auto;}
#lingue ul {margin:4px 0; padding:0; list-style:none; display:inline-block;}
#lingue ul li {margin:0; margin-left:5px; list-style:none; display:inline-block;}
#lingue ul li a img {height:12px; border:1px #FFF solid;}


/* --- LINKS --- */
#links {margin:4px 0; padding:0; list-style:none; display:block;}
#links li {margin:20px 0; margin-left:5px; list-style:none; display:block;}
#links li h2, #links li p {margin:0}
#links li a.lnk {font-weight:bold; margin:5px 0; display:block}
#links li a img {height:30px; border:0;}


/* --- SOCIAL ICONS --- */
.social {position:relative; display: block; margin:20px 0;}
.social a {margin:0 5px; display:inline-block; padding:3px; border-radius:5px; background:#FFF;}
.social a img {width:32px;}
.social a:hover {background-color:#FFF}


/* --- SOCIAL SHARE --- */
.socialshare {display:inline-block; vertical-align:middle}
.socialshare span {display:inline-block; vertical-align:middle; margin-right:5px;}
.socialshare span a {opacity:0.7; background:#FFF; display: inline-block;}
.socialshare span a img {width:24px}
.socialshare span a:hover {opacity:1;}

.sharemore {display:none;}


/* --- NEWS --- */
.dataora, .autore {display: inline-block; margin:0 5px; padding:3px 10px; font-size:10px; text-transform:uppercase; font-weight:bold;}
.singlenews {padding:10px; border-bottom:1px #CCC solid;}
.singlenews:last-child {border-bottom:0}



/* --- IMMOBILI IN HOME -- */
#ann-latest, #ann-evidence, #ann-certificati {clear:both; display:block;}

.property-item .info-1{
	position:absolute;
	z-index:100;
}

.property-item .for-sale, .property-item .for-rent, .property-item .price{
	padding:2px 10px 2px 10px;
	font-weight:bold;
	font-size:15px;
	float:left;
	cursor:pointer;
}

.for-sale{
	padding:2px 10px 2px 10px;
	font-weight:bold;
	font-size:15px;
}

.property-item .for-rent, .for-rent{

}

.property-item img{
	margin-top:-27px; /* corretto da -28 */
}

.property-item{
	margin-bottom:30px;
	position: relative;
}


.mainhome .property-item .contratto{
	background:#eee;
	color:#333;	
	font-weight:normal;
	margin-top: -25px;
	position:absolute;
	right:15px;
	z-index:999;
	display: block;
	padding: 2px 10px 2px 10px;
    font-size: 15px;
}

.property-item .info{
	padding:5px 0px;
	}

.property-item  .zonacomune {padding:3px 0; margin-bottom:5px;}
.property-item  .zonacomune h4 {margin:0; height: 1em; overflow: hidden;}

.property-item .info .nomecomune {font-weight:bold; font-size:1.1em}

.property-item .features{
	border-top:solid 1px #ddd;
	padding-top:10px;
	margin-top:10px;
	padding-bottom:5px;
	overflow:hidden;
}

.property-item .features.borderbottom {border-bottom:solid 1px #ddd; padding-top:5px; margin:5px 0; font-size: .85em;}

.property-item .features > span  {display: inline-block;}
.property-item .features > span > span{
	padding-left:20px;
}

.property-item .features .bed {
	background:url(../images/icon-bed.png) left center no-repeat;
	/*float:right;*/
	margin-left:10px;
}

.property-item .features .bath{
	background:url(../images/icon-bath.png) left center no-repeat;
	/*float:right;*/
	margin-left:10px;
}

.property-item .features .area{
	background:url(../images/icon-home.png) left center no-repeat;
}

.property-item .features .nrvani{
	background:none;
	padding-left:0;
	padding-right:5px;
}

.property-item .features .smallprice{
	font-weight:bold;
	float:right;
	max-width:75px;
	overflow:hidden;
	white-space:nowrap;
	text-align:right;
	
}

.property-item .ender {height:2px; padding:0; margin:0; clear:both}

.property-item .item-block {width:100%; height:200px; background-size:cover; background-color:#FDFDFD; background-repeat:no-repeat; background-position:center center; display:block;}

.property-item .dex { height:85px; overflow:hidden; line-height:1.3em;}
.property-item .dex.withtext { height:126px;}
.property-item .dex span {font-size:0.75em; line-height:.8em;}

.property-item .dex .testo {border-top:solid 1px #ddd; padding-top:10px;}

.property-item .info h3 {font-size: 1.1em; line-height: 1.4em; margin-bottom:0;}


.property-item .swiper-container {width: 100%; height: 200px;}
.property-item .swiper-lazy {height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}


/* ----- PREZZO RIBASSATO ----- */
.cambioprezzo {display:block; background-color:#eee; color:#333; font-weight:normal; font-size:10px; cursor:default;}
.annbox .cambioprezzo {margin-top: -200px; position:absolute; right:15px; z-index:999; padding:5px;}
.cambioprezzo .diffperc:before {display:inline-block;}
.cambioprezzo.incrementato {background-color:#800; color:#FFF;}
.cambioprezzo.decrementato {background-color:#080; color:#FFF;}
.cambioprezzo .prezzoold {display:none;}
.single-property .prezzodiff {display:block;}

.price .cambioprezzo {background-color:transparent; position:relative; padding:0; margin:5px 0; text-align:right; font-weight:bold;}
.price .cambioprezzo .prezzodiff span {display:inline-block; margin: 0 4px; font-weight:normal;}


/* --- ELENCO IMMOBILI --- */

.listing .property-item ul.title {display:block; width:100%; list-style:none; margin:0; padding:0; height:27px; overflow:hidden;}
.listing .property-item ul.title li {display:inline-block; max-width:25%; min-width:19%; list-style:none; margin:0; padding:5px 1%; font-weight:bold; text-transform:uppercase; overflow:hidden}

.listing .property-item figure {width:100%; height:150px; display:block; position:relative; background-repeat:no-repeat; background-position:center center; background-size: cover;}
.listing .property-item figure img {display:none}
.listing .property-item .swiper-container {height:180px}

.listing .property-item .features {border-bottom:solid 1px #ddd; margin-bottom:5px;}
.listing .property-item .features .group {min-width:30%; float:left; padding-right:3.3%;}
.listing .property-item .features .group.right {float:right; padding-left:3.3%; padding-right:0}
.listing .property-item .features .group.theprice, .listing .property-item .features .group.theprice span {padding:2px 5px; margin:0;}
.listing .property-item .features span {white-space:nowrap; float:left; margin-right: 10px;}
.listing .property-item .features span.icon {padding-left: 20px;}
.listing .property-item .features .zona, .listing .property-item .features .comune { padding-left:0;}
.listing .property-item .features .prezzo {float:right; font-weight:bold; margin-left: 10px; margin-right:0;}
.listing .property-item .features .rif {font-weight:bold; margin-left: 10px;}


.listing .property-item .rif {font-size:1.2em}
.listing .property-item .dex .testo {border-top:solid 1px #ddd; padding-top:10px;}

.listing .property-item h4 strong {margin-left:20px;}

.pagination {display:block}



/* --- VIDEO DETTAGLIO IMMOBILE --- */
/*
.riquadro {border-width:1px; width:120px; height:90px; display:inline-block; border-style:solid; background-repeat:no-repeat; background-position:center center; opacity:1;  margin-right:5px; float:left;}
.riquadro:hover {background-color:#000; background-color:rgba(0,0,0,0.8);}
.riquadro a {width:120px; height:90px; display:inline-block; background-repeat:no-repeat; background-position:center center; background-image:url('../images/play.png'); color:#FFF; text-align:center; padding:2px; text-indent:-9999px; vertical-align:middle; }
.riquadro a:hover {background-color:#000; background-color:rgba(0,0,0,0.8); text-indent:inherit; background-image:none;}
*/

.riquadro {border-width:1px; width:240px; height:180px; display:inline-block; border-style:solid; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:1;  margin:0 5px 5px 0; position:relative;}
.riquadro a {width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center; background-image:url('../images/play.png'); background-color:rgba(0,0,0,0.3);}
.riquadro a.vtour {background-image:url('../images/virtualtour.png');}
.riquadro a > span {display:flex; opacity:0; width:100%; height:100%; background-color:teal; color:#FFF; text-align:center; justify-content:center; align-items:center; position:absolute; transition:0.5s opacity ease-in-out; background-color:rgba(0,0,0,0.8); padding: 10px; box-sizing: border-box; text-transform: uppercase;}
.riquadro:hover a > span {opacity:1;}


/* --- FOTO DETTAGLIO IMMOBILE --- */
.photogallery {display:block; list-style:none; margin:0; padding:0;}
.photogallery li {display:inline-block; list-style:none; float:left; margin:0; padding:0; text-align:left; margin-bottom:35px;}
.photogallery li.span3:nth-child(3n), .photogallery li.span4:nth-child(even) {margin-left: 20px; text-align:right;}
.photogallery li.span3:nth-child(3n+2) {margin-left: 20px; text-align:center;}
.photogallery a, .photogallery .riquadro {display:inline-block; width:95%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing:border-box; padding:5px;}
.photogallery .riquadro {margin:0; padding:0;}
.photogallery .riquadro a {width: 100%; height: 100%; padding:0; background-size:auto auto;}
.photogallery a img {display:none;}



/* --- DETTAGLIO IMMOBILE --- */

.callus {font-size:2em; text-align:center;}
.callus span {font-weight:bold;}

.ricerca-dettaglio { display: none; }

/* slider dettaglio annuncio */
#dettaglio-ann .swiper-container {width: 100%; height: 500px; margin: 20px auto;}
#dettaglio-ann .swiper-container .swiper-slide {background-repeat:no-repeat; background-position:center center; background-size:cover;}
#dettaglio-ann .swiper-container .swiper-slide img {display:none}
#dettaglio-ann .swiper-pagination-bullet-active {background:#FFF}
#dettaglio-ann .swiper-button-next, swiper-button-prev {fill:#FFF}

@media (max-width:767px) {
	.open-with, .open-with b {display:block; line-height:2em;}
}


/* --- FORM GENERICO --- */
form {}
form label {display:inline-block;}
input, textarea, select, input[type=file], input[type="text"] {font:12px Arial, Helvetica, sans-serif; padding:2px 5px; border:1px #000 solid; width:100%; box-sizing:border-box; height:30px; line-height:30px;}
input.pulsante {font-size:1.2em;}
input[type=radio] {width:auto; margin-top:0;}
form .input {background:#fff; font-size:12px; color:#191919;float:left;padding:3px 10px;height:14px;width:191px !important}
form .clear {clear:both; height:5px;}
form .pulsante {margin-top:10px;}



#home #property-search form {margin-bottom:10px; margin-left:-20px;}
#home #property-search .clear {clear:none; display:none;}
#home #property-search label {display:inline-block; width:15%; vertical-align:middle; font-size:0.9em; margin-bottom: 10px; float:left; margin-left:20px;}
#home #property-search select, #home #property-search input[type=text] {width:30%; vertical-align:middle; font-size:0.85em; height:28px; line-height: 28px; padding:2px 4px; float:left; margin-bottom:15px;}
#home #property-search .heighter {height:10px;}
#home #property-search .pulsante {width:45%; margin-left:-2%; line-height:30px; height:30px; font-size:1em; padding:0;}


/* --- DETTAGLIO AGENZIA --- */
.box h4 {text-transform:uppercase; text-align:center;}
.agency_recapiti img {vertical-align:middle; margin:-1px 2px 0 0;}


/* --- FORM CONTATTO --- */
.form_contatto fieldset {border:0; margin:0; padding:0; padding-top:20px;}
.form_contatto label {width:20%; word-break:keep-all; white-space:nowrap;}
.form_contatto input, .form_contatto textarea {width:60%; height: 30px;}
.form_contatto input[type=radio] {width:auto; float:left; margin-top:0;}
.form_contatto textarea {height:200px;}
.form_contatto .box-captcha {margin-top:40px; clear:both;}
.form_contatto .box-captcha .codicecaptcha{margin-top:5px}
.form_contatto .box-send {text-align:center; margin:25px 0 0 0;}
.form_contatto .box-radio {margin-top:5px; clear:left;}
.form_contatto .box-radio label {float:left; width:30px; height:18px; line-height:18px; margin:0 0 0 20px; padding:0; vertical-align: middle;}
.form_contatto .testocaptcha {width:200px;}
.form_contatto .pulsante {width:auto; padding: 0 40px;}





/* --- FORM DI RICERCA --- */

#prezzo_spacer, #mq_spacer, #vani_spacer, #camere_spacer {width:10%; display:inline-block; height:30px; background:url('../images/freccina_white.png') center center no-repeat; vertical-align:middle; margin: -10px 0 0 0;}
#qs_pmax {float:none;}
#qs_rif {float:none;}
#zone {}
#elenco_zone {overflow:auto; max-height:196px; background-color:#FFF; padding:3px; color:#000; line-height:18px;}
#property-search #elenco_zone label {width:auto; margin-left:3px; margin-top:3px; color:#000; text-align:left; padding-top:0; line-height: 1em; display:inline-block; vertical-align:middle;}
#elenco_zone br {clear:both}
fieldset {padding:10px 20px;}
#opzioni {padding:0px; margin-top:10px;}
#opzioni .clear {height:1px;}
#opzioni legend {display:block; cursor:pointer; padding-left:25px; background:url('../images/freccina_white.png') left center no-repeat; width:90%; border-bottom:0; margin:0;}
#opzioni .lista-opzioni {display:none}
.quicksearch .avviaricerca {text-align:center; margin:5px 0;}

#property-search {padding:0px; padding-top:0px;	color:#FFF;}
#property-search legend {font-size:1.2em; color:#FFF; font-weight:bold;}
#property-search select {border:none; width:100%;}
#property-search label{background:none; color:#fff; text-shadow:none; display:block;}
#property-search #box_prezzo input, #property-search #box_mq input, #property-search #box_vani input, #property-search #box_camere input {width:45%;}
#property-search #elenco_zone {font-size:0.8em; line-height:1.2em; border-radius:4px;}
#property-search #elenco_zone input.cb {width:20px; margin-right:5px; float:left; width:14px; height:auto;}
#property-search #opzioni .optlabel {line-height: 30px;}
#property-search input.pulsante {height:auto;}

#property-search.small label {font-size:0.8em; float:left; width:33%;}
#property-search.small input {width:60%; margin-top:0px; font-size:0.8em; height:auto; padding:2px 5px; margin-bottom:2px; height:26px;line-height:26px;}
#property-search.small select, #property-search.small #box_rif input {border:none; width:66%; margin-bottom:2px}
#property-search.small label{background:none; color:#fff; text-shadow:none; display:block;}
#property-search.small #prezzo_min, #property-search.small #prezzo_max, 
#property-search.small #mq_min, #property-search.small #mq_max, 
#property-search.small #vani_min, #property-search.small #vani_max {width:28%;}
#property-search.small #opzioni {margin:0; font-size:0.8em;}
#property-search.small legend {margin-bottom:0px}
#property-search.small input.pulsante {font-size:1.2em; padding:0; font-weight:bold; width:100%; line-height:2.6em; height:2.6em; }


/* --- FORM DETTAGLIO IMMOBILE --- */

.form_det_imm fieldset {border:0; margin:0; padding:0;}
.form_det_imm input, .form_det_imm textarea {width:500px;}
.form_det_imm textarea {height:100px;}
.form_det_imm .box-captcha {margin-top:40px; clear:both;}
.form_det_imm .box-captcha .codicecaptcha{margin-top:5px}
.form_det_imm .box-send {text-align:center; margin:25px 0 0 0;}
.form_det_imm .box-radio {margin-top:5px; clear:left;}
.form_det_imm .box-radio label {float:left; width:30px; height:18px; line-height:18px; margin:0 0 0 20px; padding:0; vertical-align: middle;}
.form_det_imm .testocaptcha {width:200px;}
.form_det_imm .pulsante {width:auto}


.moreinfo .form_det_imm {padding:10px; font-size:0.75em; line-height:1.3em; margin-bottom:20px;}
.moreinfo .form_det_imm h3 {font-size:1.7em;}
.moreinfo .form_det_imm form {margin-bottom:5px; box-sizing:content-box;}
.moreinfo .form_det_imm label {display:inline-block; float:none; width:28%;  font-size:1.2em;}
.moreinfo .form_det_imm input, .moreinfo .form_det_imm textarea {font-size:1.2em; line-height:1.3em; padding:1px 5px; height:auto; width:70%; margin-bottom:4px; box-sizing:border-box;}
.moreinfo .form_det_imm input.pulsante {font-size:1.2em; font-weight:bold; padding:5px 10px;}
.moreinfo .form_det_imm textarea {height:50px; border:1px #000 solid; font-size:1.2em;}
.moreinfo .form_det_imm .testoad {display:none;}
.moreinfo .form_det_imm .box-radio label {margin-left:0px; float:left; width:auto; margin-left:20%; margin-right:5px;}
.moreinfo .form_det_imm .box-radio input {margin:0px 5px 0px 0px; width:auto;}
.moreinfo .form_det_imm .box-captcha, .moreinfo .form_det_imm .box-captcha div {margin:5px 0;}
.moreinfo .form_det_imm .box-captcha input {width:30%; padding:4px; font-size:1.5em;}
.moreinfo .form_det_imm .box-captcha .codicecaptcha {margin-top:0px; width:50%;}
.moreinfo .form_det_imm .box-send, .moreinfo .form_det_imm .box-send input {margin:0px;}
.moreinfo .form_det_imm #checkcaptchalive {display:none;}


#ann_dettaglio {font-size:0.9em;}
#ann_dettaglio .etichetta,  #ann_dettaglio .aggiuntivo {display: inline-block; width:300px; margin-left:10px; vertical-align: top; padding: 3px 0;}
#ann_dettaglio .etichetta strong, #ann_dettaglio .aggiuntivo strong {display:inline-block; width:125px; float:left}
#ann_dettaglio .valore, #ann_dettaglio .valore_aggiuntivo  {display:inline-block; width:150px; float:left}
#ann_dettaglio .gruppo {display:block; float:none; clear:both; margin:5px 0;}
#ann_dettaglio .nomegruppo {display:block; font-size:1.4em; margin-top:15px; margin-left:10px;}


/* --- ELENCO FEATURE IMMOBILE --- */
.feature-list li, .feature-list div.etichetta{
		list-style:none;		
		padding:0;
		width:100%;
		float:none;
		display:block;
		text-align:left;
		background:none;
	}
	

.price{
	font-weight:normal;
	display:block;
	font-weight:bold;
	font-size:2em;
	margin-bottom:30px;
}

.span9 .price {margin-top:30px; margin-bottom:0; float:right; text-align:right;}

/* --- FORM SCOUTING --- */
#replyscoutingform {}
#RicCercoOffro {text-align:center;}
#RicCercoOffro a {margin:0 10px;}
#scouting label, #scouting input {width:15%; float:left; vertical-align:middle; display: inline-block; height: 30px; padding: 4px 6px;  margin-bottom: 10px;}
#scouting input, #scouting select {width:62%;}
#scouting #RicMq input, #scouting #RicLocali input, #scouting #RicBagni input, #scouting #RicPrezzo input {width:30%;}
#scouting #accessori-R td:first-child, #scouting #accessori-O td:first-child, #scouting #captcha {width:15%;}
#scouting input[type=radio] {width:20px; width:20px; margin:0 10px;}
#scouting textarea {width: 500px; margin-top:5px; height:200px;}
#scouting table {width:100%;}
#scouting table td.Ric_colonna {padding:0 30px 0 0; text-align:left;}
#scouting table td.Ric_colonna div {height:18px; clear:both}
#scouting .checkbox {border:0; width:24px; margin: 0 10px 0 0;}
#scouting .scoutspacer {width:18px; display:inline-block; float:left; height:20px; vertical-align:middle; margin-top:3px; text-align:center}
#scouting .R,#scouting  .O { display: none; }
#scouting input.pulsante {float:none;}



/* --- GOOGLE MAP --- */
.map {margin-top:40px;}
#gmap {width:100%; height:320px; border:solid 1px #ccc; padding:2px; background:#fff;}
#map-container iframe{width:100%; height:360px;}
.map-tab iframe{width:100%; height:400px;}




/* --- PULSANTE STAMPA --- */
.print {text-align:center}
.printbtn {text-decoration:none; border:1px #CCC solid; background-color:#EEE; padding:5px 10px; border-radius:3px;}
.printbtn img {vertical-align:middle; margin-right:3px}


/* --- ICONE PROPERTYRE --- */
.age-propertyre {display:block; text-align:center; margin-top:20px}
.age-propertyre a {display:inline-block}
.age-propertyre img {display:none; height:100px; width:auto;}
.age-propertyre img.midpr {display:block}
h1 .age-propertyre {margin:0 10px; float:none; text-align:center; position:relative; display:inline-block; vertical-align:middle;}
h1 .age-propertyre img, h1 .age-propertyre img.midpr {display:none; height:auto;}
h1 .age-propertyre img.smallpr {display:inline-block; width:40px;}
.chisiamo .age-propertyre img {width:auto; height:auto;}


/* --- FOOTER --- */
footer .container {padding:5px 0;}


/* --------- PERIODI -------------- */
.periodi img { height: 25px; margin-left: 10px; }
.form_contatto .periodo {padding-bottom:5px}
.form_contatto .periodo .clear {display:none;}
.form_contatto .periodo .periododa, .form_contatto .periodo .periodoa {width:28%; box-sizing:border-box;}
.form_contatto .periodo .periododa {margin-right:2%;}
#contatta .form_contatto .periodo .periododa, #contatta .form_contatto .periodo .periodoa {width:33%; box-sizing:border-box;}



/* --- MEDIA QUERIES --- */

@media (max-width: 1170px) {
	.main {width:auto}
	
	header #logo a {position:relative; display:inline-block;}
	#mainmenu {padding-left: 0px;}

  .swiper-wrapper .watermark { background-size:auto 40px; }

}

@media (max-width: 1200px) {
	.container {width: 100%;}
	.span9, .span3 {float:left; display:inline-block; margin-left: 1%;}
	.span3 {width:25%;}
	.span9 {width:73%; margin-left:1%; padding-right:0;}
	.span9 .span3 {width: 32%;}
	
	.span3.property-item {width:49%;}
	.span3.property-item .swiper-container {height:250px;}
	.span3.property-item .cambioprezzo {margin-top:-250px; font-size:10px;}
	
	.listing {padding-right:2%;}
	.listing .row {margin:0}
	.listing .row .span3 {margin:0}
	
	.span9.single-property {width:72%; margin-right:1%;}
	.property-item * {font-size:1.1em}
	
	.photogallery .span3 {width: 31%; height: 200px; padding: 5px;}
	
}


@media (max-width: 979px) {
	#body {padding:0}
	.span9, .span3 {float:none; display:block; margin: 0; width:100%; padding:10px; box-sizing:border-box;}
	.span9 .span3, .span9 .span6, .span9.single-property {width: 100%; margin-bottom: 20px; padding:0;}
	.span9 .span6 {margin:0 0 20px 0;}
	.row, .listing .row {margin:0; padding:0;}
	
	.onlymobile {display:block;}
	.hiddenmobile {display:none;}
	
	.span3.property-item .cambioprezzo, .span3.property-item .contratto {right:0;}
	
	.listing .property-item ul.title {overflow:auto; height:auto}
	.listing .property-item ul.title li {max-width:100%; min-width:0;}
		
	
	.photogallery li.span3, .photogallery li.span3:nth-child(3n+2), .photogallery li.span3:nth-child(3n), .photogallery li.span4:nth-child(even) {margin-left:0}
	.photogallery a, .photogallery .riquadro {width:100%;}
	
	.widgetitem {display:inline-block; float:left; margin:10px; clear:none; max-width: 220px;}
}



@media (max-width: 767px) {
	body {padding:0}
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{ margin-bottom:10px;}
	.main header {padding:10px 0 10px 0; height:168px;}	
	
	#content, .container {padding:0}

  .swiper-wrapper .watermark {background-size:auto 35px;}

	header #logo, header #logo a {margin:0 auto; width:100%; height:auto; display:block; position:relative; float:none; text-align:center;}
	header #logo a img {max-height:60px; display:inline-block;}
	header #lingue {position:relative; width:auto; float:none; margin:0; padding:0; height:auto; margin-bottom:20px;}
	header #lingue ul {width:100%; text-align:center;}
	header #lingue ul li a img {height:16px}
	header nav {background:transparent}
	header,#mainmenu-container{border:none; height: auto; padding-bottom: 20px;}
	
	footer {border-top:2px #444 solid;}
	.lt_tab .lt_nav li{display:block; width:100%; float:none;}
	#banner {height:100px}
	
	#home #property-search form {margin:0; width:96%;}
	#home #property-search label {width:25%}
	#home #property-search select, #home #property-search input[type=text] {width:62%}
	.quicksearch {width:auto; position:relative; margin:0; left:0; border-radius:0;}
	.quicksearch .clear {clear:both; display:block;}
	.quicksearch .pulsante {width:90%; float:none; margin:10px 0;}	
	.quicksearch label {clear:both;}
	.quicksearch select, #slider #property-search input[type=text] {width:65%;}
	.quicksearch input[type=text] {width:65%;}

	.box {border-left:0; border-right:0; border-radius:0}

	#mainmenu{display:none;}
	.selectnav{display:block; margin:0 auto; width:80%}
	#featured .item{width:270px; margin:0 auto; margin-bottom:20px;}
	#featured{background-position:top;}
	
	
	#dettaglio-ann #Div1 > .container {padding:0 15px;}
	#dettaglio-ann h1 { font-size:1.6em;}
	#dettaglio-ann .price {margin-top:0px; float:none; text-align:center; font-size:1.4em;}
	#dettaglio-ann #gmap {height:250px}
	#dettaglio-ann .iframe-rwd {position: relative; width:100%; height:250px; margin-bottom:-250px; background-color:transparent;}
	#dettaglio-ann .swiper-container {width: 100%; height: auto; margin: 20px auto;}
	#dettaglio-ann .swiper-container .swiper-slide {background:none; height: 100%; overflow: auto;}
	#dettaglio-ann .swiper-container .swiper-slide img {display:block}
	#dettaglio-ann .swiper-container .swiper-slide.swiper-slide-active img {display:block}

	.evidence {position: absolute;  top: 185px;  left:0; right: 0;  height: auto;  display: block; text-align: center;  padding: 5px; z-index:99;} 
  .evidence .callus {font-size: 16px;border: 2px #FFF solid; display: inline-block; padding: 3px 10px;} 
  .evidence.stick {position: fixed;  top: 0;}
	
	
	.main-slider .flex-control-nav {display:none}
	
	.etichetta {padding-left:7%;}
	#contatta .moreinfo {display:none;}
	
	.form_contatto label {width:95%; display:block; float:none}
	.form_contatto input, .form_contatto textarea {width:95%; display:block; float:none}

	#links img {display:none;}
	
	.listing .property-item * {font-size:1em;}
	.listing .property-item h4, .listing .property-item .rif {display:none;}
	.listing .property-item p {margin-top:10px}
	.listing .property-item .features .group {min-width:30%; width:100%; float:left; padding-right:0;}
	.listing .property-item .features .group.accessories, .listing .property-item .features .group.theprice {width:auto; min-width:0;}
	.listing .property-item .features span {white-space:normal;}
	.listing .property-item .textright {text-align:center;}
	.listing .property-item .textright a.pulsante {font-size:.8em;}
	
	#scouting label {width:95%; display:block; float:left;}
	#scouting input, #scouting textarea {width:95%; display:block; float:left}
	#scouting #autorizzazione label, #scouting #radio label {width:auto;}
	#scouting table td.Ric_colonna {display:block;}
	
	.top-spacing{margin-top:30px;}
	
	.widgetitem {max-width: 300px; float:none; clear:both; margin:10px auto; display:block;}

}