/* ------------ HTML e BODY ------------ */

html {
	margin: 0;
	padding: 0;
	height: 100%;                                           /* per avere sfondo generale a tutta altezza */
}

body {
	margin: 0;
	padding: 0;
	height: 100%;                                           /* per avere sfondo generale a tutta altezza */
	background-color: #004499;                              /* come colonna destra, di regola pił corta */ 
	color: #ffffff;                                         /* come colonna destra, di regola pił corta */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: justify;
	line-height: 130%;
}

/* ------------ POSIZIONAMENTO E GRAFICA CONTENITORI GENERALI ------------ */

#pweb {
	margin: 0;
	padding: 0;
	height: 100%;                                           /* per avere sfondo generale a tutta altezza */
	min-width: 400px;                                       /* per evitare sovrapposizioni a schermo molto ridotto */
	width: 100%;                                            /* per forzare contenimento div floattati interni */
	float: left;                                            /* per forzare contenimento div floattati interni */
	background-image: url('sfondo-generale.gif');           /* sfondo generale */
	background-repeat: repeat-y;
	background-position: 75%;
}

body>#pweb {
	min-height: 100%;                                       /* per avere sfondo generale a tutta altezza */
	height: auto !important;                                /* per avere sfondo generale a tutta altezza */
}

#pweb-colonna-sinistra {
	margin: 0;
	padding: 0;
	width: 74%;
	float: left;
	background-color: #ffffff;
	color: #000066;
}

#pweb-colonna-destra {
	margin: 0;
	padding: 21em 0em 1em 0em;                              /* padding e non margin per contenere img di sfondo */
	width: 24%;
	float: right;
	background-color: #004499;
	color: #ffffff;
	position: relative;                                     /* per posizionare menu principale */
}

#pweb-pie-di-pagina {
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #004499;
	color: #ffffff;
}

/* ------------ POSIZIONAMENTO E GRAFICA CONTENITORI SPECIFICI MENU ------------ */

#menu-principale {
	padding: 1em 1em 1em 0.5em;
	width: 19em;                                            /* per mantenere affiancati i due menu anche con opera */
	position: absolute;                                     /* posizionato rispetto a pweb-colonna-destra */
	top: 0;
	left: -22.5em;
	background-color: #ffffff;
	color: #000066;
}

#menu-sezione {
	margin: 0em 1em;
	padding: 0;
	background-color: #004499;
	color: #bbbbbb;
	text-align: left;
}

#menu-accessorio1 {
	margin: 0;
	padding: 3em 0em;                                       /* padding e non margin per avere sfondo bianco senza img */
	width: 74%;
	float: left;
	background-color: #ffffff;
	color: #000066;
	text-align: center;
}

#menu-accessorio2 {
	margin: 0 auto;
	padding: 0; 
	width: 33.5em;                                          /* ANCORA DA PERFEZIONARE */
	background-color: #ffffff;
	color: #000066;
}

#copyright {
	margin: 0;
	padding: 3em 0em;                                       /* padding e non margin per coerenza con precedente */
	width: 24%;
	float: right;
	background-color: #004499;
	color: #44aacc;
	text-align: center;
}

/* ------------ POSIZIONAMENTO E GRAFICA CONTENITORI SPECIFICI ------------ */

#logo {
	margin: 2em 2em 5em 2em;
	padding: 0;
}

#briciole {
	margin: 1em 3em;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	text-align: left;
	line-height: 150%;
}

#pagina {
	margin: 0em 3em;
	padding: 3em 0em 3em 3em;
	border-top: solid 0.2em #004499;
	border-left: solid 0.2em #004499;
}

#testo {
	background-color: #ffffff;
	color: #000066;
}

#elenco-link {
	margin: 3em 0em;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	text-align: left;
}

#data {
	margin: 5em 0em 0em 0em;
	padding: 0; 
	background-color: #ffffff;
	color: #999999;
}

/* ------------ LOGO  ------------ */

