#wrapper{
 background-color: #FFFFFF;
}

#footer{
 background-color:white;
}
.header_comune{
  overflow:hidden;
  position:relative;
  height:147px;
}

.header_comune #logo{
 position:absolute;
 top:
}
/******** SLIDER IMMAGINI COMUNE********/

.slider {
	margin-bottom: 5px; margin-top: 10px;
	float:left;
	width:960px;
	height:394px;
	position:relative;
	}

.sliderContent {
	float:left;
	width:960px;
	height:394px;
	clear:both;
	position:relative;
	overflow:hidden;
	}

.sliderContent .item {
	position:absolute;
	width:960px;
	height:394px;
	background:#fff;
	}

.sliderBullets {
	position:absolute;
	bottom:5px;
	left:310px;
	z-index:50;
	margin-left:0px;
	}
	
.sliderContent div.caption {
	background: none repeat scroll 0 0 rgba(66, 66, 66, 0.7);
	color: #FFFFFF;
	border-bottom-right-radius: 2px;
	bottom: 125px;
	left: 0px;
	/*max-width: 580px;*/
	position: absolute;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
	z-index: 500;
	}

.sliderContent p {
	font-size: 19px;
	margin-bottom: 0;
	padding: 0px 14px 14px;
	text-transform: uppercase;
	}
	
.sliderContent span.sottotitolo_evento {
	text-transform: none;
	}
	
.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:10px;
	height:11px;
	background:url(/images/bullets.png) no-repeat;
	}

.sliderBullets .active {
	background-position:0 -11px;
	}

.sliderContent a {
	outline:none;
	}
	
	/******** MENU ********/

.header_sfondo {
	background: url(../images/bg_cities_bw.png) no-repeat;
	margin: -10px; z-index:-100; width: 980px; height: 144px;
	position: absolute; top: 0; left: 0;
	}
	
#menu_comune {
 position:absolute;
	top: 110px; right: 260px;
}
	
#menu_comune li {
	display: inline;
	list-style-type: none;
	margin: 23px 10px 0;
	padding: 0;
	color: #424242;	
	font-family: Futura;
	font-size: 18px;
	text-transform: uppercase;
	}
	
#menu_comune li a {
	color: #424242;
	text-decoration: none;
	}

/******** MENU A COMPARSA ********/
#menu_comune_2 {
	background-color: #424242;
	color: #FFFFFF;
	position:absolute;
	top: 0px; left: 0px;
	width: 960px;
	margin: 0px 10px;
	z-index: +100;
	}

#menu_comune_2 li {
	display: inline;
	list-style-type: none;
	margin: 23px 10px 0;
	padding: 0;
	color: #FFFFFF;	
	font-family: Futura;
	font-size: 18px;
	text-transform: uppercase;
	}

#menu_comune_2 li a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
		
	/********* CANALI TEMATICI *********/
	
.icon_box {
	list-style-type: none;
    margin: 0 0 0 -5px;
    overflow: hidden;
    padding: 0;
	}

.icon_box li.canale, {
	background: none repeat scroll 0 0 #F4F4F4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	float: left;
	height: 230px;
	margin: 0 0 6px 0px;
	overflow: hidden;
	padding: 0px 25px;
	text-align: center;
	transition: all 0.14s ease 0s;
	width: 185px;
	}
	
div.icon_canale {
	background: none repeat scroll 0 0 #DBD9D9;/*#F4F4F4;*/
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	float: left;
	height: 65px;
	/*margin: 0 0 6px 0px;*/
	overflow: hidden;
	padding: 2px;
	text-align: center;
	transition: all 0.14s ease 0s;
	width: 185px;
	float: left;
	position: relative;
	
	img {margin: -5px -10px;}
	}
	
div.canale_elenco {
		width: 750px;
		float: left;
		/*height: 90px;*/
		/*margin-left: 10px;*/
		border-bottom: 4px solid #888888;
  position:relative;
	}
	
