/* CSS Document */

.baloon_menu li span, .menu_portfolio li span { display:none}

.baloon_menu ul {
	list-style-type: none;
	text-align: center;
	height: 17px;
	float: left;
	padding-left: 21px;
	}

.baloon_menu li { float: left; height: 17px;}

.baloon_menu li.top a,
.baloon_menu li.portfolio a,
.baloon_menu li.lab a,
.baloon_menu li.servizi a,
.baloon_menu li.q a,
.baloon_menu li.contatti a {
	text-align: left;
	display: block;
	background: no-repeat top right;
	height: 17px;
	cursor: pointer;
	}

.baloon_menu li.top a {background: url(../img/m_top.png); width:42px}
.baloon_menu li.portfolio a {background: url(../img/m_portfolio.png); width:61px;}
.baloon_menu li.lab a {background: url(../img/m_lab.png); width:41px;}
.baloon_menu li.servizi a {background: url(../img/m_servizi.png); width:67px;}
.baloon_menu li.q a {background: url(../img/m_q.png); width:74px;}
.baloon_menu li.contatti a {background: url(../img/m_contatti.png); width:70px;}

.baloon_menu li.top a:hover,
.baloon_menu li.portfolio a:hover,
.baloon_menu li.lab a:hover,
.baloon_menu li.servizi a:hover,
.baloon_menu li.q a:hover,
.baloon_menu li.contatti a:hover {background-position: bottom right;}


/*menu portfolio*/

.menu_portfolio ul {
	list-style-type: none;
	height: 37px;
	float: left;
	padding-left:74px;
	}

.menu_portfolio li { float: left; height: 37px;}

.menu_portfolio li.webdesign a,
.menu_portfolio li.identity a,
.menu_portfolio li.altro a {
	text-align: left;
	display: block;
	background: no-repeat top right;
	height: 37px;
	cursor: pointer;
	}

.menu_portfolio li.webdesign a {background: url(../img/m_web_design.png); width:120px}
.menu_portfolio li.identity a {background: url(../img/m_identity.png); width:130px;}
.menu_portfolio li.altro a {background: url(../img/m_altro.png); width: 143px;}

.menu_portfolio li.webdesign a:hover,
.menu_portfolio li.identity a:hover,
.menu_portfolio li.altro a:hover {background-position: bottom right;}

/*SERVIZI*/
ul.servizi {
	list-style-type: none;
	width: 458px; /*490 px*/
	height: 450px;
	float: left;
	}
	
ul.servizi li, ul.servizi li a {float: left; height: 15px; display: block;}
ul.servizi li a span { display: none}

ul.servizi li.webdesign_ {padding-left: 275px; width:90px;}
ul.servizi li.seo {padding: 0 270px 0 115px; width: 31px;}
ul.servizi li.webmarketing {padding: 77px 270px 0 2px; width: 118px;}
ul.servizi li.cms {padding: 21px 0 0 353px; width: 33px;}
ul.servizi li.ecommerce {padding: 85px 0 0 26px; width: 93px;}
ul.servizi li.grafica {padding: 15px 0 0 309px; width: 117px;}

ul.servizi li.webdesign_ a { width: 90px; background: url(../img/m_servizi_webdesign.png) no-repeat top left}
ul.servizi li.seo a {width: 31px; background: url(../img/m_servizi_seo.png) no-repeat top left}
ul.servizi li.webmarketing a {width: 118px; background: url(../img/m_servizi_webmarketing.png) no-repeat top left}
ul.servizi li.cms a {width: 33px; background: url(../img/m_servizi_cms.png) no-repeat top left}
ul.servizi li.ecommerce a {width: 93px; background: url(../img/m_servizi_ecommerce.png) no-repeat top left}
ul.servizi li.grafica a {width: 117px; background: url(../img/m_servizi_grafica.png) no-repeat top left}

ul.servizi li a:hover {background-position: bottom left;}