#logo p {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	text-align: left;
	line-height: 230%;
}

#logo img {
	margin: 0;
	padding: 0;
	width: 70px;
	height: 69px;
	float: left;
}
/* ------------ BRICIOLE  ------------ */

#briciole a {
	margin: 0;
	padding: 0.1em 0.2em;                                   /* ANCORA DA PERFEZIONARE */
}

#briciole a:link, #briciole a:visited {
	border: solid 0.1em #fffffe;
	background-color: #ffffff;
	color: #44aacc;
	text-decoration: none;
}

#briciole a:hover {
	border: solid 0.1em #004499;
	background-color: #f9f9f9;
	color: #004499;
	text-decoration: none;
}

/* ------------ TESTO ------------ */

#testo a:link, #testo a:visited {
	background-color: #ffffff;
	color: #44aacc;
}

#testo a:hover {
	background-color: #ffffff;
	color: #004499;
}

/* ------------ ELENCO LINK ------------ */

#elenco-link a:link, #elenco-link a:visited {
	background-color: #ffffff;
	color: #44aacc;
	text-decoration: none;
}

#elenco-link a:hover {
	background-color: #ffffff;
	color: #004499;
	text-decoration: none;
}

/* ------------ TITOLI ------------ */

h1 {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: normal;
}

h2 {
	margin: 1em 0em;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: normal;
}

h3 {
	margin: 1em 0em;
	padding: 0;
	background-color: #ffffff;
	color: #44aacc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	line-height: normal;
}

.box h1, .box h2, .box h3 {
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	color: #44aacc;
}

/* ------------ MENU PRINCIPALE E ACCESSORIO parte 1 ------------ */

#menu1 {
	margin: 1em 0.2em;
	padding: 0;
	float: right;
	border-right: solid 0.1em #eeeeee;
	text-align: right;
}

#menu2 {
	margin: 1em 0.2em;
	padding: 0;
	float: left;
	border-right: solid 0.1em #eeeeee;
	text-align: right;
}

#menu3 {
	margin: 1em 0.2em;
	padding: 0;
	float: left;
	border-left: solid 0.1em #eeeeee;
	text-align: left;
}

#menu4 {
	margin: 1em 0.2em;
	padding: 0em 0.2em 0em 0em;
	float: left;
	border-right: solid 0.1em #eeeeee;
	text-align: right;
}

#menu5, #menu6 {
	margin: 1em 0.2em;
	padding: 0;
	float: left;
	border-left: solid 0.1em #eeeeee;
	border-right: solid 0.1em #eeeeee;
	text-align: center;
}

#menu7 {
	margin: 1em 0.2em;
	padding: 0em 0em 0em 0.2em;
	float: left;
	border-left: solid 0.1em #eeeeee;
	text-align: left;
}

/* ------------ MENU PRINCIPALE E ACCESSORIO parte 2 ------------ */

#menu1 br, #menu2 br, #menu3 br, #menu4 br, #menu5 br, #menu6 br, #menu7 br {
	line-height: 149%;
}

#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu6 li, #menu7 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;                                        /* per evitare spazio aggiuntivo con IE < 6.0 */
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a {
	margin: 0;
	padding: 0em 0.2em;
	display: block;
}

#menu1 a {
	width: 4em;
}

#menu2 a {
	width: 5em;
}

#menu3 a {
	width: 6.5em;
}

#menu4 a {
	width: 8em;
}

#menu5 a {
	width: 7.5em;
}

#menu6 a {
	width: 6.5em;
}

#menu7 a {
	width: 6em;
}

#menu1 a:link, #menu1 a:visited,
#menu4 a:link, #menu4 a:visited,
#menu5 a:link, #menu5 a:visited, 
#menu6 a:link, #menu6 a:visited,
#menu7 a:link, #menu7 a:visited {
	border: solid 0.1em #fffffe;
	background-color: #ffffff;
	color: #999999;
	text-decoration: none;
}

