/* Fonts */
@font-face {
	font-family: 'opensanscondensed';
	src: url('../fonts/OpenSansCondensed-Bold.eot');
	src: url('../fonts/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSansCondensed-Bold.woff') format('woff'),
		url('../fonts/OpenSansCondensed-Bold.ttf') format('truetype'),
		url('../fonts/OpenSansCondensed-Bold.svg#OpenSansCondensedBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'gentiumbook';
	src: url('../fonts/GentiumBook-Bold.eot');
	src: url('../fonts/GentiumBook-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GentiumBook-Bold.woff') format('woff'),
		url('../fonts/GentiumBook-Bold.ttf') format('truetype'),
		url('../fonts/GentiumBook-Bold.svg#GentiumBookBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'gentiumbook';
	src: url('../fonts/GentiumBook-Regular.eot');
	src: url('../fonts/GentiumBook-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GentiumBook-Regular.woff') format('woff'),
		url('../fonts/GentiumBook-Regular.ttf') format('truetype'),
		url('../fonts/GentiumBook-Regular.svg#GentiumBookRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset di base*/
html, body{
	background: #f4f4f4;
	color: #626262;
	font-family: 'gentiumbook',georgia,'times new roman',serif;
	font-size: 18px;
	line-height: 1.4em;
	padding:0;
	margin:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
	color: #1d59a9;
}
a:hover, a:focus{
	color: #01901a;
	text-decoration: underline;
}
.main a, #main a, form a{	
	color: #1d59a9;
	text-decoration: none;
}
.main a:hover, #main a:hover, form a:hover,
.main a:focus, #main a:focus, form a:focus{
	color: #01901a;
	text-decoration: underline;
}
#main header a, .main header a{
	color: #626262;
	text-decoration: none;
}
#main table a{
	text-decoration: none;
	font-weight: normal;
	color: #626262;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	font-weight: bold;
}
time{
	color: #626262;
	display: block;
}
dt{
	font-weight: bold;
	color: #626262;
}
dd{
	margin-bottom:1em;
	text-align:left;
}
pre{
	font-size: 0.75em;
}
/* Testo selezionato */
::selection {
    background-color: #01901a; 
    color: #ffffff;
}
::-moz-selection {
    background-color: #01901a; 
    color: #ffffff;   
}


/* Classi generiche */
/* Leva il padding alle colonne di Bootstrap */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.list-unstyled{
	margin-bottom: 0;
}
.bgchiaro{
	background: #f4f4f4;
}
.bgbianco{
	background: #fff;
}
.bgscuro{
	background: #626262;
}
.bgblusfuma{
	background: rgba(14,74,158,1);
	background: -moz-linear-gradient(top, rgba(14,74,158,1) 0%, rgba(28,88,168,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,74,158,1)), color-stop(100%, rgba(28,88,168,1)));
	background: -webkit-linear-gradient(top, rgba(14,74,158,1) 0%, rgba(28,88,168,1) 100%);
	background: -o-linear-gradient(top, rgba(14,74,158,1) 0%, rgba(28,88,168,1) 100%);
	background: -ms-linear-gradient(top, rgba(14,74,158,1) 0%, rgba(28,88,168,1) 100%);
	background: linear-gradient(to bottom, rgba(14,74,158,1) 0%, rgba(28,88,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4a9e', endColorstr='#1c58a8', GradientType=0 );
}
.bgblu{
	background: #1d59a9; 
}
.bgverde{
	background: #01901a;
}
.chiaro{
	color: #f4f4f4;
}
.bianco{
	color: #fff;
}
.scuro{
	color: #626262;
}
.blu{
	color: #1d59a9;
}
.verde{
	color: #01901a;
}
.text-center{
	text-align: center;
}
.img-center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.text-right{
	text-align:right;
}
.nowrap{
	white-space: no-wrap;
}
.margin-top{
	margin-top: 2em;
}
.no-margin-top{
	margin-top: 0;
}
.margin-bottom{
	margin-bottom: 2em;
}
/* Classi per le separazioni delle sezioni oblique */
.oblique-container{
	width:100%;
	overflow-x: hidden;
}
.oblique-white-top{
	border-top: 25px solid #fff;
	border-right: 768px solid transparent;
	height:0px;
	width:100%;	
    -moz-transform: scale(.9999); /* altrimenti su FF il bordo viene sfumato */
}
.oblique-green-top{
	border-top: 25px solid #01901a;
	border-right: 768px solid transparent;
	height:0px;
	width:100%;	
    -moz-transform: scale(.9999); /* altrimenti su FF il bordo viene sfumato */
}
.oblique-green-bottom{
	border-bottom: 25px solid #01901a;
	border-left: 768px solid transparent;
	height:0px;
	width:100%;	
    -moz-transform: scale(.9999); /* altrimenti su FF il bordo viene sfumato */
}
.oblique-gray-top{
	border-top: 25px solid #f4f4f4;
	border-right: 768px solid transparent;
	height:0px;
	width:100%;	
    -moz-transform: scale(.9999); /* altrimenti su FF il bordo viene sfumato */
}
.oblique-gray-bottom{
	border-bottom: 25px solid #f4f4f4;
	border-left: 768px solid transparent;
	height:0px;
	width:100%;	
    -moz-transform: scale(.9999); /* altrimenti su FF il bordo viene sfumato */
}


/* Animazione che routa di 360° */
@keyframes rotating {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	} to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	} to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}

