/* base */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 4px; font-size: 1px; }

body {
	background-color: #FFFFFF;
	color: #0c2030;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

a {
	color: #3183c9;
}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; _zoom: 1; }

strong, b { font-weight:bold; }
em, i {
	font-style:italic;
	color: #44637d;
}.sopra{
	display: block;
	height: 7px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	background-image: url(../immagini_new/spettro.jpg);
	background-repeat: repeat;
}
.riga {
	height: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9E8E5;
}
.riga_bianca {
	height: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#maincontainer{
	width: 980px; /*840Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFFFFF;
}

#topsection{
	height: 160px; /*Height of top section*/
	background-image: url(../immagini_new/testatina_1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	width: 980px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}
#contentwrapper h1 {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 18px;
	background-image: url(../immagini_new/left-tutlist-hdr.gif);
	background-repeat: repeat-x;
	background-position: left -5px;
	height: 22px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-left: 10px;
}
h1 {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 18px;
	background-image: url(../immagini_new/left-tutlist-hdr.gif);
	background-repeat: repeat-x;
	background-position: left -5px;
	height: 22px;
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
}
.titolo{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}
.titoloart{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 3px;
	margin-top: 3px;
}
h2 {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 0px;
	background-image: url(../immagini_new/left-tutlist-hdr.gif);
	background-repeat: repeat-x;
	background-position: left -5px;
	height: 22px;
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
}
.fondino{
	background-color: #F2F1ED;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 8px;
	font-size: 90%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-right-color: #E9E8E5;
	border-bottom-color: #E9E8E5;
	border-left-color: #E9E8E5;
}
#contentwrapper h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#contentwrapper h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
#contentwrapper h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#contentwrapper ul { margin-bottom: 18px; list-style: none outside; }
#contentwrapper ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#contentwrapper ul.square, #contentwrapper ul.disc,
#contentwrapper ul.circle { margin-left: 2em; }
#contentwrapper ul.square { list-style: square outside; }
#contentwrapper ul.disc { list-style: disc outside; }

#contentwrapper ul.circle { list-style: circle outside; }
#contentwrapper ul ul.circle, #contentwrapper ul.disc,
#contentwrapper ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#contentcolumn{
	margin: 0 200px 0 213px;
}

#leftcolumn{
	float: left;
	width: 213px; /*Width of left column in pixel*/
	margin-left: -980px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E9E8E5;
}

#rightcolumn{
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -200px;
}
#rightcolumn ul {
	margin-top: 4px; margin-bottom: 5px;
}
#rightcolumn ul li {
	list-style: circle outside;
}

/*BRICIOLE*/

#briciole {
	font-size: 11px;
	color: #0c2030;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-shadow: 2px 2px 1px #fff;
	background-image: url(../immagini_new/home_torna.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E9E8E5;
	border-bottom-color: #E9E8E5;
	padding-left: 30px;
}
#briciole a {
	color: #2971a7;
	text-decoration: none;
	padding: 0 10px;
	position: relative;
	_cursor: hand;
}
#briciole a:hover {
	color: #44637d;
	text-decoration: none !important;
}
#briciole a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
#briciole span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(http://images.apple.com/global/nav/images/breadcrumb_sep.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }

/*****************************
BREVI
********************************/



#pscroller1{
	width: 547px;
	height: 100px;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E9E8E5;
	border-bottom-color: #E9E8E5;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/***************************
IMMAGINI
*************************/
.spip_logos {float:left;  margin: 2px 20px 16px 0;}
.spip_logos .loghino {
	float:left;
	clear: both;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 16px;
	margin-left: 0;
}
img.left { float: left; }
img.right { float: right; margin: 2px 0 16px 20px; }
/*************************
PROGETTI
**************************/
dl.progetti {
	padding-top: 0;
	padding-bottom: 3px;
	margin-right: 0;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
	}
dl.progetti dt {
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
	margin-top: 0;
	margin-bottom: 0;
	}
dl.progetti dt a {
	display: block;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 2px;
	}
.progetti:hover {
	display: block;
	}
dl.progetti dt a img {
	float: right;
	padding-right: 2px;
	}

dl.progetti dd {
	line-height: 1.4em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
	}
dl.progetti dd em {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	color: #888;
	}
	
	



/*******************************
CERCA
********************************/

#cerca:hover{

	-moz-opacity:1.0;

}




#cerca input{
	width:175px;margin-left:5px;
	font-size: 1em;
	margin-top:3px;
	background-color: #BEE3E3;
}

#cerca input:focus{

	background:#FFF;

}




#dx { float:right; }



.spip_surligne{
	background-color: #95C1DD;
}

	
	

/* PIEDE */
#footer {
	color: #0c2030;
	font-size: 10px;
	margin: 18px auto;
	padding-bottom: 36px;
	text-align: left !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9E8E5;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0; }
#footer p { margin-bottom: 1em; }
#footer a { color: #2971a7; }
#footer form { margin: 18px 10px; }
#footer .par {
	float: left;
	width: 40%;
	margin: 18px 0 9px;
}
#footer .mappa {
	text-align: left;
	float: right;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
}
#footer .mappa a { padding: 0 10px; white-space: nowrap; }
#footer .parco {
	clear: both;
	width: 100%;
	border-top: 1px solid #E9E8E5;
	text-align:center;
	line-height: 34px;
}
#footer .parco a { padding: 0 10px; }

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
}



.innertube{
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/****************************
LinkBOX
*****************************/
#box {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
}

#ist, #vi_fp, #ue_it, #all{
	background-image: url(../immagini_new/left-tutlist-hdr.gif);
	background-repeat: repeat-x;
	background-position: left -4px;
	color: #00284A;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	line-height: 22px;
	height: 22px;
}
a.linkbox {
	color:#0c2030;
	text-decoration:none
}
a.linkbox:hover {
	background: none;
	text-decoration:underline
}
table {
	width: 100%;
	}
table td {
	padding: 0;
	border-top-width: 0;
	vertical-align: top;
	}
	table a {
	text-decoration: none!important;
	color: #0c2330;
}


/********** MENU ACCORDION *************/
.arrowlistmenu{
width: 213px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: white;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	background-color: #00284a;
	background-position: center;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E8E5;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	background-color: lightblue;
	background-image: url(../immagini_new/play.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	background-color: lightgreen;
	background-image: url(../immagini_new/su.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.arrowlistmenu ul li a{
	color: #3183c9;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E8E5;
}

.arrowlistmenu ul li a:visited{
	color: #44637d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
	background-color: lightblue;
	background-image: url(../immagini_new/giu.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.lien{
	margin-top: 3px;
	margin-bottom: 3px;
}

/**************************
CAROSELLO
**************************/
.fl {
	float: left; display: inline;
}

.news_slider {
	position: relative;
	width: 180px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #F2F1ED;
}

.news_slider .prev, .news_slider .next {
	position: absolute; top: 42%; display: none;
}
.news_slider .next {
	right: 0px;
}
.news_slider .container {
	position: relative;
	top: 0;
	left: 0;
	width: 50%;
}
.news_slider .news_items {
	/*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative;
	width: 140px;
	top: 0;
	left: 20px;
	overflow: hidden;
}

.news_slider .item {
	/*
        Must contain a width and a margin-right.
    */
	width: 130px;
	margin-right: 10px;
}
.news_slider .item div {
	width: 130px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
}
.news_slider .item img {
	padding: 10px;
}