@CHARSET "UTF-8";

/* parte di css per le news in primo piano (hot) */

div.news_hot_panel
{
	width: 580px; /*634px;*/
	background-color:  #ffffff;
	padding-bottom: 4px;
	float: left;
}

	div.news_hot_panel div.slider_wrap
	{
		width: 100%;
		float: left;
		background-color:#039ecc;
		position: relative;
		clear: left;
	}
	
		div.news_hot_panel div.slider_wrap div.img
		{
			position: relative;
			background-color:#039ecc;
			width: 68%;
			float: left;
			text-align: center;
		}
		
		div.news_hot_panel div.slider_wrap div.summary_vertical
		{
			padding-left: 5px;
			position: relative;
			background-color:#039ecc;
			width: 27%;
			float: left;
			color: #ffffff;
			/*font-size: 120%;*/
			font-weight: bold;
			font-size: 14px;
			word-wrap: break-word;
			/*min-height: 231px;*/
		}
		
		div.news_hot_panel div.slider_wrap div.buttons_wrap
		{
			/*position: absolute;
			bottom: 10px;
    		right: 10px;*/  
    		text-align:center;
    		margin-top: 5px;		
		}
		
			div.news_hot_panel div.slider_wrap div.buttons_wrap div.button
			{
				float: left;
				/*background-color:#ff0000;*/
				width: 41px;
				/*position: relative;*/
			}
			
			div.news_hot_panel div.slider_wrap div.buttons_wrap div.spacer
			{
				float: left;
				/*background-color:#00ff00;*/
				width: 70px;
				
			}
		
		
	div.news_hot_panel div.text_wrap
	{
		margin-top: 15px;
		background-color: #ffffff;
		
	}
	
		div.news_hot_panel div.text_wrap div.title
		{
			color: #039ecc;
			font-weight: bold;
			font-size: 20px;
			margin-bottom: 5px;
		}
		
			div.news_hot_panel div.text_wrap div.title a
			{
				text-decoration:none;
				color: #039ecc;
			
				
			}
			
			div.news_hot_panel div.text_wrap div.title a:hover
			{
				text-decoration:underline;
			}
		
		div.news_hot_panel div.text_wrap div.date
		{
			color: #000000;
			font-weight: bold;
			margin-bottom: 5px;
			font-size: 12px;
		}
		
		div.news_hot_panel div.text_wrap div.summary
		{
			margin-top: 3px;
			color: #000000;
			word-wrap: break-word;
			font-size: 14px;
			
		}
		
	div.news_hot_panel img
	{
		border: 0px;
	}
		
	div.readmore
	{
		margin-top:3px;
		text-align:right;
	}
	
	div.readmore a
	{
		font-weight:bold; 
		color: #336699; 
		text-decoration:none;
	}
	
	div.readmore a:hover
	{
		text-decoration:underline;
	}

/*
div.news_hot_panel
{
	width: 634px;	
}

	div.news_hot_panel div.wrap
	{
		border: 1px solid #336699;
		padding:5px;
	}
	
		div.news_hot_panel div.wrap .title
		{
			font-weight: bold;
			color: #ffffff;
			background-color: #0793e0;
			font-size: 16px;
			margin-bottom: 3px;
		}
		
		div.news_hot_panel div.wrap .img
		{
			margin-bottom: 3px;
			position: relative;
			background-color:#ffffff;
			text-align: center;
			
		}
		
			div.news_hot_panel div.wrap .mask
			{
				margin-bottom: 3px;
				position: absolute;
				top: 0;
	    		left: 0;
				z-index: 2;
				display: none;
			}
		
		div.news_hot_panel div.wrap .img:hover  .mask
		{
			display: block;
		}
		
		div.news_hot_panel div.wrap .summary
		{
			
		}
		
		div.news_hot_panel div.wrap .meta
		{
		
		}
		
		div.news_hot_panel div.wrap .readmore
		{
			text-align:right;
		}
		
			div.news_hot_panel div.wrap .readmore a
			{
				font-weight:bold; 
				color: #336699; 
				text-decoration:none;
			}
			
			div.news_hot_panel div.wrap .readmore a:hover
			{
				text-decoration:underline;
			}
*/	

/* parte di css per l'elenco di news */

/*
 * Contiene l'elenco delle news.
 * Conviene che il suo sfondo sia uguale a quello di div.news_list_panel div.news_wrap div.img e 
 * div.news_list_panel div.news_wrap div.info_wrap in modo da simulare la continuità nell'altezza dei div
 * anche quando il sommario ha molte righe.
 */
