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



.responsive {
  width: 100%;
  max-width: 2000px;
  height: auto;
}

.responsive-logo {
	margin: 0 20px 0 20px ;
}

.fascia-logo {
	text-align: center;
	margin: 0 0 30px 0;	
}

.fascia-foto {
  text-align: center;
  margin: 0 0 30px 0;	
  height: auto;
}

@media only screen and (max-width: 5000px) {
  .dim-desk {
    display: inline;
  }
  .dim-tablet {
    display: none;
  }
  .dim-phone {
    display:none;
  }
}
@media only screen and (max-width: 768px) {
  .dim-desk {
    display: none;
  }
  .dim-tablet {
    display: inline;
  }
  .dim-phone {
    display:none;
  }
}
@media only screen and (max-width: 564px) {
  .dim-desk {
    display: none;
  }
  .dim-tablet {
    display: none;
  }
  .dim-phone {
    display:inline;
  }
}

.fascia-foto img{
    width: 100%;
	max-width: 100000px;
    height: auto;
	padding: 0px;
}
.credi {
	text-align:center;
	color:#000000;
	font-size:2em;
	font-weight:bold;
	font-family: "Noto Serif TC", serif;
	margin:15px 0px 50px 0px ;
}

* {
	box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
	background-color: #EEE;
	float: left;
	text-align: center;
	width: 33.33%;
	padding: 0px 0px 30px 0px;
}

.column img {
	margin: 0px 10px 20px 10px;
	width: 100%;
	max-width: 270px;
	height: auto;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
	width: 100%;
	}
}




.titolo {
	text-align:center;
	max-width: 1200px;
	color:#000000;
	font-size:1.8em;
	font-family: "Noto Serif TC", serif;
	margin:0px auto;
}

.titolo-soprahortes {
	text-align:center;
	color:#D7AD1B;
	font-size:2em;
	font-family: "Noto Serif TC", serif;
	margin:0px;
}

.titolo-hortes {
	text-align:center;
	color:#000000;
	font-size:6em;
	font-weight:bold;
	font-variant: small-caps;
	font-family: "Noto Serif TC", serif;
	margin:0px;
}

.sottotitolo-hortes {
	text-align:center;
	color:#D7AD1B;
	font-size:2.5em;
	font-weight:bold;
	font-family: "Noto Serif TC", serif;
	margin:-20px 0 20px 0;;
}

.titolo-prenota {
	text-align:center;
	color:#000000;
	font-size:2.5em;
	font-weight:bold;
	font-family: "Noto Serif TC", serif;
	margin:30px 0px 30px 0px;
}

.info {
	text-align:center;
	color:#000000;
	font-size:1.5em;
	font-weight:bold;
	font-family: "Noto Serif TC", serif;
	margin:0px;
}

.box_spiegazione {
    background-color: #eee;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px;
    font-weight: bold;
}

.spiegazione {
	text-align:justify;
	color:#000000;
	font-size:1.4em;
	font-weight:normal;
	font-family: "Noto Sans", sans-serif;
	margin:0px;
}

.spiegazione-centrato {
	text-align:center;
	color:#000000;
	font-size:1.4em;
	font-weight:normal;
	font-family: "Noto Sans", sans-serif;
	margin:0px;
}

.titolino {
	text-align:center;
	color:#000000;
	font-size:2.5em;
	font-variant: small-caps;
	font-family: "Noto Serif TC", serif;
	margin:0px 0px 20px 0px;
}


li {
	text-align: left;	
	color:#000000;
	font-family: "Hina Mincho", sans-serif;
	font-weight:bold;
	font-size:1.4em;
	margin: 0px 20px 0px 20px;
}

ul {
  list-style: none;
}

ul li:before {
  content: '✓ ';
}



.camistral {
	text-align:center;
	color:#D7AD1B;
	font-size:1.5em;
	font-weight:bold;
	font-family: mistral, Arial, Helvetica, sans-serif;
}

.rosso {
	color:#D7AD1B;
	font-weight:bold;
}


/* unvisited link */
a:link {
	color: #C7181B;
	text-decoration:none;	
}

/* visited link */
a:visited {
	color: #C7181B;
	text-decoration:none;
}

/* mouse over link */
a:hover {
	color: #FF0003;
	text-decoration:underline;
}

/* selected link */
a:active {
	color: #FF0003;
	text-decoration:none;
}

/* BOX Esperienze flessibile*/
.row {
	text-align: center;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 0px 50px 0px;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	font-family: "Noto Sans", sans-serif;
}