/*	
	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	  LAYOUT SHARED
	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/		
	
/* 	=====================================================================================================================
											L A Y O U T   G E N E R A L E											
	===================================================================================================================== */
	HTML {								height:100%; text-align:center; }
	BODY {								z-index:1; margin:0px; padding:0px; 
											font-family: var(--FBasic), sans-serif; font-size:15px; color:var(--CBlack); text-align:center;
											background-color: transparent;  }
/*	==================================================================================================================== */
	div#LAYOUT-ALERT {			display:none; padding:30px; border-bottom:10px solid orange;}
/*	==================================================================================================================== */
	div#WRAP-ALL {					z-index:1; display:block; position:relative; overflow:hidden;  box-sizing:border-box;
											background-color:transparent; background-repeat:repeat-x;}
/*	==================================================================================================================== */
	div#WRAP-HEADER { 			z-index:1; display:block; position:relative; overflow:hidden;  box-sizing:border-box;  }
	div#HEADER { 					z-index:1; display:block; position:relative; overflow:hidden;  box-sizing:border-box; max-width:none; margin:0px auto; }	
	div#HEADER-TITLE {			z-index:2; display:block; position:relative; overflow:hidden; 
											background-repeat:no-repeat; background-position:left top; cursor:pointer;}
/*	==================================================================================================================== */
	div#WRAP-CENTER {			z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;   }	
	div#MAIN {						z-index:1; display:block; position:relative; overflow:hidden;box-sizing:border-box; vertical-align:top; 
											min-height:500px; text-align:center; background-repeat:no-repeat; background-position:right top; }

/*	==================================================================================================================== */	
	div#WRAP-FOOTER {			z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;background-repeat:no-repeat; }
	div#DOWN1 {					z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;text-align:center; background-repeat:no-repeat; background:none;  }	
/*	==================================================================================================================== */		
	div#DOWN2 {					z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;text-align:center; background-repeat:no-repeat;  }	
	div#SITEMAP {					z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box; margin:0px auto; padding:25px 5% 35px 5%; text-align:left; }		
/*	==================================================================================================================== */		
	div#DOWN3 {					z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;padding:0px;  text-align:center;
											background-repeat:repeat;  }	
	div#USERFLAT {					 z-index:1;display:block; position:relative; overflow:hidden; box-sizing:border-box;margin:0px 5% 0px 5%;  text-align:left; }
	
/* 	=======================================================================================================================================
	 T O O L S						Div speciale per posizionare strumenti, solitamente in posizione assoluta
	====================================================================================================================================== */
	div#WRAP-TOOLS {				position:relative;  }			
	
	
/*	==================================================================================================================== */	
/*	  TOGGLE MENU 
	==================================================================================================================== */							
	div.TOGGLE-MENU {			display:block; position:absolute;  left:18%; top:180px;  }
	div.XMENU { 					z-index:100; display:block; position:relative;  box-sizing:border-box; 
											border-radius: 4px 4px 0px 0px;  background-color:rgb(186,218,186); }	
	div.XMENU:hover { 		height:auto; }		
	
	

/* 	=======================================================================================================================================
	 M E N U P A N E L -- Main e User 
	====================================================================================================================================== */
	div#PanelMenu {							z-index:100; display:block; overflow:hidden; position:absolute; left:0px; top:0px; width:270px; margin:0px 0px 30px 0px; 
													background-color:transparent; background-repeat:no-repeat; background-position: left top;}
	div#PanelMenu-HEADER {				display:block; overflow:hidden; position:relative; border:0px solid black; cursor:pointer; }
	div#PanelMenu-HEADER H3  {			margin:0px; padding:4px 0px 0px 50px ; height:40px;
													font-family: 'Roboto Condensed', sans-serif; font-size:17px; line-height:38px;
													font-weight:normal;  text-align:left; text-transform:uppercase; letter-spacing:0px;  
													color:white; border-radius:0px;  } 		
	div#PanelMenu-BODY {					display:none; overflow:hidden;  padding:20px;background:rgb(159,186,159);
													border-top-right-radius:7px; border-bottom-right-radius:7px;}	
