@charset "utf-8";


/* ==========================================================================
   STILI AGGIUNTIVI
   ========================================================================== */
	html,body{
		position:relative;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		top:0px;
		left:0px;
		overflow:hidden;
		font-size:0.625em;
	}
	#mobilebg{
		display:none;
		-webkit-backface-visibility:hidden;
		z-index:-99999999999;
	}
	.border-right{border-right:1px #999 solid;}
	*{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-overflow-scrolling:touch;
	}
	#row,#close,#responsive_menu,#hiderow,#content/*,#navbar*/{
		-webkit-transition: all 350ms ease-in-out;
		-moz-transition: all 350ms ease-in-out;
		-o-transition: all 350ms ease-in-out;
		transition: all 350ms ease-in-out;
	}
	.margin-right-2{margin-right:2px !important}
	.shadow-bottom{
		-webkit-box-shadow: 0px 6px 19px -6px rgba(50, 50, 50, 0.74);
		-moz-box-shadow:    0px 6px 19px -6px rgba(50, 50, 50, 0.74);
		box-shadow:         0px 6px 19px -6px rgba(50, 50, 50, 0.74);
	}
#informativa{
	position: static;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	z-index: 99999;
}
/* ==========================================================================
   STILI PER ANIMAZIONE INIZIALE
   ========================================================================== */
	#logointro,#slogan,#firma,body>#gallery,#logo{
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	#intro{
		position:absolute;
		top:48%;
		left:50%;
		width:64em;
		height:12em;
		margin-left:-32em;
		margin-top:-6em;
	}
	#intro img{
		width:100%;
		height:auto;
	}
	#firma{
		position:absolute;
		width:70%;
		height:auto;
		right:-20%;
	}
/* ==========================================================================
   	NAVBAR
   ========================================================================== */
	#navbar{
		position:fixed;
		width:100%;
		z-index:1000;
		display:block;
		background-color:#FFF;
		height:10em;
		line-height:10em;
		vertical-align:middle;
	}
	#navbar #logo{
		width:auto;
		height:5.8em;
		margin:auto 0 auto 5em;
		vertical-align:middle;
	}
	#navbar ul{
		float:right;
		width:auto;
		margin:0;
		padding:0;
		list-style-type: none;
		text-align: center;
	}
	#navbar ul li {float:left; margin-right:2em;}
	#navbar ul li a{
		font-family: 'Roboto Condensed', sans-serif;
		letter-spacing:.1em;
		font-size:2.4em;
		display:block;
		color:#000;
	}
	#navbar ul li a:visited,
	#navbar ul li a:active,
	#navbar ul li a:link{text-decoration: none;}
	#navbar ul li a:hover{text-decoration: none; color:#00A14B;}

	#navbar #menu_icon{display:none}
/* ==========================================================================
   	ICONE
   ========================================================================== */
   .ico{
	  height:20px;
	  width:20px;
	  display:inline-block;
	  vertical-align:middle;
	  margin:0;
	  background-image:url(../img/sprite.svg);
   }
   .ico .no-svg{background-image:url(../img/sprite.png);}

   /*	ICONE GRANDI	*/
   .icobig-pinterest{width:25px; height:25px;background-position:0px 0px;}
   .icobig-facebook{width:25px; height:25px;background-position:-50px 0px;}
   .icobig-pinterest:hover{background-position:-25px 0px;}
   .icobig-facebook:hover{background-position:-75px 0px;}
   .icobig-flag-ita{width:25px; height:25px; background-position:-50px -50px;}
   .icobig-flag-eng{width:25px; height:25px; background-position:-75px -50px;margin-right:6px;}
   .icobig-flag-ita:hover{background-position:-50px -75px;}
   .icobig-flag-eng:hover{background-position:-75px -75px;}
   .icobig-menu{width:30px; height:25px; background-position:-100px 0px;}

   /*	ICONE PICCOLE	*/
   .ico-evento{background-position:0px -30px; margin-right:6px;}
   .ico-gallery{background-position:-25px -30px; margin-right:6px;}
   .ico-scrivici{background-position:-50px -30px; margin-right:6px;}
   .ico-recapiti{background-position:-75px -30px; margin-right:6px;}
   .ico-gmaps{background-position:-100px -30px; margin-right:6px;}
   .ico-pinterest{background-position:0px -50px; margin-right:6px;}
   .ico-facebook{background-position:-25px -50px; margin-right:6px;}
