body{
	background-image:url(../img/bg_home_principale.jpg);
	background-position: 50% 0px;
	background-color:#010202;
	border-top: 18px solid #414140;
	margin:0px;
	font-size:12px;
	font-family: Helvetica, Geneva, Arial, sans-serif
}
a img{	border:0px;	outline:0px;}
#conteiner{
	width:752px;
	margin:0px auto;
}

/*********************-> COLONNA (1) <-****************************/
#colonna1{
	background-image: url(../img/bg_main_home.jpg);
	background-repeat:no-repeat;
	float:left;
}
	.centro{
		padding:30px;
		width:375px;
	}
	.centro p{
		text-align:justify;
		color:#FFFFFF;
		letter-spacing:0.01em;
		width:345px;		
	}
	.centro ul{
		margin:0px;
		padding:0px;
	}
	.centro li{
		width:341px;
		height:89px;
		background-image:url(../img/bg_label.png);
		list-style:none;
		padding:0px;
		margin-bottom:18px;
	}
	.centro ul li a strong{
		color:#e61b1b;
	}
	.centro ul li a img{
		margin-bottom:10px;
	}
	
		.festival a, .corsi a, .stagione a, .tavole a, .petrassi a{
			color:#b2b2b2;
			display:block;
			height:89px;
			background-repeat:no-repeat;
			text-decoration:none;
			padding:30px 0px 0px 100px;
		}
	
		.festival a{ background-image:url(../img/img_festival.gif)}
		.corsi    a{ background-image:url(../img/img_corsi.gif)}
		.stagione a{ background-image:url(../img/img_stagione.gif)}
		.tavole   a{ background-image:url(../img/img_tavole.gif)}
		.petrassi a{ background-image:url(../img/img_petrassi.gif)}
/**fine***************-> COLONNA (1) <-****************************/

/*********************-> COLONNA (2) <-****************************/
#colonna2{
	float:left;
	padding-top: 20px;
}
	#news{
		width:247px;
		height: 520px;
		background-image:url(../img/bg_news.gif);
		display:block;
		color:#FFFFFF;
		margin-top: 25px;
	}
		#news ul{
			list-style:none;
			padding:0px;
			padding:40px 10px;
			margin: 0px 0px 0px 30px;
		}
		#news ul li{
			margin-bottom:20px;
			font-size:12px;
			position:relative;
		}
		#news ul li strong{
			color:#d51212;
			display:block;
			font-size:15px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-weight:normal;
		}
		#news ul li span{
		position:absolute;
		background:#a40d0d;
		float:left;
		left:-25px;
		top: 4px;
		color:#FFFFFF;
		width:20px;
		text-align:center;
		font-size:10px;
		}
		#news ul li span em{
			display:block;
			background-color:#000000;
			font-style:normal
		}
		#news a{
			color: White;
			text-decoration: none;
		}
		#news a:hover{
			color: White;
			text-decoration: none;
		}
		
/**fine***************-> COLONNA (2) <-****************************/



/*********************->    FOOTER <-****************************/
#footer{
	width: 700px;
	background-image: url(../img/footer.jpg);
	float: left;
	padding: 0px;
	margin: 0px;
	color: White;
	font-size: 10px;
	height: 35px;
}
	#footer div{width: 440px;  float: left; height: 30px; text-align: center;}
	#footer div + div{width: 210px;  float: left; height: 30px; text-align: center;}
	#footer div + div a{
		color: Gray;
		font-family: "Times New Roman", Times, serif;
		font-size: 15px;
		font-weight: bold;
		text-decoration:none;
		margin-top: 10px;
		display: block;
	}
	#footer div + div a:hover{ color: #960c0c;}

#footer2{
	width: 700px;
	color: #555553;
	font-size:9px;
	margin-top:10px;
}
	#footer2 div{width: 50%;  float: left; height: 30px;}
		#footer2 div a{	color: #555553;	font-size:9px; text-decoration:none; font-weight:bold;}
		#footer2 div a:hover{	color: #9b0c0c;	font-size:9px; text-decoration: underline}
	#footer2 div + div{width: 50%;  float: left; height: 30px; text-align:right}


/*FINE****************->    FOOTER <-****************************/


/************************************************/
/*************>    GALLERY   <*******************/
/************************************************/
/* INIZIO Slide Show in home page*/
#insideCornice{
	position:absolute;
}
#insideCornice span{
	display:block;
	float:left;
}
.maschera{
	position:relative;
	width:198px;
	height:137px;
	overflow:hidden;}
#Cornice{
	padding-top:26px;
	padding-left:27px;
	width: 224px;
	height: 165px;
	overflow:hidden;
   background-image:url(../img/cornice.gif);	
}
/* FINE Slide Show in home page*/

/* -------------------------------------------------------------- 
  
   * CSS HACKS.
-------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */