body {

	margin: 0;

	padding: 0;

	font-family: "Trebuchet MS", Verdana, sans-serif;


	text-align: center;

	color: #fff;

	background:url(img/sfondo.jpg) repeat fixed;

	}
	
	
.box {
border : 1px solid #97B0D9;
border-top:0px;
border-bottom:0px;
padding: 0;
height:100%;

}

.box2 {
  padding: 0px;
  text-align: left;
  text-indent: 40px;
  border-width: 0px 0px 0px 20px;
  font-weight:bold;
  font-size:16px;
  background-image:url(img/quadrato-giallo.gif);
  height: 2px;


}


.box-ricerca {
border : 1px solid #D3D3D6;
padding: 0;
color:#2A448D;
font-size: 13px;


}


.button-ricerca {
border : 1px solid #D3D3D6;
padding: 0;
color:#8799CB;
font-size: 12px;
background-color:#F7F9FF;



}




.menu {
  padding: 0px;
  text-align: left;
  text-indent: 40px;
  border-width: 0px 0px 0px 20px;
  font-weight:bold;
  font-size:16px;
  background-image:url(img/sfondo-pulsante-navigazione.jpg);
  height: 29px;
  color:#FFFFFF;
  text-decoration:none;
  }
  
.menu:hover {
  padding: 0px;
  text-align: left;
  text-indent: 40px;
  border-width: 0px 0px 0px 20px;
  font-weight:bold;
  font-size:16px;
  background-image:url(img/sfondo-pulsante-navigazione.jpg);
  height: 29px;
  }
  

.titolo-sezione {
  padding: 0px;
  text-align: left;
  text-indent: 11px;
  font-weight:bold;
  font-size:16px;
  color:#2A448D;
  letter-spacing:2px;
  }

#nav ul li.active a, #nav ul li.active a:hover {

	margin-top: 0;

	padding-bottom: 10px;

	border-right: 1px solid #bbb;

	background: #fff url(img/sfondo-pulsante-navigazione.gif) no-repeat bottom right;

	}

.testo-box-menu {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	




}


.testo-centro {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	padding:  20px 10px 10px 5px;
	width:610px;
	text-align:left;
	letter-spacing:1px;
	
	

}

.testo-centro2 {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	padding:  20px 0px 10px 5px;
	text-align:right;
	letter-spacing:1px;
	

}

.testo-centro3 {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	padding:  20px 0px 10px 5px;
	text-align:left;
	letter-spacing:1px;
	

}

.quadro-menu {
  padding-left:60px;
  font-weight:none;
  text-decoration:none;
  font-size:11px;
  height: 13px;
  color:#2A448D;

  }
  
  
.quadro-menu:hover {
  padding-left:60px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;

  }
  
  
  
.ingegnerizzazione {
  padding-left:0px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  }
  
.ingegnerizzazione:hover {
  padding-left:0px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  }
  
  
  
  .progettazione {
  padding-left:12px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  }
  
  .progettazione:hover {
  padding-left:12px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  }
  
  
  .preproduzione {
  padding-left:12px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  }
  
  .preproduzione:hover {
  padding-left:12px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  }
  
  
  
  
  .testing {
  padding-left:46px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  }

  .testing:hover {
  padding-left:46px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  }

  
  
  .spazio {
  width:1px;
  }
  
  .spaziatore {
  width:20px;
  }

.testo-lingue {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	letter-spacing:2px;
	

}


.testo-lingue:hover {
	font-family: "Trebuchet MS", Georgia, Arial, Verdana;
	color:#2A448D;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration:none;
	letter-spacing:2px;
    text-decoration:underline;
	color:#F8333C;

}


.ricerca {
  padding-left:0px;
  padding-right: 90px;
  font-weight:none;
  font-size:11px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  letter-spacing:2px;
  
  }


.testo-foot {
  padding-left:40px;
  padding-right: 0px;
  font-weight:none;
  font-size:13px;
  height: 83px;
  text-decoration:none;
  color:#2A448D;
  letter-spacing:2px;
  
  }



  .menu-dx {
  padding-left:5px;
  font-weight:none;
  font-size:13px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  letter-spacing:2px;
  }

  .menu-dx:hover {
  padding-left:5px;
  font-weight:none;
  font-size:13px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  letter-spacing:2px;
  }


  .titolo-centro {
  font-weight:none;
  font-size:15px;
  text-decoration:none;
  color:#2A448D;
  font-weight:bold;
  letter-spacing:2px;
  padding-left:5px;

  }

  .linea {
  border-width: 0px 0px 0px 0px;
  padding-left:30px;
  background-image:url(img/quadrato-giallo.gif);
  height: 2px;
  width:125px;


}


  .albero {
  padding:5px 2px 25px 2.5px;
  font-weight:none;
  font-size:12px;
  height: 13px;
  text-decoration:none;
  color:#2A448D;
  letter-spacing:2px;
  }


  .albero:hover {
  padding:5px 2px 25px 2.5px;
  font-weight:none;
  font-size:12px;
  height: 13px;
  text-decoration:underline;
  color:#F8333C;
  letter-spacing:2px;
  }


/* set the image to use and establish the lower-right position */
.cssbox, .cssbox1, .cssbox2, .cssbox3, .cssbox_body, .cssbox_head, .cssbox_head h2, .corpo-box, .box-totale, .box-head,  .box-head h2 { background: transparent url(img/demobox.png) no-repeat bottom right; font-family:"Trebuchet MS", Georgia, Arial, Verdana;} 

.cssbox { width: 228px !important; /* intended total box width - padding-right(next) */
width: 228px; /* IE Win = width - padding */ 
padding: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ } /* set the top-right image */ 

.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 
/* set the top-left image */ 

.cssbox_head h2 { font-size:18px; background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ font-size:13px;   text-align: left; height:350px;  } 



.corpo-box { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 5px 0 5px 40px; /* mirror .cssbox_head right/left */ font-size:11px;   text-align: left; height:100px;  } 


.cssbox1 { float:left; width: 228px !important; /* intended total box width - padding-right(next) */
width: 228px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 30px 20px; /* use to position the box */ 




} /* set the top-right image */ 


.box-totale { float:left; width: 176px !important; /* intended total box width - padding-right(next) */
width: 176px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0 0 0 25px; /* use to position the box */ 




} /* set the top-right image */ 


.box-head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 
/* set the top-left image */ 


.box-head h2 { font-size:12px; background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 12px 0 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 





.cssbox1 img {
  float:left;
  margin: 30px 0 20px 0;
  border: 0;
  padding:0;

}

.cssbox2 { float:left; width: 150px !important; /* intended total box width - padding-right(next) */
width: 150px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 50px 20px; /* use to position the box */ 

}



.box-menu {font-family:"Trebuchet MS", Georgia, Arial, Verdana;
width: 180px; /* IE Win = width - padding */ 
padding: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ } /* set the top-right image */ 



/* menu orizzontale interno */ 

.suckertreemenu ul{
margin: 0 0 0 0;
padding: 0;
list-style-type: none;

}




/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/


}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 190px; /*Width of top level menu link items*/
padding: 3px 8px;
border: 1px solid #DAD9D9;
border-left-width: 1;
text-decoration: none;
color: navy;
font-size:12px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 15px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 196px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 3px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: #E4EEFE;
color: #1B37AE;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(img/arrow-list.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(img/arrow-list.gif) no-repeat center right;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */