@charset "utf-8";
/* CSS Document */

#menu_v{
	float: left;
	margin-left: 40px;
	width: 240px;
	height: 370px;
	1background-color:#0C3;
}

/*#menu_v ul{ float:left; width:240px; }*/

#menu_v > ul > li{
	width:100%;
	height:58px;
	margin-bottom:4px;
	1background-color:rgba(0,102,255,0.4);
	overflow:hidden; 1position:relative;
		
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
	
}
#menu_v li:hover{
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
	
}


#menu_v > ul > li > span{ float:left; width:240px; height:58px; box-shadow:3px 3px 6px 0px #222; position:absolute; display:block; cursor:pointer; }
#menu_v > ul > li > span a{ width:100%; height:100%; float:left; }
/*158: 58 dello span + 100 del div*/

li#in_particolare:hover{ height:178px; }
li#in_particolare > span{
	background:url(../imgs/in_particolare.jpg) no-repeat;
}
li#in_particolare div{
	float:left; width:100%; height:120px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}

li#il_pilotage:hover{ height:178px; }
li#il_pilotage > span{
	background:url(../imgs/il_pilotage.jpg) no-repeat;
}
li#il_pilotage div{
	float:left; width:100%; height:120px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}

li#organizzazione:hover{ height:198px; }
li#organizzazione > span{
	background:url(../imgs/organizzazione.jpg) no-repeat;
}
li#organizzazione div{
	float:left; width:100%; height:140px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}

li#lo_sviluppo:hover{ height:122px; }
li#lo_sviluppo > span{
	background:url(../imgs/lo_sviluppo.jpg) no-repeat;
}
li#lo_sviluppo div{
	float:left; width:100%; height:64px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}

li#il_marketing:hover{ height:173px; }
li#il_marketing > span{
	background:url(../imgs/il_marketing.jpg) no-repeat;
}
li#il_marketing div{
	float:left; width:100%; height:115px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}

li#work_in_progress:hover{ height:58px; }
li#work_in_progress > span{
	background:url(../imgs/work_in_progress.jpg) no-repeat;
}
li#work_in_progress div{
	float:left; width:100%; height:58px; background-color:rgba(255,255,255,0.25);
	1margin-bottom:4px; margin-top:58px;
}


/********* SOTTO UL SIDEBAR **********/

li#in_particolare ul{
	
}

li#in_particolare ul li, li#il_pilotage ul li, li#organizzazione ul li, li#lo_sviluppo ul li, li#il_marketing ul li
{
	float:right;
	text-align:right;
	margin-top:10px;
	margin-right: 8px;
}

li#in_particolare ul li span, li#il_pilotage ul li span, li#organizzazione ul li span, li#lo_sviluppo ul li span, li#il_marketing ul li span
{ 
	display:block; height:0px; float:right; border-bottom:2px solid #999;
	box-shadow:2px 2px 8px 0px black; margin:10px 5px 0 0;
}

li#in_particolare ul li h3, li#il_pilotage ul li h3, li#organizzazione ul li h3, li#lo_sviluppo ul li h3, li#il_marketing ul li h3
{ color:white; font-size:12px; float:right; line-height:15px; text-shadow: 3px 3px 6px black; }

li#in_particolare ul li h3:hover{ color:#3366FF; }
li#il_pilotage ul li h3:hover{ color:#cc6633; }
li#organizzazione ul li h3:hover{ color:#999999; }
li#lo_sviluppo ul li h3:hover{ color:#cccc66; }
li#il_marketing ul li h3:hover{ color:#669966; }

/********* END SOTTO UL SIDEBAR **********/