/* CSS Document */

/* ---------- Mega Drop Down --------- */

#mega a.pagina-corrente, #mega li#li01 a.pagina-corrente{
	color:#1633BE; /* 172981 */
}

#mega {
	list-style:none;
	font-weight:bold;
	height:2em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px; 
	padding:0px;
}

#mega li {
	background:#FFF;
	border-left:1px solid #BABABA;
	margin-left:0px;
	float:left;
	text-align:center;
	position:relative;
	font-size:14px;
}

#mega li#li01{
	width:138px;
	border-left:1px solid #BABABA;
	background-image:url(/images/images-menu/freccia-off.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#mega li#li01 a{
	color:#000;
	padding:7px 0px 8px 0px;
}

#mega li#li02 a, #mega li#li03 a, #mega li#li04 a{
	padding:7px 0px 8px 0px;
}

#mega li#li02{
	width:219px;
	background-image:url(/images/images-menu/freccia-off.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#mega li#li03{
	width:210px;
	background-image:url(/images/images-menu/freccia-off.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#mega li#li04{
	width:137px;
	border-right:1px solid #BABABA;	
	background-image:url(/images/images-menu/freccia-off.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#mega li:hover {
	background:#FFF;
	border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
	padding:8px 0px 0px 0px;
	margin-top:-9px;
	z-index:1; /* shadow above adjacent li */
	border:#8F8F8F 1px solid;
}

#mega li#li01:hover{
	-moz-border-radius-topleft: 13px;
	-webkit-border-top-left-radius: 13px;
	border-top-left-radius: 13px;
}

#mega h2{
	font-size:13px;
	float:left;
	margin:0px;
	padding:3px 3px 3px 3px;
	margin:5px 0px 5px 0px;
}

#mega li#li01:hover{
	border-left:1px solid #8F8F8F;	
}

#mega li#li04:hover{
	border-right:1px solid #8F8F8F;	
}

#mega li#li02 #div02 ul#menu-02, #mega li#li03 #div03 ul#menu-03, #mega li#li04 #div04 ul#menu-04{
	padding:0px;
	margin:0px;
}

#mega li#li02 #div02 ul#menu-02 a, #mega li#li03 #div03 ul#menu-03 a, #mega li#li04 #div04 ul#menu-04 a{
	padding-left:5px;
	margin:0px;
	width:98%;
}

#mega li#li02 #div02 ul#menu-02 li a:hover, #mega li#li03 #div03 ul#menu-03 li a:hover, #mega li#li04 #div04 ul#menu-04 li a:hover{
	background-color:#EEE;
}

#mega a {
	color:#000;
	outline:0;
	text-decoration:none;
	display:block;
	line-height:2em;
}
/* ----------- Hide/Show Div ---------- */

#mega div#div01, #mega div#div02, #mega div#div03, #mega div#div04 {
	position:absolute;
	left:-999em;
	margin-top:0px;
	padding:10px 10px 10px;
	border:1px solid #8F8F8F;
	border-top:0px;
	font-weight:normal;
	text-align:left;
	background:#FFF;
	font-size:12px;
}

#mega div#div01 {
	width:689px;
	background-image:url(/images/images-menu/top-01.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#mega div#div02 {
	width:250px;
	background-image:url(/images/images-menu/top-02.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#mega div#div03 {
	width:250px;
	background-image:url(/images/images-menu/top-03.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#mega div#div04 {
	width:250px;
	background-image:url(/images/images-menu/top-04.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#mega li:hover div#div01, #mega li:hover div#div02, #mega li:hover div#div03, #mega li:hover div#div04 {
left:-1px;top:2000;
}
#mega li.dif:hover div#div04 {
left:-134px;
}
/* --------- Within Div Styles --------- */



/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(/images/images-menu/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 

#mega div .s2 {
background:url(/images/images-menu/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(/images/images-menu/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(/images/images-menu/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}


* html #mega li:hover .s4 {
	background:none;
}

* html #mega div .s1{
	background:none !important;
}

* html #mega div .s2{
	background:none !important;
}

* html #mega div .s3{
	background:none !important;
}

#mega li:hover .dif-s4 {
	padding-bottom:9px
}

