@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	
}

#contenitore{
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
}

/*inizio stili per la firma in alto con gli stili per il testo per la versione per non vedenti*/

#firma-invisible{
	height: auto;
	width: 900px;
}
h1{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
}


h1 span {
	display:none;
}


#title{
	display:block;
	height: 50px;
	width: 900px;
}

.firma-logo{
	height: 50px;
	background-image: url(../img/firma.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}


/* stili per la barra della immagini*/


#immagini{
	height: 70px;
	width: 900px;
	background-image: url(../img/barra_img.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	clear:both;
}

/*inizio stili per la barra di navigazione*/

#barra_nav{
	width: 900px;
	height: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	clear:both;

}

#barra_nav ul{
	width: 900px;
	margin-left: 0px;
	padding-left: 2px;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	margin-top: 8px;	
}


#barra_nav ul li{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	float: left;
	width: 150px;
	
}

#barra_nav ul li a{
	color: #FFF;
	text-decoration: none;
	
}

#barra_nav ul li a:hover{
	color: #BB7DDE;
	text-decoration: none;	
}


#barra_nav ul li a.sell{ 
color: #BB7DDE;
text-decoration: none;
}


/*inizio stili per il contenitore centrale*/

#contenitore_centrale{
	min-height: 520px;
	height: 520px;
	width: 900px;
	margin-top: 10px;
	
}

# h2{
}
h2 span {display:none;
}


#spazio_sin{
	width: 305px;
	float: left;
}

#immagine_home{
	height:400px;
	width:900px;
	background-image: url(../img/home.jpg);
	background-repeat: no-repeat;
	margin-bottom:100px;
}





/* classi per le scritte in corsivo magenta laterali*/

.biografia{
	background-image: url(../img/biografia.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 305px;
}

.home{
	background-image: url(../img/home-testo.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 305px;
}

.contatti{
	background-image: url(../img/contatti.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 305px;
}

.opere{
	background-image: url(../img/opere.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 305px;
}



.mostre{
	background-image: url(../img/mostre.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 305px;
}




/*stile per il testo del box centrale*/

#spazio_testo{
	width: 595px;
	float: left;
	
}

#spazio_testo p{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	color: #D0D0D0;
	line-height: 17px;
	padding-right: 15px;
	padding-top: 10px;
	margin-top: 27px;
	
	
}

#spazio_testo p span{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: lighter;
	color: #D0D0D0;
	line-height: 17px;
	padding-right: 5px;
	padding-top: 10px;
	margin-top: 27px;

	
}

#spazio_testo ul{
	list-style-type: none;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: lighter;
	color: #D0D0D0;
	line-height: 17px;
	margin-left: 0px;
	padding-left: 0px;
	
}

#spazio_testo_contatti{
	width: 595px;
	height:450px;
	float: left;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: 18px;		
	
}

#spazio_testo_contatti p{
	font-size: 15px;
	line-height: 25px;
	font-weight: lighter;
	color:#FFF
}


#spazio_testo_contatti img{
	border: 1px solid #bb7dde;
	margin-bottom:20px;
}

.margine_alto{
	margin-top:27px;}


/*stili per il piedino*/


#piedino{
	width: 900px;
	height: 50px;
	border-top-style: solid;
	border-top-color: #BB7DDE;
	clear: both;
	border-top-width: 20px;
	margin-right: auto;
	margin-left: auto;	
}

#piedino p{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #FFF;
	margin-left: 2px;
	font-size: 13px;
	float:left
	
	
}

.magenta{
	color: #BB7DDE;
}

#piedino img{
	float:left;
	margin-top: 12px;
	border:0;
}

.spazio_laterale{
	margin-left: 230px;
	margin-right:20px;
}

.testo-credits{
	font-size: 9px;
	font-weight: lighter;
	margin-top:0;
	padding-top:0;
	color: #BB7DDE;
}


/*inizio stili per il java*/

.mf * {
	outline:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	border:none;
	padding:0;
	margin:0
}
.mf.load {
	background-color: #000;
	background-image: url(../img/ajax_loader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:110;
	margin:1em auto;
	top:55%;
	width:100%;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.MooFlowNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background-image: url(../img/play.gif);
	background-repeat: no-repeat;
}
.mf a.stop{
	background-image: url(../img/stop.gif);
	background-repeat: no-repeat;
}

.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background-image: url(../img/resize.gif);
	background-repeat: no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf div.slider{
	height:16px;
	position:relative;
	text-align:left;
	float:left;
	background-image: url(../img/middle.gif);
	background-repeat: repeat-x;
}
.mf div.knob{
	height:16px;
	background-image: url(../img/middle-slider.gif);
	background-repeat: repeat-x;
	background-position: right center;
}
.mf div.knobleft{
	width:8px;
	height:16px;
	background-image: url(../img/left-slider.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.mf a.sliderNext{
	background-image: url(../img/left.gif);
	background-repeat: no-repeat;
}
.mf a.sliderPrev{
	background-image: url(../img/right.gif);
	background-repeat: no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}

.mf a.show {
	position:absolute;
	margin-left:-16px;
	width:32px;
	height:32px;
	top:70%;
	left:50%;
	z-index:100;
	cursor:pointer;
}
.mf a.show.image{
	background-image: url(../img/open_link.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
.mf a.show.viewerload{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
.mf a.show.link{
	background: no-repeat 50%;
}
.mf div.tooltip{
	width:262px;
	margin-left:-151px;
	height:70px;
	padding:20px;
	position:absolute;
	z-index:101;
	top:0;
	left:50%;
	text-align:center;
	background-image: url(../img/tooltip.png);
	background-repeat: no-repeat;
	background-position: 50%;
}

.invisibile{display:none;
}