/* INDICE
********************************************************************

ultimo aggiornamento 25 sett 2008


	1 - GENERALI
	2 - BODY STRUCTURE
	3 - PAGESX STRUCTURE
	4 - SPALLASX STRUCTURE
	5 - MAINBODY STRUCTURE

	6 - VISUAL ELEMENTI COMUNI
		6.1 - HEADER
			6.1.1. - logo
			6.1.2. - foto testata
		6.2 - CALENDARIO
			6.2.1 - Datario
			6.2.2 - Agenda del Presidente
		6.3 - BOX UTILITY
		6.4 - SPALLA SINISTRA
			6.4.1. - box
			6.4.2. - menu I livello
				6.4.2.1 - prima voce angolo stondato
				6.4.2.2 - ultima voce angolo stondato
				6.4.2.3 - gestione freccia
			6.4.3. - menu II livello
			6.4.4. - menu III livello
			6.4.5. - box area stampa
				6.4.5.1 - menu Area Stampa
					6.4.5.1.1 - prima voce angolo stondato
					6.4.5.1.2 - ultima voce angolo stondato
			6.4.6. - box servizi online e contatti
			6.4.7. - banner presidente
		6.5 - MENU CANALI
			6.5.1. - bottoni grafici
			6.5.2. - bottoni testuali
			6.5.3. - box menu II livello e Risorse correlate
			6.5.4. - menu II livello
			6.5.5. - menu III livello
			6.5.6. - menu risorse correlate
		6.6 - BOX LANCIO EVENTI
		6.7 - GOOGLE TRANSIT
		6.8 - FLORENCE-TV
			6.8.1. - colonna video in evidenza
			6.8.2. - colonna more video
		6.9 - FOOTER
		6.10 - MENU IV e V livello
		6.11 - Segui il Presidente



*/



/* 1 - GENERALI
*********************************************************************/
* {margin:0;padding:0;}
.c5l, .c10l, .c15l, .c20l, .c25l, .c30l, .c33l, .c35l, .c40l, .c45l, .c49l, .c50l, .c55l, .c60l, .c65l, .c70l, .c75l, .c80l, .c85l, .c90l {float: left;}
.c5r, .c10r, .c15r, .c20r, .c25r, .c30r, .c33r, .c35r, .c40r, .c45r, .c49r, .c50r, .c55r, .c60r, .c65r, .c70r, .c75r, .c80r, .c85r, .c90r{float: right;margin-left: -5px;}
.c5l, .c5r {width: 5%;}
.c10l, .c10r {width: 10%;}
.c15l, .c15r {width: 15%;}
.c20l, .c20r {width: 20%;}
.c25l, .c25r {width: 25%;}
.c30l, .c30r {width: 30%;}
.c33l, .c33r {width: 33.333%;}
.c35l, .c35r {width: 35%;}
.c40l, .c40r {width: 40%;}
.c45l, .c45r {width: 45%;}
.c49l, .c49r {width: 49%;}
.c50l, .c50r {width: 50%;}
.c55l, .c55r {width: 55%;}
.c60l, .c60r {width: 60%;}
.c65l, .c65r {width: 65%;}
.c70l, .c70r {width: 70%;}
.c75l, .c75r {width: 75%;}
.c80l, .c80r {width: 80%;}
.c85l, .c85r {width: 80%;}
.c90l, .c90r {width: 90%;}
.c100l, .c100r {width: 100%;}
.invisibile {display:none;}