/* GRIGIO */

#mega div#div01 div.grigio{
	background-color:#EEEEEE;
	width:200px;
	float:left;
	margin:0px;
	padding:5px 5px 5px 5px;
	background-image:url(/images/images-menu/bg-grigio.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;	
}

/* VIOLA */

#mega div#div01 div.viola{
	background-color:#ECEBF4;
	width:470px;
	margin:0px 0px 0px 8px;
	padding:0px;
	float:left;
	padding-bottom:5px;
	background-image:url(/images/images-menu/bg-viola.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#mega ul#menu-01 , #mega ul#menu-02 , #mega ul#menu-03  ,#mega ul#menu-04 {
	list-style:none;
}

#mega ul#menu-01 li, #mega ul#menu-02 li, #mega ul#menu-03 li, #mega ul#menu-04 li{
	font-size:12px;
	border:0px;
	background:none;
	float:left;
	clear:both;
	text-align:left;
	width:100%;
	margin:0px;
	padding:0px;	
}

#mega ul#menu-01 li a, #mega ul#menu-02 li a, #mega ul#menu-03 li a ,#mega ul#menu-04 li a{
	font-size:12px;
	border:0px;
	background:none;
	margin:0px;
	padding:0px;	
}

#mega ul#menu-01 li a:hover, #mega ul#menu-02 li a:hover, #mega ul#menu-03 li a:hover ,#mega ul#menu-04 li a:hover{
	margin:0px;
	padding:0px;
}

#mega #div04 ul#menu-04 li a:hover{
	border:0px;
}


/* menu i tuoi progetti */ 


#mega ul#menu-01-1{
	list-style:none;
	padding:0px;
	margin:0px;	
}

#mega ul#menu-01-1 li{
	font-size:12px;	
	background:none;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	display:block;
	width:100%;
	text-align:left;
	border:0px;
}

#mega ul#menu-01-1 li a{
	line-height:16px;
	color:#000000;
	padding:0px 5px 4px 5px;
	margin:0px;
}

#mega ul#menu-01-1 li a:hover{
	border:0px;
	background-color:#CCCCCC;

}

#mega ul#menu-01-2 , #mega ul#menu-01-3  ,#mega ul#menu-01-4 {
	list-style:none;
	padding:0px;
	margin:0px;
}

#mega ul#menu-01-2 li, #mega ul#menu-01-3 li, #mega ul#menu-01-4 li{
	font-size:12px;
	border:0px;
	background:none;
	float:left;
	clear:both;
	text-align:left;
	width:100%;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#mega ul#menu-01-2 li a, #mega ul#menu-01-3 li a ,#mega ul#menu-01-4 li a{
	font-size:12px;
	border:0px;
	background:none;
	margin:0px;
	padding:0px;
	line-height:19px;
	color:#000000;

}

#mega ul#menu-01-2 li a:hover, #mega ul#menu-01-3 li a:hover ,#mega ul#menu-01-4 li a:hover{
	margin:0px;
	padding:0px;
	background-color:#CCC;
}

#mega div#div01 div.viola .box-menu{
	width:220px;
	float:left;
	padding:0px;
	margin:0px 5px 0px 0px;
}

#mega div#div01 div.viola .box-menu #h2-menu-01{
	background-image:url(/images/images-menu/ico_01.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:25px;
	margin-left:10px;
	background-position:center left;	
}

#mega div#div01 div.viola .box-menu #h2-menu-02{
	background-image:url(/images/images-menu/ico_02.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:25px;
	margin-left:10px;
	background-position:center left;	
}

#mega div#div01 div.viola .box-menu #h2-menu-03{
	background-image:url(/images/images-menu/ico_03.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:25px;
	margin-left:10px;
	background-position:center left;	
}