body {
	font: 100%;
	font-family:"Myriad Pro", Verdana, sans-serif;
	background-color:#3a3a3c;
	background-image: url(../images/css/box-nero.gif);
	background-position:center;
	background-repeat:repeat-y;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}
#contenitore {
	width: 830px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	background: transparent;
	margin: 30px auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
#testata {
	background: transparent;
	width:830px;
	font-size:12px;
	color:#a1a3a5;
	padding-bottom: 5px;
}
#testata a {
	color:#a1a3a5;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: normal;
}
.barra {
	padding:0 8px 0 8px;
}
#testata a.active {
	color: #FFFFFF;
}
#testata a.primo {
	color:#a1a3a5;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: normal;
	padding:0 10px 0 0;
}
#testata a:hover {
	color: #c5a483;
}
#corpo {
	background: transparent;
	min-height:860px;
	position:relative;
}
#piede {
	background: transparent;
	width: 830px;
	height: 100px;
}
#piede a:hover {
	color: #c5a483;
}
#piede a.active {/*è solo una classe, non html per questo non ha i due punti ma ha un solo punto.*/
	color:#FFFFFF;
}
table.menubasso {
	width:auto;
	margin-top: 15px;
	margin-bottom:25px;
}
table.menubasso td {
	padding-right: 30px;
}
table.menubasso td.uno {
	width: 145px;
}
table.menubasso td.due {
	width: 200px;
}
table.menubasso td.tre {
	width: 190px;
}
table.menubasso td.quattro {
	width: 255px;
}
table.menubasso td.cinque {
	width: 190px;
}
table.menubasso a {
	color:#666666;
	font-size:24px;
	text-transform: uppercase;
	text-decoration: none;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
}
a:visited.fucsia {
	color:#A6418E;
}
a:link.fucsia {
	color:#A6418E;
}
td.cellavuota {
	width:24px;
	background-color:#33CC99;
	margin:0;
	padding:0;
}
.crediti {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	line-height:15px;
}
.crediti a {
	color:#999999;
	letter-spacing:1px;
	text-decoration:none;
}
.attivita {
	font-size:13px;
	color:#465f78;/*era #788d95;*/
	position:absolute;
	left:35px;
	top:30px;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 15px;
	font-family:"Myriad Pro", Verdana, sans-serif;
}
.logo {
	width:255px;
	height:114px;
	position:absolute;
	right:35px;
	top:25px;
}
/*-------------INDEX---------------------*/
.pronti-conoscere {
	width:240px;
	height:239;
	position:absolute;
	left:-70px;
	top:290px;
}
.title-pronti {
	width:220px;
	height:209px;
	position:absolute;
	text-align:right;
	right:35px;
	top:100px;
}
.link-pronti {
	width:220px;
	height:20px;
	position:absolute;
	font-size:14px;
	right:40px;
	top:320px;
	text-align:right
}
.testo-pronti {
	font-family:Helvetica, Arial, sans-serif;
	color: #5d5e60;
	font-size:11px;
	text-align:left;
	position:absolute;
	letter-spacing: 1px;
	right:35px;
	top:160px;
	width:220px;
	line-height: 1.4;
}
/*-------------INDEX---------------------*/



/*-------------ISPIRIAMO IDEEE---------------------*/
.banner-portfolio {
	width:240px;
	height:239;
	position:absolute;
	left:-70px;
	top:290px;
}
.title-ispiriamo {
	width:201px;
	height:121;
	position:absolute;
	left:35px;
	top:160px;
}
.testo-ispiriamo {
	font-family:Helvetica, Arial, sans-serif;
	color: #5d5e60;
	font-size:11px;
	text-align:left;
	position:absolute;
	letter-spacing: 1px;
	right:35px;
	top:160px;
	width:220px;
	line-height: 1.4;
}
/*-------------ISPIRIAMO IDEEE---------------------*/


/*-------------ASCOLTIAMO ESIGENZE---------------------*/
.title-ascoltiamo {
	width:317px;
	height:121px;
	position:absolute;
	top:160px;
	right:35px;
}
.testo-ascoltiamo {
	font-family:Arial, Helvetica, sans-serif;
	color: #5d5e60;
	font-size:11px;
	text-align:left;
	position:absolute;
	letter-spacing: 1px;
	right:27px;
	top:300px;
	width:235px;
	line-height: 1.4;
}
/*-------------ASCOLTIAMO ESIGENZE---------------------*/

/*-------------RIPULIAMO IMMAGINE---------------------*/
.title-ripuliamo {
	width:306px;
	height:121px;
	position:absolute;
	top:150px;
	left:30px;
}
.testo-ripuliamo {
	font-family:Arial, Helvetica, sans-serif;
	color: #5d5e60;
	font-size:11px;
	text-align:left;
	position:absolute;
	letter-spacing: 1px;
	left:35px;
	top:290px;
	width:220px;
	line-height: 1.4;
}
/*-------------RIPULIAMO IMMAGINE---------------------*/

/*-------------ESSENZIALITA E FRESCHEZZA---------------------*/
.title-essenzialita {
	width:290px;
	height:200px;
	position:absolute;
	top:570px;
	left:35px;
}
.testo-essenzialita {
	font-family:Arial, Helvetica, sans-serif;
	color: #5d5e60;
	font-size:11px;
	text-align:left;
	position:absolute;
	letter-spacing: 1px;
	right:35px;
	top:555px;
	width:270px;
	line-height: 1.4;
}
/*-------------ESSENZIALITA E FRESCHEZZA---------------------*/
#credits {
	font-family:Arial, Helvetica, sans-serif;
	color: #999999;
	color:#FFFFFF;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 100%;
	text-align: right;
	font-size:9px;
}
#credits a {
	color: #999999;
	letter-spacing: normal;
	text-decoration:none;
}
#credits a:hover {
	color:#FFFFFF;
}
img, div, ul, li, a {
	behavior: url(../iepngfix.htc)
}
a.immagini img {
	border: 1px solid #CCCCCC;
}
a.immagini:hover {
	color: #B30059;
}
a.immagini:hover img {
	border: 1px solid #B30059;
}
table.foto {
	margin:0 auto;
}
table.foto a img {
	border: 1px solid #CCCCCC;
}
table.foto a:hover {
	color: #B30059;
}
table.foto a:hover img {
	border: 1px solid #B30059;
}
table.foto img {
	width: 120px;
	margin: 4px
}
table.foto img.web {
	width: 376px;
	margin: 4px
}
span.destra {
	clear:both;
	float:right;
}