/* ****************************** BODY ****************************** */
body{
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-weight: normal;
	color: #000000;
	width:1000px;
	background-image:url(../media/SfondoPagina.jpg);
}


/* ****************************** HEADER, ACCESSIBILITA E TITOLO ****************************** */
#header{
	width: 100%;	
	margin: 0 auto;
	height:148px;
	background-image:url(../media/logo.jpg);
	background-repeat:no-repeat;
}
#header img{	
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#headerSottoTitolo{
	color: #FFFFFF;	
	height: 18px;
	line-height: 18px;
	font-size: 1.3em;
	bottom: 0.1em;
	position:relative;
	margin-left:80px;	
	margin-right:0px;
	text-align:left;
	padding-right: 0.1em;
}

#headerSfondo{
	background-position:top right;
	background-repeat:no-repeat;
	height:140px;
	width:379px;
	float:right;
}

#headerTitolo, #headerTitoloBordo{
	color: #CA0000;	
	height: 25px;
	line-height: 25px;
	font-size: 1.9em;
	font-weight:bold;
	top: 1.3em;
	position:relative;
	margin-left: 90px;	
	margin-right: 0px;	
	z-index:3;
}

#headerTitoloBordo{
	color: #FFFFFF;		
	margin-left: 92px;	
	top: 0.4em;
	z-index:2;
}

#headerAccessibilita{
	width: 100%;	
	margin: 0px 0px 0px 0px;
	text-align: right;	
	height: 22px;
	line-height: 22px;	
}

#headerAccessibilita a{
	color:#016867;
	text-decoration:none;
}

#headerAccessibilita a:link, #headerAccessibilita a:visited, #headerAccessibilita a:active {
	color:#016867;
	text-decoration:none;
}

.bandiera{
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;
	border: solid 1px #999999;
}

#headerData{
	width: 100%;	
	margin: -10px 0px -24px 0px;
	text-align: left;	
	height: 28px;
	line-height: 28px;	
	color: #026968;
	font-size: 0.8em;
	background-color:#FFFFFF;
}

/* ****************************** LOGIN ****************************** */
#login{
	width: 100%;	
	margin: 0em auto;	
	text-align: left;
	text-indent: 10px;
	padding-top: 15px;
	background: #FFFFFF;
}
#login a{
	color: #016867;
}
/* ****************************** PERCORSO ****************************** */
#percorso{
	margin: 0em auto;	
	line-height: 22px;	
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 1%;	
	padding-right: 1%;
	background-color:#FFFFFF;
	font-size:0.8em;
}
#percorso img{
	padding: 0 0.7em 0 0;
}
#percorso a{
	color: #000000;
}
/* ****************************** CORPO ****************************** */
#corpo{
	width: 100%;
	position: relative; 
	margin: 0em auto;
	padding-bottom: 1em;
	background-color:#FFFFFF;
	min-height:1000px;
}
/* ****************************** FOOTER - CREDITS ****************************** */
#fondo_pagina{
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	background-color: #FFFFFF;
	text-align: right;
}

#footer{
	clear:both;
	width: 100%;
	margin: 0em auto;
	background-image: url(../media/sfondo_bottom.jpg);
	height: 25px;
	line-height: 25px;	
	text-align: center;	
	padding-bottom: 0em;
	color: #FFFFFF;
}

#credits {
	clear:both;
	margin: 0em auto;
	padding-right:1%;
	padding-left:1%;	
	text-align:right;
	height: 15px;
	line-height: 15px;
	color:#016867;
	font-size: 0.9em;
	background-color:#FFFFFF;
}

#credits a:link, #credits a:visited, #credits a:active, #credits a:hover{
	color:#016867;
	text-decoration:none;	
}

/* ****************************** MENU TOP ****************************** */

