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


/* COLORI 

blue #454e55
Blue new #0f619d
blu scuro #28374e
azzurro #f3f4f6
azzurro chiaro #e7eaec
giallo #E8AF30
giallo chiaro #f4bf49


*/


/* FONT google: font-family: 'Oswald', sans-serif;



/* GOOGLE */



/* CLEAR BOTH */



html, body {
	margin:0px auto;
	height:100%;
	min-height:100%;
	padding:0px;
	width:100%;
	margin: 0px;
	background-color: #FFF;
	color:#333;
	font-family: 'Oswald', sans-serif;
	scroll-behavior: smooth;
}

a {}
a:hover {}


.titolocat {font-family: 'Exo 2', sans-serif; font-weight:600 !important}


/* CONTENITORI */
@media (max-width:1109px) {
	#inner-top, #innermenu, #innerchisiamo, #innerfooter, #innerbottomline, #innerservizi {width: 90%; margin-left: -45%; left: 50%; position: relative; clear:both;}
}


@media (min-width:1110px) {
	#inner-top, #innermenu, #innerchisiamo, #innerfooter, #innerbottomline, #innerservizi {width: 1100px; margin-left: -550px; left: 50%; position: relative; clear:both;}
}



/* TOP */
#top {background-color:#454e55;}
#inner-top {height:40px;}
#inner-top a {text-decoration: none;}

@media (max-width:800px) {
#top { display: none;}
#top-nav .tridicologo { height: 100% !important; background-color: #E8AF30;}
}

@media (min-width:801px) {
#mobile, .top-nav, .tridicologo {display:none !important;}
#innertopleft {display: inline-block; vertical-align: top; width: 20%;}
#innertopright {display: inline-block; vertical-align: top; width: 80%;}
}



#innertopleft img.logo, #mobilem img.logo {height:40px; width: auto; background-color: #FFF; padding:5px 8px 5px 8px;}

#innertopleft {text-align: left;}
#innertopright {text-align: right; color: #fff; font-size: 19px;}

#innertopright .icona {height: 18px; width: auto; margin: 10px 6px 0px 0px;}
#innertopright .iconac {height: 15px; width: auto; margin: 10px 26px 0px 26px;}


/* MENU */
@media (max-width:800px) {
#menuwide {display: none;}
}


#innermenu { height: 35px; text-align: center;}
/* transizione menu https://css-tricks.com/cool-hover-effects-using-background-properties */
#innermenu a {color: #28374e; display: inline-block; vertical-align:top; text-decoration: none; vertical-align: top; font-size:22px; text-transform: uppercase; margin: 15px 30px 0px 30px; padding: 8px;
 --c: no-repeat linear-gradient(#E8AF30 0 0);
  background: 
    var(--c)  calc(-101% + var(--p,0%)) 100%,
    var(--c)  calc( 201% - var(--p,0%)) 0;
  background-size: 50.1% var(--p,.08em);
  transition: .3s var(--t,0s), background-position .3s calc(.3s - var(--t,0s));
}

#innermenu a:hover {   --p: 101%;  --t: 0.3s;  color: #fff;}

