/****************************************************************************************************/
/*																									*/
/* CSS per il menu di Adasto.com - Foglio di stile per	Internet Explorer 6, 7 e Firefox 3 			*/
/*																									*/
/****************************************************************************************************/

/* Autore: Simone Morlacchini - 2008 */


/* NB: la classe contenitore (chiamata #adasto_menu) è definita nel .css globale */

/********************************************************************/
/* Imposta i background per la pagina base e per le singole sezioni */
/********************************************************************/

#p_base { background: url(../images/adasto_menu/menu_home.jpg) no-repeat left top ; }
#p_grafica-pubblicitaria { background: url(../images/adasto_menu/menu_gp.jpg) no-repeat left top ; }
#p_grafica-editoriale { background: url(../images/adasto_menu/menu_ge.jpg) no-repeat left top ; }
#p_stampa { background: url(../images/adasto_menu/menu_st.jpg) no-repeat left top ; }
#p_internet-multimedia { background: url(../images/adasto_menu/menu_nm.jpg) no-repeat left top ; }
#p_marketing { background: url(../images/adasto_menu/menu_mkt.jpg) no-repeat left top ; }

/***************/
/* Logo Adasto */
/***************/

h1.logo_adasto {
	display: block; float: left;	
	height: 94px; width: 100%;

	margin: 0px; padding: 0px; 
}

h1.logo_adasto a {
	display: block; float: left;
	width: 147px; height: 27px;
	margin: 10px 0px 0px 16px; padding: 0px; 
	_margin-left: 8px; /* IE6 */
}

h1.logo_adasto a span{ display: none; }


/****************************************/
/* Box che contengono le icone dei menu */
/****************************************/

ul.box_menu_link {
	display: block; float: left; 
	height: 63px;
	margin: 0px 0px 0px 7px; padding: 0px;
	
	_margin-left: 3px; /* IE6 */
	_overflow: hidden; /* IE6 */
	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

ul.box_menu_link li {
	float: left;
}

ul.box_menu_link li a{
	display: block; /*float: left;*/
	width: 114px; height: 63px;
	margin: 0px; padding:0px;
	background-position: left bottom !important;
	
	/* Proprietà necessarie alla corretta visualizzazione della png e dell'effetto rollover su IE6 */
	_margin-top: -63px; /* IE6 */
	cursor: pointer;
}

.esterno { width: 115px !important; }

ul.box_menu_link li a:hover {
	background-position: left top !important;
	_margin-top: 0px; /* IE6 */
}

ul.box_menu_link li a.selected {
	background-position: left top !important;
	_margin-top: 0px; /* IE6 */
}

ul.box_menu_link li a span{ display: none; }

/**************************************************************************************/
/* - Immagini per i pulsanti del menù. Per IE6 esiste l'hack .png fatto con jQuery. - */
/**************************************************************************************/

#m_home { 
	background: url(../images/adasto_menu/pulsanti/m_home.png) no-repeat; 
}
#m_profilo { 
	background: url(../images/adasto_menu/pulsanti/m_profilo.png) no-repeat; 
	
	_margin-left: -1px; /*Rientro necessario perché i due menù esterni sono più grandi di un pixel rispetto agli altri. 
						Tale rientro è indispensabile per compensare. */
}
#m_servizi { 
	background: url(../images/adasto_menu/pulsanti/m_servizi.png) no-repeat; 
}
#m_portfolio { 
	background: url(../images/adasto_menu/pulsanti/m_portfolio.png) no-repeat; 
}
#m_contatti { 
	background: url(../images/adasto_menu/pulsanti/m_contatti.png) no-repeat; 
}
#m_areaftp { 
	background: url(../images/adasto_menu/pulsanti/m_areaftp.png) no-repeat;
	
	_margin-left: -1px; /*Rientro necessario perché i due menù esterni sono più grandi di un pixel rispetto agli altri. 
						Tale rientro è indispensabile per compensare. */
}