ul.elenco_servizi {
	list-style-type: disc;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.elenco_servizi li {
	padding: 4px 0;
	font-weight: 11px;
	}
	
.canale_titolo {
	color: #424242;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 14px;
	position: absolute;
 width:100%;
 text-align:center;
 left:0px;
	bottom: 0px;
	}

/******   elenco sotto icone   ******/

ul.text_icone { 
		margin:2px 0 0;
		padding:0;
	}
ul.text_icone li { 
		display:inline !important;
		float:left;
		list-style-type:none;
		margin:0;
		width:60px;
		cursor:pointer;
		padding:0;
		background-color:transparent;
		border:0 none;
		outline:0 none;
		clear:none;	
		text-align: center;
	}	
ul.text_icone li a { 	
		color: #000000;	
		font-size: 10px;
		text-decoration:none;
	}

	
/***********  SEZIONE EVENTI  **********/	

.home_events { /*min-height: 720px;*/
	padding: 120px 0 0;}
	
.titolo_sezione_home	{
	color: #424242;	
	font-family: Futura;
	font-size: 48px;
	text-transform: uppercase;}
.titolo_inglese {
	/*color: #a50908;*/
	color: #2F76B6;	
}

.sottotitolo_sezione_home {
	color: #2F76B6;	
	font-family: Times;
	font-size: 16px;
	font-style:italic;	
	width: 630px;
	float: left;
}
.linkbutton	{
	background-color: #22add7;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	padding: 4px;
	text-decoration: none;	
}

.divisore {
	border-top: 4px solid #888888;
	padding: 30px 0 0;
}
.divisore2 {
	border-top: 4px solid #888888;
	padding: 4px 0 0;
}	
#orologio {
	color: #424242;	
	font-family: Futura;
	font-size: 18px;
	font-weight: bold;
	margin-bottom:12px;
}

.box_eventi {
	background: none repeat scroll 0 0 #F4F4F4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	padding: 0px; 
 width: 305px;
 float:left;
 height:120px;
 margin:5px;
 
}	

.box_eventi .eventi_img	{
	width: 120px;
 height:120px;
 overflow:hidden;
	float: left;
}

.box_eventi .eventi_dati {
	float:right; width:178px;padding-top:10px
}

.eventi_categoria {color: #22add7; font-weight: bold; font-size: 12px; text-transform: uppercase;}
.eventi_titolo {color: #424242; font-weight: bold; font-size: 14px; padding: 10px 0px;}
.eventi_orario	{color: #424242; font-style: italic; font-size: 12px;}
	


.footer_comune {
 font-family:arial;
	background-color: #424242;
	color: #FFFFFF;
	width: 960px;
 font-size:12px;
	margin: 10px 10px;
	padding: 25px 0px;
	text-align: center;
}



/**** ELENCO CATEGORIE */
.bottonecategorie{

    display:inline-block;
    height:70px;
    overflow:hidden;
    position:relative;
    width:70px;
    text-align:center;
    /*color: #000000;*/
    font-size:10px;
    text-decoration:none;
    cursor:pointer;
}

.bottonecategorie.disabled{cursor:default;color:#808080;opacity: 0.3;}

.bottonecategorie .iconbox{
    margin:0px auto;
    height:40px;
    width:57px;
    position:absolute;
    bottom:0px;
    left:6px;
    overflow:hidden;
}
.bottonecategorie .buttonicon{position:relative;top:30px;margin:0px auto;width:50px}

.bottonecategorie:hover .buttonicon{top:0px}
.bottonecategorie .buttontitle{height:30px}




.canale_elenco .scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 660px;
  height:70px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.canale_elenco .scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.canale_elenco .scrollable .items > div {
    float:left;
}

.canale_elenco a.browse.disabled{visibility:hidden}

.canale_elenco a.categorieprev{
    margin-top:20px;

/*  position:absolute;
  top:30px;
  left:0px;
*/
}

.canale_elenco a.categorienext{
    margin-top:20px;
  /*position:absolute;
  top:30px;
  right:0px;
  */
}

  
/***** FINE ELENCO CATEGORIE *****/




.coloreconvenzione_3{ color:green;}


.box h1{

	}
 
 
 
 
.carousel_eventi .scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 945px;
  height:400px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.carousel_eventi .scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.carousel_eventi .scrollable .items > div {
    float:left;
}

.carousel_eventi a.browse.disabled{visibility:hidden}

.carousel_eventi a.categorieprev{
    margin-top:20px;
    position:absolute;
    top:200px;
    left:-10px;
/*  position:absolute;
  top:30px;
  left:0px;
*/
}

.carousel_eventi a.categorienext{
    position:absolute;
    top:200px;
    right:-10px;
  /*position:absolute;
  top:30px;
  right:0px;
  */
}