/*	================================================================================================================================== */
	div#UserBlocks {							z-index:100; display:block; overflow:hidden; position:absolute; right:0px; top:0px; width:270px; margin:0px 0px 30px 0px; 
													background-color:transparent; background-repeat:no-repeat; background-position: right top; }
	div#UserBlocks-HEADER {				display:block; overflow:hidden; position:relative; border:0px solid black; cursor:pointer; }
	div#UserBlocks-HEADER H3  {			margin:0px; padding:2px 60px 0px 0px ; height:40px;
													font-family: 'Roboto Condensed', sans-serif; font-size:17px; line-height:38px;
													font-weight:normal;  text-align:right; text-transform:uppercase; letter-spacing:0px;  
													color:white; border-radius:0px;  } 		
	div#UserBlocks-BODY {					display:none; overflow:hidden;  padding:20px; background:rgb(159,186,159);
													border-top-left-radius:7px; border-bottom-left-radius:7px;}			
	
	


	

	
	

/*	==================================================================================================================== */	
/*	Pannello SINISTRO
	==================================================================================================== */
	
	div#FPANELSX {				z-index:5; display:block; position:absolute; overflow:hidden; left:0px; top:0px; width:270px;  height:50px;
								background-repeat:no-repeat; background-position:left top;} 
						
	div#FPANELSX-Content {			 z-index:7; display:block; position:absolute; overflow:hidden; left:0px; top:0px;
								width:0px;  height:50px; box-sizing:border-box;
								font-family:'Arimo';
								 padding:50px 30px 0px 20px; background-image:none;} 	
							
	div#FPANELSX-Content:hover {	width:290px !important;  height:100%;
								transition-property: width; transition-timing-function: ease; transition-duration:0.2s;  top:0px; 
								background-color:rgb(139,172,139);  }							
	
/*	==================================================================================================================== */
/*	Pannello DESTRO
	==================================================================================================================== */
	div#FPANELDX {				z-index:5; display:block; position:absolute; overflow:hidden; right:0px; top:0px; width:270px; height:50px;  
								background-repeat:no-repeat; background-position:right top;
								padding:18px 65px 0px 0px; 
								font-family:'Roboto Condensed'; font-size:16px; color:rgb(248,239,192); text-align:right;box-sizing:border-box;} 
							
	div#FPANELDX-Content {			 z-index:7; display:block; position:absolute; overflow:hidden; right:0px; top:0px;
								width:0px;  height:50px; box-sizing:border-box;
								font-family:'Arimo';
								 padding:50px 20px 0px 30px; 
								 
								background-repeat:no-repeat; background-position:right top;} 	

	div#FPANELDX-Content:hover {	width:290px;  height:100%;
								transition-property: width; transition-timing-function: ease; transition-duration:0.2s;  top:0px; 
								background-color:rgb(139,172,139);  }
	
/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	    L a y o u t   INLINE-BLOCK 
*/
	.InLineW2 {				display: inline-block; width:50%; }
	

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	    L a y o u t   FLEX 
	==================================================================================================================== */	
	div.FlexSet1 {				display:flex; box-sizing:border-box; flex-direction:row; flex-wrap:wrap; align-content:space-between; justify-content: center;}
	div.FlexSet1-Reverse {		display:flex; box-sizing:border-box; flex-direction:row-reverse; flex-wrap:wrap; align-content:space-between; justify-content: center;}	


	div.FlexSet2 {				display:flex; box-sizing:border-box; flex-direction:column; flex-wrap:wrap; align-content:space-between; justify-content: center;}
	div.FlexSet2-Reverse {		display:flex; box-sizing:border-box; flex-direction:column-reverse; flex-wrap:wrap; align-content:space-between; justify-content: center;}	
	
	
/*	============================================================================================== */										
	.FlexW4 {					flex-basis:23%;  flex-grow:1; flex-shrink:2;  margin:0px auto;}
	.FlexW3 {					flex-basis:30%;   flex-grow:1; flex-shrink:2;  margin:0px auto;}	
	.FlexW2 {					flex-basis:40%; 	flex-grow:1; flex-shrink:2;  margin:0px auto; }
	.FlexW1 {					flex-basis:100%; flex-grow:1; flex-shrink:2;  margin:0px auto; }		
