@import 'css/cookie-banner.css';
@media all {
*{
	margin:0px;
	padding:0px;
}
body{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	font-weight: 400;	
}
#page{
	width:100%;
	/*background-color:#ccc;*/	
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size:0.9em; 
	color: #666666;
}
a{
		color: #666666;
}
h1{
	color:#1a3822;
	font-size:1.2em; 
	margin-bottom:7px;
}
h2{
	color:#1a3822;
	border-bottom: 2px solid #9ECBA8;
	font-size:1.0em; 
	margin-bottom:7px;
	padding-bottom: 7px;	
}
h3{
	color:#1a3822;
	font-size:0.9em; 
	margin-bottom:7px;	
}
#header{
	/*background-color:#F00;*/	
}

#anniversario{
	width:12%;
	padding:3.4% 0;
	float:left;
	/*background-color:#636;*/
	text-align:center;
}
#logo{
	width:76%;
	padding:1% 0;
	float:left;
	/*background-color:#93C;*/	
	text-align:center;
}

#interflora{
	width:12%;
	padding:3.4% 0;
	float:right;
	/*background-color:#FF0;*/
	text-align:center;
}
#header img{
	/*width:50%;*/
	height:auto;
}
#nav{
	clear:both;
	background-color:#9ECBA8;	
	margin:0px auto;
	text-align:center;
}
#nav ul{
	/*list-style-type:none;
	margin:0px auto;
	text-align:center;
	background-color:#333;
	width:76%;
	padding:1% 0;*/
}
#nav li{
	/*display:inline;
	background-color:#fff;
	padding:1% 10%;*/
}
#nav a{
	/*color: #fff;
	text-decoration:none;	*/
}
#nav a.selected, #nav a:hover{
	/*color: #333;*/
}
.navbar-fixed {
    top: 0;
    z-index: 100;
  position: fixed;
    width: 100%;
}

#slide{
	display: none;
	border: 0px solid #000;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:1.5%;
}
#slide img{
	position:absolute;	
	width:100%;
	height:auto;	
}
#slide:first-child{
	display:true;
}
#content{
	width:70%;
	margin:0px auto;
	text-align:justify;
	clear:both;
	margin-top:30%;
	line-height:1.3em;	
}
.storia{
	float:left;
	width:45%;
	margin-right:20px;
}
.tour{
	float:none;
	width:100%;
}
.foto{
	float:right;
	width:48%;
}
.foto img, .foto iframe{
	border:3px solid #9ECBA8;
	padding:5px;
}
.recapiti{
	float:left;
	width:70%;
}
.indirizzo{
		float:left;
	}
#footer{
	color:#333333;
	background-color:#d4e8d9;
	margin-top:3%;
	font-size:0.85em;
	padding:0.5% 0.7%;
}
#footer span:last-child{	
	float:right;
}


#footer a{	
	color:#000000;
    text-decoration: underline;
}
#footer a:hover{
	color:#636;
}


/* SCROLL TO TOP */

.cd-top {
  display: inline-block;
  padding: 6px 4px 4px;
    border-radius: 4px;
  height: 20px;
  width: 20px;
  position: fixed;
  bottom: 35px;
  right: 10px;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
/*  background: rgba(232, 98, 86, 0.8) url(img/cd-top-arrow.svg) no-repeat center 50%;*/
  background: #9ECBA8  url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
	#content {
    width: 90%;
   }
	
}

@media all and (max-width: 1023px) {
	body{
		font-size:1em;	
	}
	
	#anniversario img, #interflora img{
		display:none;
		width:17%;
		height:auto;	
	}
	#anniversario{
		height:55px;
		background-image:url(img/anniversario-interflora.png);	
		background-position:right center;
		background-repeat:no-repeat;
		background-size:65% auto;		
	}
	#anniversario, #logo, #interflora{
	width:100%;
	padding:0;	
	text-align:center;	
	}
	
	#interflora{
		display:none;
	}
	
	#logo{
		width:80%;	
		float:right;
	}
	
	#logo img{
		width:95%;
		height:auto;	
	}
	
    /*#nav a{
		font-size:1.1em;
	}*/
	#content{
	width:90%;
	}
	.foto, .storia{
	float:none;
	width:100%;
	}
	.foto img{
	width:96%;
	height:auto;
	margin-top:30px;
	}
	.recapiti{
		float:none;	
	}
	.indirizzo{
		float:none;
		margin-top:50px;	
	}
	#footer{
		text-align:center;
	}

	#footer span:last-child{	
	float:none;
	margin-left:30px;
}
	
}

@media all and (min-width: 568px) and (max-width: 1023px) {
	#anniversario{
		height:70px;
		padding-top:3%;
	}
}
@media all and (max-width: 320px) {
	#footer{
		text-align:left;
		font-size:0.7em;	
	}
}