a img {border:none;}
form, input, selelct,textarea {margin:0; padding:0; font-family:Georgia, Times New Roman, Times, serif;}
input, selelct, textarea {font-size:90%;padding:2px;}
input, textarea {border-top:1px solid #5f5f5f; border-right:1px solid #5f5f5f !important; border-bottom:1px solid #5f5f5f;border-left:1px solid #5f5f5f;}
.clearL {clear:left;}
.clearB {clear:both;}



/* 2 - BODY STRUCTURE
*********************************************************************/
body {margin:0;padding:0;text-align:center;background-color:#FFF; font-size:75%; font-family:Georgia, Times New Roman, Times, serif;}
#page {margin: 0 auto;overflow:hidden;text-align:left;}
#pagesx {float:left;width:100%;margin:0 0 0 -197px;}
#pagedx {width:192px;float:right;margin:0;}
#footer {width:100%;clear:both;margin-top:0;}
.substructure {width:100%;overflow:hidden;padding:0 0 5px 0;}
.substructurePadding0 {width:100%;overflow:hidden;padding:0;}

#page.presidente #pagesx {float:left;width:100%;margin:0 0 0 0!important;}




/* 3 - PAGESX STRUCTURE
*********************************************************************/
#pagesx_content {margin:0 0 10px 197px;}
#page.presidente #pagesx_content {margin:0 0 10px 0px;}




#header {background:#fff;margin-bottom:5px;}
#utility {width:100%;clear:left;margin-bottom:5px;margin-top:0;}
#spallasx {float:left;width:197px;position:relative;margin-bottom:10px;}
#mainbody {margin: 0 0 10px 197px;}
#ty-changeview p {display:inline !important;}




/* 4 - SPALLASX STRUCTURE
*********************************************************************/
#spallasx_content {margin:0 5px 0 0;}




/* 5 - MAINBODY STRUCTURE
*********************************************************************/
#preview {float:left;width:100%;margin:0 0 0 -197px;}
#preview_content {margin:0 0 0 197px;}
#menucanali {width:192px;float:right;position:relative;}




/* 6 - VISUAL  ELEMENTI COMUNI
*********************************************************************/

	/* 6.1 - HEADER
	*********************************************************************/

		/* 6.1.1. - logo
		*********************************************************************/
		#header .logo {float: left; margin:56px 0 0 0;}
		#header .logo h1 a {
			background:url('../img/logo.gif') no-repeat 0 0;
			width:187px;
			height:217px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
		}

		/* 6.1.2. - foto testata
		*********************************************************************/
		#header .foto {
			width: auto;
			margin: 0 0 0 187px;
			background:url('../img/bg-header-repeat.gif') repeat-x bottom left;
		}
		#header .content-foto {
			height:273px;
		}
		#header .content-foto.testata1 {
			background:url('../img/testata-1.jpg') no-repeat bottom left;
		}
		#header .content-foto.testata2 {
			background:url('../img/testata-2.jpg') no-repeat bottom left;
		}
		#header .content-foto.testata3 {
			background:url('../img/testata-3.jpg') no-repeat bottom left;
		}
		#header .content-foto.testata4 {
			background:url('../img/testata-4.jpg') no-repeat bottom left;
		}
		#header .content-foto.testata5 {
			background:url('../img/testata-mobilita.jpg') no-repeat bottom left;
		}
		#header .content-foto.testataPresidente {
			background:url('../img/testata-presidente.jpg') no-repeat bottom left;
		}
		
		* html #header .foto {height: 1%}
		* html #header .logo {margin-right: -3px}
		* html #header .foto {margin-left: 184px}



	/* 6.2 - CALENDARIO
	*********************************************************************/
	.calendario {
		background-color:#b20011;
		margin-top:58px;
		height:auto !important;
		height:210px;
		min-height:210px;
		text-align:center;
		width:100%;
		/*width:192px;*/
	}
	* html .calendario {padding:0 0 0 0;}
	
	.calendario h2 {
		height:28px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		margin-bottom:0;
	}
	.calendario_IT h2 {background: url('../img/it/label-calendario.gif') no-repeat 0 0;}
	.calendario ul.bottoni {
		list-style-type:none;
		overflow:hidden;
		margin:0 5px 0 5px;
		padding:5px 0 0 0;
	}
	.calendario ul.bottoni li {float:left;}
	.calendario ul.bottoni li a {
		width:90px;
		height:29px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
	

	.calendario ul.bottoni li.eventi a {background: url('../img/it/bot-eventi.gif') no-repeat 0 0;}
	.calendario ul.bottoni li.scadenze a {background: url('../img/it/bot-scadenze.gif') no-repeat 0 0;}
	.month-small caption {padding:2px 0;font-size:1em;font-family:Georgia, Times New Roman, Times, serif;background:#000;color:#FFF;}

	
	/* 6.2.1 - Datario
	*********************************************************************/
		table.month-small {
			font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
			/*font-size:11px;*/
			font-size:0.9em;
			background:#fff;
			border:none;
			padding:0;
			border-collapse:collapse;
			margin:0 0 0 15px;
		}
		table.month-small td {
			background:#fff;
			color:#000;
			padding:2px;
			text-align:center;
			vertical-align:middle;
			border:1px solid #d5d5d5;
		}
		table.month-small th {
			background:#b20011;
			color:#fff;
			font-weight:normal;
			text-transform:lowercase;
			font-family:Georgia, Times New Roman, Times, serif;
		}

		table.month-small th.month-weeknums, table.month-small th.month-weekdays {
			padding:3px 0 2px 0;
			text-align:center;
		}
		table.month-small th.sideback {
			background:#000;
			color:#fff;
			font-weight:bold;
			padding:0 2px;
			text-align:center !important;
		}
		table.month-small .sideback a {
			color:#fff;
			text-decoration:none !important;
		}
		table.month-small .monthOff {
			color:#bababa;
		}
		table.month-small .monthToday a {
			background:#b20011 !important;
			color:#fff !important;
			text-decoration:none;
			display:block;
			padding:0 2px;
			font-weight:bold;
		}
		table.month-small .monthToday {
			background:#b20011 !important;
			color:#fff !important;
			text-decoration:none;
			font-weight:bold;
		}
		table.month-small .month-weeknums {
			border-right:1px solid #b20011;
			border-bottom:1px solid #b20011;
		}
		table.month-small .monthSmallBasic a {
			color:#A0000E;
			text-decoration:none;
			padding:0 2px;
			font-weight:bold;
		}
		table.month-small .monthSmallBasic a:hover,
		table.month-small .monthSmallBasic a:active {
			color:#fff;
			text-decoration:none;
			background:#b20011;
		}
	
		table.month-small .monthSmallBasic monthSelected {
			background:#b20011 !important;
			padding:0 2px;
		}


	/* 6.2.2 - Agenda del Presidente
	*********************************************************************/

		#menucanali .box-agenda {
			margin:10px 0 5px 5px; 
			width:179px;
		}

		#menucanali .box-agenda em {
			height:7px;
			display:block;
			margin:0 0 0 0;
			background:url('../img/bg-bottom-box-risorse.gif') no-repeat 0 0;
		}

		.datario.agenda {
			background:#fff;
			margin:0 auto;
			padding:10px 0 0 0;
		}

		.box-agenda ul.bottoni li a {
			width:146px;
			height:23px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:10px auto 0 auto;
			padding:0 5px 10px 8px;
		}

		.box-agenda ul.bottoni li.event-all a {
			background: url('../img/it/bot-tutti-gli-eventi.gif') no-repeat 0 0;
		}

		.agenda caption {width:148px;}

		#menucanali .box-agenda h2 {
			text-indent:-9999px;
			height:23px;
			margin:0 0 0 0;
			background:url('../img/it/label-agenda.gif') no-repeat 0 0;
		}

		.agenda table.month-small td {
			background:#fff;
			color:#000;
			padding:4px;
			text-align:center;
			vertical-align:middle;
			border:1px solid #d5d5d5;
		}

		.agenda  table.month-small .monthToday a {
			padding:0 0;
		}

		.agenda  table.month-small .monthSmallBasic a {
			padding:0 0;
		}



	/* 6.3 - BOX UTILITY
	*********************************************************************/
	#utility {line-height:2.5em;/*line-height:25px;*/}
	#utility a {color:#000;text-decoration:none;}
	#utility a:hover, #utility a:active {text-decoration:underline;}
	#utility a.active {text-decoration:none;font-weight:bold;}
	#utility form {padding-top:4px;}
	#utility input {width:170px;border:1px solid #7e9db9 !important;}
	#utility input.submit-google {
		margin:0 0 0 4px;
		padding:0 2px;
		width:auto;
		font-size:1em;
	}
	#utility fieldset {border:none;}
	#utility label {margin-right:5px;}
	#utility  em {padding:0 5px; font-size:1.4em;}
	#utility .lingue ul{margin-right:10px;list-style-type:none;}
	#utility .lingue ul li {float:right;}



	/* 6.4 - SPALLA SINISTRA
	*********************************************************************/
	#spallasx a {color:#000;text-decoration:none;}
	#spallasx a:hover, #spallasx a:active {text-decoration:underline !important;}
	
		/* 6.4.1. - box
		*********************************************************************/
		#spallasx .box {margin:0 0 5px 0;}
		#spallasx .box.last {margin:0 0 0 0;}
		#spallasx .box h2 {
			background:#b20011 url('../img/bg-titolo-box-rounded.gif') no-repeat 0 0;
			padding:15px 8px 12px 40px;
			color:#fff;
			margin:0;
		}
		
		/* 6.4.2. - menu I livello
		*********************************************************************/
		#spallasx .menu .box-rounded-content {
			border-left:0;
			border-right:0;
			padding:0;
			margin:0;
			width:192px;
		}
		#spallasx .menu ul {width:192px;}
		#spallasx .menu ul li {
			position:relative;
			padding:0 0 2px 0;
			margin:0;
			/*float:left;*/
			width:192px;
			background: url('../img/bg-li-menu-sx.gif') repeat-x 0 100%; /* filetto separatore di 2 pixel */
		}
		#spallasx .menu ul li a {
			padding:5px 0;
			margin:0;
			display:block;
			/*width:192px;
			cursor:pointer;*/
			background:url('../img/bg-menu-sx-rpt.gif') repeat-y 0 0;
		}
		#spallasx .menu ul li a:hover,
		#spallasx .menu ul li a:active {
			color:#fff;
			background:#b20011 url('../img/bg-menu-sx-rpt_active2.gif') repeat-y 0 0 ;
		}
		#spallasx .menu ul li a.active {
			color:#fff;
			font-weight:normal !important;
			background:#b20011 url('../img/bg-menu-sx-rpt_active2.gif') repeat-y 0 0;
		}
		#spallasx .menu ul li a strong {
			display:block;
			padding:0 15px 0 8px;
			/*width:170px !important;
			overflow:hidden;
			position:relative;
			margin:0 !important;
			padding: 0 0 0 5px!important;*/
			font-weight:normal !important;
		}
		#spallasx .menu ul li a.active strong {font-weight:bold !important;}

		
			/* 6.4.2.1 - prima voce angolo stondato
			*********************************************************************/
			#spallasx .menu ul li.first a em {
				height:6px;
				width:192px;
				display:block;
				position:absolute;
				top:0;
				overflow:hidden;
				background:url('../img/bg-menu-sx-top.gif') no-repeat 0 0;
			}
			#spallasx .menu ul li.first a:hover em, 
			#spallasx .menu ul li.first a:active em, 
			#spallasx .menu ul li.first a.active em {
				background:url('../img/bg-menu-sx-top_active.gif') no-repeat 0 0;
			}
			#spallasx .menu ul li.first a {padding-top:0.6em;}
		
		
			/* 6.4.2.2 - ultima voce angolo stondato
			*********************************************************************/
			#spallasx .menu ul li.last a {padding-bottom:6px;}
			#spallasx .menu ul li.last a em {
				height:6px;
				width:192px;
				display:block;
				position:absolute;
				bottom:0px;
				overflow:hidden;
				background:url('../img/bg-menu-sx-btm.gif') no-repeat 0 0
			}
			#spallasx .menu ul li.last a:hover em, 
			#spallasx .menu ul li.last a:active em {background:url('../img/bg-menu-sx-btm_active.gif') no-repeat 0 0}
			#spallasx .menu ul li.last.active a em {background:url('../img/bg-menu-sx-btm_active.gif') no-repeat 0 0}
			#spallasx .menu ul li.last a {padding-bottom:0.6em;}



			/* 6.4.2.3 - gestione freccia
			*********************************************************************/
			#spallasx .menu ul li a span {
				position:absolute;
				top:8px;
				right:6px;
				display:block;
				width:12px;
				height:12px;
				background: url('../img/arrow-li-menu-sx.gif') no-repeat 0 0;
			}
			
			#spallasx .menu ul li a:hover span, 
			#spallasx .menu ul li a:active span {
				background: url('../img/arrow-li-menu-sx-hover.gif') no-repeat 0 0;
			}

			#spallasx .menu ul li a.active span{
				background: url('../img/arrow-li-menu-sx_active.gif') no-repeat 0 0;
			}



		/* 6.4.3. - menu II livello
		*********************************************************************/
		#spallasx .menu ul.secondo-livello {/*font-size:95%;*/margin:0!important;}
		#spallasx .menu ul.secondo-livello li {
			position:relative;
			padding:0;
			margin:0;
			height:auto !important;
			height:17px;
			min-height:17px;
			background: none;
			width:192px;
			padding:0;
		}
		* html #spallasx .menu ul.secondo-livello li {
			width:171px;
		}
		#spallasx .menu ul.secondo-livello li a {
			padding:4px 5px 4px 16px;
			width:171px; /**/ 
			color:#000;
			height:auto !important;
			height:17px;
			min-height:17px;
			display:block;
			background:#e5e5e5 url('../img/arrow-li-menu-sx-II.gif') no-repeat 0 3px;
			border-bottom:1px solid #BABABA;
		}
		#spallasx .menu ul.secondo-livello li a:hover, 
		#spallasx .menu ul.secondo-livello li a:active {
			background:#bababa url('../img/arrow-li-menu-sx-II.gif') no-repeat 0 0;
			color:#000;
		}
		#spallasx .menu ul.secondo-livello li a.active {
			font-weight:bold;
			background:#bababa url('../img/arrow-li-menu-sx-II_active.gif') no-repeat 0 0;
		}


		
		/* 6.4.4. - menu III livello
		*********************************************************************/
		#spallasx .menu ul.terzo-livello {
			/*font-size:95%;*/
			margin:0 !important;
		}
		#spallasx .menu ul.terzo-livello li {
			position:relative;
			padding:0;
			margin:0;
			height:auto !important;
			height:17px;
			min-height:17px;
			background: none;
			/**/  width:192px;
		}
		* html #spallasx .menu ul.terzo-livello li {
			width:192px;
		}
		#spallasx .menu ul.terzo-livello li a {
			padding:4px 5px 4px 25px;
			width:162px; /**/ 
			display:block;
			background:#BABABA url('../img/bg-menu-III.gif') repeat-y 0 0;
		}
		#spallasx .menu ul.terzo-livello li a:hover, 
		#spallasx .menu ul.terzo-livello li a:active {
			background:#BABABA url('../img/bg-menu-III_active.gif') repeat-y 0 0;
			border-bottom:0;
			border-bottom:1px solid #BABABA;
		}
		#spallasx .menu ul.terzo-livello li a.active {
			background:#BABABA url('../img/bg-menu-III_active.gif') repeat-y 0 0;
			border-bottom:1px solid #BABABA;
			margin:0;
		}
		#spallasx .menu ul.terzo-livello li a span, 
		#spallasx .menu ul.terzo-livello li a:hover span, 
		#spallasx .menu ul.terzo-livello li a:active span{
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:14px;
			height:20px;
			background: url('../img/arrow-li-menu-sx-III_hover.gif') no-repeat 0 0;
		}



		/* 6.4.5. - box area stampa
		*********************************************************************/
		.box.area-stampa .box-stondato-contenuti ul li {border-top:1px solid #fff;border-bottom:1px solid #d5d5d5;}
		.box.area-stampa .box-stondato-contenuti ul li a {
			padding:0;
			margin:0;
			display:block;
			width:192px;
			margin-left:-1px;
		}
		.box.area-stampa .box-stondato-contenuti ul li.first {border-top:none!important;}
		.box.area-stampa .box-stondato-contenuti ul li.first a {display:block;margin-left:-1px;background: url('../img/bg-box-rounded-top.gif') repeat-x 0 0 !important; }
		.box.area-stampa .box-stondato-contenuti ul li a:hover,
		.box.area-stampa .box-stondato-contenuti ul li a:active,
		.box.area-stampa .box-stondato-contenuti ul li a.active {color:#FFF;background-color:#b20011!important;}
		.box.area-stampa .box-stondato-contenuti ul li.last {border-bottom:none!important;}

			
			/* 6.4.5.1 - menu Area Stampa
			*********************************************************************/
			#spallasx .menu.area-stampa ul li a {padding:0.3em 0 !important;background:url('../img/bg-box-rounded-rpt.gif') repeat-y 0 0!important;}
			#spallasx .menu.area-stampa ul li a:hover,
			#spallasx .menu.area-stampa ul li a:active,
			#spallasx .menu.area-stampa ul li a.active {color:#fff;background:#b20011 url('../img/bg-menu-sx-rpt_active2.gif') repeat-y 0 0!important;}


				/* 6.4.5.1.1 - prima voce angolo stondato
				*********************************************************************/
				#spallasx .menu.area-stampa ul li.first a em {background:url('../img/bg-box-rounded-top.gif') no-repeat 0 0 !important;}
				#spallasx .menu.area-stampa ul li.first a:hover em, 
				#spallasx .menu.area-stampa ul li.first a:active em,
				#spallasx .menu.area-stampa ul li.first a.active em {background:url('../img/bg-box-rounded-top_active.gif') no-repeat 0 0 !important;}
				#spallasx .menu.area-stampa ul li.first a {padding-top:0.6em!important;}


				/* 6.4.5.1.2 - ultima voce angolo stondato
				*********************************************************************/
				#spallasx .menu.area-stampa ul li.last a em {background:url('../img/bg-box-rounded-bottom.gif') no-repeat 0 0 !important;}
				#spallasx .menu.area-stampa ul li.last a:hover em, 
				#spallasx .menu.area-stampa ul li.last a:active em{background:url('../img/bg-menu-sx-btm_active.gif') no-repeat 0 0 !important;}
				#spallasx .menu.area-stampa ul li.last a.active em {background:url('../img/bg-menu-sx-btm_active.gif') no-repeat 0 0 !important;}
				#spallasx .menu.area-stampa ul li.last a {padding-bottom:0.6em!important;}

		

		/* 6.4.6. - box servizi online e contatti
		*********************************************************************/
		/*.servizi a.bottone {
			width:100%;
			height:33px;
			margin-top:-5px;
			line-height:33px;
			overflow:hidden;
			text-align:center;
			background: url('../img/bg-bottone-uffici.gif') no-repeat 0 0;
		}

		.servizi a.bottone  {
			display:block !important;
		}
		*/
		#spallasx .box.servizi a {text-decoration:underline !important;}
		#spallasx .box.servizi a:hover {text-decoration:none !important;}

		#spallasx .box.contatti a {color:#A0000E; text-decoration:underline !important;}
		#spallasx .box.contatti a:hover {color:#A0000E; text-decoration:none !important;}


		/* 6.4.7. - banner presidente
		*********************************************************************/
		.banner-presidente {
			width:190px;
			}



	/* 6.5 - MENU CANALI
	*********************************************************************/
	#menucanali #canali {margin-bottom:6px;}
	#menucanali ul {list-style-type:none;width:192px;}
	#menucanali #altri-menu {display:block;}
	#menucanali a:hover {text-decoration:underline !important;}

		
		/* 6.5.1. - bottoni grafici
		*********************************************************************/
		#canali div.canali-bottoni {background-color:#d5d5d5;list-style-type:none;}
		#canali div.canali-bottoni {
			width:192px;
			overflow:hidden;
			position:relative;
			padding-bottom:0;
		}
		#canali div.canali-bottoni a {
			position:relative; 
			background:url('../img/bg-li-filetto.gif') repeat-x 0 100%; 
			display:block;
			width:192px;
			height:72px;
			cursor:pointer;
		}
		#canali div.canali-bottoni a:hover, 
		#canali div.canali-bottoni a:active {background-color:#b20011!important;}
		#canali div.canali-bottoni a.active {background-color:#b20011!important;}
		
		#canali div.canali-bottoni a span{
			position:absolute;
			top:30px;
			right:5px;
			display:block;
			width:12px;
			height:12px;
			/*line-height:71px;
			line-height:71px;*/
			background: url('../img/arrow-bottone-canale.gif') no-repeat 0 0;
		}
		#canali div.canali-bottoni a:hover span,
		#canali div.canali-bottoni a:active span,
		#canali div.canali-bottoni a.active span {
			background: #b20011 url('../img/arrow-li-menu-canali_active.gif') no-repeat 50% 50%;
		}




		/* 6.5.2. - bottoni testuali
		*********************************************************************/
		#canali ul.canali-testuali {padding:0;margin:0;list-style-type:none;}
		#canali ul.canali-testuali li {position:relative;padding:0 0 1px 0;margin:0;background:url('../img/bg-li-canali-testuali.gif') repeat-y 0 0;}
		#canali ul.canali-testuali li a {
			display:block;
			width:152px;
			padding-left:10px;
			padding-right:30px;
			padding-bottom:3px;
			padding-top:3px;
			text-decoration:none;
			color:#000;
			background:url('../img/bg-a-canali.gif') repeat-y 0 0;
		}
		#canali ul.canali-testuali li a span {
			position:absolute;
			top:2px;
			right:5px;
			display:block;
			width:12px;
			height:12px;
			background: url('../img/arrow-canali.gif') no-repeat 0 0;
		}
		#canali ul.canali-testuali li a:hover, 
		#canali ul.canali-testuali li a:active, 
		#canali ul.canali-testuali li a.active {background:url('../img/bg-a-canali_active.gif') repeat-y 0 0 !important;}
		#canali ul.canali-testuali li a:hover span,
		#canali ul.canali-testuali li a:active span,
		#canali ul.canali-testuali li a.active span {background: url('../img/arrow-canali_active.gif') no-repeat 0 0;}

	
		/* 6.5.3. - box menu II livello e Risorse correlate
		*********************************************************************/
		#menucanali .box-menu-canale {margin:0 0 0 5px;width:179px;}
		#menucanali .box-menu-canale h2 {
			width:179px;
			height:23px;
			margin:0 auto;
			text-indent:-9999px;
			overflow:hidden;
			background:url('../img/it/label-menu.gif') no-repeat 0 0;
		}
		#menucanali .box-menu-risorse, #menucanali .box-menu-media {
			position:relative;
			margin:5px 0 0 5px;
			padding:0 0 7px 0!important;
			width:174px;
		}
		#menucanali .box-menu-risorse em, #menucanali .box-menu-media em {
			width:179px;
			height:7px;
			display:block;
			background:url('../img/bg-bottom-box-risorse.gif') no-repeat 0 0;
		}
		#menucanali .box-menu-risorse h2 {
			width:179px;
			height:23px;
			margin:0 auto;
			text-indent:-9999px;
			overflow:hidden;
			background:url('../img/it/label-risorse.gif') no-repeat 0 0;
		}
		#menucanali .box-menu-media h2 {
			width:179px;
			height:23px;
			margin:0 auto;
			text-indent:-9999px;
			overflow:hidden;
			background:url('../img/it/label-media.gif') no-repeat 0 0;
		}

		/* 6.5.4. - menu II livello
		*********************************************************************/
		ul#secondo-livello, 
		ul#menu-risorse {
			width:16px;
			margin:0 0 0 0;
			list-style-type:none;
		}
		ul#secondo-livello li,
		ul#menu-risorse li {width:179px!important; position:relative;padding:0 0 1px 0;margin:0;background:url('../img/bg-li-menucanali-II.gif') repeat-y 0 0;}
		ul#secondo-livello li.last, 
		ul#menu-risorse li.last {padding:0 0 0 0; background-image:none;}
		ul#secondo-livello li a,
		ul#menu-risorse li a {
			display:block;
			width:152px!important;
			padding-left:5px;
			padding-bottom:3px;
			padding-top:3px;
			padding-right:22px;
			text-decoration:none;
			color:#000;
			background:url('../img/bg-a-menucanali-II.gif') repeat-y 0 0;
		}
		ul#secondo-livello li a span,
		ul#menu-risorse li a span {
			position:absolute;
			top:2px;
			right:5px;
			display:block;
			width:12px;
			height:12px;
			background: url('../img/arrow-menucanali-II.gif') no-repeat 0 0;
		}
		ul#secondo-livello li a:hover, 
		ul#secondo-livello li a:active, 
		ul#secondo-livello li a.active,
		ul#menu-risorse li a:hover, 
		ul#menu-risorse li a:active, 
		ul#menu-risorse li a.active {text-decoration:underline; background:url('../img/bg-a-menucanali-II_active.gif') repeat-y 0 0 !important;}
		
		ul#secondo-livello li a:hover span,
		ul#secondo-livello li a:active span,
		ul#menu-risorse li a:hover span, 
		ul#menu-risorse li a:active span {background: url('../img/arrow-menucanali-II_hover.gif') no-repeat 0 0!important;}
		
		ul#secondo-livello li a.active span,
		ul#menu-risorse li a.active span {background: url('../img/arrow-menucanali-II_active.gif') no-repeat 0 0!important;}
		
		ul#secondo-livello li a.active,
		ul#menu-risorse li a.active {font-weight:normal;color:#A0000E}

		/* 6.5.5. - menu III livello
		*********************************************************************/
		#menucanali ul#terzo-livello {
			position:relative;
			width:160px;
			list-style-type:none;
		}
		#menucanali ul#terzo-livello li {
			position:relative;
			background-image:none;
			padding:0 0 0 0;
			background-color:#e6e6e6!important;
			border-bottom:1px solid #BABABA;
		}
		#menucanali ul#terzo-livello li.last {background-image:none;}
		#menucanali ul#terzo-livello li a {
			display:block;
			text-decoration:none;
			color:#000;
			width:162px !important;
			background-image:none;
			padding:2px 0 2px 17px!important;
		}
		#menucanali ul#terzo-livello li a span {
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:14px;
			height:19px;
			background: url('../img/arrow-li-menucanali-III.gif') no-repeat 0 0;
		}
		#menucanali ul#terzo-livello li a:hover, 
		#menucanali ul#terzo-livello li a:active {
			display:block;
			text-decoration:none;
			color:#fff!important;
			background-color:#000!important;
			background-image:none!important;
		}
		#menucanali ul#terzo-livello li a.active {
			background-color:#000!important;
			background-image:none!important;
			color:#fff!important;
		}
		#menucanali ul#terzo-livello li a.active span {
			position:absolute;
			top:0;
			left:-6px;
			display:block;
			width:14px;
			height:19px;
			background: url('../img/arrow-li-menucanali-III_active.gif') no-repeat 0 0 !important;
		}

		/* 6.5.6. -Bottone espandi menu
		*********************************************************************/
		#canali .espandi-canali {position:relative;margin:0 0 5px 0;}
		#canali .espandi-canali {}
		#canali .espandi-canali a {
			display:block;
			width:152px;
			padding-left:10px;
			padding-right:30px;
			padding-bottom:3px;
			padding-top:6px;
			text-decoration:none;
			color:#fff;
			background:#b20011;
		}
		#canali .espandi-canali a span{
			position:absolute;
			top:7px;
			right:5px;
			display:block;
			width:12px;
			height:12px;
			/*line-height:30px;*/
		}
		#canali .espandi-canali i {font-style:normal}


	/* 6.6 - BOX LANCIO EVENTI
	*********************************************************************/
	.lancioeventi .box-stondato.black {padding-bottom:10px;}
	.lancioeventi em {
		display:block;
		font-style:normal;
		text-align:left;
		margin:0 0 0 4px;
		padding:2px 0 2px 0;
		color:#FFF;
		font-weight:bold;
	}
	.lancioeventi h4 {/*font-size:100%;*/text-align:left;  font-weight:normal;margin:4px 4px 2px 4px;}
	.lancioeventi h4 a {color:#000;}
	.lancioeventi h4 a:hover, 
	.lancioeventi h4 a:active {text-decoration:none;}
	.lancioeventi img {display:block !important;}
	.lancioeventi .box-stondato-contenuti {text-align:center;}
	.lancioeventi p {text-align:left;margin:0 5px; }
	.csc-textpic-imagewrap img {padding:10px 0;}
	.lancioeventi h1, .lancioeventi h2 {margin:0 5px; text-align:left;}


	/* 6.7 - GOOGLE TRANSIT
	*********************************************************************/
	#ty-google-transit {margin-bottom:5px;}
	.google-transit {background-color:#b20011;}
	.google-transit-content {padding:0 6px 0 6px;}
	.google-transit-content h3 {font-weight:normal;/*font-size:100%;*/margin:0 0 4px 0;padding:0;}
	.google-transit-content fieldset {border:none;margin:0;padding:0;}
	.google-transit-content form {margin:4px 0 0 0;}
	.google-transit-content p {font-weight:bold;margin:0;padding:0;}
	.google-transit-content form input {
		margin:3px 0;
		padding:1px;
		border:1px solid #bababa;
		font: 95% Georgia, "Times New Roman", Times, serif;
		color:#000;
		width:170px;
	}
	.google-transit-content form input.submit {
		border:none !important;
		width:176px;
		height:29px;
		display:block;
		background: url('../img/it/submit-calcola-percorso.gif') no-repeat 0 0;
		cursor:pointer;
	}



	/* 6.8 - FLORENCE-TV
	*********************************************************************/
	.florenceTV .box-stondato-contenuti h3 {margin:0 0 5px 0 !important;text-align:left;padding:0 6px;}
	.florenceTV .box-stondato-contenuti {text-align:left;padding:0!important;margin:0!important;}
	.box-stondato.red.florenceTV .box-stondato-contenuti {padding:4px 8px 0 8px!important;}
	.box-stondato.black.florenceTV .box-stondato-contenuti {color:#fff;}
	.florenceTV .box-stondato.black {margin-right:4px!important;}
	.florenceTV .box-stondato.white {margin-left:4px!important;}
	.florenceTV .box-stondato.white {margin-left:4px!important;}
	.florenceTV .inevidenza em {color:#fff!important;}
	.florenceTV a {color:#A0000E;}


		
		/* 6.8.1. - colonna video in evidenza
		*********************************************************************/
		.florenceTV .inevidenza h3 {color:#fff;/*font-size:100%!important;*/}
		.florenceTV .inevidenza em {
			color:#A0000E;
			display:block;
			font-style:normal;
			font-weight:bold;
			text-align:left;
			padding:0 6px;
		}
		.florenceTV .inevidenza h4 {text-align:left;padding:10px 4px;/*font-size:100%;*/background: url('../img/arrow-black-florence-tv.gif') no-repeat 10px 0;}
		.florenceTV .inevidenza h4 a {color:#fff;text-decoration:none;}
		.florenceTV .inevidenza h4 a:hover, 
		.florenceTV .inevidenza h4 a:active {text-decoration:underline;}

		
		/* 6.8.2. - colonna more video
		*********************************************************************/
		.florenceTV .morevideo h3 { /*logo florence-TV*/
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			height:30px;
			width:117px;
			background:#fff url('../img/bg-florence-tv.gif') no-repeat;
		}
		.florenceTV .morevideo h3 a { /*link su logo florence-TV*/
			height:30px;
			width:117px;
			display:block;
			cursor:pointer;
		}



	
	/* 6.9 - FOOTER
	*********************************************************************/
	#footer {/*font-size:90%;*/line-height:2.8em;/*line-height:28px;*/margin-bottom:20px;}
	#footer p {
		height:auto !important;
		height:28px;
		min-height:28px;
		padding:0 0 0 30px;
		background: url('../img/logo-footer.gif') no-repeat 0 0;
	}
	#footer em {padding:0 10px;}
	#footer .c50r {text-align:right;}
	#footer ul {list-style-type:none;}
	#footer ul li {float:right;margin:0 5px;}
	#footer ul li a {text-decoration:none;}
	#footer ul li a:hover {text-decoration:underline;}

	#footer a {color:#000;text-decoration:underline;}
	#footer a:hover, #footer a:active {text-decoration:none;}

	



	/* 6.10 - MENU IV e V livello
	*********************************************************************/
	.box-stondato.grey.IVlivello {
		margin-top: 5px;
	}
	.IVlivello ul {background:#e5e5e5; color:#000; list-style-type:none;padding:0 10px 10px 15px;line-height:2em;}
	.IVlivello ul li {display:inline; padding:0;}
	.IVlivello ul li a {color:#000;padding:3px 2px 3px 0}
	.IVlivello ul li em {padding:0 6px}
	.IVlivello ul li a.active {font-weight:bold; color:#A0000E;padding:3px 2px 3px 0}


	.Vlivello ul {
		color:#bababa; 
		padding:10px 10px 10px 15px; 
		list-style-type:none;
		line-height:2em; 
		border-bottom:1px solid #e5e5e5;
		margin-bottom:5px;
	}
	.Vlivello ul li {display:inline; padding:0;}
	.Vlivello ul li a {color:#000;padding:3px 2px 3px 0}
	.Vlivello ul li em {padding:0 6px}
	.Vlivello ul li a.active {font-weight:bold; padding:3px 2px 3px 0}


	/* 6.11 - segui il Presidente
	*********************************************************************/

	#menucanali .box-follow {
	margin:0 0 0 5px;width:179px;
	}

	#menucanali .box-follow .content-risorse {
		background:#FFF;
		overflow:hidden;
	}

	#menucanali .box-follow em {
		width:179px;
		height:7px;
		display:block;
		background:url('../img/bg-bottom-box-risorse.gif') no-repeat 0 0;
	}

	.box-follow h2 {
		width:179px;
		height:23px;
		margin:0 auto;
		text-indent:-9999px;
		overflow:hidden;
		background:url('../img/it/label-segui-presidente.gif') no-repeat 0 0;
	}

	.box-follow ul {list-style-type:none;padding:10px 5px 10px 8px;}
	.box-follow ul li {display:inline;padding:5px;}


/* Aggiunta del 26.11.2010 - MF */
.box-stondato-contenuti h2.titles a {width:240px;color:#fff;text-decoration:none;background: url('../img/arrow.gif') no-repeat 227px 15px ;font-size:20px;display:block;}
.spacer-20 {margin-top:20px;}