/* MENU_MAIN_CSS.PHP ============================================================================================================ */
/* CSS3 PERSONALIZZAZIONE NO VIEWPORT ============================================================================================================ */	
		
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            background-color: #ffffff;
            background: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 12%);
            background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 12%);
            background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 12%);
            background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 12%);
            background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 12%);
            width: 100%;  
            height: 89px; 
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
            float: center;
                position: fixed; 
                z-index: 330000;   }
		
        #container_accordion_top_cx {
            border-style: solid; 
            border-width: 1px;
			border-color: #990000;
            border-radius: 5px 25px 12px 5px;
            -webkit-border-radius: 5px 25px 12px 5px;
            -moz-border-radius: 5px 25px 12px 5px;
            background-color: #ffffcc;
            background: linear-gradient(bottom, #ffffff 0%, #ffffcc 15%, #ffff55 99%);
            background: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffcc 15%, #ffff55 99%);
            background: -moz-linear-gradient(bottom, #ffffff 0%, #ffffcc 15%, #ffff55 99%);
            background: -o-linear-gradient(bottom, #ffffff 0%, #ffffcc 15%, #ffff55 99%);
            background: -ms-linear-gradient(bottom, #ffffff 0%, #ffffcc 15%, #ffff55 99%);        
			box-shadow: 0px 5px 18px #ffffff;
            -moz-box-shadow: 0px 5px 18px #ffffff;
            -webkit-box-shadow: 0px 5px 18px #ffffff;
            width: 958px; 
            height: 80px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
            margin: 0px auto; 
            float: center; 
                position: relative;
                z-index: 330000;
			    top: 3px;   }			
				
        #container_accordion_top_sx {  
            border-radius: 5px 25px 12px 5px;
            -webkit-border-radius: 5px 25px 12px 5px;
            -moz-border-radius: 5px 25px 12px 5px;
            background: radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);    
            width: 958px; 
            height: 80px; 
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
            float: left; 
                position: relative;
                z-index: 300000;   }	


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 240PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 240px) {
		
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed {  
            height: 46px;   }
		
        #container_accordion_top_cx {
            border-radius: 2px 10px 3px 2px;
            -webkit-border-radius: 2px 10px 3px 2px;
            -moz-border-radius: 2px 10px 3px 2px;
			box-shadow: 0px 2px 5px #ffffff;
            -moz-box-shadow: 0px 2px 5px #ffffff;
            -webkit-box-shadow: 0px 2px 5px #ffffff;
            width: 238px; 
            height: 41px;   }			
				
        #container_accordion_top_sx {
            border-radius: 2px 10px 3px 2px;
            -webkit-border-radius: 2px 10px 3px 2px;
            -moz-border-radius: 2px 10px 3px 2px;
            background: radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 238px; 
            height: 41px;   }	

    }
			

	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 320PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 320px) {
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 60px;   }

        #container_accordion_top_cx {
            border-radius: 3px 15px 6px 3px;
            -webkit-border-radius: 3px 15px 6px 3px;
            -moz-border-radius: 3px 15px 6px 3px;
			box-shadow: 0px 2px 6px #ffffff;
            -moz-box-shadow: 0px 2px 6px #ffffff;
            -webkit-box-shadow: 0px 2px 6px #ffffff;
            width: 318px; 
            height: 53px;   }			

        #container_accordion_top_sx {
            border-radius: 3px 15px 6px 3px;
            -webkit-border-radius: 3px 15px 6px 3px;
            -moz-border-radius: 3px 15px 6px 3px;
            background: radial-gradient( 100% -690%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -690%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -690%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -690%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -690%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 318px; 
            height: 53px;   }	

    }
	
	
	
	
	
	
	
	
		
