/* -------- ELEMENTI --------- */
body {
	background-color:#D4D0C8;/*VECCHIO COLORE:#e8e8e7*/
	
	color: #000;
	margin: 0px; 
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


img{
	border: 0px solid #860404;
}


a {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid #860404;
}


a:hover {
	color:#e35330;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid #860404;
}



input{
	color: #000000;
	vertical-align:middle;
	padding: 1px;
	background-color: #F8F8F8;
		font-size:10px;

}

form {
	margin:0;
	padding:0;
	padding-left:10px;

}

fieldset {
	 border:0px;
	 margin:0px;
	 padding:0px;

}


/* -------- FINE ELEMENTI --------- */

/* --------- ID ---------- */
#contenitore {
	
	font-size: 0.7em;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 990px;
	background-color:#FFFFFF;
	}
	
#testata {
	background-image:url(../imgs/testata_fiocco.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 990px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	height:120px;


}

.nascosto {
	position:absolute;
	top:-10000px;
	left:-10000px;
}


#toro a {
	width: 80px;
	height: 90px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
#torinogiovani a {
	width: 120px;
	height: 50px;
	float: right;
	margin-top: 30px;
	margin-right:20px;
}

#contenuto {
	
	background-color:#ffffff;
	margin-top: 0px;
	padding-top: 0px;

}
/* fascia superiore*/


#colonnasn {
	text-align: left;
	width: 492px;
	float:left;
}

	/* contenuti colonna sinistra */
	#menuistituzionale {
	clear:both;
	min-height:21px;
	margin-top:1px;
		background-color:#ff6600;
		margin-bottom:1px;	
	}
	
		#menuistituzionale a, #menuistituzionale a:hover{
		color:#fff;
	}
		#menuistituzionale ul{
		margin:0px;
		padding: 0px;
		clear:both;

		}
		
		#menuistituzionale li {
		list-style: none;
		float:left;
		border-left:1px solid #fff;
		padding-left:4px;
		width: 117px;
		font-weight: bold;
		color:#fff;
		/*background-color:#ff6600;*/
		background-image:url(../imgs/sfondoara.gif);
		padding-top: 4px;
		padding-bottom: 4px;
		text-align:left;
		}
		
		/*ho dovuto creare questa classe per la prima voce del menu istituzionale perchè su IE c'erano problemi di visualizzazione, mentre 		su IE7 e Firefox era tutto perfetto*/
		.limenu {
		list-style: none;
		float:left;
		/*margin-right:1px;*/
		border-right: 3px solid #ff6600;
		padding-left:4px;
		width: 114px;
		font-weight: bold;
		color:#fff;
		background-image:url(../imgs/sfondoara.gif);
		/*background-color:#ff6600;*/
		
		text-align:left;
		}

	
	#banner {
	height:70px;
	min-height:70px;
	margin-bottom:1px;
	clear:both;
}
	

			/*news principale*/
			.newsinevidenza {
			margin-bottom:5px;
			margin-top:5px;
			margin-left:12px;
			padding-right:20px;
		    background-color: #ffffff;
			padding-top: 6px;
			padding-bottom: 4px;
			 clear:both;
			 float:none;
			line-height: 1.3em;
			font-size: 1em;

			}
			.newsinevidenza {
				 height:auto;
			}
			.testoinevidenza {
			color: #000;	
			margin-left: 10px; 
			margin-right: 20px;
			min-height:170px;
			line-height: 1.3em;
			

}
			
			.newsinevidenza h4 {
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
			margin-bottom: 8px;
			margin-top: 0px;
			color: #003399;
			line-height:1.4em;
			}
		
			.newsinevidenza a:hover, .news a:hover {
			text-decoration: underline;
			color: #e35330;
			}
			
			.newsinevidenza h4 a, .news h4 a {
			color: #003399;

			
			}
			
			.newsinevidenza h4 a:hover, .news h4 a:hover {
			text-decoration: underline;
			color: #e35330;
			}
		
			.newsinevidenza img {
			float: left;
			margin-right: 15px; 
 			width: 150px;
			height: 150px;
			/*border: 1px solid #c8db65; momentaneamente remmato per progetto casa*/
			margin-bottom:5px;

			}
			
			.separatore {
			 clear:both;
			border-bottom: 1px solid #c8db65;
			margin-top:0px;
			

			}
			
			.separatorebox {
			 clear:both;
			margin-top:0px;
			

			}
			
			
			/*altre news */
			.news {
			margin: 0px;
			margin-bottom:5px;
			margin-top:4px; /*era 5px, furio ha chiesto di cambiarlo per riuscire a farci stare una news*/
		    background-color: #ffffff;
			padding-top: 4px;
			padding-bottom: 4px;
			clear:both;
		}
		
		.separatorenews {
			border-top: 1px solid #c8db65; 
			padding:0px;
			margin:0px;
			height:1px !important;
			clear:both;
			/*programmazione necessaria per settare in IE6 l'altezza del div, che altrimenti sarebbe di default a 19px*/
			line-height:0;  /* Altezza riga a 0 */ 
			 font-size:0  /* Dimensione Carattere a 0*/ 


		}
		/* questo serve a firefox per rimettere l'altezza giusta nel div */
		  	.news {
		   	height:auto;
		   	}
		
			.testonews {
			color: #000;	/* colore del testo della notizia */
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-weight: normal;
			text-align: left;
			margin-left: 100px; /* questo va cambiato assieme all'h4 */
			margin-right: 20px;
			}
		
			.news h4 {
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
			margin: 0;
			margin-left: 100px; /*distanza del testo dall'immagine*/
			margin-right: 7px;
			margin-bottom: 2px;
			}
		

		
			.news img {
			float: left;
			margin-top: 3px;
			margin-left: 12px;
			margin-right: 0px; 
			width: 75px;
			height: 75px;
			margin-bottom:5px;

			}

	/* fine contenuti colonna sinistra*/

