/* box intestrazione */
div.intesta, div#intesta {
	background-color: #fff;
	background-image: url(../img/bg-home.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 135px;
	clear: both;
	margin: 0;
	padding: 0;
}
div.comuni, div#comuni {
	text-align: right;
	float: right;
	width: 30%;
	margin: 0;
	padding: 3em 1em;
}
/* fine box intestazione */

#main {
	background-color: #fff;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	clear: both;
	margin: 0;
	padding: 1%;
}
/* box di sinistra che contiene scheda, orari, servizi e regolamento*/
#box1 {
  	float: left;
	width: 22%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}
.scheda
{
	background-color: #ffffff;
	color: #003366;
}
.schedatitolo
{
	border-bottom: 0.1em solid #FF9933;
	width: 80%;
	background-color: #ffffff;
}
.orari
{
	background-color: #ffffff;
	color: #003366;
}
.orarititolo
{
	border-bottom: 0.1em solid #FF9933;
	width: 80%;
}
.servizi
{
	background-color: #ffffff;
	color: #003366;
}
.servizititolo
{
	border-bottom: 0.1em solid #FF9933;
	width: 80%;
}
.regolam
{
	background-color: #ffffff;
	color: #003366;
}
.regolamtitolo
{
	border-bottom: 0.1em solid #FF9933;
	width: 80%;
}
/* fine box1*/

/* box di destra che contiene pari e dispari*/
#box2 {
	float: right;
	width: 75%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
}
/*Area sinistra all'interno dei box colorati in blu e arancione*/
.areasx{
	width: 48%;
	float: left;
	padding: 0em;
	margin-left: 0.5em;
}
/*Area destra all'interno dei box colorati in blu e arancione*/
.areadx{
	width: 48%;
	float: right;
	padding: 0em;
}
/*fine aree*/

div.pari {
	background-color: #eee;
	border: 0.1em solid #036;
   margin: 0.2em 0 0.4em 0;
	padding: 0em;
	width: 100%;
}
div.pari div {
	font-size: 88%;
	padding: 0.4em 0.2em 0.2em 0.4em;
}
div.pari span {
	color: #336699;
	font-weight: bold;
}
div.pari div.titolo {
	background-color: #036;
	color: #fff;
	text-align: left;
	font-size: 90%;
	padding: 0.2em;
}
div.dispari {
	background-color: #FFF4D5;
	border: 0.1em solid #f93;
	margin: 0.2em 0 0.4em 0;
	padding: 0;
	width: 100%;
}
div.dispari div {
	font-size: 88%;
	padding: 0.4em 0.2em 0.4em 0.4em;
}
div.dispari span {
	font-size: 90%;
	color: #B75C00;
}
div.dispari em {
	font-size: 90%;
	font-style: normal;
}
div.dispari div.titolo {
	background-color: #f93;
	color: #036;
	text-align: left;
	font-size: 90%;
	padding: 0.2em;
}
/*fine box2*/
div.online {
	background-color: #F8EDEB;
	border: 0.1em solid #C00;
	margin: 0.2em 0 0.4em 0;
	padding: 0;
	width: 100%;
}
div.online div {
	font-size: 88%;
	padding: 0.4em 0.2em 0.4em 0.4em;
}
div.online em {
	font-size: 90%;
	font-style: normal;
}
div.online div.titolo {
	background-color: #C00;
	color: white;
	text-align: left;
	font-size: 90%;
	padding: 0.2em;
}
div.informazioni {
	background-color: #336699;
	color: #fff;
	text-align: center;
	font-size: 85%;
	margin: 0;
	padding: 0.5em;
}
.informazioni a:link { color: #FFF}
.informazioni a:visited { color: #fff}
.informazioni a:active { color: #fff}
.informazioni a:hover {
	text-decoration: none;
	color: #003366;
	background-color: #FFF;
}
div.indirizzo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFF;
	background-color: #036;
	text-align: center;
	margin: 0;
	padding: 0.5em;
}
div.copyright, div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #036;
	text-align: center;
	background-color: #FFF;
	padding: 0.2em;
	margin: 0;
}
div.copyright a:link, div#copyright a:link, div.copyright a:visited, div#copyright a:visited {
	background-color: #FFF;
	color: #036;
}
.policy {
	text-align: center;
	margin: 0.5em;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
div.news {
	font-size: 85%;
	background-color: #eee;
	border: 0.1em solid #036;
	margin: 0.2em 0 0.4em 0;
	padding: 0.5em;
}