@media (min-width: 768px) {	/* su alcuni cell faceva scattare tutto: la carico dai tablet in su */
	/* Animazione onde sx e dx per i background multipli */
	@keyframes animationWave {
		0% { background-position: 0 0, -20px 25px; }
		50% { background-position: -20px 0, 0 25px; }
		100% { background-position: 0 0, -20px 25px;}
	}
	@-moz-keyframes animationWave {
		0% { background-position: 0 0, -20px 25px; }
		50% { background-position: -20px 0, 0 25px; }
		100% { background-position: 0 0, -20px 25px;}
	}
	@-webkit-keyframes animationWave {
		0% { background-position: 0 0, -20px 25px; }
		50% { background-position: -20px 0, 0 25px; }
		100% { background-position: 0 0, -20px 25px;}
	}
	@-ms-keyframes animationWave {
		0% { background-position: 0 0, -20px 25px; }
		50% { background-position: -20px 0, 0 25px; }
		100% { background-position: 0 0, -20px 25px;}
	}
	@-o-keyframes animationWave {
		0% { background-position: 0 0, -20px 25px; }
		50% { background-position: -20px 0, 0 25px; }
		100% { background-position: 0 0, -20px 25px;}
	}
}

/* Animazione preloader */
@-webkit-keyframes rotate{
	0% {-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	33.33% {-webkit-transform:rotateX(360deg) rotateY(0deg) rotateZ(0deg);}
	66.66% {-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(0deg);}
	100% {-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);}
}
@keyframes rotate{
	0%{transform:rotateX(0deg) rotateY(0deg);}
	50%{transform:rotateX(360deg) rotateY(0deg);}
	100%{transform:rotateX(360deg) rotateY(360deg);}
}

/* Preload */
body{
  height:100vh;
}
#preloader{
	position: fixed;
	z-index: 10001;
	background: #f4f4f4;
	width: 100%;
	height: 100%;
}
#preloader-container{
  position:absolute;
  height:100px;
  width:100px;
  left:50%;
  top:50%;
  margin: -50px 0 0 -50px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-perspective:400px;
          perspective:400px;
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.cube{
  height:70px;
  widht:70px;
  -webkit-transform-origin:50% 50%;
          transform-origin:50% 50%;
  -webkit-transform-style:preserve-3d;
          transform-style:preserve-3d;
  -webkit-animation:rotate 4s infinite ease-in-out;
          animation:rotate 4s infinite ease-in-out;
  
}
.side{
  position:absolute;
  display:block;
  height:70px;
  width:70px;
}
.side1{
	background:#1d59a9;
	-webkit-transform:translateZ(100px);
	transform:translateZ(100px);
}
.side2{
	background:#01901a;
	-webkit-transform:rotateY(90deg) translateZ(100px);
	transform:rotateY(90deg) translateZ(100px);
}
.side3{
	background:#044398;
	-webkit-transform:rotateY(180deg) translateZ(100px);
	transform:rotateY(180deg) translateZ(100px);
}
.side4{
	background:#046c21;
	-webkit-transform:rotateY(-90deg) translateZ(100px);
	transform:rotateY(-90deg) translateZ(100px);
}
/* :not(:required) hides this rule from IE9 and below */
/*.circles:not(:required) {*/


