/* global layout - solo proprietą relative al layout
----------------------------------------------- */
body { 
	margin: 20px 20px 20px 20px;
	padding: 0; 
	min-width: 600px;
	background-image: url(images/home_sfondo.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	}

#container {
	position: relative;
	width: 770px;
	margin: 0 auto -1px auto;
	background-color: #FFFDF1;
}

#top { 
	position: relative; 
	top: 0; 
	left: 0; 
	min-width: 600px; 
	width: 100%; 
	height: 170px; 
	background: url(images/home_intestazione.jpg) no-repeat top left;
	background-repeat: no-repeat;
	}

#left {
	position: absolute;
	top:170px;
	left: -2px;
	width: 160px;
	margin: 0 0 0 0;
	/*background-color:#FF3399;
	*/
}

#middle {
	/* position: absolute;  non necessario? */
	margin-top:0px;
	margin-left:160px;
	/* margin-right: 160px; */
	/* IE5 workaround -> http://www.glish.com/css/hacks.asp */
	voice-family: "\"}\"";
	voice-family: inherit;
	/* margin-left: 180px; */
	/* margin-right:180px; */
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}
	
#right {
	visibility: hidden;
	left: 610px;
	width: 160px;
	/* margin: 1% 0 0 1%; */
	height: 400px;
	background-repeat: no-repeat;
	position: absolute;
	top: 170px;
	background-position: top right;
}

/* HR styles needed for IE/Win. */

HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */

HR.left, HR.right { width: 120px; visibility: hidden; }

HR.middle { width: 360px; visibility: hidden; }


/* global text
----------------------------------------------- */

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 75%;
	vertical-align: top;
	background-color: #049BE4;
}

/* per IE6 occorre indicare align left, se no centra di default 
*/
p {
	text-align: left;
}

h1 {
	font-size: 150%;
	color: #CC3366;
}

h2 {
	font-size: 130%;
	color: #CC3366;
}

h3 {
	font-size: 100%;
	color: #CC3366;
	padding: 0;
	border: 0;
}

h4 {
	font-size: 100%;
	color: #CC0099;
	padding: 0;
	border: 0;
}

a, a:link, a:visited, a:active {
/*	font-weight: bold; */
}

a:hover {
	color: #993300;
	text-decoration: underline;
}

span.nodisplay {display:none}
span.nodisplay a{display:none}

.didascalia_foto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align: center;
	color: #990000;
}


/* All the content boxes belong to the content class. */
.content {
position: relative;
width: auto;
min-width: 120px;
margin: 0 210px 20px 170px;
border: 1px solid black;
background-color: white;
padding: 10px;
z-index: 3;
}

/* Barra con il percorso da home a pagina corrente. */
.dovesiamo {
	border-color:#FF99FF;
	border-style: dotted;
	background-color: #FFFFCC;
	padding-left: 1em;
	padding: 0.2em;
	color: #CC0066;
	font-weight: bold;
}

/* Sezione specifica per le pagine volontariato_dovesiamo. */

#mappaita {
	background-color: #FFCCFF;
	width: 150px;
	text-align: left;
}

#mappaita a {
	text-decoration:none;
	font-weight: bold;
}

#mappaita li {
	padding-bottom: 5px;
}

#mappaita li li {
	padding-bottom: 0px;
}

/* Primo livello: regioni */
#mappaita ul{
	font-size: 12px;
	margin-left: 5px;
	list-style-type: none;
	padding-left: 0px;
/*	padding-bottom: 5px;*/
	padding-top: 0px;
}

/* Secondo livello: cittą */
#mappaita ul ul{
	font-size: 11px;
	margin-left: 30px;
	font-weight: normal;
	list-style-type: disc;
}

/* 
----------------------------------------------- */

#sietequi {
	font-weight: 100;
	padding: 5px;
	height: 75%;
	border: 1px solid #FF6699;
	color: #990000;
	text-align: left;
}

/* 
----------------------------------------------- */

#navtable {
	text-align:left;

/*	nasconde menu:
	visibility:hidden; 
	display:none;  */
}
#navtable a {
	font-weight: bold;
	text-decoration: none
}

#navtable a:hover {
	color: #993300;
	text-decoration: underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	#### Header Menu #####
	#######################
	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {
	width: auto;
	display:block;
	clear:both;
	border-right:1px solid #000;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */

ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555;}

#header_menu li {line-height: normal;}

ul #header_menu  {z-index: 10; clear: both;}

#nav * {margin: 0; }
#nav {
	height: 24px;
	background: #ffccff;
	border-top: 0px solid #80ccff;
	border-bottom: 0px solid #80ccff;
	padding:0;
}

#nav:hover /* pin */ {
	background: #ff88ff; /* pin: oscura tutto menu tranne voce al puntatore */
}

#nav ul {
	z-index: 0;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	font-size: 81%; 
	text-transform: uppercase;
	width: auto;
	/* 	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* MENU ORIZZONTALE CON TESTI CENTRATI 
#nav ul li {float: left; color: #990000; text-align: center; font-weight: normal;} */
/* MENU NORMALE (VERTICALE) CON TESTI A SINISTRA */
#nav ul li {color: #990000; text-align: left; font-weight: normal;}

/* #nav ul li a {display: block; background: #FFC603; padding: 5px 10px; padding-bottom: 4px; border-left: 0px solid #000; border-right: 0px solid #000; color: #fff; text-decoration: none;} */
#nav ul li a {
	display: block;  
	padding: 5px 10px; 
	padding-bottom: 3px; 
	color: #990000; 
	text-decoration: underline   /* none; */
}

/* Root Level Link Formatting */
#nav ul li a:hover, 
#nav li a:focus {color: #990000;}

#nav li a:focus {background: #ffccff;}

#nav ul li a:hover,                         /* a:hover livello 1 */
#nav .menu li ul:hover li a:hover,          /* a:hover livello 2 */
#nav .menu li ul li ul:hover li a:hover,    /* a:hover livello 3 */
#nav .menu li ul ul li ul:hover li a:hover  /* a:hover livello 4 */ {background: #ffccff}


#nav li a:active, #nav ul li a.active {background: #ffddff; color: #990000;}

/* Current page Customisations*/
#nav li.menu-current a		{background: #ed161e; color: #990000; }
#nav li.menu-current a		{font-weight: bold;} 


/* 2nd Child menu */

#nav .menu li ul {position: absolute; width: 15em; margin: 0; display: none; text-transform: none; font-size: 100%;}

#nav .menu li ul li {width: 15em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}

#nav .menu li ul a {width: 15em; padding: .6em .1em .6em .4em; background: #ffccff; color: #990000; border: 0;}

#nav .menu li ul:hover a,
#nav .menu li ul ul:hover a,
#nav .menu li ul ul ul:hover a /* pin */ {background: #ff99ff;}

/* 2nd Child link hover */
/* Inutile su Firefox ma necessario per IE */
#nav .menu li ul a:hover {color: #990000; border: 0; background: #ffccff; color:#990000;}

/* Show and hide */

#nav .menu li:hover ul, 
#nav .menu li a:focus ul, 
#nav .menu li.subMenu ul 
/* ORIZZONTALE  {display: block;} /* show  2nd on hover */
/* VERTICALE */ {left: 100%; top: 1px; display: block;} /* show  2nd on hover */

#nav .menu li ul ul, 
#nav .menu li ul ul ul {display: none;} /* hide  3rd  & 4th by default */


/* hide 3rd & 4th menus when hovering 1st/2nd  */

#nav .menu li:hover ul ul, 	    /*3rd from 1st */
#nav .menu li:hover ul ul ul,   /*4th from 1st */
#nav .menu li li:hover ul ul  	/*4th from 2nd */ 	{display: none;} 


/* show  2nd & 3rd & 4th on hovers */

#nav .menu li:hover ul, 	    /* Show 2nd from 1st hover  */
#nav .menu li li:hover ul,	    /* Show 3rd from 2nd hover  */
#nav .menu li li li:hover ul 	/* Show 4th from 3rd hover  */		{display: block;}


/* 3rd Child Menu Appreances */

#nav .menu li ul li ul li a { width: 15em; padding: .6em .1em .6em .4em; background: #eeccff; color: #990000; }

#nav .menu li ul li:hover ul li a { width: 15em; padding: .6em .1em .6em .4em; background: #ffccff; color: #990000; }

#nav .menu li ul li ul:hover li a  /* pin */ {background: #ffaaff}


/* 4th Child Menu Appreances */

#nav .menu li ul li ul li ul li a { width: 15em; padding: .6em .1em .6em .4em; background: #ffccff; color: #990000; }