/*	============================================================================================== */
	.ArticleFlexW4 			{	flex-basis:23%;  flex-grow:1; flex-shrink:2;  margin:0px auto; }
	.ArticleFlexW3 			{	flex-basis:30%;   flex-grow:1; flex-shrink:2;  margin:0px auto; }		
	.ArticleFlexW2 			{	flex-basis:40%; 	flex-grow:1; flex-shrink:2;  margin:0px auto; }
	.ArticleFlexW1 			{	flex-basis:100%; flex-grow:1; flex-shrink:2;  margin:0px auto; }			
/*	============================================================================================== */
/*    Gestione FLEX aggiuntiva per i WIDGETS
/*	=========================================================================================== */
	 div.WidgetFRAME {		padding: 0px;  }  /* Stili globali per il box che avvolge tutti i Widget */	
/*	=========================================================================================== */
	div.WidgetFLEX {			box-sizing:border-box; overflow:hidden; text-align:center; margin:0px; max-width:450px; }	
/*	============================================================================================== */	


/*	==================================================================================================================== */	
/*	 C O  L U M N S  L a y o u t
	==================================================================================================================== */	
	.XCol2 {			column-count: 2; column-gap: 7%; column-rule: 0px solid silver; }
/* ==================================== */	
	
/* 	================================================================================================================================
	  R e s p o n s i v e  D E S K T O P - Modalità default
	=============================================================================================================================== */
	div.FixInlineBlock {			margin:-3px !important; /* Risolve il bug dello spazionbianco a lato degli inline-block */}
	div.ResponsiveW1 {			display:block; float:none; clear:both; width:100%; box-sizing:border-box !important;}
	div.ResponsiveW2 {			display:inline-block; position:relative; vertical-align:top; width:50%; box-sizing:border-box !important;}	
	div.ResponsiveW3 {			display:inline-block; position:relative; vertical-align:top; width:33%; box-sizing:border-box !important; }			
	div.ResponsiveW4 {			display:inline-block; position:relative; vertical-align:top; width:25%;    box-sizing:border-box !important;  }
/*	===================================================================== */	
	div.ResponsiveDisplay {		display:block;  }
	div.ResponsiveBg {			background-repeat:no-repeat;} /* Background disattivabile */
	div.ResponsivePadding {		} /* Padding disattivabile nei valori maggiori */
	div.ResponsiveInLine {		display:inline-block; overflow:hidden; vertical-align:top; width:49%; box-sizing:border-box; padding:5px 20px;border:0px dotted silver; text-align:left; }	
	div.ResponsiveAlign {		text-align:left; }			
/*	================================================================================================= */
	img.ResponsiveFloat {		display:block; float:left;margin:0px 40px 40px 0px; } /* Float disattivabile */
	
	div.Deco-ImageWide { 		background-repeat:no-repeat; background-position: center center; }					
			

			
			
		
			
/*		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
			T A B L E T 

		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

/*			850 pixel - Reimpostazione menu a Toggle
/*		================================================================== */						
			@media only screen 
			and (max-width: 860px)
			and (min-width : 0px) {	
/*		================================================================== */	
		div.XMENU {						width:180px; height:40px !important; overflow:hidden;
											box-sizing:border-box; Padding-left:40px;  Padding-top:40px;
											background-color:white; background-image:url(../images/toggle-menu.png) ; background-repeat:no-repeat;
											background-position:0px 0px;  } 
										
		div.XMENU:hover { 			max-width:180px; height:auto;  overflow:visible; }
		
		div.ToggleMenu-Wrap {		height:auto; margin-right:0px;}  /* Reser FixBug orizzontale */
		div.ToggleMenu {				position:relative; width:180px; argin-left:4px;background:rgb(193,217,193); }
		div.ToggleMenu:hover{		position:relative; left:-20px; width:220px; argin-left:4px;background:rgb(193,217,193); }
		
						div.Section-TRAILER {		margin-top:0px !important; }
		
}
				