#colonnavuota {
	width: 1px;
	float:left;
}

#colonnadx {
	text-align: left;
	width: 497px;
	float:right;
	margin-top:0px;
	padding-top:0px;

}

	/* contenuti colonna destra */
	#colonnadx1 {
	text-align: left;
	width: 248px;
	float:left;
	}

			/* sezione web reporter, facebook e canali video*/
			#facebook {
			border: 1px solid #014a96;
			min-height:50px;
			height:50px;
			margin:0px;
			margin-top: 1px;
			padding:0px;
			}
			
			#yourtime {
			
			min-height:50px;
			height:50px;
			margin:0px;
			
			padding:0px;
			}
			
			#europocket {
			min-height:65px;
			height:65px;
			margin:0px;
			padding:0px;
			}	
			
			#coordinamento {
			min-height:52px;
			height:52px;
			margin:0px;
			padding:0px;
			}								
			
			#natale {
			min-height:102px;
			height:102px;
			margin: 1px 0px 2px 0px;
			padding:0px;
			}	
						
			.boxsfondoazzurro {
			width: 248px;
			background-color:#d9e6f4;
			/*#daedfa;*/
			border-bottom: 1px solid #fff;
			float:none;
			margin:0px;
			padding:0px;
			}
			
			.boxsfondoazzurro h2{
			font-size:1em;
			margin-top:0px;
			margin-bottom:0px;
			clear:both;
			margin-left:5px;
			}
			
			.boxcanalevideo {
			margin-top:0px;
			margin-bottom:0px;
			clear:both;
			padding:5px;
			padding-bottom:2px;
			}
			
			.boxcanalevideo p {
				margin:auto;
			margin-top:0px;
			/*margin-left:18px;
			margin-right:16px;*/
			margin-bottom:0px;
			padding-bottom:2px;
			}
			

			
			/* box per contenuti con logo 40x40 pixel più descrizione (vedi ad esempio digito, facebook ecc...) */
			.boxlogo40 {
			color: #000;
			padding: 5px;
			padding-top:0px;
			margin-top:2px;
			text-align: left;
			min-height:50px;

			}
			.boxlogo40 ul {
			margin-bottom:0px;
			margin-top:2px;
			list-style-image:url(../imgs/triangolo.gif);
		   }
		   
			.boxlogo40 ul li{
			margin-left:22px;
		   }
		   
			.boxlogo40 ul li a {
			font-weight:normal;
		   }
		   
		   .boxlogo40 ul li a:hover {
			font-weight:normal;
		   }
		   
			.boxlogo40 p{
			margin-top:0px;
			margin-bottom:0px;
			padding-bottom:2px;
		   }
	
			.boxlogo40 img {
			float: left;
			padding-right:8px;
			padding-bottom: 3px;
			margin-top:3px;
			width:40px;
			height:40px;
			}
			
			

			/* fine box*/
		
		/*fine sezione  web reporter, facebook e canali video*/

		
		
		#infogiotorino {
		width: 248px;
		float:none;
		padding-top:1px;
		}
		
		.boxigtorino p {
		padding-top:0px;
		margin-top:2px;
		margin-bottom:2px;
		text-align: left;
		}
	
	#colonnadx2 {
	width: 1px;
	float:left;
	}
	
	#colonnadx3 {
	text-align: left;
	width: 248px;
	float:right;
	}
	
	#cerca {
		background-image:url(../imgs/cerca_natale.gif);
		margin:0;
		padding:0;
		padding-bottom:6px;
		padding-top:5px;
		color:#fff;

		}
	#cerca a, cerca a:hover{
		color:#fff;

		}
				.ricerche {
					
					padding-top:3px;
				}			
	

				/*testate sezioni*/
				/*progetti e uffici*/
				.titolitestate248aran {
				background-image:url(../imgs/sfondoara.gif);
				/*background-color:#f76707;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-top:4px;
				padding-bottom:4px;
				font-size:1em;
				width:242px;
				font-weight:bold;
				}
				
				.titolitestate248aran a, .titolitestate248aran a:hover{
				color:#fff;
				}
				
				/*omaggi, infogio in italia, tagcloud*/
				.titolitestate248blusn {
				background-image:url(../imgs/sfondoblu.gif);
				/*background-color: #014a96;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-top:4px;
				padding-bottom:4px;
				font-size:1em;
				width:242px;
				font-weight:bold;
				}
				
				.titolitestate248blusn a, .titolitestate248blusn a:hover{
				color:#fff;
				}
				
				
				.titolitestate497blusn {
				background-image:url(../imgs/sfondoblu.gif);
				/*background-color: #014a96;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-top:4px;
				padding-bottom:4px;
				padding-left:6px;
				font-size:1em;
				width:491px;
				font-weight:bold;
				}
				
				.titolitestate497blusn a, .titolitestate497blusn a:hover{
				color:#fff;
				}

				/*facebook e webreporter*/
				.titolitestate248bludx {
				background-image:url(../imgs/sfondoblu.gif);
				/*background-color: #014a96;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-top:4px;
				padding-bottom:4px;
				color:#fff;
				font-size:1em;
				width:242px;
				font-weight:bold;
				}
				
				.titolitestate248bludx a, .titolitestate248bludx a:hover{
				color:#fff;
				}
				
				/*infogio torino*/
				.titolitestate248arandx {
				background-image:url(../imgs/sfondoara.gif);
				/*background-color:#f76707;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-bottom:4px;
				padding-top:4px;
				font-size:1em;
				width:242px;
				font-weight:bold;
				}
				
				.titolitestate248arandx a, .titolitestate248arandx a:hover{
				color:#fff;
				}
				
				/*canali video, cerca nel sito*/
				.titolitestate248blu {
				background-image:url(../imgs/sfondoblu.gif);
				/*background-color:#014a96;
				background-color: #014a96;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-top:4px;
				padding-bottom:4px;
				font-size:1em;
				width:242px;
				font-weight:bold;
				}
				
				.titolitestate248blu a, .titolitestate248blu a:hover{
				color:#fff;
				}
				
				/*r&p*/
				.titolitestate742verde {
				background-image:url(../imgs/sfondoverde.gif);
				/*background-color:#b6c716;
				background-repeat:no-repeat;*/
				margin:0px;
				margin-top:1px;		
				padding:0px;
				padding-top:4px;
				padding-bottom:4px;
				padding-left:6px;
				font-size:1em;
				width:735px;
				font-weight:bold;
				}
				
				.titolitestate742verde a, .titolitestate742verde a:hover{
				color:#000;
				font-weight:bold !IMPORTANT;
				}
				
				/*in evidenza*/
				.titolitestate492verde {
				background-image:url(../imgs/sfondoverde.gif);
				/*background-repeat:no-repeat;
				background-color:#b6c716;*/
				margin:0px;
				margin-top:1px;
				padding:0px;
				padding-left:6px;
				padding-top:4px;
				padding-bottom:4px;
				font-size:1em;
				width:486px;
				color:#000;
				font-weight:bold !IMPORTANT;
				}
				/*fine testate sezioni*/

				
		/*progetti*/
		#progetti p {
		padding-top:2px;
		padding-bottom:10px;
		margin-top:0px;
		padding-left:6px;
		padding-right:8px;
		text-align: left;
		/*line-height:1.3em;
		line-height:1.7em;*/
		}

		.progettititolo {
		padding-top:9px;
		margin-top:3px;
		padding-left:6px;
		padding-right:8px;
		text-align: left;
		line-height:1.0em;
		}	
		.progettititolo img{
		margin-right:5px;
		padding-bottom:1px;
		}				
		
		/*.progettidescrizione {
		margin-top:0px;
		padding-left:6px;
		padding-right:8px;
		text-align: left;
		line-height:1.3em;
		line-height:1.9em;
		}*/
		

						
		/*fine progetti*/
	
		/*omaggi e centriig*/
		#omaggi{
		border-top: 1px solid #014a96;
		/*border-bottom: 1px solid #014a96;
		border-left: 1px solid #014a96;*/
		min-height:22px;
		height:22px;
		margin:0px;
		padding:0px;

		}
		
		#centriig{
		border-top: 1px solid #014a96;
		/*border-bottom: 1px solid #014a96;*/
		border-left: 1px solid #014a96;
		min-height:25px;
		margin:0px;
		padding:0px;
		padding-left:2px;

		}
		
		#omaggi p, #centriig p, #cerca p{
			margin-top:2px;
			margin-bottom:0px;
			padding-bottom:2px;
			padding-left:6px;

		   }
		
		
		/*fine omaggi*/
	
	/* elementi box orizzontali*/
	#approfondimenti, #viverelacitta{
	text-align: left;
	width: 497px;
	background-image:url(../imgs/sfondopuntiblu.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	min-height:100px; /*non è interpretata da IE*/
	height:auto !important; /* è interpretata da Opera, Mozilla e gli altri browser */
	height:90px;/* è interpretata da IE*/
	clear:both;
	padding-bottom:5px;

	}

	#gallery{
	text-align: left;
	width: 497px;
	background-image:url(../imgs/sfondopuntiblu.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	min-height:52px; /*non è interpretata da IE*/
	height:auto !important; /* è interpretata da Opera, Mozilla e gli altri browser */
	height:52px;/* è interpretata da IE*/
	padding-bottom:5px;
	clear:both;

	}
	

	
		/* approfondimenti */
		.approfondimento, .viverelacitta, .gallery  {
		text-align: left;
		margin-left: 1px;
		width:157px;
		float:left;
		padding-bottom:3px;
		background-color: transparent;
		padding-left: 4px;
		padding-right: 3px;



		}
		
		.titoliapprofondimenti {
		font-weight:bold;
		font-size:1em !important;
		/*background-color:#daedfa;*/
		margin-top:2px;
		padding-left:1px;
		margin-bottom:4px;


		}
		
			.boxlogogallery {
			color: #000;
			padding: 5px;
			padding-left:3px;
			padding-top:1px;
			margin-top:2px;
			text-align: left;

			}
					   
			.boxlogogallery p{
			margin-top:0px;
			margin-bottom:0px;
			padding-bottom:2px;
		   }
	
			.boxlogogallery img {
			float: left;
			padding-right:6px;
			padding-bottom: 3px;
			margin-top:3px;
			width:40px;
			height:40px;
			}
		
		/*fine approfondimenti */
	/* fine elementi box orizzontali*/


	/* fine contenuti colonna destra*/


/* fine fascia superiore*/

/*fascia inferiore*/
#fasciainf {
	 margin:0px;
	}


	#ricevutopubblicato {
	width: 741px;
	float:left;
	background-image:url(../imagestg/sfondorp.gif);
	margin-top:1px;
	margin-bottom:4px;

	}
	
	#ricevutopubblicato a{
	font-weight:normal;


	}

		/*elementi nel div ricevutopubblicato*/

		
		.elementirp {
		width: 239px;
		float:left;
		padding-left: 4px;
		padding-right: 3px;
		background-color:#fff;
		margin-right:1px;
		}
		
		.elementirp h4 {
		font-size: 1em;
		background-color:#e0f5c4;
		margin-top:2px;
		padding-left:3px;
		padding-top:2px;
		padding-bottom:2px;
	
		}
		
		.titoliaree {
		font-size: 1em;
		margin-top:2px;
		padding-left:3px;
		padding-top:2px;
		padding-bottom:2px;
	font-weight:bold !important;
	color:black !important;
		}		
		
		.elementirp ul{
		list-style-image:url(../imagestg/elencorp.gif);
		list-style-position: outside;
		color: #ffcc00;
		padding: 0px;
		padding-left: 13px;
		margin-left: 7px;
		margin-right: 2px;
		margin-top: 0px;
		margin-bottom:2px;
		}
		
		
		.elementirp ul li  a:visited{
	color:#551A8B;
	text-decoration: none;
	font-weight:normal;

}
		
		
		
		/*fine elementi nel div ricevutopubblicato*/
	

	
	#altro {
	width: 248px;
	float:right;
	margin-top:1px;

	}
	
		/*menu a discesa del box dei centri IG
		ho dovuto alla fine usare un po' di javascript per farlo funzioanre su IE6	*/
			#elencoig, #elencoig ul{
			padding: 0;
			margin: 0;
			list-style: none;
			}
			
			#elencoig li{
			float: left;
			position: relative;
			}
			
			#elencoig a{
			text-decoration: none;
			font-weight:normal;
			}
			
			.cerca{
			border-left-width: 0;
			margin-left:2px;
			margin-top:0px;
			height:16px;
			width:240px;
			background-image:url(../imagestg/sfondocentriig.gif);
			}
			
			.elenco{
			display: none;
			width: 242px;
			position: absolute;
			top: 1.2em;
			left: 0;
			background-color: #e7f3fb;

			}
			
			.elenco li{
			width: 100%;
			line-height:1.5em;
			}
			
			.elenco li a{
			display: block;
			width: 100%;
			text-indent: 3px;
			}
			
			html>body .elenco li a{ /* non IE browsers */
			width: auto;
			}
			
			
			#elencoig li>ul {/* non IE browsers */
			top: auto;
			left: auto;
			}
			
			#elencoig li:hover ul, li.over ul {
			display: block;
			}
			
			/*alternativa con form - welcometorinogiovani1*/
			#form1 {
			margin:0px; 
			padding:0px;			
			margin-top:3px;
			margin-bottom:3px;

			}	
			.fieldset {
			margin:0px; 
			padding:0px;			
			}	
			
			/*.elencocentri option
			{ 			
			font-size:0.8em !important;

			}		*/
			
		/*fine menu*/

		/*tag cloud*/
		#tagcloud { 
		border-top: 1px solid #014a96;
		border-bottom: 1px solid #014a96;
		border-left: 1px solid #014a96;
		margin:0px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
		}
		
		#tagcloud a{ 
		margin-right:10px;
				}
		
		#tagcloud p {
		padding-top:4px;
		margin-top:0px;
		padding-left:6px;
		padding-right:8px;

		}

		
		
		.tagcloud1 {
		font-size: 1em; 
		color: #003399; 
		text-decoration: none;

		}
		
		.tagcloud1 a:hover{
 		color:#003399;
		font-weight:normal;
		}
		
		
		.tagcloud2 {
				font-size: 1.1em; 
				color: #003399; 
				text-decoration: none;
				font-weight: bold;
		}
		.tagcloud2 a:hover{
 		color:#003399;
		font-weight:bold;
		}

		.tagcloud3 {
				font-size: 1.1em; 
				color: #003399; 
				text-decoration: none;
				font-weight: normal !important;
		}
		
		.tagcloud3 a:hover{
 		color:#003399;
		font-weight:normal;
		}

		

		/* fine tag cloud */