/* Navbar e menù */
.navbar-header{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.navbar{
	margin-bottom: 0;
}
.navbar-default{
	background: transparent;
	box-shadow: none;
	border-color: transparent;	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.navbar-fixed-top{
	border-width: 0;
	border-bottom: 0;
}
/* Logo e slogan */
.navbar-brand img{
	height: 75px;
}
.navbar-default .navbar-brand, .navbar-brand{
	height: 104px;
	padding: 15px 15px;
	color: #626262;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #626262;
}
.navbar-brand h2{
	margin: 5px 0 0 0;
	font-size: 1em;
	font-weight: normal;
}
#logo-mini{
	display: none;
}
/* Links menù */
.navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-nav>div>li>a{
	text-transform: uppercase;
	color: #626262;
}
.navbar-brand, .navbar-nav>li>a, .navbar-nav>div>li>a{
	text-shadow: none;
}
/* Classe colore alla navbar allo scroll */
.onscroll{
	background: #f4f4f4;
	/*border-bottom: 1px solid #e3e3e3;*/
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
}
/* Bottone mostra nascondi menù */
.navbar-toggle {
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #1d59a9;	
	width: 30px;
	height: 1px;
	border-radius: 0;
	margin-bottom: 5px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.navbar-default .navbar-toggle .icon-bar:last-child{
	margin-bottom: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .icon-list div {
	background-color: transparent;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.navbar-default .icon-list div, .navbar-default .icon-esc div{
	padding: 23px 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 20px;
	border: 1px solid #e3e3e3;
}
.navbar-default .icon-esc .icon-bar{
	background-color: #fff;
}
.navbar-default .icon-esc div{
	background-color: #1d59a9;
	border: 1px solid #fff;
}
.icon-esc #icon-bar1{
	-ms-transform: translate(0px,6px) rotate(45deg);
	-webkit-transform:translate(0px,6px) rotate(45deg);
	-moz-transform:translate(0px,6px) rotate(45deg);
	-o-transform:translate(0px,6px) rotate(45deg);
	transform:translate(0px,6px) rotate(45deg);
}
.icon-esc #icon-bar2{
	opacity: 0;
}
.icon-esc #icon-bar3{
	-ms-transform: translate(0px,-6px) rotate(-45deg);
	-webkit-transform: translate(0px,-6px) rotate(-45deg);
	-moz-transform: translate(0px,-6px) rotate(-45deg);
	-o-transform: translate(0px,-6px) rotate(-45deg);
	transform: translate(0px,-6px) rotate(-45deg);
}
/* Bandierina menù 1 livello (cell) */
.navbar-collapse{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: 0;
	background: #e3e3e3;
	max-height: none;
}
.navbar-nav {
	margin: 0 -15px;
}
.navbar-nav>li>a, .nav>li>a, .navbar-nav>div>li>a, .nav>div>li>a {
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	font-size: 1.15em;
	line-height: 1.2em;
	position: relative;
	display: block;
	text-align: center;
	padding: 15px 30px;
	border-bottom: 1px solid #e3e3e3;
	background: #f4f4f4;
}
.navbar-nav>li:last-child>a, .nav>li:last-child>a {	
	border-bottom: 1px solid #e3e3e3;
}
.navbar-nav>li:first-child>a, .nav>li:first-child>a {	
	border-top: 1px solid #e3e3e3;
}
.nav>li>a:hover, .nav>li>a:focus,
.nav>div>li>a:hover, .nav>div>li>a:focus{
	text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>div>li>a:hover, .navbar-default .navbar-nav>div>li>a:focus{
	color: #1d59a9;
	background: #f4f4f4;
	border-bottom:1px solid #e3e3e3;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>div>.open>a, .navbar-default .navbar-nav>div>.open>a:hover, .navbar-default .navbar-nav>div>.open>a:focus{
	color: #1d59a9;
	background-color: #f4f4f4;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>div>.active>a, .navbar-default .navbar-nav>div>.active>a:hover, .navbar-default .navbar-nav>div>.active>a:focus{
	-webkit-box-shadow: none;
	filter: none;
	box-shadow: none;
	color: #01901a;
	background: #f4f4f4;
	font-weight: bold;
}
/* links 2 livello */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a{
	background-color: transparent;
	color: #626262;
}
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
 	background-color: transparent;
 	color: #01901a;
 }
.dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: #e3e3e3;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
 	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu{
	border-bottom:1px solid #f4f4f4;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	font-size: 1.15em;
	line-height: 1.2em;
	color: #626262;
	text-align: center;
	text-transform: uppercase;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	border-color: #e3e3e3;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 6px 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #1d59a9;
	background-color: transparent;
	filter: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:active,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	color:#1d59a9;
	background-color:transparent;
	background-image:none;
	filter:none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #1d59a9;
	background-image:none;
	background-color:transparent;
	filter:none;
}
.dropdown-menu>li.active>a, .navbar-default .navbar-nav .open .dropdown-menu>li.active>a{
	color: #01901a;
}
/* 3° livello */
.navbar-nav>li>ul>li>ul>li>a {
	color: #777;	
}
.navbar-nav>li>ul.dropdown-menu>li>ul>li>a:hover, .navbar-nav>li>ul.dropdown-menu>li>ul>li>a:focus{
	color: #1d59a9;
}
.navbar-nav>li>ul.dropdown-menu>li>ul>li.active>a{
	color: #01901a;
}



/* Header */
#head{
	color: #fff;
	background-image: url(/img/wave.png),url(/img/wave.png);
	background-repeat: repeat, repeat;
	background-position: 0 0, -10px 25px;
	background-size: 100px 50px, 100px 50px;	
    background-attachment: fixed;
    
	animation: animationWave 2s ease-in-out infinite, ;
	-moz-animation: animationWave 2s ease-in-out infinite;
	-webkit-animation: animationWave 2s ease-in-out infinite;
	-ms-animation: animationWave 2s ease-in-out infinite;
	-o-animation: animationWave 2s ease-in-out infinite;
}
#bg-mountains{
	height:200px;
	background: #f4f4f4 url(/img/bg-mountains.png) repeat-x bottom center;
	background-size: auto 90px; /* altezza immagine bg */
}
/* Titolo per pag non home */
.container-titolo{
	margin-top: 2em;
	margin-bottom: 1em;	
	text-align: center;
}
.container-titolo h1{
	margin-top: 0;
	margin-bottom: 0.3em;
}
.container-titolo h3, 
.container-titolo .h3{
	font-family: 'gentiumbook',georgia,'times new roman',serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
}
/* Social Sharer */
#social-sharer{
	text-align: center;
	margin-top: 1em;
}
#links-sharer li{
	display:inline-block;
}
#links-sharer li a{
	text-align: center;
	float: left;
	display: block;
	font-size: 27px;
	line-height: 35px;
	width: 56px;
	height: 56px;
	padding: 9px 8px;
	color: #fff;
	background: #044398; 
	border: 1px solid transparent;
	margin: 0 0.2em;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
