* { padding: 0; margin: 0; }

html,body {
height:100%
}


body {
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 background-color:#f2f2f3;
 background-image:url(images/sfondo.jpg);
 background-repeat:repeat-x;
 background-position:top;
 font-size : 80%; /* 76% = 12 px - 62.5%=10px - 100.01% = 16 px */
 margin:0;
 padding:0;
 height:100%;
}


/* ------------------------------------------------------------- STRUTTURA ------------- */

#wrapper {
	margin: 0 auto;
	width: 960px;
	min-height:100%;
	position:relative;
	left: 1px;
	top: 0px;
	/*border:1px solid #FF3300;*/
}

#header {
 width: 960px;
 height: 100px;
}

#header #barra{
 width: 960px;
 height: 21px;
 overflow:hidden;
 display:block;
 margin-bottom:10px;
}

#navigation {
	width: 960px;
	height:25px;
	background: transparent;
}

#content { 
	width: 960px;
	padding-bottom:130px; /* x foot */
}

#footer { /* posizionato sempre al fondo */
	position:absolute;
   	bottom:0;
   	width:960px;
   	height:130px;
  	background-image:url(images/foot_sfondo.png);
	background-position: top;
	background-repeat: repeat-x;
}

.invisibile{
	display:none;
}





div#trecolonnecont{
	width:550px;
	height:96px;
	margin-bottom:8px;
	float:left;
	display:inline;
}

div#trecolonnefooter{
	overflow: hidden;  /* simple clearing of floats */
    padding: 5px 0;   line-height:1.5em; }
	
div#trecolonnefooter div{
	float:left;width:22.3%;
    margin-left: 2%;display: inline; 
}

div#trecolonnefooter div p{
	padding-top:28px;
}

/*  tre colonne per pagine analisi servizi */

div#trecolonneservizi{
	width:760px;
	overflow: hidden;  /* simple clearing of floats */
	height:auto;
	margin:0 auto;
	}
	
div#trecolonneservizi div{
	float:left;
	width:230px;
	display: inline;

}
div#trecolonneservizi div#uno{
	margin-right: 10px;
	padding-right:10px;
	border-right:1px solid #00CCFF;

}
div#trecolonneservizi div#due{

    margin-left: 10px;
	margin-right: 10px;
	padding-right:10px;
	border-right:1px solid #00CCFF;

}
div#trecolonneservizi div#tre{

    margin-left: 10px;
	margin-right: 0px;
}

div#trecolonneservizi div p{
	padding-top:15px;
	padding-right:10px;
}


div#quartacolonnacont{
	width:250px;	
	height:96px;
	margin-bottom:8px;
	float:right;
	overflow:hidden;
	display:inline; 
}
div#quartacolonna{
	overflow: hidden;  /* simple clearing of floats */
    padding: 5px 0;   line-height:1.5em; }
	
div#quartacolonna p{
	padding-top:28px;
	text-align:right;
}

div.clear{
	clear:both;
}


div#duecolonnecont{
	width:935px;
	height:auto;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:20px;
	overflow:hidden;
}
div#duecolonnesx {
	float:left;
	width:600px;
	height:auto;
	padding-right:25px;
}
div#duecolonnedx {
	float:left;
	width:290px;
	height:auto;
	padding:10px;
}


div#cinquecolonnecont{
	width:935px;
	height:300px;
	margin-top:15px;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
}

div#cinquecolonnefooter{
	overflow: hidden;  /* simple clearing of floats */
    padding: 5px 0;   line-height:1.5em; 
}
	
div#cinquecolonnefooter div{
	float:left;width:19%;
    display: inline;
}

div.corpo {
	margin-left:20px;
	margin-right:25px;
}


div#affiancatosx{
	float:left;
	width:335px;
	border-right:1px solid #78a7e1;
}

div#affiancatodx{
	float:left;
	width:605px; 
	margin-left:18px;
}

div#affiancatoclear{
	clear:both;
}


/* striscia per le tre sezioni di analisi con 3 colori */