#nav .menu li ul ul li:hover ul li a 	{ width: 15em; padding: .6em .1em .6em .4em; background: #ffccff; color: #990000; }

#nav .menu li ul ul li ul:hover li a  /* pin */ {background: #ffbbff}


/* Positioning the Pop-out Drops */

#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* end menu 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */
.visible {visibility:visible;} 


/* Blocco "Introduzione"
----------------------------------------------- */

#introduzione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	color: #660033;
}

#introduzione h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif
}

#introduzione h2 {
  	font-size: medium;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

#introduzione h3 {
	font-size: small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
}

#introduzione p {
	font-size: small;
}

/* Note in coda
----------------------------------------------- */

.globalmenu li {
	display:inline;
	/* background-color:#ffd6ea; */
	/* border:1px solid; */
	border:0px;
	border-color:#ff0000 #ff0000 #ff0000 #ff0000;
	/* border-color:#cccccc #999999 #999999 #cccccc; */
	margin:0;
	padding-left:.1em;
	padding-right:.1em;
	/* padding:.2em; */
} 

.globalmenu li a{
	text-decoration:none;
	font-weight: 100;
} 

.globalmenu li a:hover{
	text-decoration: underline;
} 

/* Blocco "panoramica"
----------------------------------------------- */

#panoramica, panoramica p{
	color:#CC0000;
	font-size:x-small;
	display: none;
}

#panoramica a{
	text-decoration:none;
	font-weight: bold;
}

/* Tabella calendario"
----------------------------------------------- */

#listacorsi, #listacorsi p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.listacorsihome, .listacorsihome p, .listacorsihome a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-align: center;
	color: #0000CC;
}
.listacorsihome a{
	font-weight: bold;	
}

.listacorsihome a:hover{
	text-decoration:underline
}

/* Blocco "Didascalie foto/swf"
----------------------------------------------- */

#didascalia p{
	font-size: small;
	color: #660033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Blocco "Scelte veloci" e Footer
----------------------------------------------- */

#shortcut, #footer {
    /* text-align:center; */
	left:50%;
	clear: left;
	height: auto;
	width:100%;
	font-size: small;
	}
#shortcut p, #footer p {
	margin: 0;
	font-size: 12px;
	padding-top: 2px;
	color: #660033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#shortcut a, #footer a {
	text-decoration: none;
	font-weight:100;
	color: #CC0000;
}
#shortcut a:hover, #footer a:hover {
	text-decoration: underline;
}

/* Colors
----------------------------------------------- */

