body {
	text-align:center; 
font:80% verdana,helvetica,sans-serif; 
margin:0; padding:0
}  
 
#immagine {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: none;
	text-align: center;
}

#immaginesin {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: none;
	text-align: center;
}
#testa {
	width: 90%;
	margin: 1em auto;
	text-align: left;
	border: 1px solid #993366;
	padding: 1em 0;
	background-image: url(../images/sfondi/striscia_parma.jpg);
	background-position: left;
	
	}
#menu {
		position: absolute;
	top: 0;
	left= 0em;
	width: 180px;
	padding: 1em 0 0 1em;
	height: 800px;
	text-align: left;
}

#banner {
	position: absolute;
	top: 0;
	right: -1em;
	width: 160px;
	padding: 1em 0;
	text-align: right;
	}

	#banner div.immagine {
	width: 120px;
	padding: 5px;
	font: .90em verdana, helvetica, sans-serif;
	margin: 0px 10px 10px 0px;
	border: 1px solid #993366;
	float: right;
}
#banner div.immagine img {
	border-bottom:3px solid #993366;
	display: block;	
	padding-bottom: 1px;
}
#contenuto {
	margin: 0 160px 0 180px;
	border-left: 1px solid #993366;
	border-right: 1px dotted #993366;
	padding: 1em;
}

#corpo{
	width: 90%;
	margin: 1em auto;
	text-align: left;
	position: relative;
	border: 1px solid #993366;
	}


#piede {
	width: 90%;
	margin: 1em auto;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #993366;
	padding: 1em 0 0 5em;
	background-color: #CC3366;
	background-image: url(../images/sfondi/striscia_parma_old.jpg);
	background-position: left;
	height: 70px;
color: white;
	font-style: normal;
	font-size: 8pt;
	font-family: "Courier New", Courier, monospace;
	}

	#piede a {
text-decoration: none; 

}
#piede a:link {
	color: white;
}

#piede a:visited {
	color: white;
}

#piede a:hover {
	color:  black;
	
} /* colori per il link */

#autore {
	font: .70em verdana, helvetica, sans-serif;
	text-align: right;
	margin: 1px 0;
	padding-right: 50px;
	border-style: solid none;
	border-width: 1px;
	border-color: #CC3366;
}

#articolo {
	font: 1em verdana, georgia, serif;
			padding-bottom:2em;
		
} 

#articolo p { 
  text-indent: 2em; 
  text-align: justify 
}



#articolo div.immagine {
	width: 120px;
	padding: 5px;
	font: .90em verdana, helvetica, sans-serif;
	margin: 0px 10px 10px 0px;
	border: 1px solid #993366;
	float: right;
}
#articolo div.immagine img {
	border-bottom:4px solid #CC3366;
	display: block;	
	padding-bottom: 1px;
}
#articolo div.immaginesin {
	width: 120px;
	padding: 5px;
	font: .90em verdana, helvetica, sans-serif;
	margin: 0px 10px 10px 0px;
	border: 1px solid #993366;
	float: left;
	}
#articolo div.immaginesin img {
	border-bottom:4px solid #CC3366;
	display: block;	
	padding-bottom: 1px;
	}


div.sin {
	position: relative;
	height: 70px;
	width: 25%;
	left: 4%;
		}
div.des {
	position: absolute;
	height: 70px;
	width: 40%;
	right: 6%;
	text-align: right;
	top: 40px;
	color: white;
	font-style: normal;
	font-size: 8pt;
	font-family: "Courier New", Courier, monospace;
	}

	div.des a {
text-decoration: none; 

}
div.des a:link {
	color: white;
}

div.des a:visited {
	color: white;
}

div.des a:hover {
	color:  black;
	
} /* colori per il link */



div.centro {
	top: 0;
	margin: 0 15% 0 35%;
	position: absolute;
	padding: 2em 0 0 0;
	text-align: center;
}


/* Formattazione dei titoli */
em          {
	color: black;
	font-style: normal;
	font-weight: bold;
	border: 0;
	text-decoration: none;
}
		

		
	cite  {
		color: #CC3366;
	font-style: normal;
	font-size: 8pt;
	font-family: "Courier New", Courier, monospace;
}
		
cite a {
   color: #CC3366;
	text-decoration: none;
	}
		
		cite a:hover  {
	color: #993366;
} /* colori per il link */

strong      {
	color: #993366;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	vertical-align: top;
	border: 0;
}
h1      {
	font-size: 16pt;
	border: 0;
}
h2      {
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	border: 0;
					}
				
h3          {
	color: #CC3366;
	font-style: italic;
	font-weight: 900;
	font-size: 14pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	text-align: center;
	border: 0;
}
h4        {
	color: #CC3366;
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	text-align: center;
	border: 0;
}
h5           {
	color: White;
	font-style: normal;
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 18px;
	line-height: 18px;
	background-color: #CC3366;
	border: 0;
}
h6      { 
font-weight: normal;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 font-size: 11px;
 border: 0;
  }
  
 a {
text-decoration: none; 

}
a:link, a:visited {
	color: #CC3366;
}

