/* @override http://www.ascani.com/assets/css/main.css */

@import url('lib/reset.css');
@import url('lib/typography.css');
@import url('lib/forms.css');

/*----------------------------------
	GENERAL STYLES
	Stili per i tag
----------------------------------*/
html, body {
height:100%;
}
body { margin: 0 auto; background: #FFFFFF url(images/sfondo.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:center;}
a {color:#000000;}

.contenuto	{ width: 970px; margin: 0 auto; position:relative;}
.spanner		{ clear: both; }

div.hr hr,
div.hr2 hr2 { display: none; }

.hr{ width: auto; height: 5px;
background: url(images/hr.jpg) repeat-x;
	
}
div.hr2 	{ height: 3px; border-bottom:1px dotted #ccc; margin-bottom: 10px; }

/*----------------------------------
	PAGE STRUCTURE
	Stili per gli elementi strutturali
----------------------------------*/
#wrapper 		{
text-align:left;}


#contentWrapper{margin:0 auto; position:relative; background:url(images/sfondo.png) repeat-y; width:970px;}

#header			{ position: relative; width: 970px; top: 0; margin:0 auto; left: 0; }
#footer			{ width: 970px; height: 50px; padding-top: 18px; text-align: center; color: #fff; background:url(images/footer.jpg) no-repeat; margin: 0 auto; font-size: 11px;}


#banner{ width: 950px; height: 237px; margin:0 10px; background:url(images/banner.jpg) no-repeat; float:left; padding:3px 11px;}


#first		{
	width: 200px;
	float: left;
	padding: 5px 10px 10px 25px;
}
#first h2{background: url(images/news.jpg) no-repeat; height:35px; color:#FFFFFF; padding:5px 0 0 5px;}
#first h3{font-size: 1.1em; line-height: 1; margin-bottom: 0.4em;  color: #023C84;padding:2px 5px; font-weight:bold; list-style-type:circle; border-left: 2px solid #023C84;}
#first h4{font-size: 0.9em; margin-bottom: 0.75em; font-weight:normal;padding:0 5px;}
#first ul{ border-bottom: 1px dotted #ccc;}

#main		{
	width: 500px;
	float: left;
	padding: 5px 0 10px 0;
}

#main h1{background: url(images/main.jpg) no-repeat; height:35px; color:#FFFFFF; padding:5px 0 0 5px;}
#main h3{font-size: 1.1em; line-height: 1; color: #000; padding:2px 5px;}
#main h4{font-size: 0.9em; margin-bottom: 0.75em; font-weight:normal; padding: 0 5px;}

#main .allegati{width:95%;  margin-left:5px; margin-bottom:10px;  font-size: 0.9em; line-height: 1; color: #333; border:6px solid #E6EEF4;}
#main .allegati ul{overflow:auto;}
#main .allegati ul li{ float:left; padding:5px;}
#main .allegati ul li p{padding-top:5px;}
#main .allegati ul li p.tit{ color:#0D72BA; font-weight:bold;}
#main .allegati ul li p.name{color:#329CD7;}
#main .allegati ul li p.dim{color:#ccc;}




#sidebar		{ width: 200px; float: right; padding: 5px 25px 10px 0;}
#sidebar h2{background: url(images/sponsor.jpg) no-repeat; height:35px;  color:#FFFFFF; padding:5px 0 0 5px;}

#sidebar u li{border-bottom: 1px dotted #D52329;}

img {border: none;}
/*----------------------------------
	PAGE COMPONENTS
	Stili per gli elementi nelle pagine
----------------------------------*/
#logo {width:240px; height:260px; position:absolute; padding: 0px 10px 0 30px;}



#header .tophead{
	  width: 970px; margin: 0 auto; position:relative;
}
#newsletter{
background:url(images/newsletter.jpg) no-repeat;
	height:60px;
	position:absolute;
	right:25px;
	width:305px;
	top:0;
	float: left;
}




#newsletter p.join {color: #fff; font-size:11px; position: absolute; margin-top: 15px; width: 360px; padding-left: 15px;}
.join input{
}

.lang{float:left;
padding:0 30px 0 10px;
width:70px;}

span.lang a{color:#81AABD; padding:0 5px;}
span.lang a:hover{color:#FFFFFF;}

input[type="text"], input[type="password"], textarea {
width:14.5em;
}
#newsletter p.join input {margin-left: 10px;font-size:11px;}
#newsletter p.join input.invia{ position: absolute; margin-top: -7px;
}

/* My Comment */
/*----------------------------------
	OVERRIDES
	Stili per gli overrides
----------------------------------*/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:12px;
	right:25px;
	clear:both;
	}
.menu ul{
	
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:255px;
	padding-top:80px;width:690px;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#329CD7 url("images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #0071BC url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:200px;
		z-index:2000;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
			
			.menu li ul li:hover a{
			background:#06ABF4 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
	


#box{
}

#box ul{margin:0; padding:0;}
#box ul li{
list-style-type:none;
margin-bottom:3px;
margin-right:10px;
}





/* @group My Group */



/* @end */


.carousel-component { 
	padding:8px 16px 4px 16px;
	margin:0px;
}

.carousel-component .carousel-list li { 
	margin:4px;
	width:50px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:190px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 

	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}

.bright {
    filter: alpha(opacity=100); -moz-opacity:1.0;
}
.dim {
    filter: alpha(opacity=40); -moz-opacity:0.4;
}

.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}