/* CSS Document */
*{ padding:0px; margin:0px;}
body {background:  url(../img/bg.jpg) repeat-x left top;text-align: center; font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;  font-size:12px; color:#58585A;}


a { color:#E43458; }
a:hover { text-decoration:none;}
h2 { font-size:14px; color:#E63456;}


#container {width: 999px; text-align: left;	margin-right: auto; margin-left: auto;}
#header {width: 999px; background: url(../img/header.jpg) no-repeat left top; height: 220px; position:relative;}

#header h1					{ background: url(images/logo.gif) no-repeat; text-indent: -9999px; width: 356px; height: 114px; position:absolute; top:16px; left:194px;}
#header h1 a				{ display: block; width: 356px; height: 114px; text-decoration: none;}

h1.home  					{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Home.jpg) no-repeat; margin-bottom:8px;}
h1.home span 				{display: block; width: 284px; height: 29px;}

h1.progetto  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Progetto.jpg) no-repeat; margin-bottom:8px;}
h1.progetto span 		{display: block; width: 284px; height: 29px;}

h1.disagio  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Forme-di-disagio.jpg) no-repeat; margin-bottom:8px;}
h1.disagio span 		{display: block; width: 284px; height: 29px;}

h1.disordini  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1DisordiniAlimentari.jpg) no-repeat; margin-bottom:8px;}
h1.disordini span 		{display: block; width: 284px; height: 29px;}

h1.operiamo  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1ComeOperiamo.jpg) no-repeat; margin-bottom:8px;}
h1.operiamo span 		{display: block; width: 284px; height: 29px;}

h1.equipe  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Equipe.jpg) no-repeat; margin-bottom:8px;}
h1.equipe span 		{display: block; width: 284px; height: 29px;}

h1.chi-siamo  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Chi-siamo.jpg) no-repeat; margin-bottom:8px;}
h1.chi-siamo span 		{display: block; width: 284px; height: 29px;}


h1.consulenti  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1Consulenti.jpg) no-repeat; margin-bottom:8px;}
h1.consulenti span 		{display: block; width: 284px; height: 29px;}

h1.info  			{text-indent: -9999px; width: 284px; height: 29px; background: url(../img/h1DoveSiamo.jpg) no-repeat; margin-bottom:8px;}
h1.info span 		{display: block; width: 284px; height: 29px;}

#wrap {width: 999px; background: url(../img/bgContent.gif) repeat-y left top;}
#content {width:610px; float:left;}
#content p{ margin-bottom: 10px;}

#content1 { width: 410px; float:left;}
#content2 { width: 192px; float:right;}

#left {width: 185px; float:left; margin-left:99px;}

#left-menu { margin-top: 52px; list-style-type:none;}
#left-menu a, ul#left-menu span	{display:block; width:184px; height:24px; text-indent:-100em; overflow:hidden;}

#left-menu a.home					{background:url(../img/home.gif) no-repeat 0 0;}
#left-menu a.home:Hover 			{background-position:bottom;}
#left-menu li.attivo span.home		{background:url(../img/home.gif) no-repeat 0 -24px;}

#left-menu a.progetto {background:url(../img/progetto.gif) no-repeat 0 0;}
#left-menu a.progetto:Hover {background-position:bottom;}
#left-menu li.attivo span.progetto	{background:url(../img/progetto.gif) no-repeat 0 -24px;}

#left-menu a.disagio {background:url(../img/disagio.gif) no-repeat 0 0;}
#left-menu a.disagio:Hover {background-position:bottom;}
#left-menu li.attivo span.disagio	{background:url(../img/disagio.gif) no-repeat 0 -24px;}

#left-menu a.disordini {background:url(../img/disordini.gif) no-repeat 0 0;}
#left-menu a.disordini:Hover {background-position:bottom;}
#left-menu li.attivo span.disordini	{background:url(../img/disordini.gif) no-repeat 0 -24px;}

#left-menu a.operiamo {background:url(../img/operiamo.gif) no-repeat 0 0;}
#left-menu a.operiamo:Hover {background-position:bottom;}
#left-menu li.attivo span.operiamo	{background:url(../img/operiamo.gif) no-repeat 0 -24px;}

#left-menu a.equipe {background:url(../img/equipe.gif) no-repeat 0 0;}
#left-menu a.equipe:Hover {background-position:bottom;}
#left-menu li.attivo span.equipe	{background:url(../img/equipe.gif) no-repeat 0 -24px;}

#left-menu a.chi-siamo 				{background:url(../img/chi-siamo.gif) no-repeat 0 0;}
#left-menu a.chi-siamo:Hover		{background-position:bottom;}
#left-menu li.attivo span.chi-siamo	{background:url(../img/chi-siamo.gif) no-repeat 0 -24px;}

#left-menu a.info {background:url(../img/info.gif) no-repeat 0 0;}
#left-menu a.info:Hover {background-position:bottom;}
#left-menu li.attivo span.info	{background:url(../img/info.gif) no-repeat 0 -24px;}


#footer {width: 999px; background: url(../img/bgFooter.jpg)  no-repeat left top; height:83px; position:relative;  color:#A4A5A6; }
#footer .quick { position:absolute;  font-weight:bold; left:284px; top: 10px;}
#footer .copiright { position:absolute; font-weight:bold; left:284px; top: 44px;}
#footer .quick a{ color:#A4A5A6; text-decoration:none;}
#footer .quick a:hover{ color:#E53457; text-decoration:none;}
.divisore { padding-left:4px; padding-right:4px;}
.separatore {background: url(../img/separatore.gif) repeat-x left top;	height: 15px;}
.bordoImg {background: url(../img/bgImg.gif) no-repeat left top; width: 182px; height: 186px; padding-top: 10px; padding-left: 10px; } 
.bordoImg2 {background: url(../img/bgImg2.gif) no-repeat left top; width: 182px; height: 221px; padding-top: 10px; padding-left: 10px; }