@charset "ISO-8859-1";
/************************************************************
	Il foglio di stile CSS per il template
	cmsBox
	
	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 vcaso in cui 
	si vuole che possano essere variate in dimensione con il menu A+ A-
	Alcuni suggerimenti sono:
	- Impostare una misura di base nell'elemento body, tutte le altre misure 
	saranno poi relative a questa misura.
*************************************************************/

.cmsBox {
	margin: 10px 10px 5px 0px;
	padding: 0;
	width: 170px;
	font-size: 0.8em;
	color: #000000;
}
.cmsBox h1 {
	display: none;
	padding: 2px 2px 2px 2px;
	color: #646464;
	font-size: 1.2em;
}
.cmsBox h2 {
	display: block;
	padding: 2px 2px 2px 2px;
	color: #646464;
	font-size: 1em;
}
.cmsBox p {
	font-size: 0.8em;
	text-align: justify;
}
.cmsBox a {
}
.cmsBox object {
	margin: 0px 0px 0px -1px;
}

.cmsBox ul {
  list-style: none;
	margin: 0;
	padding: 0;
	}

.cmsBox.index {
  display: none;
	}
	
/* Primo Livello */
.cmsBox.menu1level li {
	padding: 0;
	margin: 0;
	}
.cmsBox.menu1level li a {
  margin: 1px 0px 0px 0px;
  padding-left: 22px;
	display: block;
	height: 42px;
	width: 128px;
	background-image: url("images/menuSXalto.gif");
	background-repeat: repeat-y;
	text-transform: uppercase;
	font-weight: bold;
	}	
.cmsBox.menu1level li a span {
  margin: 0px 0px 0px 20px;
  text-align: center;
  display: block;
}
.cmsBox.menu1level li a:hover {
	background-image: url("images/menuSXaltoHOVER.gif");
	color: #000000;
	text-decoration: none;
	}
.cmsBox.menu1level a:link {
  color: #000000;
  text-decoration: none;
}
.cmsBox.menu1level a:visited {
  color: #000000;
  text-decoration: none;
}
li:first-child .cmsBox li.selected a {
	background-image: url("images/menuSXaltoHOVER.gif");
	color: #000000;
	text-decoration: none;
	}
.cmsBox.menu1level li:first-child a {
	background-image: url("images/menuSXaltoHOVER.gif");
	color: #000000;
	text-decoration: none;
	}
	
/* secondo */
.cmsBox.menu2level li {
	padding: 0;
	margin: 0 0 0 11px;
	}
.cmsBox.menu2level li a {
  margin: 1px 0px 0px 0px;
  padding-left: 22px;
	display: block;
	height: 42px;
	width: 117px;
	background-image: url("images/sottomenuSX.gif");
	background-repeat: repeat-y;
	text-transform: uppercase;
	font-weight: bold;
	}	
.cmsBox.menu2level li a span {
  margin: 0px 0px 0px 20px;
  text-align: center;
  display: block;
}
.cmsBox.menu2level li a:hover {
	background-image: url("images/menuDXbassoHOVER.gif");
	color: #000000;
	text-decoration: none;
	}
.cmsBox.menu2level a:link {
  color: #FFFFFF;
  text-decoration: none;
}
.cmsBox.menu2level a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.cmsBox.menu2level li.selected a {
	background-image: url("images/menuDXbassoHOVER.gif");
	color: #FFFFFF;
	text-decoration: none;
	}
.cmsBox.menu2level li:first-child a {
	display: none;
	}

/* solo per testnews */
.cmsBox ul.testnews {
}
.cmsBox ul.testnews li {
	padding: 5px 0 0 0;
	margin: 0;
	background-image: url("images/sfondoAPPUNTAMENTI.png");
}
.cmsBox ul.testnews li.testnewstitle {
	background-image: url("images/news.jpg");
	padding: 0 0 0 5px;
	font-weight: bold;
	margin: 0;
	height: 20px;
}
.cmsBox ul.testnews li.testappstitle {
	background-image: url("images/appuntamenti.jpg");
	padding: 0 0 0 5px;
	font-weight: bold;
	margin: 0;
	height: 20px;
}
.cmsBox ul.testnews li a {
  margin: 0 0 0 2px;
  padding: 0 10px 10px 5px;
	display: block;
	height: auto;
	width: 151px;
	background-image: url("images/sfondoAPPUNTAMENTI.png");
	background-repeat: repeat-y;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}
.cmsBox ul.testnews li a span {
  margin: 0 5px 0 0;
  padding: 5px;
  text-align: center;
  display: block;
  background-color: #FFFFFF;
  line-height: 1.1em;
}
.cmsBox ul.testnews li.testnewsfooter a:hover, .cmsBox ul.testnews li.testnewsfooter a:visited {
	color: #000000;
}
.cmsBox ul.testnews li.testnewsfooter a span {
	background-color: transparent;
	height: 30px;
}