@charset "ISO-8859-1";
/************************************************************
	Il foglio di stile CSS per il template
	cmsWebsite
	
	Note:
	Fare attenzione che il CSS renda il documento sia in IE che in Firefox.
	Alcuni suggerimenti sono:
	- fare attenzione al problema del Box Model
	- fare attenzione al problema del mouse over
	
	Fare attenzione ad usare dimensioni relative (meglio se in em) per tutti 
	i contenuti testo. Anche per per i blocchi strutturali nel caso in cui 
	si vuole che possano essere variate in dimensione con il menu A+ A-
	Alcuni suggerimenti sono:
	- Impostare una misura di base (in px) nell'elemento body, tutte le altre misure 
	saranno poi relative a questa misura.
*************************************************************/

/************************************************************
	body
	*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, "Lucida Grande", sans-serif;
	font-size: 10px; /* dimensione base */
	}

/************************************************************
	div#cmsWebsite
	il div che contiene tutto
	*/
div#cmsWebsite {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

div#cmsWebsite.home {}

/************************************************************
	div#container
	il div, contenuto in cmsWebsite, 
	che contiene tutto e che crea la zona utile 
	della pagina, separandola dallo sfondo
	
	Nota: Qui non mettere indicazioni su font-size. Viene indicato runtime
	dalla funzione di aumento/diminuzione del font-size tramite javascript
	*/ 
div#container {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	}

/************************************************************
	div#header
	il div, che contenuto in div#container, 
	contiene la testata con i vari div#sub_header
	*/
div#header {
   width: 900px;
	
	}

div#sub_header_1 {
  width: 900px;
	height: 115px;	
	background-image: url("images/headerGRANO.jpg");
	float: left;	
	background-position: top left;
	background-repeat: no-repeat;
   }
	
div#sub_header_1 h1 {
	display: none;
	}
	
div#sub_header_2 {
	display: none;
	}
	
	/* Hack: solo per IE. 
   Rimedia l'errore del mouse over
   Qui la url è relativa alla posizione della pagina web che richiama il css */
* html div#sub_header_2 {
	display: none;
	}
/* /Hack */
	
div#sub_header_2 h1 {}
	
div#sub_header_3 {
	display: none;
	}
	
div#sub_header_3 h1 {}
	
/************************************************************
	div#siteMenu
	il div, che sta sotto div#header, 
	e che contiene le varie parti del menu
	*/	
div#siteMenu {	
	width: 900px;	
	height: 47px;
	font-size: 0.9em;	
	float: left;  
	background-image: url("images/menuBKGROUND.jpg");
	background-position: -1px top; /* Per correggere uno sfalsamento dell'immagine headerBKGROUND.jpg e menuBKGROUND.jpg */
	background-repeat: no-repeat;
	}
	
div#siteMenu ul {
  list-style: none;
	margin: 0px 0px 0px 310px;
	padding: 0px;
	}
	
div#siteMenu li {
	padding: 0px;
	margin: 0px;
	}

div#siteMenu ul li a{
  margin: 3px 3px 0px 0px;
	display: block;
	height: 32px;
	padding: 10px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	width: 80px;
	background-color: #999999;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}

/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#siteMenu ul li a {
   height: 45px;
   width: 83px;	
	}
/* /Hack */

div#siteMenu ul li {
	float: left;
	position: relative;
	}
	
div#siteMenu ul li a:hover {
  text-decoration: none;
  background-color: #e6e6e6;
  color: #999999;
  border-bottom: 3px solid #F58025;
	}

div#siteMenu ul ul{ /* Solo il primo livello viene mostrato */
  display: none;
	}
	
div#siteMenu div.search a {
	width: 23px;	
	height: 24px;
	float: right;  
	background-image: url("images/lente.png");
	background-repeat: no-repeat;
}
/************************************************************
	div#buffer
	il div, che sta sotto div#menu, 
	e che contiene il submenu
	*/
div#buffer {
	display: none;
	}

div#buffer select {
	float: right;
	clear: right;
	font-size: 10px;
	}