div#trecolonnelungocont {
	width:960px;
	height:20px;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
}

div#trecolonnelungo {
	overflow: hidden;  /* simple clearing of floats */
}
	
div#trecolonnelungo div#lungouno {
	float:left;width:764px;
    display: inline;

}

div#trecolonnelungo div#lungodue {
	float:left;
	width:90px;
	margin-left:4px;
    display: inline;
}

div#trecolonnelungo div#lungotre {
	float:left;
	width:90px;
	margin-left:4px;
    display: inline;
}

.boxnorme {
	border:1px solid #6291ca;
	padding:10px;
	width:90%;
	height:auto;
	margin:10 auto;

}

/* ------------------------------------------------------------- TESTI ------------- */

h1{font-size: 2em;font-weight:500; margin:0;}
h2{font-size: 1.8em;line-height: 1; padding-top:20px; padding-bottom:20px;  font-weight:400;}
h3{font-size: 1.4em; font-weight:500; display:inline; }
h4{font-size: 1.2em;line-height: 1.1111;margin: 0.2em 0; font-weight:500; display:inline;}
h5{font-size: 1em;line-height: 1.5;font-weight:300; display:inline;}
h6{font-size: 0.85em; font-weight:200; display:inline;}

b{font-weight:900; letter-spacing:0.1em;}