/*		|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */								
/*   		T a b l e t   										
		================================================================== */	
			@media only screen 
			and (max-width: 768px) {	
/*		================================================================== */	
		.XCol2 {			column-count: 1; } 
		.FlexW4 {			flex-basis:40%;}	
		.ArticleFlexW2 {					flex-basis:100%; 	flex-grow:1; flex-shrink:2;  margin:0px auto; }
		

/*		=============================================================================== */		
		div.WidgetFRAME {				padding: 30px;  }  /* Stili globali per il box che avvolge tutti i Widget  */
/*		=============================================================================== */		
		div.WidgetFLEX  { 					margin:0px auto; padding:10px 10px; }	/* Stili generali per il widget singolo		
/*		=============================================================================== */				
		div.ResponsiveDisplay {		display:block;  }
		div.ResponsiveW2 {			display:inline-block;  position:relative; vertical-align:top; width:50%;}				
		div.ResponsiveW3 {			display:inline-block;  position:relative;vertical-align:top; width:50%;  }				
		div.ResponsiveW4 {			display:inline-block; position:relative; vertical-align:top; width:50%;  }	
/*		===================================================================== */	
		div.DynamicAlign {			text-align:center !important;}	
		img.ResponsiveDimension {		width:40% !important; }
		img.ResponsiveFloat {				display:block; float:none !important; margin:0px auto 30px auto !important; }

/*		 s e c t i o n 
/*		================================================================== */	
		div.ArticlePower-ZEN:nth-child(odd)  {						border:none !important;	}					

		div.Section-TRAILER {		margin-top:0px !important; }
		
/*			 a r t i c l e
/*		================================================================== */			
		H1.Article-TITLE {					text-align:center;}		
			
}
/*		|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */								
/*   		T a b l e t  M i n i 										
	================================================================== */	
			@media only screen 
			and (max-width: 640px) {	
/*		================================================================== */
		.FlexW2 {					flex-basis:100%;}	
		.FlexW3 {					flex-basis:100%;}	

		.InLineW2 {				display: block; width:100%; }

/*			 s e c t i o n 
/*		================================================================== */	
		div.Section-TRAILER 				{	margin-top:0px !important; }

/*			 a r t i c l e
/*		================================================================== */			
		H1.Article-TITLE1 					{	text-align:center; }
		
}


/*		|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */								
/*   		S m a r t p h o n e   										
		================================================================== */	
				@media only screen 
				and (max-width: 480px)  {	
/*		================================================================== */
		.XCol2 {		column-count: 1; }
		.FlexW1 {		flex-basis:100%;}
		.FlexW2 {		flex-basis:100%;}	
		.FlexW4 {		Flex-basis:100%;}	

		
		.InLineW2 {				display: block; width:100%; }
			
		div.ResponsiveW1 {			  }	
		div.ResponsiveW2 {			display:block; position:relative;vertical-align:top;  width:100%;}					
		div.ResponsiveW3 {			display:block; position:relative;vertical-align:top; width:100%;}					
		div.ResponsiveW4 {			display:inline-block;  position:relative;vertical-align:top; width:50%;  }	
/*		===================================================================== */	
		div.ResponsiveDisplay {		display:block;  }	
		div.ResponsiveInLine {			display:block !important; width:99%; padding:20px 20px; text-align:center; }
				
		div.ResponsiveBg {			background-image:none !important; padding-left:20px !important; padding-right:20px !important; }
		div.ResponsiveBgImage {		background-image:none !important;}
		div.ResponsiveMarginLeft {		margin-left:20px !important; }
		img.ResponsiveFloat {			display:block; float:none !important; margin:0px auto 30px auto !important; }
/*		========================================================================================================= */		
		
			
/*			 s e c t i o n 
/*		================================================================== */	
		div.PATHWAY  {					display:block; max-width:initial; text-align:center; }
		
		div.Section-TRAILER {				margin-top:0px !important; }
		.AS-BASIC  div.FRAME  {			background-image:none !important; }

		div.ArticlePower-ZEN:nth-child(odd)  {						border:none !important;	}

/*			 a r t i c l e
/*		================================================================== */			
		H1.Article-TITLE {					text-align:center;}	
				
}