.bk_blu {background-color:#3399FF}
.bk_blu_c{background-color:#CCFFFF}
.bk_rosa {background-color:#FF66CC}
.bk_rosa_c{background-color:#FFC2EB}
.bk_verde {background-color:#33CC33}
.bk_verde_c {background-color:#CCFF99}
.bk_acqua {background-color:#00CCFF}
.bk_acqua_c {background-color:#CCFFFF}
.bk_arancio {background-color:#FF751D}
.bk_arancio_c {background-color:#FFD8B0}
.bk_beige {background-color:#CCCC33}
.bk_beige_c {background-color:#FFFFCC}
.bk_indaco {background-color:#835FFF}
.bk_indaco_c {background-color:#E1E1FF}
.bk_cremisi {background-color:#D349A8}
.bk_cremisi_c {background-color:#FFCCFF}
.bk_mattone {background-color:#CC3366}
.bk_mattone_c {background-color:#CC9933}
.bk_grigio {background-color:#999999}
.bk_grigio_c {background-color:#CCCCCC}


/* layout "col1", "col2", "col3"
----------------------------------------------- */

#col1 {
	width: 160px;
	/* era 
position: relative;
width: 150px;
*/
	position: absolute;
	top: 170px;
	z-index:3;
}

#col2 {
	margin-left:170px;
	width:auto;
	min-width:120px;
	z-index:1;
}

#col3 {
	position: absolute;
	top: 170px;
	width:168px;
	right:0;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:2;
	/* The ugly brilliant hack. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	background-image: url(images/pinguino.gif);
	}
/* Again, "be nice to Opera 5". */
body>#col3 {width:168px;}
container>#col3  {width:168px;}  /*  boh... */

/* Navigation
http://css.maxdesign.com.au/listamatic2/vertical02.htm
http://css.maxdesign.com.au/listutorial
----------------------------------------------- */




/* Stili "navcont" il menu verticale 
----------------------------------------------- */

#navcont{
	width:150px;
	background-color: #f7f7f7;
}

/* For Opera, it is important to set the LI margins to "0" to avoid gaps. This is done using the following rule "#navcontainer li { margin: 0; }".  */
#navcont ul {
	display:block;
	list-style-type:none;
	text-align:left;
	margin: 0;
	width:150px;
	padding:0;
	/* background: #ff9dfd; */
	background-color: #ffccff;	/* Colore di fondo come href dello stesso livello (verrą cambiato nei livelli seguenti) */
	overflow: hidden;			/* IE: Nasconde il testo che supera i limiti del UL, altrimenti IE allarga UL */
	/* border: 1px solid */
}

/* Tutti i <li> in navcont */
#navcont ul li{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/* Default per tutti gli <href> del menu */
#navcont ul li a{
	display:block;  /* Estende lo sfondo alla larghezza dell'<UL> */
	text-decoration: none; /* rimuove sottolineatura per <href> */
	color: #990000; /* Colore per tutti gli <href> */
	width:146px;
	padding-left:4px; /* padding di 4px per TUTTI i testi href */
	padding-bottom:1px; /* padding sotto il testo per TUTTI gli href */
	background-color: #ffccff;	/* Colore di fondo (verrą cambiato nei livelli seguenti) */
	font-weight: bold; /* (verrą cambiato nei livelli seguenti) */
	border: 1px;
	border-bottom: 1px #ffffff solid;
}


#navcont ul li a:hover{
	text-decoration: underline; /* rimuove sottolineatura per <href> */
/*	background-color: #980047;
	color: #ffdffe */
}

#navcont ul ul {
	display:none;
}

#navcont ul ul.menu-expand {
	display:block;
	width:144px;
	/* padding-left:8px; */
	margin-left:6px;		/* 4pix sono gią di padding per tutti gli href */
	background-color: #ffddff;
	/*background: #5016ff*/
}

#navcont ul ul li {
	font-size: 12px;
}

#navcont ul ul a{
}

#navcont ul ul.menu-expand li a{
	/*display:block;*/
	background-color: #ffeeff;
	font-weight: normal;
	width:138px;	/* Per fare andare accapo bene i testi dei link */
}

#navcont ul ul ul{
	/*display:none;*/
}

#navcont ul ul ul.menu-expand {
	width:138px;
	/* padding-left:12px; */
	margin-left:6px; /* 6px dal UL precedente */
	display:block;
}

#navcont ul ul ul.menu-expand li{
	font-size: 11px;
}

#navcont ul ul ul.menu-expand li a{
	background-color: #ffeeff;
	font-weight: normal;
	width:132px;	/* Per fare andare accapo bene i testi dei link */
}


/* Stili "pageHeader"
----------------------------------------------- */

#pageHeader {
	background-color: #F5F1E2;
}

/* ----------------------------------------------- */
/*
#footer {
margin: 0 0 5px 0;
padding: 10px 0 0 0;
width: 100%;
text-align: center;
}
*/

/* Stili "preamble"
----------------------------------------------- */

#preamble {
	width:auto;
	background-color: #FFF1E1;
	color: #004559;
}

#preamble p, #supportingText p {
line-height: 1.5em;
}

#preamble p.p1, #supportingText p.p1 {
/* margin-top: 0.9em; */
}

/* Stili "quicksummary"
----------------------------------------------- */

#quickSummary {text-align: right; position: relative}
#quickSummary p.p1 {}
#quickSummary p.p2 {margin-top: 0; padding-right: 5px; font-size: 75%; color: #999}
#footer {
	text-transform: none;
	font-size: 0.75em;
	text-align: center;
}


/* links
----------------------------------------------- */

#quickSummary a, #quickSummary a:link, #quickSummary a:visited {
font-weight: bold; text-transform: uppercase; text-decoration: none}

#quickSummary a:hover {text-decoration: underline}

/*#footer a, #footer a:link, #footer a:visited {
font-weight: bold; text-transform: uppercase; text-decoration: none}

#footer a:hover {text-decoration: underline}
*/


/* misc
--------------------------------- */
acronym {
	border-width: 0;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
}

.versi {
	text-align: center;
}