.azzurrochiaro {	color:#78a7e1;}
.azzurro {	color:#6291ca;}
.blu {	color:#000e78;}
.verde {	color:#8fc16e;}
.verdescuro {	color:#194729;}
.bianco {	color:#ffffff;}
.rosso {	color:#B51112;}

a:link 
{
	text-decoration: none;
	color: #6291ca;
	font-weight:600;
}

a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.colonnehome:link
{
	text-decoration: none;
	color:#000000;
	font-weight:200;
}
a.colonnehome:visited {
	text-decoration: none;
}
a.colonnehome:active {
	text-decoration: none;
}
a.colonnehome:hover {
	text-decoration: underline;
}


address {	font-style:normal;}

.header {
	color:#000e78;
	font-size:1em;
	font-weight:900;
	margin-top:-47px;
	margin-left:310px;
}

p.corpo {
	padding-left:20px;
	padding-right:18px;
	padding-top:5px;
}


#content p
{
	
	
}



p.cinquesopra {	padding-top:5px;}


#header #barra p{
	margin-top:3px;
	display:inline; float:left;
}

div#cinquecolonnefooter div p{ /* per le colonne home */
	padding-top:0px;
	margin-left:10px;
}
div#cinquecolonnefooter div p.cinquesopra{
	padding-top:6px;
	margin-left:10px;
}
p.alimenti{ /* box colorato dietro la scritta */
	background-image:url(images/sfondo_alimenti.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:2.5em;
	padding-left:5px;
	color:#FFFFFF;
}
p.industria{ /* box colorato dietro la scritta */
	background-image:url(images/sfondo_industria.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:2.5em;
	padding-left:5px;
	color:#FFFFFF;
}
p.ambiente{ /* box colorato dietro la scritta */
	background-image:url(images/sfondo_ambiente.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:2.5em;
	padding-left:5px;
	color:#FFFFFF;
}

p.alimentilungo{ /* box colorato lungo, a fascia per la sezione */
	background-image:url(images/sfondo_alimentilungo.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:20px;
	padding-left:5px;
	color:#FFFFFF;
}
p.industrialungo{ /* box colorato lungo, a fascia per la sezione */
	background-image:url(images/sfondo_industrialungo.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:20px;
	padding-left:5px;
	color:#FFFFFF;
}
p.ambientelungo{ /* box colorato lungo, a fascia per la sezione */
	background-image:url(images/sfondo_ambientelungo.jpg);
	background-repeat:no-repeat;
	margin-left:0;
	margin-right:0;
	line-height:20px;
	padding-left:5px;
	color:#FFFFFF;
}

div#cinquecolonnefooter div p.normale{ /* box senza colore */
	margin-left:0;
	margin-right:0;
	line-height:2.5em;
	padding-left:20px;
}
div#cinquecolonnefooter div p{ /* scritte dentro colonne home */

	padding-left:10px;
}

.elencochisiamo{
	padding-left:20px;
	padding-right:25px;
	padding-top:5px;
}	

/* ------------------------------------------------------------- MENU  ------------- */

/* LISTA menu principale */
#navcontainer_principale { margin-left: 0px; }

#navlist_principale
{
padding: 1px 0;
margin-left: 0;

font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
float:right;
}

#navlist_principale li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist_principale li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #6291ca;
border-top: none;
background: #f2f2f3;
background-image:url(images/navigation_sfondotasto.jpg);
background-position:top;
background-repeat:repeat-x;
text-decoration: none;
color:#6291ca;
}

#navlist_principale li a:link { color:#6291ca; }
#navlist_principale li a:visited { color:#6291ca; }

#navlist_principale li a:hover
{
color: #fff;
background: #6291ca;
border-color: #6291ca;
}

#navlist_principale li a#current
{
background: #6291ca;
border: 1px solid #000e78;
border-top: 2px solid #6291ca;
color:#fff;
}


/* LISTA FOOTER */

#navcontainer_footer { margin-left: 0px; }

/*Fat Erik's Pipelist*/
#navlist_footer
{
list-style: none;
padding: 0;
margin: 0;
margin-top:-15px;color: #8fc16e;
}

#navlist_footer li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist_footer li a
{
color: #8fc16e;
}

#navlist_footer li a:hover
{
color: #194729;
}

#navlist_footer li a#current
{
color: #194729;
text-decoration:none;
}

#navlist_footer li:before { content: "| "; }
#navlist_footer li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist_footer li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist_footer { height: 1%; }

* html #navlist_footer li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist_footer li:first-child { border-left: 0; }




/* LISTA BARRA superiore header */

#navcontainer_barra { 
margin-left: 0px;
float:right;
color:#FFFFFF;


}

/*Fat Erik's Pipelist*/
#navlist_barra
{
list-style: none;
padding: 0;
margin: 0;

}

#navlist_barra li
{
display: inline;
padding: 0;
margin: 0;
color: #ffffff;
}

#navlist_barra li a
{
color: #ffffff;
font-weight:200;
font-size:0.6;
}

#navlist_barra li a:hover
{
color: #ffffff;
}

#navlist_barra li a#current
{
color: #194729;
text-decoration:none;
}

#navlist_barra li:before { content: "| "; }
#navlist_barra li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist_barra li
{
border-left: 1px solid white;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist_barra { height: 1%; }

* html #navlist_barra li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist_barra li:first-child { border-left: 0; }



/*  lista di navigazione piccola - posizione pagina nel sito */

#breadcrumbs
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
#breadcrumbs li
	{
		display: inline;
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height:14px;
		color: #6291ca;
	}
#breadcrumbs li a
	{
		color: #6291ca;
		font-weight:400;
	}

#breadcrumbs li a#current
{
	font-weight:bold;
	font-style:italic;

}	
#breadcrumbs li:before { content: "> "; }
#breadcrumbs li:first-child:before { content: ""; }
	
/*IE workaround*/
/*All IE browsers*/
* html #breadcrumbs li
	{
		background-image:  url(images/gt.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0 0.5em 0 1em;
		margin: 0 1em 0 -1em;
	}
	
/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumbs { height: 1%; }
	
* html #breadcrumbs li
	{
		display: block;
		float: left;
	}
	
/*End hide*/
/*Mac IE 5*/
* html #breadcrumbs li:first-child { background-image: none; }

/* fine lista di navigazione piccola - posizione pagina nel sito */



/* ------------------------------------------------------------- IMMAGINI ------------- */

.logo {
	width:301px;
	height:91px;
	margin-right:40px;

}

.albero {
	width:113px;
	height:96px;
	margin-right:10px;
	float:left;

}

.affianca {
	margin-right:15px;
	float:left;
}

/* ------------------------------------------------------------- TABELLE ------------- */