div.news_list_panel
{
	width: 100%;
	/*background-color:#CCD7E9;*/
}

	div.news_list_panel div.title
	{
		font-weight: bold;
		font-size: 14px;
		color: #039ECC;
		margin-bottom: 3px;
		border-bottom: 3px solid #039ECC;
	}

	div.news_list_panel div.filter
	{
		background-color:#00ff00;
	}
	
	div.news_list_panel table
	{
		border-collapse: collapse;
		border: 0px;
		
	}
		div.news_list_panel table tr
		{
			background-color: #FFFFFF;
		}
		
		div.news_list_panel table tr.other
		{
			background-color: #E0E0E0;
		}
		
		
		div.news_list_panel table td
		{
			padding-left: 2px;
			padding-right: 10px;
			padding-bottom: 5px;
			padding-top: 5px;
		}
		
		div.news_list_panel table td.date
		{
			font-weight: bold;
			font-size: 12px;
		}
		
		div.news_list_panel table td.type
		{

		}
		
		div.news_list_panel table td.title
		{
			
		}
		
		div.news_list_panel table td a.type
		{
			font-weight:bold; 
			color: #cc0000;
			text-decoration:none;
			font-size: 12px;
		}
		
		div.news_list_panel table td a.title
		{
			font-weight:bold; 
			color: #336699; 
			text-decoration:none;
			font-size: 12px;
		}
		
		div.news_list_panel a:hover
		{
			text-decoration:underline;
		}

	div.news_list_panel div.row
	{
		
	}	
	
		div.news_list_panel div.row div.date
		{
			float: left;
			font-weight: bold;
			width: 12%;
		}
							
		div.news_list_panel div.row div.type
		{
			float: left;
			width: 25%;
		}
		
			div.news_list_panel div.row div.type a
			{
				font-weight:bold; 
				color: #cc0000;
				text-decoration:none;
			}
				
		div.news_list_panel div.row div.title
		{
			float: left;
			width: 40%;
		}
		
			div.news_list_panel div.row div.title a
			{
				font-weight:bold; 
				color: #336699; 
				text-decoration:none;
			}
		
		div.news_list_panel div.row a:hover
		{
			text-decoration:underline;
		}
				
		
/* parte di css per la news aperta */

div.news_details
{
	padding: 3px;
	/*background-color:#CCD7E9;*/
}

	div.news_details img.image
	{
		float: right;
		display: inline;
		margin: 0 2em 2em 0.5em;
		border: 0px;
	}
	
	div.news_details  p
	{
		margin-top: 0px;
		margin-bottom: 2px;
	}
	
	div.news_details .date
	{
		font-weight: bold;
		font-size: 12px;
	}
	
	div.news_details .title
	{
		font-weight: bold;
		font-size: 20px;
		color: #039ECC;
	}
	
	div.news_details .meta,
	{
		/*color: #ff8900;*/
	}
	
	div.news_details .summary
	{
		/*color: #ff8900;*/
		word-wrap: break-word;
		font-size: 12px;
		font-style:italic;
	}
	
	div.news_details .text
	{
		/*color: #ff8900;*/
		font-size: 12px;
	}

	
/* griglia per le miniature delle immagini collegate */
	
	div.news_details div.images_grid
	{
		width: 100%;
		margin-top:5px;
	}
	
		div.news_details div.images_grid div.row
		{
			clear: left;
		}
		
			div.news_details div.images_grid div.row div.img
			{
				float: left;
				text-align: center;
				/*width: 10%;*/
				margin-right: 2px;
				margin-bottom: 2px;
				background: inherit;
				border: 1px solid #336699;
			}	
		
			div.news_details div.images_grid div.row div.img img
			{
				height: 60px;
			}
	
	
/* ul per i canali rss */
ul.rss
{
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.rss li
	{
		background-image: url(/Common/News/images/rss.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 3px 0 3px 20px;
		margin: .4em 0;
	}

div.btnNewsWrap
{
	width: 80%;
	clear:left;
}

div.btnNews
{
	text-align: center; 
	float:left; 
	height:100px; 
	margin-left:40px;
}

div.btnNews a
{
	font-weight:bold; 
	color: #336699; 
	text-decoration:none;
}

div.btnNews a:hover
{
	text-decoration: underline;
}