#menuTop{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #016867;
	height: 10px;
	line-height: 10px;
	padding-top:10px;
	text-align:left;
	background-color:#FFFFFF;
}
#menuTop br {display:none}
#menuTop ul{
	list-style-type: none;
	right: 5px;
	top: 0px !important;
	top: 10px;
	margin: 0px;
	padding: 0px;		
	white-space: nowrap;
	position: relative;
	height: 10px;
	line-height: 20px;	
	
}
#menuTop li{
	display:  inline;
	margin: 0;
	padding: 0;		
	border: 1px solid #000000;		
	background: #016867;	
	color: #FFFFFF;		
	padding: 0.1em 0.5em 0.1em 0.5em;
	margin-left:7px;	  	
}
#menuTop li a{
	text-decoration: none;
	color: #FFFFFF;		
}
#menuTop li.activelink a{
	border-bottom: 1px solid #FFFFFF;	
}
#menuTop li a:hover, #menuTop li.activelink a{
	color: #FFCC00;		
}

/* ****************************** MENU BOTTOM ****************************** */

#menuBottom{
	clear:both;
	height: 20px;
	line-height: 20px;	
	bottom: 0px;
	width: 100%;
	text-align: center;	
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	background-color:#FFFFFF;
}
#menuBottom br {display:none}
#menuBottom ul{
	list-style-type: none;
	margin: 0;
	padding: 0;		
	white-space: nowrap;
}
#menuBottom li{
	display:  inline;
	margin: 0;
	padding: 0;		
	color: #333333;	
	padding: 0px 0.5em 0em 0.5em;	
	text-transform:uppercase;	
}
#menuBottom li a{
	text-decoration: underline;
	color:#000000;
}

#menuBottom li a:hover{
	 text-decoration:none;
	 color:#000000;
}


/* ****************************** MENU SX - DX ****************************** */
#menuSx{
	position:absolute; 
	left: 0px;
	top: 0px;
	width: 190px;
	border-right: 1px dashed #CCCCCC;
}

#menuDx{
	position: absolute; 
	top: 0; 
	right: 0px; 
	width: 190px;
	border-left: 1px dashed #CCCCCC;
}

#menuSx ul,
#menuDx ul{	
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menuSx ul.menu ul,
#menuDx ul.menu ul{	
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	


#menuSx li.primo a,
#menuDx li.primo a{
	display: block;
	background-color:#FFFFFF;
	text-decoration: none;
	height:auto !important;
	line-height: normal !important;
	height: 1.3em;
	line-height: 1.3em;
	font-size:0.9em;
	color:#000000;
	padding: 5px 0px 5px 5px;
}

#menuSx li.primo,
#menuDx li.primo{
	border-bottom: solid 1px #016867;
}
#menuSx div.Blu .primo,
#menuDx div.Blu .primo{
	border-bottom: solid 1px #428CBD;	
}
#menuSx div.Rosso .primo,
#menuDx div.Rosso .primo{
	border-bottom: solid 1px #CC0000;
}
#menuSx div.Verde .primo,
#menuDx div.Verde .primo{
	border-bottom: solid 1px #339933;
}
#menuSx div.Grigio .primo,
#menuDx div.Grigio .primo{
	border-bottom: solid 1px #9D9D9D;	
}
#menuSx div.Arancione .primo,
#menuDx div.Arancione .primo{
	border-bottom: solid 1px #FF9900;	
}


#menuSx li.primo a:link, #menuSx li.primo a:visited, #menuSx li.primo a:active,
#menuDx li.primo a:link, #menuDx li.primo a:visited, #menuDx li.primo a:active{
	text-decoration:none;
}
#menuSx div .primo a:hover,
#menuDx div .primo a:hover{
	text-decoration:none;
	background-color: #CBFEFE;
}
#menuSx div.Blu .primo a:hover, #menuSx div.Blu li.primo a.current,
#menuDx div.Blu .primo a:hover, #menuDx div.Blu li.primo a.current{
	text-decoration:none;
	background-color: #9FC5DD;
}
#menuSx div.Verde .primo a:hover, #menuSx div.Verde li.primo a.current,
#menuDx div.Verde .primo a:hover, #menuDx div.Verde li.primo a.current{
	text-decoration:none;
	background-color: #B5E6B5;
}
#menuSx div.Rosso .primo a:hover, #menuSx div.Rosso li.primo a.current,
#menuDx div.Rosso .primo a:hover, #menuDx div.Rosso li.primo a.current{
	background-color: #FF9F9F;
}
#menuSx div.Arancione .primo a:hover, #menuSx div.Arancione li.primo a.current,
#menuDx div.Arancione .primo a:hover, #menuDx div.Arancione li.primo a.current{
	text-decoration:none;
	background-color: #FFD291;
}
#menuSx div.Grigio .primo a:hover, #menuSx div.Grigio li.primo a.current,
#menuDx div.Grigio .primo a:hover, #menuDx div.Grigio li.primo a.current{
	text-decoration:none;
	background-color: #E6E6E6;
}