/* CSS3 PERSONALIZZAZIONE VIEWPORT 360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 360px) {
		
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 70px;   }
		
        #container_accordion_top_cx {
            border-radius: 5px 20px 9px 5px;
            -webkit-border-radius: 5px 20px 9px 5px;
            -moz-border-radius: 5px 20px 9px 5px;
			box-shadow: 0px 3px 9px #ffffff;
            -moz-box-shadow: 0px 3px 9px #ffffff;
            -webkit-box-shadow: 0px 3px 9px #ffffff;
            width: 358px; 
            height: 64px;   }			

        #container_accordion_top_sx {
            border-radius: 5px 20px 9px 5px;
            -webkit-border-radius: 5px 20px 9px 5px;
            -moz-border-radius: 5px 20px 9px 5px;
            background: radial-gradient( 100% -650%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -650%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -650%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -650%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -650%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 358px; 
            height: 64px;   }	
			
    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 400PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 400px) {	
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_top_cx {
            width: 398px;   }			

        #container_accordion_top_sx {
            background: radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -700%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 398px;   }	

    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 480PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 480px) {
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_top_cx {
            width: 478px;   }			
			
        #container_accordion_top_sx {
            background: radial-gradient( 100% -850%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -850%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -850%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -850%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -850%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 478px;   }	

    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 640PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 640px) {
			
        #container_accordion_top_cx {
			box-shadow: 0px 5px 18px #ffffff;
            -moz-box-shadow: 0px 5px 18px #ffffff;
            -webkit-box-shadow: 0px 5px 18px #ffffff;
            width: 638px;   }			
				
        #container_accordion_top_sx { 
            background: radial-gradient( 100% -1150%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1150%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1150%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1150%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1150%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            width: 638px;   }

    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 640PX - 330PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 640px) and (min-height: 330px)  {
		
    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 640PX - 480PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 640px) and (min-height: 480px)  {
		
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 89px;   }
			
        #container_accordion_top_cx { 
            height: 80px;   }			
				
        #container_accordion_top_sx {
            background: radial-gradient( 100% -950%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -950%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -950%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -950%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -950%, circle, rgba(240,0,0,1) 35%, rgba(240,0,0,0.5) 60%, rgba(240,0,0,0) 85%);
            height: 80px;   }

    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 768PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 768px) {	
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 70px;   }
			
        #container_accordion_top_cx {
            width: 766px; 
            height: 64px;   }			
			
        #container_accordion_top_sx {
            background: radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            width: 766px; 
            height: 64px;   }

    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 768PX - 330PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 768px) and (min-height: 330px)  {
		
    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 768PX - 480PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 768px) and (min-height: 480px)  {
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 89px;   }
			
        #container_accordion_top_cx {
            height: 80px;   }			
			
        #container_accordion_top_sx { 
            background: radial-gradient( 100% -1100%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1100%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1100%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1100%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1100%, circle, rgba(240,0,0,1) 25%, rgba(240,0,0,0.5) 55%, rgba(240,0,0,0) 85%);
            height: 80px;   }
		
    }


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 960PX - 0PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 960px) and (min-height: 0px) {
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_fixed { 
            height: 89px;   }
			
        #container_accordion_top_cx {
            border-radius: 5px 25px 12px 5px;
            -webkit-border-radius: 5px 25px 12px 5px;
            -moz-border-radius: 5px 25px 12px 5px;
            width: 958px; 
            height: 80px   }			

        #container_accordion_top_sx {
            border-radius: 5px 25px 12px 5px;
            -webkit-border-radius: 5px 25px 12px 5px;
            -moz-border-radius: 5px 25px 12px 5px;
            background: radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1350%, circle, rgba(240,0,0,1) 15%, rgba(240,0,0,0.5) 50%, rgba(240,0,0,0) 85%);
            width: 958px; 
            height: 80px   }	
			
    }		


	
	
	
	
	
	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 1360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */
    @media screen and (min-width: 1360px) {
	
/* CONTENITORE MENU' PRINCIPALE POSIZIONE TOP */
        #container_accordion_top_cx {
            width: 1278px;   }			

        #container_accordion_top_sx {
            background: radial-gradient( 100% -1700%, circle, rgba(240,0,0,1) 5%, rgba(240,0,0,0.5) 45%, rgba(240,0,0,0) 85%);
            background: -webkit-radial-gradient( 100% -1700%, circle, rgba(240,0,0,1) 5%, rgba(240,0,0,0.5) 45%, rgba(240,0,0,0) 85%);
            background: -moz-radial-gradient( 100% -1700%, circle, rgba(240,0,0,1) 5%, rgba(240,0,0,0.5) 45%, rgba(240,0,0,0) 85%);
            background: -o-radial-gradient( 100% -1700%, circle, rgba(240,0,0,1) 5%, rgba(240,0,0,0.5) 45%, rgba(240,0,0,0) 85%);
            background: -ms-radial-gradient( 100% -1700%, circle, rgba(240,0,0,1) 5%, rgba(240,0,0,0.5) 45%, rgba(240,0,0,0) 85%);
            width: 1278px;   }	
			
    }