/**********************************************************************************************************************/
		/*ANDREA ROCCA 2011*/
		/**********************************************************************************************************************/
		body{
			text-align: 		center;
			margin:				0;
			padding:			0;
			border:				0;
			font-family:		Lucida Sans Unicode,courier,sans-serif;
			font-weight:		600;
			letter-spacing:		0.5px;
			background-color:	#dedede;
			color:				#fff;
			}		
				
		/*CONTENITORE PRINCIPALE*/	
		div#container{
				/*width: 		1300px;*/
				height:			100%;
				text-align: 	left;
				margin: 		auto;
				margin-left:	200px;
				padding: 		0;				
				z-index:		0;
				}		
				
		/*======================================================================================================*/
		/*SEZIONE DELL'INTESTAZIONE*/
		/*======================================================================================================*/
		
		div#header {
			/*width: 	1285px;*/
			height: 	400px;
			margin: 	0px;
			padding: 	10px 0 0 0;
			border: 	0;
			background: transparent;
			position: 	absolute;
			top: 		0;
			z-index: 	0;
			}		
		
		/*CONTIENE IL TITOLO ALL'INTERNO DEL DIV #header a sua volta contenuto in h1*/	
		#title{
			color: 			#fff;
			text-align: 	center;
			font-family:	inherit;
			font-size: 		14px;
			line-height:	0.5;
			background: 	#000;
			margin: 		15px 30px;
			padding: 		12px 10px 7px 7px;
			z-index:		2;
			width:			800px;
			height:			55px;
					border: 				3px solid #333;
					/*raggio degli angoli arrotondati*/
					-moz-border-radius:		60px 0px 60px 0px;
					-webkit-border-radius:	60px 0px 60px 0px;
					border-radius:			60px 0px 60px 0px;
					/*ombra del box*/
					box-shadow: 			6px 6px 3px #666;
					-moz-box-shadow:  		6px  6px 3px #666;
 					-webkit-box-shadow:  	6px  6px 3px #666;
			}
			
		/*INTESTAZIONE DI PRIMO LIVELLO*/
		h1{
			color: 			#fff;
			text-align: 	left;
			font-family:	calligraphic,SF Movie Poster,lucida sans unicode,serif;
			font-style: 	oblique;
			font-variant:	small-caps;
			font-size: 		33px;
			font-weight:	600;
			letter-spacing: 3px;
			background: 	transparent;
			margin: 		0;
			padding: 		0;
			display:		inline;
			z-index:		10;
			line-height:	1.1;
			position:relative;
		}
		
		/*TESTO EVIDENZIATO*/
		span{
			color:			#FF8000;
			font-weight:	600;
			font-size:		40;
		}
		
		
		
		/*==============================================================================================================*/
		/*BOX POSIZIONATO ASSOLUTAMENTE CON ELEMENTI GRAFICI DI ABBELLIMENTO*/
		/*==============================================================================================================*/
		#info {
			width: 			550px;
			height: 		100%;
			position: 		absolute;
			top: 			200px;
			left:			600px;
			margin: 		19px 0 0 0;
			padding: 		0; 
			background: 	url(../imm/arabesco.png) no-repeat transparent;
			z-index: 		20;
			text-align: 	justify;
			font-size: 		15px;
			font-family:	inherit;
			line-height:	1.7;
			border-top: 	4px double #000;
			overflow: 		hidden;
			}			
				
	.rabesque{
		width:				200px;
		height:				500px;
		float:				left;	
		z-index:			50;
		}	
		
		
		/*riga orizzontale.nascosta. non utilizzata nell'index, eventualmente utile per posizionamenti.*/
		hr{display: none;}	
		

		
		/*=====================================================================================================================*/
		/*MENU DI NAVIGAZIONE PRINCIPALE*/
		/*=====================================================================================================================*/
		div#menu {
				width: 		600px;
				height:		40px;
				float: 		left;
				margin: 	10px 0 10px 0;
				padding: 	0;
				z-index: 	30;
				background:	#fff;
				color:		#000;
				position:	absolute;
				top: 		140px;
				font-size: 	16px;
				font-weight:500;
				font-variant:small-caps;
				letter-spacing:0.1px;
				line-height:15px;
				word-spacing:0.5px;
				border: 	3px solid #333;
					-moz-border-radius:		90px 90px 0px 0px;
					-webkit-border-radius:	90px 90px 0px 0px;
					border-radius:			90px 90px 0px 0px;
					box-shadow: 			6px 6px 3px #666;
					-moz-box-shadow:  		6px  6px 3px #666;
 					-webkit-box-shadow:  	6px  6px 3px #666;
				}
		
		div#menu ul {
				margin: 			0;
				padding: 			0;
				list-style-type: 	none;
				}
		
		div#menu li {
				width:			216px;
				height:			40px;
				float:			left;
				margin: 		0;
				padding: 		0;
				border-right: 	2px dashed #999;
				color: 			#000;
				} 
		
		div#menu a {
				display: 			block;
				padding: 			0;
				margin:				0;
				height:				38px;
				line-height:		38px;
				color: 				#000;
				text-decoration: 	none;
				text-align: 		center;
				cursor: 			pointer;
				border:				1px solid transparent;
					-moz-border-radius:		90px 90px 0px 0px;
					-webkit-border-radius:	90px 90px 0px 0px;
					border-radius:			90px 90px 0px 0px;
					/*transizione CSS3*/
					-moz-transition: 	background-color 0.3s ease-in;
					-webkit-transition: background-color 0.3s ease-in;
					-o-transition: 		background-color 0.3s ease-in;
					transition: 		background-color 0.3s ease-in;
				}
				
		div#menu a:hover {
				background-color:	#000;
				color:				#fff;
				text-decoration:	none;
					-moz-border-radius:		90px 90px 0px 0px;
					-webkit-border-radius:	90px 90px 0px 0px;
					border-radius:			90px 90px 0px 0px;
					/*transizione CSS3*/
					-moz-transition: 	background-color 0.05s;
					-webkit-transition: background-color 0.05s;
					-o-transition: 		background-color 0.05s;
					transition: 		background-color 0.05s;
				}
				
		div#menu li ul {display: none;}
		
		div#menu li:hover ul {
				display: 	block;
				position: 	absolute;
				width: 		214px;
				padding: 	0;
				margin: 	0;
				border: 	1px solid #000;
				background: #848484;
				z-index: 	60;
				}
		
		div#menu li li {
						border: 	none; 
						width: 		212px;
						height:		40px;
						text-align: center;
					}
		
		div#menu li ul li a {
							padding: 	2px 1px 1px 0;
							margin:		0;
							height:		38px;
							width:		212px;
							}
							
	.menu {
			float: 		right;
			display: 	inline;
			margin: 	1px 3px 0px 1px;
			border:		0;
			padding:	0;
			background:	transparent;
			width:		20px;
			height:		20px;
		}
		
	div#menu a:hover .menu {
			float: 		right;
			display: 	inline;
			margin: 	-2px 3px 0px 1px;
			border:		0;
			padding:	0;
			background:	#000;
			width:		23px;
			height:		23px;
			border-radius:			21px;
			-moz-border-radius:		21px;
			-webkit-border-radius:	21px;
		}

		/*div#menu a:hover span {color:#fff;}*/
		
		
		
		
		/*================================================================================================*/
		/*BOX DI FONDO PAGINA CON INFORMAZIONI ULTERIORI SU AUTORE E COPYRIGHT O ALTRO*/
		/*================================================================================================*/
		div#footer {
				width: 		670px;
				height:		100px;
				float: 		left;
				margin: 	10px 0 10px 0;
				padding: 	0;
				z-index: 	10;
				background:	#fff;
				color:		#848484;
				position:	absolute;
				top: 		465px;
				font-size: 	14px;
				font-weight:500;
				/*font-variant:small-caps;*/
				font-style:	italic;
				letter-spacing:0.1px;
				line-height:100px;
				word-spacing:0.5px;
				border: 	3px solid #333;
					-moz-border-radius:		0px 0px 90px 90px ;
					-webkit-border-radius:	0px 0px 90px 90px ;
					border-radius:			0px 0px 90px 90px ;
					box-shadow: 			6px 6px 3px #666;
					-moz-box-shadow:  		6px  6px 3px #666;
 					-webkit-box-shadow:  	6px  6px 3px #666;
				}
		
		div#footer span{
			color:#848484;
			margin-left:50px;
			font-size:60px;
			opacity:0.55;
			-moz-opacity:0.55;			
		}