a.valuta {margin:0px 20px 0px 0px; text-transform: uppercase; color:#454e55; background-color: #E8AF30; padding: 0px 12px 0px 12px;}
a.valuta:hover {color: #FFF;}


/* LOGO MOBILE */
@media (min-width:801px) {
#logomobile {display: none;}
}

#logomobile { width: 90%; height: auto; margin: 20px 0px 30px 0px; position: relative; left: 50%; margin-left: -45%; text-align: center;}
#logomobile a img.logo {width:50%; height: auto; margin: 0px 0px 20px 0px;}
#logomobile .tel {height: 15px; margin: 0px 5px 0px 0px;}
#logomobile .ico {height: 16px; margin: 15px 5px 0px 0px;}

/* VALUTAZIONE IMMOBILE */
#formcontattovaluta .container {display: block; text-align: center; margin: 80px 0px 70px 0px;}
#formcontattovaluta font.txtcampo {display: block; font-size: 19px;}
#formcontattovaluta input.campovaluta {height: 40px; vertical-align: middle; padding: 6px; margin: 10px 0px 15px 0px; background-color: #e0e4e7; border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

@media (max-width:950px) {
#formcontattovaluta input.campovaluta {width: 90%;}
#formcontattovaluta select { width: 90%;}
}
@media (min-width:951px) {
#formcontattovaluta input.campovaluta {width: 60%;}
#formcontattovaluta select { width: 60%;}
}


#formcontattovaluta select {height: 40px; margin: 10px 0px 15px 0px; font-size: 16px; text-align: center;}
#formcontattovaluta .inviavaluta {display: block;}
#formcontattovaluta .btninviavaluta {height: 40px; width: 100px; margin: 20px 0px 0px 0px;}
#formcontattovaluta .btninviavaluta:hover {cursor: pointer;}

#formcontattovaluta .privacyvaluta { display: block; position: relative; left: 50%; margin-left: -30%; margin-top: 20px; width: 60%; font-weight: lighter;}

/* SLIDESHOW */



/* SLIDER */


@media (max-width:800px) { #regularslider { display: none;} }
@media (min-width:801px) { }


/* box height 350px */
#regularslider {clear:both;}
#regularslider .foto {display: block; height: 180px; width: 100%;
background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#regularslider font.infoimmo {display:block; text-align: center; color: #28374e; height: 120px;}
#regularslider font.plusinfo {display:block; width: 100%; bottom: 0px; padding:5px 0px 5px 0px; margin: 10px 0px 0px 0px; text-align: center; color: #FFF; background-color: #28374e;}
#regularslider font.plusinfo a {color: #FFF;}
#regularslider font.plusinfo a:hover {color:#E8AF30;}
#infoimmo h1 {display: block; padding:0px; margin: 6px 0px 0px 0px; font-size: 15px;}
#infoimmo h2 {display: block; padding:0px; margin: 5px 0px 0px 0px; font-weight:300; font-size: 18px;}
#infoimmo h3 {display: block; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; font-weight: bold; font-size: 20px; color: #E8AF30;}
#infoimmo h4 {display: block; padding:0px; margin:5px 0px 0px 0px; font-weight: lighter; font-size: 14px;}
#regularslider div.contenitore { border-color: yellowgreen !important;}





@media (max-width:800px) {
#tuttiimmo {display: block; margin-bottom: 25px; margin-top: 65px; width: 100%; text-align: center;}
#tuttiimmo a img {border:none; height: 25px; width:25px; margin: 0px 0px 0px 10px; vertical-align: middle;}
#tuttiimmo a font {padding: 20px 10px 20px 10px; font-size: 22px; }
#tuttiimmo a {background-color: #28374e; padding: 20px; margin: 0px 0px 20px 0px; color: #FFF; height: 40px !important; text-decoration: none; clear: both;}
}

@media (min-width:801px) {
#tuttiimmo {display: block; position: relative; margin-left: -40%; margin-bottom: 25px; margin-top: 25px; width: 80%; left: 50%; text-align: center;}
#tuttiimmo a img {border:none; height: 15px; width:15px; margin: 0px 0px 0px 10px;}
#tuttiimmo a font {padding: 20px 10px 20px 10px;}
#tuttiimmo a {background-color: #28374e; margin: 6px 0px 20px 0px; color: #FFF; text-decoration: none; clear: both;}

}


#tuttiimmo a:hover {background-color:#E8AF30;}


/* CHI SIAMO */
#chisiamo {background-color:#e7ecef; margin: 0px 0px 0px 0px; 
background: url("../bg/foto-bg-chisiamo.jpg") no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#innerchisiamo font {display:block; padding: 35px 0px 55px 0px;}


/* SERVIZI */
#servizi{ margin: 50px 0px 0px 0px; padding: 20px 0px 40px 0px; text-align: center; background-color:#E8AF30;
}

#servizi .descservizi {text-align: center; position: relative; width:90%; left: 50%; display: block; margin: 0px 0px 35px -45%;}

#boxservizio {border-radius: 9px 0px 5px 0px;}



@media (max-width:800px) {
#boxservizio {display: inline-block; vertical-align: top; height:auto; width: 100%; margin-top: 10px; border-bottom:5px solid #E8AF30; padding: 15px 0px 20px 0px;}
.chiaro { background-color: #f4bf49;}
}

@media (min-width:801px) and (max-width:1049px)  {
#boxservizio {display: table-cell; vertical-align: top; height:auto; width:46%; margin-left:1%; padding: 2%; margin-right: 1%;}
.chiaro50 { background-color: #f4bf49;}
}

@media (min-width:1050px) {
#boxservizio {display: table-cell; vertical-align: top; height:auto; width: 20%; margin: 1%; padding: 2%; }
.cinquanta {display: none;}
.chiaro { background-color: f4bf49;}
}
#boxservizio a {color:#0f619d;}
#boxservizio a:hover {color:#E8AF30;}


#servizi h3 {font-weight:400; font-size: 30px;}


#boxservizio img {height:auto; width: 20%; margin: 15px 0px 0px 0px;}
.txtservizio {height: auto; display: block; padding:8px 8px 8px 8px; font-size: 16px; text-align: justify;}
#boxservizio h4 {font-size: 19px; font-weight: 400; margin: 0px 0px 5px 0px; color:#0f619d;}




/* FOOTER */

#footer { background-color: #28374e;
  background: url("../bg/bologna-bk.jpg") no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0px !important;
  padding: 0px 0px 20px 0px;
  }

#innerfooter { height: auto; }

#testo-contatti {color: #FFF; display: block; padding: 25px 0px 0px 0px;}


@media (max-width:800px) {
#innerfooter .left, #innerfooter .right {display: block; vertical-align: top; width: 100%; text-align: left;}
#innerfooter .left {padding: 25px 0px 0px 0px;}
#innerfooter .right {padding: 15px 0px 0px 0px;}
#formcontatto textarea {width: 100%; height: 155px; margin: 10px 0px 0px 0px;}
input.campo {width: 100%; margin: 8px 0px 10px 0px; padding: 4px; background-color:#e7eaec; border: none;}
}
@media (min-width:801px) {
#innerfooter .left, #innerfooter .right {display: inline-block; vertical-align: top; width: 50%; text-align: left; padding: 35px 0px 25px 0px;}
#formcontatto textarea {width: 100%; height: 155px; margin: 25px 0px 0px 0px;}
input.campo {width: 90%; margin: 8px 0px 10px 0px; padding: 4px; background-color:#e7eaec; border: none;}
}




#formcontatto {margin: 0px !important;}
#formcontatto .nomec {display: block; width: 100%; color: #FFF;}

#formcontatto .invia {display: block; text-align: right; margin: 15px 0px 0px 0px;}
#formcontatto .btninvia:hover {cursor: pointer;}
#privacy {display:block; font-style: italic; font-size:10px; color:#FFF; margin: 0px 0px 10px 0px;}
#privacy a {color: #E8AF30;}

#thanku {display: block; text-align: center; padding: 20px; color:#E8AF30}



/* BOTTOM LINE */
#bottomline {display:block; background-color:#424d52; margin: 0px !important; clear: both;}
#innerbottomline font { display: block; text-align: right; color:#FFF; padding: 8px 0px 8px 0px; font-weight: lighter;}
#innerbottomline font a {color: #E8AF30; text-decoration: none;}
#innerbottomline font a:hover {color: #E8AF30; text-decoration:underline;}
#innerbottomline .place {height:15px; width: auto; margin: 0px 5px 3px 0px; vertical-align:middle;}


/* COLORI 

blue #454e55
blu scuro #28374e
grigio/blu #424d52
grigio chiaro #e0e4e7
azzurro #f3f4f6
azzurro chiaro #e7eaec
giallo #E8AF30

*/



/* BOX CATEGORIE */
@media (max-width:800px) {
#box-categorie { position: relative; width: 90%; left: 50%; margin-left: -45%;}
#cat {display: block; vertical-align: top; width: 90%; border: thin solid #E8AF30; height: auto; margin: 0px 4.8% 25px 4.9%;}
#cat font h3 { display:block; font-weight: lighter; margin: 10px 0px 10px 0px; height:auto;}
}

@media  (min-width:801px) and (max-width:1199px) {
#box-categorie { position: relative; width: 90%; left: 50%; margin-left: -45%;}
#cat {display: inline-block; vertical-align: top; width: 30%; border: thin solid #E8AF30; height: auto; margin: 25px 1.5% 0px 1.5%;}
#cat font h1 { font-size: 160%;}
#cat font h3 { display:block; font-weight: lighter; margin: 10px 0px 10px 0px; min-height:30px}
}

@media (min-width:1200px) {
#box-categorie { width: 1100px; margin-left: -550px; left: 50%; position: relative; clear:both;}
#cat {display: inline-block; vertical-align: top; width: 30%; border: thin solid #E8AF30; height: auto; margin: 25px 1.5% 0px 1.5%;}
#cat font h3 { display:block; font-weight: lighter; margin: 10px 0px 10px 0px; min-height:80px}
}

@media (max-width:800px) {
#box-categorie {margin-top: 40px;}
}

@media (min-width:801px) {
#box-categorie {margin-top: 100px;}
}
#box-categorie {text-align: center;}
#box-categorie a {text-decoration: none;}
#box-categorie a:hover font h1, #box-categorie a:hover #cat {color:#E8AF30;}

#box-categorie h3.trova {margin:0px; padding: 0px; font-size: 25px; font-weight: 500;}


#cat font {display: block; color: #28374e;}
#cat font h1 {margin: 0px;}

#cat .immaginecat {width: 90%; height: 150px; left: 50%; margin-left: -45%; overflow: hidden; position: relative;
background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }


/* BOX IMMOBILI */

#noimmo {display: block; position: relative; width: 70%; left: 50%; margin-left: -35%; text-align: center; font-size: 20px; border: thin solid #eee; padding: 25px 20px 25px 20px;}
#noimmo a {color: #0f619d; text-decoration: underline !important;}
#noimmo a:hover {color: #E8AF30 }


@media (max-width:800px) {
#box-listaimmobili { position: relative; width: 90%; left: 50%; margin-left: -45%; text-align: center;}
#boxthumb {display: block; position:relative; width: 90%; left: 50%; margin-left: -45%; margin-bottom: 20px; }
#box-listaimmobili {margin-top: 20px; }
}

@media (min-width:801px) and (max-width:1199px) {
#box-listaimmobili { position: relative; width: 90%; left: 50%; margin-left: -45%; text-align: left !important;}
#boxthumb {width:45%; position: relative; display: inline-block; margin: 2.2%;}
#box-listaimmobili {margin-top: 100px;}
}

@media (min-width:1200px) {
#box-listaimmobili { width: 1200px; margin-left: -600px; left: 50%; position: relative; clear:both; text-align: left !important;}
#boxthumb {width:30%; position: relative; display: inline-block;   margin: 1.4%;}
#box-listaimmobili {margin-top: 100px;}
}

#boxthumb .venduto { position:absolute; right: 0px; top:0px; width: 30%;}

#box-listaimmobili a {text-decoration: none;}

h2.titolobig {margin: 0px; text-align: center !important; display: block; font-size: 30px; text-transform: uppercase; color:#28374e;}

#box-listaimmobili {text-align: center;}

#boxthumb {vertical-align: top; border-radius: 6px; border:thin solid #454e55; height: auto; background-color: #FFF; text-align: center;}

#boxthumb:hover {border: thin solid #E8AF30;}


#boxthumb .immagine { width: 100%; height: 180px; border-radius: 6px 6px 0px 0px; background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

  #boxthumb h3, #boxthumb h4, #boxthumb h2 {margin: 10px 0px 2px 0px;}
  #boxthumb h2 {font-size: 22px; margin: 10px 0px 0px 0px; color:#424d52}  
  #boxthumb h4 { font-weight: lighter; margin: 0px 0px 10px 0px; color:#424d52;}
  #boxthumb h3 {font-size: 22px; color: #E8AF30;}


#fotoheader {display:block; width: 100%; height: 30%; margin: 15px 0px 15px 0px; background-color: #424d52;
background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#descrizionecat {display:block; padding: 0px 2% 0px 2%; margin:15px 0px 0px 0px; font-size: 19px;}



/* UNDER CONSTRUCTION */

#testo-underc { display:block; width: 100%; height: auto; padding: 50px 0px 50px 0px; text-align: center;}
#testo-underc font { display:block; font-size: 28px;}
#testo-underc .descagenzia {display: block; width: 60%; margin: 25px 0px 0px 0px; text-align: justify; position: relative; margin-left: -30%; left: 50%;}

/* PRIVACY */
#testo-privacy {display: block; padding: 35px 120px 35px 120px; text-align: justify;}



/* SCHEDA IMMOBILE */

#schedabox {height:auto; width: 90%; margin-bottom: 100px; padding-bottom:40px; position: relative; margin-left: -45%; left: 50%; top: 70px; display: block;}

#schedabox h1 {font-size: 24px; padding: 0px; margin: 0px 0px 3px 0px;}
#schedabox h2 {padding: 0px; margin:0px 0px 15px 0px; font-weight: lighter; font-style: italic; font-size: 16px;}
#schedabox  .descrizioneimmobile {display: block;  height: auto; width: 80%; position: relative; left: 50%; margin-left: -40%;}

#schedabox .iconebox {display:block; height: auto; margin: 0px 0px 15px 0px; background-color: #e0e4e7;}


#iconebox p {display: inline-block; vertical-align: top; width: 22%;}
#iconebox p.prezzo {font-size: 30px; font-weight: bold;}
#iconebox p.bagno {font-size: 25px;}
#iconebox p img { height: auto%; width: 15%; margin: 0px 5px 0px 0px;}