body {overflow: auto; font-family: calibri, arial, tahoma; font-size: 14px; body background=”sfondo.gif”  }
body, iframe { margin: 0; padding: 0; }
iframe { display: block; width: 100%; border: 0; }


		
	
	#contenitore {
	position:relative;
	max-width: 90em;
	top:20px;
	height:950px;
	text-align: center;
	margin: 0 auto;
	
	z-index:400;
	background-color:#e4e4c6;
	/* Rounded Corners */  
          
        -moz-border-radius: 20px;  
        -webkit-border-radius: 20px;  
        border-radius: 20px;	
	}
	
	
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Please Keep this font import at the very top of any CSS file */
@charset "UTF-8";
/* Starter CSS for Flyout Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 0.8em;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 0.9em;
  vertical-align: middle;
  position: relative;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: -2px;
  right: 0;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li {
  float: none;
}
#cssmenu ul ul {
  margin-top: 1px;
}
#cssmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#cssmenu {
  width: 200px;
  background: #333333;
  font-family: Calibri;
  zoom: 1;
  font-size: 13px;
}
#cssmenu:before {
  content: '';
  display: block;
}
#cssmenu:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu a {
  display: block;
  padding: 15px 20px;
  color: #ffffff;
  text-decoration: none;
  
}
#cssmenu > ul {
  width: 200px;
}
#cssmenu ul ul {
  width: 200px;
}
#cssmenu > ul > li > a {
  border-right: 4px solid #e4e4c6;
  color: #000080;
}
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.active a {
  background: #b4bac8;
}
#cssmenu > ul > li a:hover,
#cssmenu > ul > li:hover a {
  background: #000000;
}
#cssmenu li {
  position: relative;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
#cssmenu ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#cssmenu ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#cssmenu ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
#cssmenu ul ul {
  border: 1px solid #000080;
}
#cssmenu ul ul a {
  font-size: 12px;
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu ul ul li {
  border-bottom: 1px solid #0082e7;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu.align-right > ul > li > a {
  border-left: 4px solid #1b9bff;
  border-right: none;
}
#cssmenu.align-right {
  float: right;
}
#cssmenu.align-right li {
  text-align: right;
}
#cssmenu.align-right ul li.has-sub > a:before {
  content: '»';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}
#cssmenu.align-right ul li.has-sub > a:after {
  content: none;
}
#cssmenu.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
#cssmenu.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
#cssmenu.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}
#cssmenu.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

	
	
	#logo {
	position:absolute;
	z-index:900;
	top:30px;
	left:200px;
	width:130px;
	height:90px;}

	
	#menutop{
	position:absolute;
	z-index:1500;
	top:38px;
	left:13px;
	width:180px;
	height:114px;
	background-color:;}	
	
	#cssmenu {
	position:absolute;
	z-index:600;
	top:150px;
	left:15px;
	width:200px;
	height:580px;
	background-color:#a77b00;}	
	
	#titolo	{
	position:absolute;
	z-index:300;
	top:10px;
	left:30px;
	width:1200px;
	height:300px;
	}

	#top{
	position:assolute;
	z-index:800;
	top:265px;
	left:120px;
	width:30px;
	height:30px;
	}	
		
	
	#testo{
	position:absolute;
	z-index:500;
	top:100px;
	left:250px;
	width:600px;
	height:780px;	
	text-align: justify;
	font-family: Calibri;
	color: #400000;
	font-size: 12pt;	
	font-style: normal;
	text-indent: 12px;}
	
	#video {
	position:absolute;
	z-index:800;
	top:55px;
	left:880px;
	width:300px;
	height:225px;
	background-color:#e4e4c6;}
	
	#testo_8{
	position:absolute;
	z-index:600;
	top:360px;
	left:890px;
	width:300px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	

	
	#frecciadx {
	position:absolute;
	z-index:650;
	top:415px;
	left:1160px;
	width:30px;
	height:20px;
	background-color:#e4e4c6;}

	#frecciasx {
	position:absolute;
	z-index:650;
	top:415px;
	left:880px;
	width:30px;
	height:20px;
	background-color:#e4e4c6;}
	
	#pagina {
	position:absolute;
	z-index:600;
	top:395px;
	left:860px;
	width:360px;
	height:40px;
	background-color:#e4e4c6;
	 -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px; 
	}

	#quadro {
	position:absolute;
	z-index:600;
	top:520px;
	left:25px;
	width:180px;
	height:300px;
	box-shadow: 10px 10px 10px lightgray;
	
	}
	#didascalia{
	position:absolute;
	z-index:600;
	top:820px;
	left:15px;
	width:200px;
	height:60px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 10pt;	
	font-style: normal;	

	}
	
	#didascalia2{
	position:absolute;
	z-index:600;
	top:350px;
	left:890px;
	width:320px;
	height:60px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 9pt;	
	font-style: normal;	

	}
	
	#provvisorio{
	position:absolute;
	z-index:900;
	top:820px;
	left:360px;
	width:400px;
	height:50px;
	}

	#link1{
	position:absolute;
	z-index:900;
	top:810px;
	left:850px;
	width:400px;
	height:50px;
	}

	#link2{
	position:absolute;
	z-index:900;
	top:840px;
	left:900px;
	width:90px;
	height:90px;
	}
	#link3{
	position:absolute;
	z-index:900;
	top:840px;
	left:1010px;
	width:90px;
	height:90px;
}

#link4{
	position:absolute;
	z-index:900;
	top:840px;
	left:1120px;
	width:90px;
	height:90px;
}


	#link5{
	position:absolute;
	z-index:800;
	top:810px;
	left:810px;
	width:500px;
	height:2000px;
	
	 -moz-border-radius: 20px;  
        -webkit-border-radius: 20px;  
        border-radius: 20px;
}


#mail{
	position:absolute;
	z-index:1000;
	top:845px;
	left:50px;
	width:100px;
	height:130px;
	}
	
	#autore{
	position:absolute;
	z-index:1000;
	top:895px;
	left:50px;
	width:100px;
	height:130px;
	}




	#richiamo_1{
	position:absolute;
	z-index:600;
	top:465px;
	left:880px;
	width:100px;
	height:130px;
	}
	
	#testo_1{
	position:absolute;
	z-index:600;
	top:590px;
	left:880px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	

	#richiamo_2{
	position:absolute;
	z-index:600;
	top:465px;
	left:1000px;
	width:100px;
	height:130px;
	}
	
	#testo_2{
	position:absolute;
	z-index:600;
	top:590px;
	left:1000px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;

	
	}

	#richiamo_25{
	position:absolute;
	z-index:600;
	top:371px;
	left:30px;
	width:10px;
	height:30px;
	}

	#richiamo_3{
	position:absolute;
	z-index:600;
	top:465px;
	left:1120px;
	width:100px;
	height:130px;
	}
	
	#testo_3{
	position:absolute;
	z-index:600;
	top:590px;
	left:1120px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	
	
	#richiamo_4{
	position:absolute;
	z-index:600;
	top:630px;
	left:880px;
	width:100px;
	height:130px;
	}
	#testo_4{
	position:absolute;
	z-index:600;
	top:755px;
	left:880px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}		

	#richiamo_5{
	position:absolute;
	z-index:600;
	top:630px;
	left:1000px;
	width:100px;
	height:130px;
	}
	
	#testo_5{
	position:absolute;
	z-index:600;
	top:755px;
	left:1000px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}		


	#richiamo_6{
	position:absolute;
	z-index:600;
	top:630px;
	left:1120px;
	width:100px;
	height:130px;
	}
	
	#testo_6{
	position:absolute;
	z-index:600;
	top:755px;
	left:1120px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	
	
	#richiamo_7{
	position:absolute;
	z-index:600;
	top:795px;
	left:880px;
	width:100px;
	height:130px;
	}
	
	#testo_7{
	position:absolute;
	z-index:600;
	top:920px;
	left:865px;
	width:130px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	

		
	
	#piede{
	position:absolute;
	z-index:600;
	top:900px;
	left:60px;
	width: 1000px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color:#808080;
	font-size: 9pt;	
	font-style: normal;	
	}	

	
	
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 800;
		display: none;
		top: 0;
		left: 0;
		opacity: 0,1; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 490px;
		margin-left: -0px;
		width: 720px;
		background: #f4eddc no-repeat -60px -80px;
		position: absolute;
		z-index: 801;
		padding: 30px 40px 34px;
		text-align: justify;
	font-family: Times New Roman;
	color: #7d7d91;
	font-size: 8pt;	
	font-style: normal;
	text-indent: 12px;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: normal;
		cursor: pointer;
		} 
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/