#links-sharer li a:hover, 
#links-sharer li a:focus{
	background: #01901a; 
	border: 1px solid #fff;
}
/* Carousel head */
#carousel-head{
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	color: #fff;
	margin-top: 3em;
	margin-bottom: 2em;
}
#carousel-head div a span{
	padding: 20px;
	text-align: center;
	position: absolute;
	bottom: 0;
	display: block;
	height: 100px;
	width: 100%;
	color: #fff;
	background: #044398;
	background-image:none;
	background:rgb(4,67,152);
	background: transparent\9;
	background:rgba(4,67,152,0.6);		
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99044398,endColorstr=#99044398);
	zoom: 1;
}
#carousel-head .slick-dots{
	position: absolute;
	bottom: 10px;
}
/* Eventi recenti */ 
#eventi-recenti{
	background: #044398;
	margin-bottom: 3em;
}
#eventi-recenti h3{
	border-bottom: 1px solid #1c58a8;
	margin-bottom: 0;
	padding: 20px;
	text-transform: uppercase;
}
#eventi-recenti a{
	display: block;
	color: #fff;
	border-bottom: 1px solid #1c58a8;
	background: transparent;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 20px;
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
}
#eventi-recenti a:focus, #eventi-recenti a:hover{
	text-decoration: none;
	background: #01901a;
}
#eventi-recenti div, #eventi-recenti div time{
	color: #fff;
	font-family: 'gentiumbook',georgia,'times new roman',serif;
}
#eventi-recenti div time{
	display: inline;
}
#eventi-recenti div{
	font-size: 0.91em;
	line-height: 1.4em;
}

/* Main */
#main{
	padding-top: 3em;
	padding-bottom: 3em;
}