/*		|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */								
/*   		S m a r t p h o n e  SCRAUSO									
		================================================================== */	
				@media only screen
				and (max-width : 390px)	 {
/*		========================================================================================== */
		.FlexW4 {					flex-basis:100%;}	
		.FlexW3 {					flex-basis:100%;}	
		.FlexW2 {					flex-basis:100%;}
		.FlexW1 {					flex-basis:100%;}
					
		div.ResponsiveW1 {				  }
		div.ResponsiveW2 {				display:block;  position:relative;vertical-align:top; width:100%;}					
		div.ResponsiveW3 {				display:block;  position:relative;vertical-align:top; width:100%;}						
		div.ResponsiveW4 {				display:block;  position:relative;vertical-align:top; width:100%;}
/*		========================================================================================== */	
		div.ResponsiveInLine {			display:block !important; width:99%; padding:20px 20px; text-align:center; }	
		div.ResponsiveAlign {			text-align:center; padding-top:25px !important; }
		div.ResponsiveMarginLeft {		margin-left:20px !important; }
		div.ResponsiveDisplay {			display:none !important;  }	
		div.ResponsivePadding {			padding: 2% 3% !important; }	
		div.ResponsiveFont {			font-size:15px; line-height:15px;}	
		div.ResponsiveBg {				background-image:none !important; padding-left:20px !important; padding-right:20px !important; }
		div.ResponsiveBgImage {			background-image:none !important; padding-left:20px !important; padding-right:20px !important; }
		.ResponsiveDisplay {				display:none !important; }
									
		img.ResponsiveDisplay {				display:none !important; }
		img.ResponsiveDimension {		width:70% !important; }
		img.ResponsiveFloat {			display:block; float:none !important; margin:0px auto 15px auto !important; }
		
		.RMLEFT {					float:none !important;}
		.RMRIGHT{					float:none !important;}
				
/*		 s e c t i o n 
/*		================================================================== */
		div.Section-TITLE-CONTAINER {		text-align:center; }
		H1.Section-TITLE {						margin:0px auto; }
		div.Section-CHILDREN {				padding:3% 4%; background:none;   }
		
				div.Section-TRAILER {		margin-top:0px !important; }

/*		ArticleSlide */
		.AS-BASIC  div.FRAME  {							background-image:none !important; }
		.AS-BASIC  div.FRAME div.CONTENT {			padding:15px 4%;  }	

/*		ArticlePower LIST */
		div.ArticlePower-LIST div.ArticlePower-IMAGE {				width:90px; max-height: 70px; }			
		div.ArticlePower-LIST div.ArticlePower-IMAGE img {			}	
		div.ArticlePower-LIST div.ArticlePower-TEXT {					padding: 25px 20px  25px 90px;  font-size:14px;  }				
							
/*		 a r t i c l e 
/*		================================================================== */						
									
					

/* 		 p a n e l s l i d e    e l e m e n t s 
		===================================================================================================================== */
		div#PANELheading a {  float: none !important;  width:90% !important; margin:1px auto !important;}	
					
}	

/*		|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */								
/*   		S m a r t p h o n e  AL LIMITE									
		================================================================== */	
			@media only screen
			and (max-width : 340px)	 {

		div.Section-TRAILER {		margin-top:0px !important; }			
			
/*		ArticlePower LIST */
		div.ArticlePower-LIST div.ArticlePower-IMAGE {				display:none; width:90px; max-height: 70px; }			
		div.ArticlePower-LIST div.ArticlePower-IMAGE img {			}	
		div.ArticlePower-LIST div.ArticlePower-TEXT {					padding: 25px 20px  25px 20px;  font-size:14px;  }						
				
}				

/*		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
			S M A R T P H O N E   O B S O L E T O

		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

			@media only screen 
			and (max-width:300px)  {	
/*		================================================================== */
		body {  background:none; background-color:white !important;  padding:70px 50px !important; text-align:center;} 
		body:before { content: 'Display dello smartphone insufficiente per visualizzare i contenuti. È necessaria una risoluzione orizzontale di almeno 320px di ampiezza. Prova a ruotare lo schermo in orizzontale'; color:gray; }
		div#WRAP-ALL {display:none; }		
	
	
}