div#buffer a {
	display: none;
	}
	
/************************************************************
	div#mainContent
	il div, che viene dopo il div#submenu, e che contiene il contenuto principale
	*/
div#mainContent {   
	width: 730px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 0;
	margin: 0px;
	line-height: 1.3em;
	font-size: 1.5em;
	float: left;
	}

/************************************************************
	div#contentMenu
	il div, che contiene il menu relativo al contenuto
	*/
div#contentMenu {
	float: left;
	margin-left: 0px;
	font-size: 0.7em;
	width: 730px;
}

div#contentMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#contentMenu ul li {
	float: left;
	height: 1.8em;
	margin: 0px 0px 0px 0px;
}

div#contentMenu ul li a {
	height: 1.2em;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #999999;
	padding: 0.2em 0.4em 0.2em 0.4em;
}
div#contentMenu ul a.selected {
	color: #000000;
}
div#contentMenu ul a.notactive {
	display: none;
}
div#contentMenu ul .componentinfo {
	display: none;
}

/* Attivare nel caso si voglia usare le immagini per il menu */

/* Print 
 * serve immagine 
 * ../default/images/print.gif
 * ../default/images/print_b.gif
 */
div#contentMenu ul.actions a.print {
	display: block;
	height: 21px;
	width: 21px;
	background-image: url("../default/images/print.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#contentMenu ul.actions a.print span {
	display: none;
}

/* Dimensione A
 * serve immagine 
 * ../default/images/dimtxt_2.gif
 * ../default/images/dimtxt_2b.gif
 */
div#contentMenu ul.actions a.sizenormal {
	display: block;
	height: 21px;
	width: 21px;
	background-image: url("../default/images/dimtxt_2.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#contentMenu ul.actions a.sizenormal span {
	display: none;
}

/* Dimensione AA
 * serve immagine 
 * ../default/images/dimtxt_3.gif
 * ../default/images/dimtxt_3b.gif
 */
div#contentMenu ul.actions a.sizemedium {
	display: block;
	height: 21px;
	width: 21px;
	background-image: url("../default/images/dimtxt_3.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#contentMenu ul.actions a.sizemedium span {
	display: none;
}

/* Dimensione AAA
 * serve immagine 
 * ../default/images/dimtxt_4.gif
 * ../default/images/dimtxt_4b.gif
 */
div#contentMenu ul.actions a.sizemax {
	display: block;
	height: 21px;
	width: 21px;
	background-image: url("../default/images/dimtxt_4.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#contentMenu ul.actions a.sizemax span {
	display: none;
}

/* Sitemap
 * serve immagine 
 * ../default/images/map.gif
 * ../default/images/map_b.gif
 */
div#contentMenu ul.actions a.map {
	display: block;
	height: 21px;
	width: 42px;
	background-image: url("../default/images/map1.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

div#contentMenu ul.actions a.map span {
	display: none;
}

/* Attivare nel caso si voglia usare le bandierine per le lingue */

/* Italiano 
 * serve immagine 
 * ../default/images/flag_it.gif
 * ../default/images/flag_it_selected.gif
 */
div#contentMenu ul li a.languageopen.it {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_it.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul li a.languageopen.it span {
	display: none;
}
div#contentMenu ul li a.languageopen.it.selected {
	display: none;
}

/* English 
 * serve immagine 
 * ../default/images/flag_en.gif
 * ../default/images/flag_en_selected.gif
 */
div#contentMenu ul a.languageopen.en {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_en.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul a.languageopen.en span {
	display: none;
}
div#contentMenu ul a.languageopen.en.selected {
	display: none;
}

/* Espanol 
 * serve immagine 
 * ../default/images/flag_es.gif
 * ../default/images/flag_es_selected.gif
 */
div#contentMenu ul a.languageopen.es {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_es.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul a.languageopen.es span {
	display: none;
}
div#contentMenu ul a.languageopen.es.selected {
	display: none;
}