/* Box */
.box{
	background: #fff;
	border: 1px solid #e3e3e3;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box-content{
	padding: 1.4em;
}
.box figure{
	position: relative;
	overflow: hidden;
}
.box figure img{	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box:hover figure figcaption, .box:focus figure figcaption{
	background: #044398;
	background-image: none;
	background: rgb(4,67,152);
	background: transparent\9;
	background: rgba(4,67,152,0.6);		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99044398,endColorstr=#99044398);
	zoom: 1;
}
.box figure figcaption .continua{
	color: transparent;
	font-size: 3em;
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -0.4em;
	margin-left: -1em;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.box:hover figure figcaption .continua, .box:focus figure figcaption .continua{	
	color: #fff;
	margin-left: 0;
}
#main .box a{
	text-decoration : none;
}
#main .box-content a:hover,
#main .box-content a:focus{
	text-decoration : underline;
}
.box a h2{
	color:#1d59a9;
	font-size: 1.15em;
	line-height: 1.45em;
	margin-top: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box:hover, .box:focus{
	border: 1px solid #1d59a9;
}
.nohome .box:hover, .nohome .box:focus{
	border: 1px solid #e3e3e3;
}
.box:hover a, .box:focus a, .box:hover h2, .box:focus h2{
	color: #01901a;
	text-decoration: none;
}
.box:hover figure img, .box:focus figure img{
	-moz-transform: scale(1.1) rotate(-1deg);
	-webkit-transform: scale(1.1) rotate(-1deg);
	-o-transform: scale(1.1) rotate(-1deg);
	-ms-transform: scale(1.1) rotate(-1deg);
	transform: scale(1.1) rotate(-1deg);
}
.nohome .box:hover figure img, .nohome .box:focus figure img{
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
/* badge n°foto */
.nfoto{
	position: absolute;
	left: 50%;
	width: 80px;
	height: 80px;
	padding: 18px 12px;
	margin: -40px 0 0 -40px;
	background: #01901a;
	color: #fff;
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.nfoto span{
	display:block;
	font-size: 2em;
}
/* Play dei thumb dei video */
.video-thumb{
	display:block;
	width: 100%;
	height: 400px;
	background-color: #e3e3e3;
	background-repeat: no-repeat;
    background-position: center center; 
	background-size: cover;
}
.video-thumb .play{
	position: absolute;
	outline: none;
	font-size: 30px;
	line-height: 80px;
	z-index: 1;
	color: #fff;
	border: 0;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	text-align: center;
	background: #fff;
	color: #044398;
	border: 1px solid #e3e3e3;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.video-thumb .play:hover, .video-thumb .play:focus{
	background: #01901a;
	color: #fff;
	border: 1px solid #fff;	
}
/* Navigatore del carousel (es: gallerie) */
#carousel-nav .slick-slide{
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-filter: grayscale(100%);  
    -webkit-filter: grayscale(1);  
    filter: grayscale(100%);  
    filter: url('../img/gray.svg#grayscale');  
    filter: gray;
}
#carousel-nav .slick-center{	
	-webkit-filter: grayscale(0%);  
    -webkit-filter: grayscale(0);  
    filter: none;  
}

/* Titoli secondari */
.box-secondario h3{
	text-align: center;
	margin: 0;
	padding: 0.5em;
	color: #1d59a9;
}
/* Badge */
	.badge{
		background-color: #01901a;
		font-family:helvetica,arial,verdana,sans-serif;
	}
/* Tabelle */
	.table, table{
		border-bottom: 1px solid #e3e3e3;
	} 
	.table tbody>tr>td, table tbody>tr>td{background:transparent;}
	.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
		background-color: transparent;
	}
	.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td,
	table thead>tr>th, table tbody>tr>th, table tfoot>tr>th, table thead>tr>td, table tbody>tr>td, table tfoot>tr>td {
		border-top: 1px solid #e3e3e3;
		padding: 0.5em;
	}
	.table-hover tbody tr:hover td{background-color: #e3e3e3;}
	.table a, table a{color: #626262;}
	#tabella-documenti, #tabella-links{
		margin-bottom: 0;
		border-bottom: 0;
	}
	.table>tbody>tr>td.vertical-middle{
		vertical-align: middle;
	}


/* Casi speciali */

/* Classe generica per paggini su e giu delle sezioni */
.padding-top-bottom{
	padding-top: 3em;
	padding-bottom: 3em;
}

/* Barra prossimo/precedente */
.next-prev{
  color: #fff;
  background-image: url(/img/wave.png),url(/img/wave.png);
  background-repeat: repeat, repeat;
  background-position: 0 0, -10px 25px;
  background-size: 100px 50px, 100px 50px;
  background-attachment: fixed;
  animation: animationWave 2s ease-in-out infinite,;
  -moz-animation: animationWave 2s ease-in-out infinite;
  -webkit-animation: animationWave 2s ease-in-out infinite;
  -ms-animation: animationWave 2s ease-in-out infinite;
  -o-animation: animationWave 2s ease-in-out infinite;
}
.next-prev a{
	color: #fff;
	padding: 20px;
}
.prev{
	text-align: right;
}
.next-prev time{
	color: #fff;
	display: block;
	margin: 0;
}
.next div{
	width: auto; /*70%;*/
	max-width: 70%;
	float: left;
}
.prev div{
	width: auto; /*70%;*/
	max-width: 70%;
	float: right;
}
.next .icon-left, .prev .icon-right{
	display: block;
	background: #044398;
	padding: 20px 0px;
	font-size: 20px;
	line-height: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
.next .icon-left{
	float: left;
	margin-right: 1.5em;
}
.prev .icon-right{
	float: right;
	margin-left: 1.5em;
}
.next:hover .icon-left, .next:focus .icon-left,
.prev:hover .icon-right, .prev:focus .icon-right{
	background: #01901a;
	border: 1px solid #fff;
	color: #fff;
}

/* Tasto personalizzato */
.btn-default, #main .btn-default{
	font-size: 1em;
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	padding: 20px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	border-bottom: 3px solid #115b1e;
	filter: none;
	background-color: #01901a;
	background-image: none;
	background-repeat: repeat-x;
	text-shadow: none;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
	
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
#main .btn-default:hover, #main .btn-default:focus, #main .btn-default:active {
	color: #fff;
	border-bottom: 3px solid #044398;
	background-color: #1d59a9;
	background-image: none;
	text-decoration: none;
	background-position: 0 0;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
 .btn-default:first-child{	
    margin-left: 0;
} .btn-default:last-child{
    margin-right: 0;	
}
.btn span{
	margin-right: 10px;
}


/* cerca e forms */
.form-group{
	font-size: 18px;
}
input.form-control, textarea.form-control{
	width: 100%;
	font-size: 18px;
	height: auto;
	color: #626262;
	background: #f4f4f4;
	border: 1px solid #e3e3e3;
	padding: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input.form-control:focus, textarea.form-control:focus{
	outline: 0;
	border-color: #1d59a9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.form-control::-webkit-input-placeholder {
	color: rgba(170,170,170,1);
}
.form-control::-moz-placeholder {
	color: rgba(170,170,170,1);
}
.form-control:-moz-placeholder { /* Older versions FF */
	color: rgba(170,170,170,1);
}
.form-control:-ms-input-placeholder { 
	color: rgba(170,170,170,1);
}
#cerca{
	padding-top: 20px;
	padding-bottom: 20px;	
}
#cerca-testo{
	margin-right: 70px;
}
#cerca-submit {	
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	border-bottom: 3px solid #073169;
	float: right;
	margin-top: -50px;
	background: #1d59a9 url('/img/icon-cerca.png') no-repeat center center;
	background-size: 30px 30px;
}
#btn-contatti{
	float: right;
	margin-top: 20px;
}
#lasciavuoto{
	position: absolute;
}
/* Errori o successi su campo */
.has-error .form-control, .has-error .checkbox label,
.has-error .form-control:focus, .has-error .checkbox label:focus{
	background: #ffefef;
	border-color: #a94442;
	-webkit-box-shadow: none;
	box-shadow:none;
}
.has-success .form-control, .has-success .checkbox label, 
.has-success .form-control:focus, .has-success .checkbox label:focus{
	background: #efffed;
	border-color: #3c763d;
	-webkit-box-shadow: none;
	box-shadow:none;
}

/* Checkbox */
input[type=checkbox] {
	visibility: hidden;
}											
.checkbox {
	width: 25px;
	position: relative;
	float:left;
	margin-right:20px;
	margin-top:0;
}

/* Create the box for the checkbox */
.checkbox label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
  	left: 0;
	background: transparent;
	border:1px solid #e3e3e3;
	background: #f4f4f4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Display the tick inside the checkbox */
.checkbox label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 13px;
	height: 7px;
	background: transparent;
	top: 7px;
	left: 6px;
	border: 3px solid #626262;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* Effetto hover */
.checkbox label:hover{
	border:1px solid #1d59a9;
}
/* Create the hover event of the tick */
.checkbox label:hover::after {
	opacity: 0.3;
}
/* Create the checkbox state for the tick */
 input[type=checkbox]:checked + label::after {
	opacity: 1;
}
/* Messaggi o errori invio form */
.alert h3{
	margin-top: 0;
}

/* Slider marchi */
#carousel-marchi .slick-slide img {
	max-height: 120px;  /* limite altezza marchi */
	text-align: center;
	margin: 3em auto 3em auto;
}
#carousel-marchi .slick-dots{
	bottom: 20px;
}


/* Nostre attività */
#attivita-random{
	color: #fff;
	margin-top: 3em;
	margin-bottom: 2em;
}
#attivita-random h3{
	text-transform: uppercase;
	text-align: center;
	padding: 0.9em;
}
#attivita-random li a{
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	font-size: 1.2em;
	color: #fff;
}
#attivita-random li a:hover, #attivita-random li a:focus{
	text-decoration: none;
}
#attivita-random li a img{	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 0.9em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#attivita-random li a figure{
	position: relative;
}
#attivita-random li a figcaption{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#attivita-random li:hover figure figcaption, #attivita-random li:focus figure figcaption{
	border: 1px solid #fff;
	background: #044398;
	background-image:none;
	background:rgb(4,67,152);
	background: transparent\9;
	background:rgba(4,67,152,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99044398,endColorstr=#99044398);
	zoom: 1;
}
#attivita-random li a figcaption .continua{
	color: transparent;
	font-size: 2em;
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -0.4em;
	margin-left: -1em;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#attivita-random li a:hover figcaption .continua, #attivita-random li a:focus figcaption .continua{	
	color: #fff;
	margin-left: 0;
}
#attivita-random li{
	color: #fff;
	text-align: center;
}


/* Foto dalle gallerie */
#gallerie-recenti{
	color: #fff;
	margin-bottom: 3em;
}
#gallerie-recenti h3{
	background: #196c27;
	margin: 0;
	padding: 0.9em;
	text-align: center;
	text-transform: uppercase;
}

/* Mappa con uno o più markers */
#map_canvas, #map_all_canvas{
	width: 100%;
	height: 400px;
}

/* Footer */
#foot{
	color: #fff;
	background-image: url(/img/wave.png),url(/img/wave.png);
	background-repeat: repeat, repeat;
	background-position: 0 0, -10px 25px;
	background-size: 100px 50px, 100px 50px;	
    background-attachment: fixed;
	animation: animationWave 2s ease-in-out infinite, ;
	-moz-animation: animationWave 2s ease-in-out infinite;
	-webkit-animation: animationWave 2s ease-in-out infinite;
	-ms-animation: animationWave 2s ease-in-out infinite;
	-o-animation: animationWave 2s ease-in-out infinite;
}
#foot a{
	color: #fff;
}

/* Social icons */
#socials{
}
#socials ul {
  text-align:center;
	margin-top: 2em;
	margin-bottom: 2em;
} 
#socials li {display:inline;
	margin: 0.5em;} 
#socials li a {
	display:inline-block;
	font-size: 2em;
	line-height: 1em;
	background: none;
	color: #fff;
	border:1px solid transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 0.7em 0.5em;
	margin-right: -2px; /* evita i margini fra elementi inline block */
	margin-left: -2px; /* evita i margini fra elementi inline block */
	text-align: center;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#socials li a:hover, #socials li a:focus{
	border: 1px solid #fff;
	background: #01901a;
	text-decoration: none;
}

/* Dati piscine */
.foot-dati{
	background: #044398;
	padding: 2em;
}
.foot-dati:first-child{
	margin-bottom: 2em;
}
.foot-dati h3{
	margin-top: 0;
}
.foot-dati p{
	margin-bottom: 0;
}

/* Copyright e Siteland */
#copyright, #bysiteland{
	text-align: center;
}
#copyright{
	margin-top: 2em;
	margin-bottom: 1em;
}
#bysiteland{
	margin-bottom: 3em;
}


