

body {

	background-color: silver;

	text-align: center;

	/*height: 100%;*/

	/*overflow: hidden;*/

	margin: 0;

	padding: 0;

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-size:10pt;

	/* personalizzazione scrollbar in ie */

	scrollbar-arrow-color: white;

	scrollbar-3dlight-color: black;

	scrollbar-darkshadow-color: black;

	scrollbar-face-color: black;

	scrollbar-highlight-color: white;

	scrollbar-shadow-color: white;

	scrollbar-track-color: black;

}



/*sezioni*/



div#container{

	background-color: white;

	margin-top: 80px;

	margin-left: auto;

	margin-right: auto;

	width: 900px;

	height: 450px;

	text-align: left;

}

div#menu{

	margin:0;

	width: 900px;

	height: 50px;

	background-color: black;

}

div#contenuti{

	margin:0;

	width: 900px;

	height: 350px;

}



div#down{

	clear:both;

	margin:0;

	width: 900px;

	height: 50px;

	background-color: black;

}



div.Sx{

	float:left;

	margin:0;

	width: 450px;

	height: 350px;

	overflow:auto;

	background:white;

	scrollbar-arrow-color: black;

	scrollbar-3dlight-color: white;

	scrollbar-darkshadow-color: white;

	scrollbar-face-color: white;

	scrollbar-highlight-color: black;

	scrollbar-shadow-color: black;

	scrollbar-track-color: white;

}



div#Dx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	overflow:auto;

	background-color: black;

	text-align: center;

}

div#blackDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	overflow:hidden;

	background-color: black;

	text-align: center;

}

/*div homepage*/



div#centroHome{

	margin:0;

	width: 900px;

	height: 350px;

	background-image: url(background/home.jpg);

}



div#info{

	margin:0;

	width: 300px;

	height: 350px;

	float:right;

	overflow:auto;

}



/*div eventi*/



div#eventiDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	background-image: url(background/eventi.jpg);

}

/*div chisiamo*/



div#chisiamoDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	background-image: url(background/chisiamo.jpg);

}



/*div contatti*/



div#mappa{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

}



/* div artisti */

div#artistiDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	background-image: url(background/artisti.jpg);

}



/* div gallery */

div#galleryDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	background-image: url(background/gallery.jpg);

}



/* div press */

div#pressDx{

	float:right;

	margin:0;

	width: 450px;

	height: 350px;

	background-image: url(background/press.jpg);

}



/*pulsanti menu*/



ul#pulsantiera{

	list-style: none;

	margin:0;

	padding:0;

}

ul#pulsantiera li{

	margin:0;

	float: left;

	height:50px;

	width:75px;

	min-width:75px;

	min-height: 50px;

	text-align:center;

}

ul#pulsantiera li a{

	font-size:10pt;

	color: white;

	margin:0;

	width:75px;

	height:50px;

	display: block;

	text-decoration:none;

}



ul#pulsantiera li a:hover{

	background-color: white;

	color:black;

}

ul#pulsantiera li a#active{

	background-color: white;

	color:black;

}



a.flag img{

	padding:0;

	margin:0;

	color:black;

	font-size: 0px;

	text-decoration: none;

	float:right;

	border: 0px;

}



div#mappa a img{

	border: 0px;

}



/* testi */



a{

	text-decoration: none;

	color:black;

}

a:hover{

	text-decoration: underline;

	font-weight:bold;

}



div#down h1{

	padding:10pt;

	color: white;

	font-size: 14pt;

	font-weight: bold;

	font-variant:small-caps;

}

div#down a{

	color: white;

	font-size: 14pt;

	font-weight: bold;

	text-decoration: none;

	font-variant:small-caps;

}

/*info homepage */

div#info p{

margin:0;

padding:20px;

text-align:justify;

}

div#info h1{

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	font-size: 14pt;

	font-weight: bold;

	margin:0;

}

div#info h2{

	padding-left: 20px;

	font-size: 12pt;

	margin:0;

}

div#Dx h1{

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	font-size: 14pt;

	font-weight: bold;

	margin:0;

	color:white;

	text-align:left;

}

/*riquadro di sinistra*/



div.Sx p{

	margin:0;

	padding-left:20px;

	padding-right:20px;

	font-size: 10pt;

	text-align:justify;

}

div.Sx h1{

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	font-size: 14pt;

	font-weight: bold;

	margin:0;

}



div.Sx h2{

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	font-size: 12pt;

	margin:0;

}

div.Sx a img{

 border: 0;

}

div.Sx img{

	padding-bottom: 20px;

	padding-left: 20px;

	padding-right:20px;

	margin:0;

	float: right;

}

span.centrato{

 text-align:center;

}

*.bold{

	font-weight: bold;

}

/*lightbox css*/

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{border: none;}



#outerImageContainer{

	position: relative;

	background-color: #eeeeee;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{padding: 5px;}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{left: 0;}

#hoverNav a{outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(dati/gallery/lightbox/images/blank.gif) no-repeat; /* IE Hack showing hover */

	display: block;

	}

#prevLink, #prevLink:hover, #prevLink:visited:hover{

	left: 0;

	float: left;

	background: url(dati/gallery/lightbox/images/prev.gif) left 100% no-repeat;

	}

#nextLink, #nextLink:hover, #nextLink:visited:hover{

	right: 0;

	float: right;

	background: url(dati/gallery/lightbox/images/next.gif) right 100% no-repeat;

	}



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #eeeeee;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{padding:0 10px; color: #333;}

#imageData #imageDetails{width: 70%; float: left; text-align: left;}	

#imageData #caption{font-weight: bold;}

#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;}			

#imageData #bottomNavClose{width: 50px; float: right;  padding-bottom: 0.7em;}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	

.thumbs{

	text-align: center;

	margin: 5px auto 5px auto;

	padding: 0px 10px 0px 10px;

	/*border-bottom: 1px dashed #cccccc;*/

}

.thumbs img{

	border: 0px;

	padding: 0px;

	margin: 5px;

}

	

/*fine lightbox css*/

/*########################################################
 mod by manuel.brembilla(at)gmail.com - 08/10/2009	
 - Adding styling for multilanguage navbar	
 - Adding styling for artists categories
########################################################*/

#menu #pulsantiera li a {
	line-height: 50px;
}

#menu #pulsantiera li a.multi {
	line-height: 24px;
}

#menu #pulsantiera li a .hide {
	display: none;
}

#CatList a:hover {
	text-decoration: none;
	font-weight: normal;
}

#Catlist {
	margin: 0 0 0 20px;
}

#CatList dt {
	text-transform: uppercase;
	line-height: 25px;
	font-size: 14px;
}

#Catlist .open a {
	padding: 0 5px;
	background-color: black;
	color: white;
	font-weight: bolder;
}

#CatList dt a:hover span.label {
	text-decoration:underline;
	font-weight: bolder;
}

#CatList dd {
	margin: 0 0 0 30px;
	padding: 0;
	display: none;
}

#CatList ul {
	padding: 0;
	margin: 0;
}

#CatList li {
	list-style-type: none;
	list-style-position: outside;
	line-height: 20px;
}

#CatList li a:hover {
	text-decoration: underline;
	font-weight: bolder;
}