/* 							A r d u a N e t
/* 	=====================================================================================================================
											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; text-align:center; 
							background:none; background-color:white;
							font-size:15px; color:rgb(50,50,50);}
/*	==================================================================================================================== */
	DIV#LAYOUT-ALERT {			display:none; padding:30px; border-bottom:10px solid orange;}
/*	==================================================================================================================== */
	DIV#WRAP-ALL {			background-color:white; background-image:url(../images/@body.png);	}
/*	==================================================================================================================== */
	DIV#WRAP-HEADER { 		z-index:1; border-bottom:0px solid rgb(182,175,167);  }
	DIV#HEADER { 				z-index:1; max-width:1050px;  margin:0px auto;  height:200px;}	
	DIV#HEADER-TITLE {			z-index:2; max-width:1200px;  margin:0px auto; height:200px; background-image:url(../images/@header9.png); }
/*	==================================================================================================================== */
	DIV#WRAP-CENTER {			z-index:1;  border-bottom:1px solid silver;  }	
	DIV#MAIN {				z-index:1; display:block; margin:0px auto; min-height:500px; }
							
	DIV#ASIDE {				z-index:2; display:none; }  
/*	==================================================================================================================== */		
	DIV#WRAP-ARTICLE {			max-width:750px; }
/*	==================================================================================================================== */

/*	==================================================================================================================== */	
	DIV#WRAP-FOOTER {			}
	DIV#DOWN1 {				}	
/*	==================================================================================================================== */		
	DIV#DOWN2 {				max-width:960px; margin:0px auto; text-align:center; background-repeat:no-repeat;  }	
	DIV#SITEMAP {				margin:0px; padding:0px 5% 25px 5%; text-align:left; }		
/*	==================================================================================================================== */		
	DIV#DOWN3 {				padding:20px 0px;  text-align:center; background-repeat:repeat; ackground-color:rgb(236,238,242);  }	
	DIV#USERFLAT {			margin:0px 5% 25px 5%;  text-align:left; }
	
	
	DIV#TESTHOVER {			z-index:200; position:absolute; left:100px; top:200px; width:100px; height:40px; }
	

	/*	==================================================================================================================== */	
/*	Pannello SINISTRO
	==================================================================================================== */
	DIV#FPANELSX {				background-image:url(../images/panel-open.png); } 
						
	DIV#FPANELSX-Content {			 } 	
							
	DIV#FPANELSX-Content:hover {	transition-property: width; transition-timing-function: ease; transition-duration:0.2s;  top:0px; 
								background-color:white; border-right:1px solid silver;}							
	
/*	==================================================================================================================== */
/*	Pannello DESTRO
	==================================================================================================================== */
	DIV#FPANELDX {				padding:18px 65px 0px 0px; 
								font-family:'Roboto Condensed'; font-size:17px; color:black; text-align:right;box-sizing:border-box; } 
							
	DIV#FPANELDX-Content {			} 	

	DIV#FPANELDX-Content:hover {	transition-property: width; transition-timing-function: ease; transition-duration:0.2s;  top:0px; 
								background-color:white; border-left:1px solid silver;  }	
	
/*	==================================================================================================================== */	
/*	TOOLS 
	==================================================================================================================== */							
	DIV#FPANELTOOL{			z-index:4; display:block; position:absolute; left:10%; top:199px; border-top:0px solid red;}	
	
	
							
/* 	================================================================================================================================
	  L A Y O U T  C o m p o n e n t											
	=============================================================================================================================== */
	BODY#COMPONENT {						background-image:url(../images/@body-component.png);background-repeat:repeat-y; background-color:white;}	
	DIV#mailto-window  h2{					color:rgb(172,199,215);}
/*	============================================================================================================================== */	

	
							

		
		

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
		L A Y O U T  R E S P O N S I V E  

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

		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
	
/*					T a b l e t   N o r m a l 										
					==================================================================================== */
					@media only screen 
					and (max-width: 768px)
					and (min-width : 481px) {	
/*					================================================================== */	
					DIV#HEADER-TITLE {			}



	
}

/*					T a b l e t  	M e d i u m										
					================================================================== */	
					@media only screen 
					and (max-width: 690px)
					and (min-width : 481px) {	
/*					================================================================== */
					DIV#CENTER {				background-image:none !important;}
					DIV.Area-DESCRIPTION {			margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */
					DIV.Area-CITAZIONE {				margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */

}

/*					T a b l e t  	S m a l l										
					================================================================== */	
					@media only screen 
					and (max-width: 570px)
					and (min-width : 481px) {	
/*					================================================================== */
					DIV#CENTER {				 background-image:none !important;}
					DIV.Area-DESCRIPTION {			margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */
					DIV.Area-CITAZIONE {				margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */

	
	
}


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

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

					@media only screen
					and (max-width : 480px)	
					and (min-width : 320px)  {
/*					================================================================== */
					DIV#CENTER {				background-image:none;}
					DIV.Area-DESCRIPTION {			margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */
					DIV.Area-CITAZIONE {				margin:30px 20px 0px 20px !important; }  /* Elimina il margin descrizione categoria */
					
					DIV#HEADER-TITLE {			}
					DIV.MD-Footer1-Wrap {		width:100%; }	
	



	
	
}	


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

		||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */	
	
					@media only screen 
					and (min-width : 0px) 
					and (max-width : 319px) {
/*					================================================================== */
					HTML {						height:100%; text-align:center;}
					BODY { 						background:none; background-color:white;}
					
					DIV#FPANELS {					display:none; }
					DIV#FLUIDS {					display:none; }
					DIV#WRAP-HEADER-CENTER {		display:none; }
					DIV#WRAP-DOWN {				display:none; }

					DIV#LAYOUT-ALERT { 				display:block; color:black !important; background:none !important;  padding:30px !important; padding-top:10px !important;}	
			
}