/* ==========================================================================
   	DISPOSIZIONE CONTENUTI
   ========================================================================== */
	#row{
		position:absolute;
		height:50%;
		bottom:-50%;
		width:100%;
		overflow:hidden;
		background:none;
		font-size:1em;
	}
	#row.show{bottom:0%;}

	#close{
		position:absolute;
		bottom:54%;
		text-align:center;
		width:100%;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		z-index:-1000;
	}
	#close.show{
		bottom:51%;
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=1);
		z-index:1000;
	}

	#hiderow{
		position:relative;
		width:78px;
		height:48px;
		border:2px solid #CCC;
		background-color:#F00;
		margin:0 auto;
		background-image:url(../img/hiderow.gif);
		background-position:0 -45px;
		cursor:pointer;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	#hiderow.showbutton{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=1);
	}
	#hiderow:hover{
		background-position:0 0;
		border-color:#999;
	}
	#content{
		position:relative;
		width:100%;
		height:200%;
		font-size:1em;
	}
	#content.show_1st-event,
	#content.show_2st-event,
	#content.show_gallery{top:0%;}
	#content.show_scrivici,
	#content.show_recapiti,
	#content.show_gmaps{top:-100%;}

	.col{
		position:relative;
		height:50%;
		background-color:#FFF;
		float:left;
		padding:1.5em;
	}
	.colA,
	.colB{width:33.333333%;}
	.colC{width:33.333333%;  overflow: hidden !important;}
	.colZ{width:33.333333%;}

	.colD{width:50%;}
	.colE{width:32%;}
	.colF{width:16.6666%;}

	.colC .colC {
    height: 100%;
	width:50%;
}
	.colF .colC {
    height: 100%;
	width:100%;
}
	.colG {

	width:100%;
}
/* ==========================================================================
   SMARTPHONE - MENU
   ==========================================================================*/
	#responsive_menu{
		display:none;
		position:fixed;
		overflow:auto;
		width:32em;
		top:1em;
		left:-35em;
		height:100%;
		background-color:#1F1F1F;
		color:#FFF;
		z-index:1000;
		-webkit-backface-visibility:hidden;
	}
	#responsive_menu.show_menu{left:0em; display:block;}

	#responsive_menu ul {
		width:100%;
		list-style-type: none;
		margin:0; padding:0 0 10em 0;
	}
	#responsive_menu ul li {
		font-family: 'Roboto Condensed', sans-serif;
		padding:0 0 0 2em;
	}
	#responsive_menu ul li.title {
		font-family:Verdana, Geneva, sans-serif;
		font-size:1.6em;
		background-color:#333;
		color:#CCC;
		padding:6px 16px;
	}
	#responsive_menu ul li a{
		letter-spacing:.1em;
		font-size:2.2em;
		display:block;
		padding:8px 5px;
	}
	#responsive_menu ul li a:visited,
	#responsive_menu ul li a:active,
	#responsive_menu ul li a:link,
	#responsive_menu ul li a:hover{text-decoration: none;color:#fff;}

	.bordered-bottom{border-bottom:1px solid #666;}
/* ==========================================================================
   STILE DEI CONTENUTI SEZIONE FIERE E CONTATTI
   ========================================================================== */
	h1{
		color:#999;
		font-family: 'Fjalla One', sans-serif;
		margin:.5em 0 0 0;
		text-align:center;
		padding:0;
		font-size: 23px;
	}

	h2 {
		 font-weight: 500;
		color:grey;
		font-family: 'Fjalla One', sans-serif;
		margin:.0 0 0 0;
		text-align:center;
		padding:0;
		font-size: 17px;
	}

	p{
		color:#333;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:2.6em;
		text-transform:uppercase;
		margin:0;
		text-align:center;
		overflow-wrap: break-word;
	}

	.imgrefer{
		width: 100%;
		height: auto;
		padding: 3px;
		border: 2px solid #E6E6E6;
	}
	.align-center{text-align:center}
	.align-right{text-align:right}
	.align-left{text-align:left}
/* ==========================================================================
   ADATTAMENTO AL RIDIMENSIONAMENTO DEL DIV CONTENENTE LE IMMAGINI PINTEREST
   ========================================================================== */
	span[class*="_embed_grid"]{
		width:100%;
		overflow:hidden;
	}
	a[class*="_embed_grid_th"]{width:20%; height:auto;}
	img[class*="_embed_grid_img"]{width:100%; height:auto;}
/* ==========================================================================
   STILE DEI CAMPI DEL MODULO
   ========================================================================== */
   input,textarea{
		width:100%;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:2.5em;
		color:#333;
		background-color:#FFF;
		border:1px #ccc solid;
		margin-bottom:1em;
		padding:.6em .5em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		outline:none;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	}

	textarea{
		height:10em;
		resize:none;
	}
	input[name=invia]{
		width:auto;
		height:auto;
		float:right;
		padding:.8em;
		border-width:2px;
	}

	input:focus,
	input:hover,
	textarea:focus,
	textarea:hover{
		border-color:#096;
		-moz-box-shadow: 0 0 3px #096;
		-webkit-box-shadow: 0 0 3px #096;
		box-shadow: 0 0 3px #096;
	}
	.error{border-color:#F00;}
/* ==========================================================================
   STILE DIV CONTENITORE DEI PALLINI DI SELEZIONE IMMAGINI
   ========================================================================== */
	#dotcontainer{
		position:fixed;
		bottom:5em;
		left:50%;
		width:auto;
	}
	#dotlist{
		position:relative;
		left:-50%;
	}
	.dot,.dot-bg{
		padding:0; margin:0;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.dot{
		border-radius:50%;
		width:20px;
		height:20px;
		background-color:none;
		border:2px #202020 solid;
		position:relative;
		display:inline-block;
		margin:0 .3em;
	}
	.dot-bg{
		width:12px;
		height:12px;
		top:2px;
		left:2px;
		background-color:none;
		border-radius:50%;
		position:absolute;
	}
	.dot:hover{border-color:#096; cursor:pointer;}
	.dot-bg.active{background-color:#096;}
/* ==========================================================================
   STILE DELLE SLIDES IN #GALLERY
   ========================================================================== */
	body>#gallery{
		position:relative;
		height: 100%;
		width: 100%;
		top:0px;
		left:0px;
	}
	.slide{
		position:absolute;
		width:inherit;
		height:inherit;
		bottom:0px; left:0px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	.opaque{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=1);
	}
/* ==========================================================================
   STILE CITAZIONI A MEZZA PAGINA - GESTITE CON JQUERY
   ========================================================================== */
   	#citazioni{
		position:absolute;
		top:45%;
		left:0;
		padding:1.5em 1.5em 1.3em 3em;
		color:#000;
		width: auto;
		font-family:'Roboto Condensed', sans-serif;
		font-size:3.8em;
		background-image:url(../img/bg70.png);
	}
	#citazioni>cite{float:right; font-size:.8em;}
/* ==========================================================================
   STILE FINESTRA MODALE PER GLI AVVISI TTEMPORANEI
   ========================================================================== */
	#overlay{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:999999;
		background-image:url(../img/bg-black.png);
	}
	#overlay #advise{
		width:550px;
		height:250;
		position:relative;
		top:50%;
		left:50%;
		margin-left:-275px;
		margin-top:-125px;
		color: #FFF;
		background-color:#282828;
		z-index:inherit;
		font-size: 13px;
		font-family: Verdana, Geneva, sans-serif;
		padding: 20px;
	}
	#overlay #advise #closemodal{
		position:relative;
		top:-25px;
		float:right;
		height:20px;
		width:60px;
		background-color:#FFF;
		color:#000;
		z-index:9999999;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		line-height:20px;
		vertical-align:middle;
		text-align:center;
		padding:0 5px;
		cursor:pointer;
	}
/* ==========================================================================
   STILE DELLA MAPPA GOOGLE
   ========================================================================== */
	#map{
		width:100%; height:100%;
		background-color:#333;
	}

.half {
	width: 50%;
}