body {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#CCCCCC;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	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: 780px;  /* 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: #FFFFFF;
	margin: 0 auto;/* i margini auto (insieme a una larghezza) centrano la pagina *//*border: 1px solid #AEAEAE;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
#testata {
	height:220px;
	background: url(../images/css/testata_riga.png) repeat-y;
	position:relative;
	text-align:center;
}
#testata h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
/*#testatalogo {
height:215px;
width:398px;
position:absolute;
left:191px;
}*/


/*------------menu-------------*/

#slantedmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
}
#slantedmenu:after { /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#slantedmenu ul {
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	background-color:#DFDFDF;
	border: 1px solid #bebebe;
	text-align: center; /*set value to "center" for example to center items*/
}
#slantedmenu ul li {
	display: inline;
}
#slantedmenu ul li a {
	color: #000000;
	padding: 3px 0;
	padding-right: 25px;
	margin: 0;
	text-decoration: none;
	background: transparent url(../images/css/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited {
	color:#000000;
}
#slantedmenu ul li a:hover {
	color: #0698ED;
}
/*------------menu-------------*/


#corpo {
	margin:0;
	padding:0;
}
#corpo .contenuti {
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.6;
	font-size: 13px;
	padding:20px 20px 20px 20px;
}
#corpo h1 {
	font-size:14px;
	padding:20px 20px 20px 20px;
}
#corpo h2 {
	font-weight:600;
	font-size:14px;
	padding:2px 20px 20px 20px;
	background:url(../images/css/fondo_h2.gif) repeat-x;
}
img.bordate {
	/*	background-color: #5473B4;*/
	padding:3px;
	border:1px solid #000;
}
div.thumbsini, div.thumbdest {
	background-color:#eee;
	margin-bottom:0px;
	/*border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bebebe;
	border-left: solid 1px #eee;*/
}
div.thumbsini {
	float:left;
	margin:0 10px 5px 0;
}
div.thumbdest {
	float:right;
	margin:10px 0 5px 10px;
}
/*div.thumbsini img, div.thumbdest img {
	border:1px solid #ccc;
}*/
#piede {
	margin:0;
	padding:0;
	height:50px;
}
#piede .contenuti {
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: url(../images/css/testata.jpg);
	text-align:center;
}
#piede h1 {
	font-size:12px;
	font-weight:bold;
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 10px 5px 10px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}
/*DEFINISCO IL LINK grifo.org by ANGELO*/
#credits {
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	width: 99%;
	text-align:right;
	font-size:9px;
}
#credits a {
	color:#000000;
	text-decoration:blink;
}
#credits a:hover {
	color:#0066FF;
	text-decoration:blink;
}
/*DEFINISCO IL LINK grifo.org by ANGELO*/

img.foto {
	/*margin-right:12px;
	margin-top:5px;*/
	margin-bottom:0px;
	background-color: #fff;
	padding: 5px;
	border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bebebe;
	border-left: solid 1px #eee;
}
/* si applicano a tr, td e th */
.cc09, .cc10, .cc11, .cc12, .cb09, .cb10, .cb11, .cb12, .ca09, .ca10, .ca11, .ca12 {
	text-align: center;
}
.sc09, .sc10, .sc11, .sc12, .sb09, .sb10, .sb11, .sb12, .sa09, .sa10, .sa11, .sa12 {
	text-align: left;
}
.dc09, .dc10, .dc11, .dc12, .db09, .db10, .db11, .db12, .da09, .da10, .da11, .da12 {
	text-align: right;
}
.gc09, .gc10, .gc11, .gc12, .gb09, .gb10, .gb11, .gb12, .ga09, .ga10, .ga11, .ga12 {
	text-align: justify;
}
.ca09, .ca10, .ca11, .ca12, .da09, .da10, .da11, .da12, .sa09, .sa10, .sa11, .sa12, .ga09, .ga10, .ga11, .ga12 {
	vertical-align: top;
}
.cb09, .cb10, .cb11, .cb12, .db09, .db10, .db11, .db12, .sb09, .sb10, .sb11, .sb12, .gb09, .gb10, .gb11, .gb12 {
	vertical-align: bottom;
}
.cc09, .cc10, .cc11, .cc12, .dc09, .dc10, .dc11, .dc12, .sc09, .sc10, .sc11, .sc12, .gc09, .gc10, .gc11, .gc12 {
	vertical-align: middle;
}
.cc09, .cb09, .ca09, .dc09, .db09, .da09, .sc09, .sb09, .sa09, .gc09, .gb09, .ga09 {
	font-size: 9px;
}
.cc10, .cb10, .ca10, .dc10, .db10, .da10, .sc10, .sb10, .sa10, .gc10, .gb10, .ga10 {
	font-size: 10px;
}
.cc11, .cb11, .ca11, .dc11, .db11, .da11, .sc11, .sb11, .sa11, .gc11, .gb11, .ga11 {
	font-size: 11px;
}
.cc12, .cb12, .ca12, .dc12, .db12, .da12, .sc12, .sb12, .sa12, .gc12, .gb12, .ga12 {
	font-size: 12px;
}
div.boxazienda {
	width:240px;
	height:179px;
	background:url(../images/box_azienda.jpg);
	float:right;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:10px;
}
.testoazienda {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
}
div.boxmacchine {
	width:298px;
	height:506px;
	background:url(../images/box_macchine.jpg);
	float:right;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:10px;
}
.testomacchine {
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
}
.boxmacchine ul {
	margin:0;
	padding:0;
}
.boxmacchine ul li {
	margin-left:8px;
}
img.realizzazioni {
	width:165px;
	margin-bottom:0px;
	background-color: #fff;
	padding: 5px;
	border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bebebe;
	border-left: solid 1px #eee;
}
img.realizzazioni1 {
	height:120px;
	margin-bottom:0px;
	background-color: #fff;
	padding: 5px;
	border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #bebebe;
	border-left: solid 1px #eee;
}
a.trasparente img {
	filter:alpha(opacity=100);
	-moz-opacity:1; /*per vecchie versioni Mozilla (Netscape)*/
	-khtml-opacity: 1; /* per Safari 1.x*/
	opacity: 1;
}
a.trasparente:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}