a:hover {
	color: #993366;
	
	}
p       {
	color: black;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	text-align: justify;
	padding: 1em 0 0 0;
}

#box {
	border: thin dotted #CC3366;
	text-align: center;
	padding: 1em 1em 1em 1em;
	margin: 0 0 0 10%;
	width: 80%;
}


code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
hr { display:none } /* mi serve per i browser che non interpretano il layout */

form {
text-align: center;
}

table, tr,  {
	font-size: 11px;
	text-align: left;
	border: none;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

table.pass {
border: thin solid #CC3366;
	background: #FFFFDF;
}

table.pass, td.pass {
		text-align: center;
	vertical-align: middle;
	padding: 1em 2em 1em 2em;
	}

input {
	font-size: 11px;
	background-color: White;
	color: #CC3366;
		}

	td.titolo { 
	text-align: center;
font-size: 12px;
font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5 5 5 5;
	}
	
td { 
text-align: center;
padding: 0 0 0 0;
}


ul {
	list-style: disc;
	font: normal 11px verdana,helvetica,sans-serif;
	
}


ul li a {
	display: block;
	text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding: 0 1em; /* lascia spazio far il bordo del menu e il testo del link */
	height: 18px;
	line-height: 18px; /* altezza del link: height e line-height devono avere il medesimo valore */
}

ul li a:link, ul li a:visited  {
	color: #CC3366;
} /* colori per il link */
ul li a:hover  {
	color: Black;
	} /* colori per l'effetto roll-over */
	ul li a:active {
	color: #CC0066;
}

/* Menu destra */


ul.destra {	list-style: disc;
	font: normal 10px verdana,helvetica,sans-serif;
	text-align: left; 
}


ul.destra li a {
	display: block;
	text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding: 0 0 0 1px; /* lascia spazio far il bordo del menu e il testo del link */
	height: 18px;
	line-height: 18px; /* altezza del link: height e line-height devono avere il medesimo valore */
}

ul.destra li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.destra li a:link, ul.destra li a:visited  {
	color: #CC3366;
} /* colori per il link */
ul.destra li a:hover  {
	color: #990033;
	} /* colori per l'effetto roll-over */
	ul.destra li a:active {
	color: #990033;
}

/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 {
	width: 160px;
	list-style: none; /* elimino i punti elenco */
	margin: 0;
	padding: 0; /* elimino i rientri delle liste */
	font: normal 12px verdana,helvetica,sans-serif;
	
}



ul.menu1 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em; 
line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1 li a:link, ul.menu1 li a:visited {
	color: #CC3366;
} /* colori per il link */
ul.menu1 li a:hover {
	color: White;
	background-color: #CC3366;
}
 ul.menu1 li a:active {
	color: #990033;
			} /* colori per l'effetto roll-over */


li.fiocco {
		text-decoration: none;
	background-image: url(../images/button/fiocco.gif);
	background-repeat: no-repeat;
	padding:0 7em; /* lunghezza della linea, altrimenti non si vede il fiocco! */
	height: 3em;
	line-height: 3em;
	margin-left: 1em;
	list-style: none;
	}
	
	li.ago{
	text-decoration: none;
	background-image: url(../images/button/ago.gif);
	background-repeat: no-repeat;
	list-style: none;
	background-position: right;
}
li.fusello{
	text-decoration: none;
	background-image: url(../images/button/fusello.gif);
	background-repeat: no-repeat;
	list-style: none;
	background-position: right;
}

li.fiore{
	text-decoration: none;
	background-image: url(../images/button/fiore.gif);
	background-repeat: no-repeat;
	list-style: none;
	background-position: right;
	
}
li.insieme{
	text-decoration: none;
	background-image: url(../images/button/insieme.gif);
	background-repeat: no-repeat;
	list-style: none;
	background-position: right;
}

/** Sub-MENU di menu1 ** roll-over basato solo sui colori **/
ul.menu2 {
font: normal 11px Verdana, Helvetica, sans-serif;
	width: 160px;
	list-style: none; /* elimino i punti elenco */
	margin: 0;
	padding: 0; /* elimino i rientri delle liste */
	text-indent: 1em;
}
ul.menu2 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height: 15px;
line-height: 15px; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu2 li {
	display: inline;
} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu2 li a:link, ul.menu2 li a:visited {
	color: #CC3366;
} /* colori per il link */
ul.menu2 li a:hover {
	color: White;
	background-color: #CC3366;
}
 ul.menu2 li a:active {
	color: #990033;} /* colori per l'effetto roll-over */




/** Fine menu **/