#menu2 a:link, #menu2 a:visited,
#menu3 a:link, #menu3 a:visited {
	border: solid 0.1em #fffffe;
	background-color: #ffffff;
	color: #44aacc;
	text-decoration: none;
}

#menu1 a:hover,
#menu2 a:hover,
#menu3 a:hover,
#menu4 a:hover,
#menu5 a:hover,
#menu6 a:hover,
#menu7 a:hover {
	border: solid 0.1em #004499;
	background-color: #f9f9f9;
	color: #004499;
	text-decoration: none;
}

/* ------------ MENU SEZIONE ------------ */

#menu-sezione .sezione1 {
	margin: 1em 0em;
	background-color: #004499;
	color: #44aacc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: normal;
}

#menu-sezione .sezione2 {
	margin: 1em 0em;
	background-color: #004499;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: normal;
}

#menu-sezione ul {
	margin: 0em 0em 0em 1em;
	padding: 0;
}

#menu-sezione li {
	margin: 0em 0em 0em 1em;
	padding: 0;
}

#menu-sezione ul ol {
	margin: 0.5em 0em 0.5em 2em;
	padding: 0;
}

#menu-sezione ol li {
	margin: 0;
	padding: 0;
}

#menu-sezione ul ul {
	margin: 0.5em 0em 0.5em 1.5em;
	padding: 0;
}

#menu-sezione ul li ul li {
	margin: 0;
	padding: 0;
}

#menu-sezione a:link, #menu-sezione a:visited {
	background-color: #004499;
	color: #cccccc;
	text-decoration: none;
}

#menu-sezione a:hover {
	background-color: #004499;
	color: #ffffff;
	text-decoration: none;
}

/* ------------ MENU QUI ------------ */

.qui {
	font-weight: bold;
}

#menu-sezione .qui {
	font-weight: normal;
}

#menu-sezione .qui a:link, #menu-sezione .qui a:visited, #menu-sezione .qui a:hover {
	background-color: #004499;
	color: #ffffff;
	text-decoration: none;
}

/* ------------ NOME PWEB ------------ */

#logo .logonome, #testo .logonome, #elenco-link .logonome{
	background-color: #ffffff;
	color: #bbbbbb;
}

#menu-sezione .logonome, #copyright .logonome {
	background-color: #004499;
	color: #bbbbbb;
}

/* ------------ FORMATTAZIONE UTILE TAG ------------ */

ul {
	list-style-type: square;
}

ol.spazia li, ul.spazia li {
	margin-bottom: 1em;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

code strong {
	background-color: #f9f9f9;
	color: #44aacc;
}

img {
	border: 0;
}

acronym {
	cursor: help;
	border-top: solid 0.1em #dddddd;
	border-bottom: solid 0.1em #cccccc;
}

/* ------------ FORMATTAZIONE UTILE CLASSI ------------ */

.separatore {
	display: none;
}

.nascosto {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1000em;
}

.box {
	padding: 2em;
	border-top: solid 0.1em #dddddd;
	border-right: solid 0.2em #999999;
	border-bottom: solid 0.2em #999999;
	border-left: solid 0.1em #dddddd;
	background-color: #f9f9f9;
	color: #000066;
	display: block;
}

.box1 {
	margin: 4em 2em;
	font-size: 0.9em;
}

.box2 {
	margin: 1em 0em;
	font-size: 0.9em;
	text-align: left;
	line-height: normal;
}

.box3 {
	margin: 1em 0em;
	font-size: 1em;
	text-align: left;
	line-height: normal;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.clear {
	clear: both;
}

.all-sinistra {
	text-align: center;
}

.all-destra {
	text-align: right;
}

.all-giustificato {
	text-align: justify;
}

.all-centrato {
	text-align: center;
}

.all-centrato-margine {
	margin: 3em 0em;
	text-align: center;
}

.grigio {
	background-color: #ffffff;
	color: #999999;
}

.rev {
	background-color: #ffcc00;
	color: #000066;
}

.stat-img img {
	border: 0;
}