#menuSx li.secondo a,
#menuDx li.secondo a{
	display: block;
	padding: 1px 1px 1px 8px;
	font-size:0.75em;
	background: #FFFFFF;
	text-decoration: none; 
	height:auto !important;
	line-height: normal !important;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
}
#menuSx li.secondo a:link, #menuSx li.secondo a:visited, #menuSx li.secondo a:active,
#menuDx li.secondo a:link, #menuDx li.secondo a:visited, #menuDx li.secondo a:active{
 	background: #F4F4F4;
	color:#000000;	
}	
#menuSx li.secondo a:hover,
#menuDx li.secondo a:hover{
	background: #EAFFFF;
	color: #000000;
}
#menuSx div.Blu .secondo a:hover, #menuSx div.Blu li.secondo a.current,
#menuDx div.Blu .secondo a:hover, #menuDx div.Blu li.secondo a.current{
	background: #D8E7F1;
	color: #000000;
}
#menuSx div.Verde .secondo a:hover, #menuSx div.Verde li.secondo a.current,
#menuDx div.Verde .secondo a:hover, #menuDx div.Verde li.secondo a.current{
	background: #D9F2D9;
	color: #000000;
}
#menuSx div.Rosso .secondo a:hover, #menuSx div.Rosso li.secondo a.current,
#menuDx div.Rosso .secondo a:hover, #menuDx div.Rosso li.secondo a.current{
	background: #FFD5D5;
	color: #000000;
}
#menuSx div.Arancione .secondo a:hover, #menuSx div.Arancione li.secondo a.current,
#menuDx div.Arancione .secondo a:hover, #menuDx div.Arancione li.secondo a.current{
	background: #FFE3BB;
	color: #000000;
}
#menuSx div.Grigio .secondo a:hover, #menuSx div.Grigio li.secondo a.current,
#menuDx div.Grigio .secondo a:hover, #menuDx div.Grigio li.secondo a.current{
	background: #EBEBEB;
	color: #000000;
}


#menuSx li.terzo a,
#menuDx li.terzo a{
	display: block;
	padding: 0px 0px 0px 10px;
	background: #FFFFFF;
	text-decoration: none; 
	height:auto !important;
	line-height: normal !important;
	font-style:italic;	
	height: 20px;
	line-height: 20px;
	font-size:0.75em;
	border-bottom: 1px solid #CCCCCC;
}
#menuSx li.terzo a:link, #menuSx li.terzo a:visited, #menuSx li.terzo a:active,
#menuDx li.terzo a:link, #menuDx li.terzo a:visited, #menuDx li.terzo a:active{
	color:#000000;	
}	
#menuSx li.terzo a:hover,
#menuDx li.terzo a:hover{
	background: #EAFFFF;
	color: #000000;
}
#menuSx div.Blu .terzo a:hover, #menuSx div.Blu li.terzo a.current,
#menuDx div.Blu .terzo a:hover, #menuDx div.Blu li.terzo a.current{
	background: #D8E7F1;
	color: #000000;
}
#menuSx div.Verde .terzo a:hover, #menuSx div.Verde li.terzo a.current,
#menuDx div.Verde .terzo a:hover, #menuDx div.Verde li.terzo a.current{
	background: #D9F2D9;
	color: #000000;
}
#menuSx div.Rosso .terzo a:hover, #menuSx div.Rosso li.terzo a.current,
#menuDx div.Rosso .terzo a:hover, #menuDx div.Rosso li.terzo a.current{
	background: #FFD5D5;
	color: #000000;
}
#menuSx div.Arancione .terzo a:hover, #menuSx div.Arancione li.terzo a.current,
#menuDx div.Arancione .terzo a:hover, #menuDx div.Arancione li.terzo a.current{
	background: #FFE3BB;
	color: #000000;
}
#menuSx div.Grigio .terzo a:hover, #menuSx div.Grigio li.terzo a.current,
#menuDx div.Grigio .terzo a:hover, #menuDx div.Grigio li.terzo a.current{
	background: #EBEBEB;
	color: #000000;
}