/* fine fascia inferiore */


#footer {
	
	/*background-color:#89ad04;
	 era #014a96;*/
	 background-image:url(../imgs/sfondoverde.gif);
	width: 990px;
	color:#fff;
	text-align: center;
	font-size: 0.9em;
	 padding-bottom:10px;
	 padding-top:10px;
	 clear:both;
	 color:#000;
}

#footer a{
text-decoration:underline;
	color:#fff;
}


/* versione inglese*/
#menuistituzionaleen {
	clear:both;
	min-height:21px;
	margin-top:1px;
		background-color:#ff6600;
		margin-bottom:1px;	
	}
	
		#menuistituzionaleen a, #menuistituzionaleen a:hover{
		color:#fff;
	}
		#menuistituzionaleen ul{
		margin:0px;
		padding: 0px;
		clear:both;

		}
		
		#menuistituzionaleen li {
		list-style: none;
		float:left;
		border-left:1px solid #fff;
		padding-left:4px;
		width: 238px;
		font-weight: bold;
		color:#fff;
		/*background-color:#ff6600;*/
		background-image:url(../imgs/sfondoara.gif);
		padding-top: 4px;
		padding-bottom: 4px;
		text-align:center;
		}
		
		/*ho dovuto creare questa classe per la prima voce del menu istituzionale perchè su IE c'erano problemi di visualizzazione, mentre 		su IE7 e Firefox era tutto perfetto*/
		.limenuen {
		list-style: none;
		float:left;
		/*margin-right:1px;*/
		border-right: 3px solid #ff6600;
		padding-left:4px;
		width: 238px;
		font-weight: bold;
		color:#fff;
		background-image:url(../imgs/sfondoara.gif);
		/*background-color:#ff6600;*/
		
		text-align:center;
		}