/* Francais 
 * serve immagine 
 * ../default/images/flag_fr.gif
 * ../default/images/flag_fr_selected.gif
 */
div#contentMenu ul a.languageopen.fr {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_fr.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul a.languageopen.fr span {
	display: none;
}
div#contentMenu ul a.languageopen.fr.selected {
	display: none;
}

/* Deutch 
 * serve immagine 
 * ../default/images/flag_de.gif
 * ../default/images/flag_de_selected.gif
 */
div#contentMenu ul a.languageopen.de {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_de.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul a.languageopen.de span {
	display: none;
}
div#contentMenu ul a.languageopen.de.selected {
	display: none;
}

/* Svenska 
 * serve immagine 
 * ../default/images/flag_se.gif
 * ../default/images/flag_se_selected.gif
 */
div#contentMenu ul a.languageopen.se {
	display: block;
	height: 12px;
	width: 20px;
	background-image: url("../default/images/flag_se.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div#contentMenu ul a.languageopen.se span {
	display: none;
}
div#contentMenu ul a.languageopen.se.selected {
	display: none;
}
/************************************************************
	div#intLinks
	il div che contiene i links ai fratelli
	*/

/************************************************************
	div#sideContent
	il div, che viene dopo il div#mainContent, e che contiene il contenuto a bordo
	*/
div#sideContent {
	background-color: #FFFFFF;
	width: 150px; /* vedi hack per IE */	
	font-size: 0.9em;
	float: right;	
	margin-top: 5px;
	}
	
div#sideContent ul {
  list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-image: url("images/menuDXbkground.gif");
	}
	
div#sideContent li {
	padding: 0px;
	margin: 0px;
	}

div#sideContent ul li a {
  margin: 3px 0px 0px 0px;
	display: block;
	height: 42px;
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;
	background-image: url("images/menuDXalto.gif");
	background-repeat: repeat-y;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	}	
	
div#sideContent ul li a span {
  margin: 0px 0px 0px 20px;
  text-align: center;
  display: block;
}
div#sideContent ul li a:hover {
	background-image: url("images/menuDXaltoHOVER.gif");
	}
	
div#sideContent ul.extra li a {
  color: #000000;
	background-image: url("images/menuDXbasso.gif");
	}	
	
div#sideContent ul.extra li a:hover {
	background-image: url("images/menuDXbassoHOVER.gif");
	}
/************************************************************
	div#footer 
	il div, che viene dopo il div#mainContent, 
	e che contiene il piede
	*/
div#footer {
	background-color: #FFFFFF;
	/*background-image: url("images/loghiFooter.jpg");
	background-position: right center;
	background-repeat: no-repeat;*/
	width: 900px; /* vedi hack per IE */
	height: 50px; /* vedi hack per IE */
	font-size: 0.9em;
	color: #004080;
	border-top: 4px solid #F58025;
	
	margin-top: 10px;
	float: left;
}

/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#footer {
	width: 900px;
	height: 50px;
	}
/* /Hack */

div#footer p {
	margin: 0;
	padding: 10px 0;
}
div#footer a:link {
	text-decoration: none;
	color: #999999;
}
div#footer a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FF8000;
}
div#footer a:visited {
	text-decoration: none;
	color: #999999;
}
div#footer img {
	border: 0;
	float: right;
}

.cmsWebsite h1 {
  border-bottom: 3px solid #F58025;
  color: #000000;
  display: block;
  font-size: 1em;
  margin: 0 0 5px 0;
  padding-left: 200px;
  text-transform: uppercase;
}
.cmsWebsite p {
	font-size: 0.9em;
	text-align: justify;
}

.cmsWebsite ul {
	padding-left: 20px;
	font-size: 0.9em;
}
.cmsWebsite li {
	margin-left: 10px;
}

.cmsWebsite a:link {
	text-decoration: underline;
	color: #000000;
}
.cmsWebsite a:hover {
  text-decoration: underline;
  color: #F58025;
}
.cmsWebsite a:visited {
  text-decoration: underline;
  color: #F58025;
}