#menuSx .titoloSezione, 
#menuDx .titoloSezione{
	color: #FFFFFF;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	display: block;
	text-align: left;
	font-weight:bold;
	line-height:1.8em;
	height:1.8em;
	background-color: #016867;
}
#menuSx div.Rosso .titoloSezione, 
#menuDx div.Rosso .titoloSezione{
	background-color:#CC0000;
}
#menuSx div.Verde .titoloSezione, 
#menuDx div.Verde .titoloSezione{
	background-color:#339933;
}
#menuSx div.Blu .titoloSezione, 
#menuDx div.Blu .titoloSezione{
	background-color:#428CBD;
}
#menuSx div.Grigio .titoloSezione, 
#menuDx div.Grigio .titoloSezione{
	background-color:#9D9D9D;
}
#menuSx div.Arancione .titoloSezione,
#menuDx div.Arancione .titoloSezione{
	background-color:#FF9900;
}
#menuSx .titoloSezione a,#menuSx .titoloSezione a:link,#menuSx .titoloSezione a:visited,#menuSx .titoloSezione a:active,
#menuDx .titoloSezione a,#menuDx .titoloSezione a:link,#menuDx .titoloSezione a:visited,#menuDx .titoloSezione a:active{
	color: #FFFFFF;
	display: block;
	text-decoration: none; 
}	
#menuSx .titoloSezione a:hover,
#menuDx .titoloSezione a:hover{
	color: #000000;
	display: block;
	text-decoration: none; 
}



/* ****************************** CENTRO ****************************** */
#contenuto{	padding-bottom: 5em;}

.stretto{ margin: 0px 210px 0px 210px;}
.espansoDx{	margin: 0px 20px 0px 210px;}
.espansoSx{	margin: 0px 210px 0px 20px;}
.espansoDxSx{ margin: 0px 20px 0px 20px;}


#contenuto .titoloPage{
	margin-bottom:20px;
	background-image:url(../media/sfondo_navbar.jpg);
	background-repeat:no-repeat;
	height:20px;
}

#testoPage{}


#contenuto h1 {
	padding: 2px 0px 1px 5px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size: 1.0em;
	font-weight:bold;
	margin-bottom:10px;	
}

/* ****************************** IMPOSTAZIONI GENERALI ****************************** */
.hide {
	display: none;
}

a:link,a:visited,a:hover{
	color: #016867;
}

a:link,a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

textarea, input, select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;	
}

hr.separavoci{
	height: 0px; 
	clear:both;
	border: dashed 1px #D7D7D7;
	margin-bottom:15px;
	margin-top:15px;
}

/* ------------------------- Banner groane ----------------------- */

.TitoloAgenda, .TitoloAgenda A:link, .TitoloAgenda A:visited, .TitoloAgenda A:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.LinkGroane, .LinkGroane A:link, .LinkGroane A:visited, .LinkGroane A:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloAppuntamenti, .TitoloAppuntamenti A:link, .TitoloAppuntamenti A:visited, .TitoloAppuntamenti A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #003366;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloRassegne, .TitoloRassegne A:link, .TitoloRassegne A:visited, .TitoloRassegne A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF9933;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloCinema, .TitoloCinema A:link, .TitoloCinema A:visited, .TitoloCinema A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #669999;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloMondobimbo, .TitoloMondobimbo A:link, .TitoloMondobimbo A:visited, .TitoloMondobimbo A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF3333;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloBiblioteche, .TitoloBiblioteche A:link, .TitoloBiblioteche A:visited, .TitoloBiblioteche A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #33CCFF;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloAssociazioni, .TitoloAssociazioni A:link, .TitoloAssociazioni A:visited, .TitoloAssociazioni A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #669933;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.TitoloCorsi, .TitoloCorsi A:link, .TitoloCorsi A:visited, .TitoloCorsi A:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #0033CC;
	font-style: normal;
	font-weight: bold;
	TEXT-DECORATION: none;
}

.boxMenu{
margin-bottom:20px;
}