/* Link Go to Top */
#gototop{
	position: fixed; 
	z-index: 99;
	display:none; 
	bottom:20px; 
	right: 20px;
}
#gototop a{
	/*position: fixed;*/
	display: block;
	padding: 20px;
	background: #01901a;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#gototop a:hover, #gototop a:focus{
	border: 1px solid #1d59a9;	
	background: #fff;
	color: #01901a;
	text-decoration: none;
}


/* GESTIONE RESPONSIVA */
/* aggiustamenti nei piccoli device */
@media (max-width: 320px){ /* iphone 4-5 */
	.navbar-brand img {
	    height: 55px;
	    margin-top: 10px;
	}
}
@media (min-width: 321px) and (max-width: 360px){ /* nexus5 */
	.navbar-brand img {
	    height: 70px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	
	/* Classi per le separazioni delle sezioni oblique */
	.oblique-white-top, .oblique-green-top, .oblique-gray-top{
		border-top-width: 30px;
		border-right-width: 992px;
	}
	.oblique-gray-bottom{
		border-bottom-width: 30px;
		border-left-width: 992px;
	}	
	
	/* Navbar e menù */
	.navbar{
		margin-bottom: 0;
		font-size: 0.9em;
		padding-top: 25px;
	}	
	/* menù 1 livello (cell) */
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: 0;
		background: transparent;
		max-height: none;
	}
	.navbar-nav {
		margin: 31px auto;
		text-align: center;
	}
	.navbar-nav>li {
		border-right: 1px solid #e3e3e3;
	}
	.navbar-nav>li:first-child{display:none} /* nascondo l'home */
	.navbar-nav>li:last-child{
		border-right: 0;
	}
	.navbar-nav>li:last-child>a, .nav>li:last-child>a {
		border-bottom: 0;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, 
	.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>div>.open>a, 
	.navbar-default .navbar-nav>div>.open>a:hover, .navbar-default .navbar-nav>div>.open>a:focus,
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>div>.active>a, 
	.navbar-default .navbar-nav>div>.active>a:hover, .navbar-default .navbar-nav>div>.active>a:focus,
	.navbar-nav>li>a, .nav>li>a, .navbar-nav>div>li>a, .nav>div>li>a{
		background: transparent;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-nav>div>li>a:hover, .navbar-default .navbar-nav>div>li>a:focus {
		background: transparent;
		border-bottom: 0;
	}
	.navbar-nav>li>a, .nav>li>a,
	.navbar-nav>div>li>a, .nav>div>li>a{
		border-bottom: none;
		min-height: 40px;
		height: 40px;
	}
	.navbar-nav>li>a, .nav>li>a{
		padding: 10px 15px;
	}
	.navbar-nav>li:first-child>a, .nav>li:first-child>a {	
		border-top: none;
		margin-left: 20px;
	}
	.navbar-nav>div>li:last-child>a, .nav>div>li:last-child>a {	
		border-bottom: none;
		margin-right: 20px;
	}
	/* Livello 2 */
	.navbar-nav .dropdown-menu{
		position: absolute;
		right: auto;
		top: 50px;
	}
	.navbar-nav>li:last-child .dropdown-menu{ /*ultima bandieria allineata a dx */
		right: 0;
	}
	.dropdown-menu, .navbar-nav>li>.dropdown-menu{
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-nav .dropdown-menu>li>a, .navbar-nav .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
		text-align: left;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
		border-top: 1px solid #f4f4f4;
	}
	/* Form cerca */
	#cerca{
		position: absolute;
		left: 50%;
		top: 0;
		width: 200px;
		margin-left: 160px;
		z-index: 3;	
		padding-top: 7px;
		padding-bottom: 7px;
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	#cerca-testo{
		padding: 6px;
	}
	#cerca-submit {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -40px;
		background-size: 20px 20px;
	}
	/* Header */
	#bg-mountains{
		height: 220px;
		background-size: auto 95px; /* altezza immagine bg */
	}
	/* Titolo per pag non home */
	.container-titolo{
		margin-top: 2em;
		margin-bottom: 1em;	
		text-align: left;
	}
	/* Social Sharer */
	#social-sharer{
		float: right;
		margin-top: 0;
	}
	#links-sharer::before{
		content: "Condividi su:";
		display: block;
		margin-bottom: 0.3em;
	}
	/* Titolo box secondari */
	.box-secondario h3{
		text-align: left;
	}
	
	/* Onscroll */
	.navbar.onscroll{
		padding-top: 0;
	}	
	.onscroll #cerca{
		 left: 100%;
	}	
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	/* Classi per le separazioni delle sezioni oblique */
	.oblique-white-top, .oblique-green-top, .oblique-gray-top{
		border-top-width: 40px;
		border-right-width: 1200px;
	}
	.oblique-gray-bottom{
		border-bottom-width: 40px;
		border-left-width: 1200px;
	}
	
	/* Navbar e menù */
	.navbar{
		margin-bottom: 0;
		font-size: 1.05em;
		padding-top: 25px;
	}
	.navbar-brand img {
		height: 90px;
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}	
	/* menù 1 livello (cell) */
	.navbar-nav {
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		margin: 39px auto 23px auto;
	}
	.navbar-nav>li:first-child{display:block} /* mostro l'home */	
	.navbar-nav>li>a, .nav>li>a,
	.navbar-nav>div>li>a, .nav>div>li>a{
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	.navbar-nav>li>a, .nav>li>a{
		padding: 7px 18px;
	}
	/* Menù livello 3 normale */
	.navbar-nav>li>ul>li>ul>li{
		border-top: 1px solid #f4f4f4;
	}
	.navbar-nav>li>ul>li>ul>li>a{
		display: block;
		padding: 5px 15px;
		font-size: 1.11em;
	}
	.navbar-nav>li>ul>li>ul>li>a:hover,	.navbar-nav>li>ul>li>ul>li>a:focus{
		color: #1d59a9;
		text-decoration: none;
	}
	/* Mega dropdown */
	#mega-dropdown{
		width: 939px;
		padding: 10px;
		margin-left: -529px;
	}
	#mega-dropdown>li{		
		float: left;
		width: 33.3%;
	}	
	#mega-dropdown>li>a{
		margin: 0px 10px 0 10px;
	}
	#mega-dropdown>li>ul{
		margin: 0 10px 10px 10px;
	}
	#mega-dropdown>li.has-child>a{
		margin: 10px 10px 0 10px;
		border-top: 0;
	}
	/* Form cerca */
	#cerca{
		width: 200px;
		margin-left: 270px;
		padding-top: 12px;
	}
	#cerca-submit {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -40px;
		background-size: 20px 20px;
	}		
	/* Onscroll */
	.navbar.onscroll{
		padding-top: 0;
	}
	.onscroll .navbar-nav {
		margin: 31px auto 31px auto;
	}
	.onscroll .navbar-brand img {
		height: 75px;
	}
	
	/* Header */
	#bg-mountains{
		height: 245px;
		background-size: auto 110px; /* altezza immagine bg */
	}		
	/* Titolo per pag non home */
	.container-titolo{
		margin-top: 3em;
		margin-bottom: 1em;	
	}
	.container-titolo h1{
		font-size: 2.3em;
	}
	
	/* Carousel head */
	#carousel-head{
		margin-top: 3em;
		margin-bottom: 3em;
	}
	#carousel-head div a span{
		padding: 20px;
		height: 120px;
		font-size: 1.15em;
	}
	#carousel-head .slick-dots{
		bottom: 20px;
	}
	
	/* Eventi recenti */ 
	#eventi-recenti{
		margin-top: 3em;
		margin-bottom: 3em;
	}
	#eventi-recenti h3,	#eventi-recenti a{
		padding: 10px 20px;
	}
	#eventi-recenti div{
		font-size: 0.91em;
		line-height: 1.4em;
	}
	
	/* Nostre attività */
	#attivita-random{
		margin-top: 3em;
		margin-bottom: 3em;
	}

	/* Foto dalle gallerie */
	#gallerie-recenti{
		margin-bottom: 3em;
		margin-top: 3em;
	}
		
	/* Copyright e Siteland */
	#copyright{
		text-align: left;
		margin-top: 0em;
		margin-bottom: 2em;
	}
	#bysiteland{
		text-align: right;
		margin-top: 0em;
		margin-bottom: 2em;
	}
	
	/* Link Go to Top */
	#gototop{
		bottom:15px; 
		right: auto;
		left: 50%;
		margin-left: -32px
	}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {	
	
	/* Classi per le separazioni delle sezioni oblique */
	.oblique-white-top, .oblique-green-top, .oblique-gray-top{
		border-top-width: 50px;
		border-right-width: 1450px;
	}
	.oblique-gray-bottom{
		border-bottom-width: 50px;
		border-left-width: 1450px;
	}
	
	/* Navbar e menù */
	.navbar{
		padding-top: 16px;
	}
	.navbar-brand img {
		height: 115px;
	}	
	/* menù 1 livello (cell) */
	.navbar-nav {
		margin: 52px auto 10px auto;
	}
	.navbar-nav>li>a, .nav>li>a{
		padding: 7px 22px;
	}
	/* Mega dropdown */
	#mega-dropdown{
		width: 1140px;
		margin-left: -697px;
	}
	/* Form cerca */
	#cerca{
		width: 200px;
		margin-left: 371px;
		padding-top: 16px;
	}
	/* Header */
	#bg-mountains{
		height: 265px;
		background-size: auto 120px; /* altezza immagine bg */
	}
	/* Eventi recenti */ 
	#eventi-recenti h3,	#eventi-recenti a{
		padding: 20px;
	}
}

/* Aggiuntivo Siteland per grandi desktop */
@media (min-width: 1450px) {
	/* Classi per le separazioni delle sezioni oblique */
	.oblique-white-top, .oblique-green-top, .oblique-gray-top{
		border-top-width: 65px;
		border-right-width: 2000px;
	}
	.oblique-gray-bottom{
		border-bottom-width: 65px;
		border-left-width: 2000px;
	}
}