/* --- FONT --- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700|Roboto+Condensed);


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

h1 {
	color:#333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}

h2 {
	color:#333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}

h3 {
	color:#333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style:normal;
	text-decoration:none;
}

h4 {
	color:#333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style:normal;
	text-decoration:none;
}

.colore1 {
	color:#333;
}

.colore2 {
	color:#AAA;
}

.colore3 {
	color:#FFF;
}

.sfondo_colore1 {
	background-color:#FFF;
}

.sfondo_colore2 {
	background-color:#EEE;
}

.sfondo_colore3 {
	background-color:#000;
}

a {
	color:#333; 
	font-weight: inherit;
	font-style: inherit;
	text-decoration:none;
}

a:visited {
	color:#333; 
	font-weight: inherit;
	font-style: inherit;
	text-decoration:none;
}

a:hover {
	color:#000; 
	font-weight: inherit;
	font-style: inherit;
	text-decoration:none;
}

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

.pulsante:hover {
	color:#333;
	background-color:#FFF;
}


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


/* --- GENERICI --- */
hr {margin:20px 0;}
.thumb {max-width:200px; float:left; margin-right:20px;}
input.pulsante {cursor:pointer}
.heighter {clear:both; height:30px;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.nomeagenzia {font-weight:bold}
.pulsante {font-size: 12px; font-weight: bold; font-style:normal; text-decoration:none; text-transform:uppercase; margin-bottom:10px; padding:5px 10px; border-radius:5px;}
a.pulsante {display:inline-block; color:#FFF;}

button, input, optgroup, select, textarea {color: #000}

/* --- LAYOUT --- */
h1, h2, h3, h4.titolo {text-transform:uppercase; padding:5px 0;}
h2, h3 {border-bottom:1px #000 solid; padding:5px 10px; margin-top:0;}
h1.titolo {margin-top:0; padding:0;}
h2.titolo {font-size:14px; margin:0 0 10px 0; border:0; padding:0; font-weight:bold; text-transform:none;}
h4.titolo {font-size:12px; margin:0;}
h4.nomeagenzia {margin-bottom:5px}

.fullframe {display:block;  padding:20px; width:946px; position:relative; margin:15px auto;}
.main {padding:0; margin:0;}
.left {float:left;}
.right {float:right;}
.marginright {margin-right:26px;}
.marginbottom {margin-bottom:20px;}
.borderbottom {border-bottom-style:solid; border-bottom-width:1px;}
.borderleft {border-left-style:solid; border-left-width:1px;}
.halfsize {width:400px;}
.alignleft {text-align:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.alignjustify {text-align:justify}
.small {font-size:0.9em;}
.smallest {font-size:0.8em;}
.padder {padding:20px 0 20px 20px;}
.col2 .padder {padding:20px 0 20px 0;}
.pad1 {padding-left:20px;}
.pad2 {padding-right:20px; text-align:justify;}
.pad_top {padding-top:20px;}
.pad_bottom {padding-bottom:20px;}

header {padding:0; margin:0;}
header .logo img {max-height:80px;}

footer {position:absolute; clear:both; width:100%;}
footer #footeragency {display:block; width:986px; margin:15px auto;}

figure {position:relative;}

#footeragency ul {margin:0;}
#footeragency .clear {clear: none;display: none;}
#footeragency div, #footeragency span {display: inline-block;margin-left: 5px;}
#footeragency .agency_indirizzo span {margin:0 2px;}


aside.agency .agenzie {margin-bottom:20px; display:block;}
aside.agency .agenzie_mini .agenzie span {display:block; font-size:0.9em;}
aside.agency .sedi_dettagli strong {display:block; font-size:1.2em;}
aside.agency .agenzie_mini span.agenzie span.agency_pi:before {display:none;}

/* --- BANNER --- */
#banner {width:650px; margin:0 0 20px 0; padding:0; float:left; display:inline-block}
#banner #slider {width:650px; height:400px; margin:0; padding:0; list-style:none;}
#banner #slider li {width:650px; height:400px; background-size:100% 100%; background-size:cover; background-repeat:no-repeat; background-position:center center; display:block;}

#banner_short {width:100%; margin:0; padding:0;}
#banner_short div {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}




.col2, .col1  {float:left}
.col1 {width:626px; }
.col2 {width:300px; margin-right:20px;}
.col2 .wrapper {padding:0 10px; width:auto;}
.col1 img {max-width: 606px;}


.lista-immobili {list-style:none; margin:0 0 20px 0; padding:0; } /* width:626px */
.lista-immobili>li {display:block; clear:both; height: 24px;}
.lista-immobili>li ul {list-style:none; margin:2px 0; padding:0; display:table; width:100%;}
.lista-immobili>li ul>li {display:table-cell; line-height:22px}
.lista-immobili .icon {width: 26px; font-weight:bold; font-size:20px; flex-shrink:1;}
.lista-immobili .title {flex-grow:3; width:55%;}
.lista-immobili .title a {text-decoration:underline; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 330px; } 
.lista-immobili .price {flex-grow:1; font-weight:bold; text-align:right;}
.lista-immobili .desc {flex-grow:2; opacity:0.6;}
.lista-immobili .button {width: 90px; text-align:right; text-transform:uppercase;}


.lista-links {list-style:none;  margin:0; padding:0;}
.lista-links li {margin:0 0 1px 0; padding:5px 10px; border-bottom:1px #EEE solid;}
.lista-links li a {line-height:30px;}
.lista-links .small {padding-bottom:10px;}

.lista-news {list-style:none;  margin:0; padding:0;}
.lista-news li {margin:0 0 1px 0; padding:5px 10px; border-bottom:1px #EEE solid;}
.lista-news .small {padding-bottom:10px;}
.lista-news .date {text-align:right; font-size:0.8em; text-transform:capitalize; float:left; padding:2px 5px;}
.lista-news li img {max-width:100%!important; height:auto!important;}

.ricercanews .form-group {padding:0 10px;}
.ricercanews .form-group button {border:0; border-radius:0;}

#listing {display: block;}
#listing h1 {margin-top:0; padding-top:0;}
#listing h2.titolo {background:none;}
#listaimmobili article {display: block; min-height:170px;}
#listaimmobili article figure {display: block; width:162px; margin-right:20px; padding:0; float:left;}
#listaimmobili article figure a {display:block; width:auto; height:auto; border-style:solid; border-width:1px; padding:5px 5px 1px 5px;}
#listaimmobili article figure img {width: 150px; height:auto; max-height:200px; border:0; display:inline-block;}
#listaimmobili .middlecol {display:block; width:240px; height:100%; float:left}
#listaimmobili .rightcol {display:block; width:100px; height:100%; float:left;}
#listaimmobili .prezzo {font-size:20px;}
#listaimmobili .pulsante {font-size:11px; line-height:15px; padding:5px; float:none; margin:30px 0 10px 0; display:block; text-align:center;}

.bigmap {width:100%; height:300px; }
.bigmap img {width: 80px; float:left; margin-right:10px;}
.gm-style .gm-style-iw h3 {font-size:0.9em; margin-left:0; padding-left:0;}
.gm-style .gm-style-iw div {font-size:0.75em;}

#dettaglio .prezzo {font-size:22px; float:right; margin-left:30px; font-weight:bold}
#ann_dettaglio h2 {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;}


/* --- MENU --- */
.menu {margin:20px 0; padding:0; text-transform:uppercase; display:table; width:100%;}
.menu li {display:table-cell; margin:0; padding:0;}
.menu li a {display:block; padding:0; white-space:nowrap; text-align:center; line-height:45px; font-size:14px; border-left:1px #000 solid; background-repeat:no-repeat; background-position:left top;}
.menu li:first-child a {background-image:none; border:0;}
/*.menu li a:hover, .menu li.active a {background-image:url('../images/sfondo-menu-att.png'); background-repeat:repeat-x; background-position:left top;}*/
/* --- submenu -- */
.menu ul {bottom: 0; left: 0; z-index: 9999;}
.menu ul li {text-align:left; padding:0px 20px 0px 0px; margin-left:1px;}
.menu li ul li {margin-top:1px;}
.menu li ul li ul li {margin-top:0px;}
.menu ul li a {border:0; text-align:left; line-height:30px; 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_grey.png'); background-position:right center; background-repeat:no-repeat;}




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


#elencoagenzie.minisito {display:block; margin:0; width:100%; padding:0; font-size: 0.9em;}
#elencoagenzie.minisito .agenzia {width:290px; margin-right:12px; margin-top:20px; float:left; border:0; height:220px; clear:none; border-bottom:1px #c0c0c0 solid;}
#elencoagenzie.minisito h4.nomeagenzia {margin-top:0; line-height:1.2em; text-align:left;}
#elencoagenzie.minisito .agenzia .agenzie_logo {display:inline-block; float:left; margin-right:5px; width:90px;}
#elencoagenzie.minisito .agenzia .agenzie_logo img {width:85px; max-height:75px}
#elencoagenzie.minisito .agency_cf, #elencoagenzie.minisito .agency_pi {display: none;}
#elencoagenzie.minisito .agency_recapiti {text-align:center}
#elencoagenzie.minisito .agency_recapiti div {display:inline-block; margin:0 5px;}
#elencoagenzie.minisito .agenzie_dettagli {height:80px; width:195px;}
#elencoagenzie.minisito .descr-agenzia {font-size: 0.8em; margin-bottom:5px; height:auto /*25px*/; overflow:hidden; text-overflow: ellipsis; display:none;}
#elencoagenzie.minisito .agency_buttons {text-align:center;}
#elencoagenzie.minisito .agency_buttons a.pulsante {font-size:0.9em; margin-bottom:5px; border-radius:0; font-weight:bold;}
#elencoagenzie.minisito .agency_buttons a.pulsante:hover {font-weight:bold;}
#elencoagenzie.minisito h2.titolo {}

.logo_agenzia {display:block; float:left; width:250px; height:220px; margin-right:20px; text-align:center; position:relative; line-height:250px;}
.logo_agenzia img {max-height:220px; max-width:250px; position:relative; display:block; vertical-align:middle;}
.det_agenzia {float:left; width:676px; height:220px;}


/* --- SEDI --- */
#elenco-sedi .sedi_dettagli, #elenco-sedi .agenzie_mappa {float:left; width:50%; min-height:300px;}
#elenco-sedi .agenzie_mappa {height:300px;}
#elenco-sedi h4 {text-align:left}
.sedi .nomeagenzia {font-size:1.3em;}
#footeragency #elenco-sedi-small {margin-bottom:20px; margin-left:20px;}
#footeragency #elenco-sedi-small .sedi {display:block;}
#footeragency #elenco-sedi-small .sedi .nomeagenzia {font-size:1em;}
#footeragency .sede_generale {text-align:center; display:block; margin:5px 0;}


/* --- WIDGET --- */
.widget {width:300px/*230px*/; display: inline-block;}
.widgetitem {clear:both; margin:15px 0;}


/* --- LINGUE --- */
#lingue {color:#FFF; position:absolute; top:12px; right:10px; 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 {}
.social a {margin-right:5px; display:inline-block; padding:3px; border-radius:5px; background:#FFF;}
.social a img {width:26px; opacity:0.7;}
.social a:hover {background-color:#FFF; opacity:1;}
footer .social {position:relative; margin:20px 0 20px 20px;}


/* --- SOCIAL SHARE --- */
.socialshare {display:inline-block}
.socialshare span.testo {display:none}
.socialshare span {display:inline-block; vertical-align:middle; margin-right:10px;}
.socialshare span a {opacity:0.7;}
.socialshare span a:hover {opacity:1;}
.socialshare .clear {clear:none;}
.clear.ssh {clear:none; display:inline-block; width:5px; height:5px;}
.sharemore {margin-top:20px; display: block;}
.sharemore div {margin-top:0px; display:block; float:none; clear:both; margin-right:0px; margin-bottom:10px;}
.sharemore div.clear {width:1px}


/* --- ICONE PROPERTYRE --- */
.age-propertyre {display:block; position:absolute; z-index:999; right:20px; margin-top:-30px;}
.age-propertyre img {display:none; height:70px; width:auto;}
.age-propertyre img.smallpr {display:block}
.chisiamo .age-propertyre {margin:10px 0 20px 0; float:none; text-align:center}
.chisiamo .age-propertyre img {display:none; height:auto;}
.chisiamo .age-propertyre img.bigpr {display:inline-block; width:150px;}


/* --- NEWS --- */
.dataora, .autore {display: block; padding:3px 10px; font-size:10px; text-transform:uppercase; font-weight:bold; float:right}
.autore {margin-top:-5px;}


/* --- FORM GENERICO --- */
form {}
form label {display:inline-block;}
input, textarea, select {font:11px 'Open Sans', Arial, Helvetica, sans-serif; padding:2px 5px; border:1px #000 solid; vertical-align: middle}
form .input {background:#fff; font-size:12px; color:#191919;float:left;padding:3px 10px;height:14px;width:191px}
form .clear {clear:both; height:5px;}
form .pulsante {margin-top:10px;}
label {font-size:11px; font-weight:bold; float:left; width:80px; vertical-align:middle; display:inline-block; line-height:23px;}
fieldset {padding:20px;}
legend {font-weight:bold;}

#prezzo_min, #prezzo_max, #mq_min, #mq_max, #vani_min, #vani_max, #camere_min, #camere_max {width:68px;}
#prezzo_spacer, #mq_spacer, #vani_spacer, #camere_spacer {width:18px; display:inline-block; height:20px; background:url('../images/freccina_grey.png') center center no-repeat; vertical-align:middle}
#qs_pmax, #box_pmax {float:left}
#qs_rif, #qs_prezzo {float:left; margin-left:5px;}
#box_rif input, #box_pmax input {width:174px}
#zone {}
#elenco_zone {overflow:auto; max-height:196px; padding:3px; color:#000; line-height:18px;}
#elenco_zone br, #elenco_zone .clear {clear:both; height:1px;}
fieldset {padding:10px 20px;}
.quicksearch input.cb {}
#opzioni {padding:10px; margin-top:10px; line-height:16px;}
#opzioni .clear {height:1px;}
.quicksearch .avviaricerca {text-align:center; margin:5px 0;}

#quicksearch {float:left; width:276px; height:380px; display:inline-block; padding:10px;}
#quicksearch h3 {border:0; background:none; text-transform:none; margin:10px 0 0 0; padding:0;}
#quicksearch form {margin-top:30px;}
#quicksearch .clear {height:10px;}
#quicksearch #qs_pmax {float:none; clear:both;}
#quicksearch #qs_rif {float:none; clear:both; margin:15px 0 0 0;}
#quicksearch #qs_prezzo {float:none; clear:both; margin:0px 0 0 0;}



/* --- DETTAGLIO AGENZIA --- */
.agency_recapiti {margin:5px 0 20px 0; font-weight:bold;}
.agency_recapiti span {line-height:22px;}
.agency_recapiti img {vertical-align:middle; margin:-1px 2px 0 0;}

/* --- FORM CONTATTO --- */
.form_contatto fieldset {border:0; margin:0; padding:0;}
.form_contatto input, .form_contatto textarea {width:500px;}
.form_contatto textarea {height:200px;}
.form_det_imm .jqTransformRadio {margin-right:40px;}
.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; padding:0; vertical-align: middle;}
.form_contatto .testocaptcha {width:200px;}
.form_contatto .pulsante {width:auto}

/* --- 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 .jqTransformRadio {margin-right:40px;}
.form_det_imm .box-captcha {margin-top:20px; 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; padding:0; vertical-align: middle;}
.form_det_imm .testocaptcha {width:200px;}
.form_det_imm .pulsante {width:auto}

.col2 #dett-contatta {padding:6%;}
.col2 .form_det_imm fielset {border:0; padding:0; margin:0;}
.col2 .form_det_imm label {width:30%; font-size:.85em;}
.col2 .form_det_imm input, .col2 .form_det_imm textarea {width:64%; font-size:.9em;}
.col2 .form_det_imm textarea {height:50px;}
.col2 .form_det_imm .autdati, .form_det_imm .box-captcha strong {font-size:0.85em; line-height:1.1em;}
.col2 .form_det_imm .box-radio label, .form_det_imm .box-radio input {width:auto; padding-right:5px}
.col2 .form_det_imm .box-send, .col2 .form_det_imm .box-captcha {margin-top:5px}
.col2 .form_det_imm .box-captcha .codicecaptcha {margin-top:0;}
.col2 #captcha {width:60px; font-size:14px;}
.col2 .codicecaptcha {width:100px;}




/* --- FORM SCOUTING --- */
#replyscoutingform {}
#RicCercoOffro {text-align:center;}
#RicCercoOffro a {margin:0 10px;}
#scouting label, #scouting input {width:120px; float:left; vertical-align:middle}
#scouting textarea {width: 500px; margin-top:5px; height:200px;}
#scouting table {width:auto;}
#scouting table td.Ric_colonna {padding:5px 30px 0 0; text-align:left;}
#scouting table td.Ric_colonna div {height:18px; clear:both}
#scouting .checkbox {border:0;width:24px}
#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 .jqTransformRadioWrapper {margin: 6px 4px;}
#scouting .jqTransformCheckboxWrapper {margin-top: 1px; margin-bottom:5px;}




/* --- VIDEO --- */
.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;}
.riquadro:hover {background-color:#000; background-color:rgba(0,0,0,0.8);}
.riquadro a {width:120px; height:50px; 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;  padding-top:40px; }
.riquadro a:hover {background-color:#000; background-color:rgba(0,0,0,0.8); text-indent:inherit; background-image:none;}


/* --- PULSANTE STAMPA --- */
.pulsante.print {background-image:url('../images/print.png'); background-position:12px center; background-repeat:no-repeat; padding-left:35px;}

/* --------- PERIODI -------------- */
.periodi img { height: 25px; margin-left: 10px; }
#dett-contatta .form_contatto .periodo > div {width:30.9%}
#cboxWrapper .form_contatto .periodo .periododa {margin-right:5%;}

/* --- SHORTCUT --- */
#shortcut {margin-bottom:0px; padding:10px; border:1px #BBB solid; margin-bottom:10px;}
#shortcut div {padding:0;}
#shortcut > div {margin-bottom:20px;}
#shortcut > div:last-child {margin-bottom:0px}
#shortcut .TitoloSC  {display:block; font-size:1.2em;  margin-bottom:5px; box-sizing:border-box; text-align:left;}
#shortcut .sc_menu {margin-bottom:0px;}
#shortcut .sc_menu a.sc_link {display:block; width:100%; font-weight:bold; font-size:0.9em; margin:2px 0; box-sizing:border-box; text-decoration:none;}
#shortcut .sc_menu a.sc_link:before {content:"» ";}