body { overflow: auto; font-family: verdana, arial, tahoma; font-size: 14px; background: #cbd29a; color: #1A1A1A; }
body, iframe { margin: 0; padding: 0; }
iframe { display: block; width: 100%; border: 0; }


		#menu04v {
		width: 18em;
		font: 80% Arial, Helvetica, sans-serif;
		}
		#menu04v ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#menu04v li {
		font-size: 1.2em;
		display: inline;
		margin: 0;
		padding: 0;
		}
		#menu04v a:link, #menu04v a:visited {
		display: block;
		background-color: #000080;
		color: #ffffff;
		margin: 0;
		padding: 0.3em 0.6em 0.3em 1em;
		text-decoration: none;
		border-bottom: 1px solid  #41545F;
		border-left: 10px solid #41545F;
		}
		#menu04v a:hover, #menu04v a:focus, #menu04v a:active{
		background-color: #afb07e;
		color: #cbd29a;
		border-left: 10px solid #EAD100;
		}

	
	#contenitore {
	position:relative;
	max-width: 90em;
	top:20px;
	height:900px;
	text-align: center;
	margin: 0 auto;
	background-color: #cbd29a;
	z-index:400;
	background-color:#c6d3e4;
	/* Rounded Corners */  
          
        -moz-border-radius: 20px;  
        -webkit-border-radius: 20px;  
        border-radius: 20px;  

	
	}
	
	
	#provvisorio{
	position:absolute;
	z-index:900;
	top:810px;
	left:340px;
	width:400px;
	height:50px;
	}
	
	#rife{
	position:absolute;
	z-index:900;
	top:830px;
	left:790px;
	width:60px;
	height:80px;
	}

	#rife2{
	position:absolute;
	z-index:900;
	top:890px;
	left:310px;
	width:460px;
	height:80px;
	text-align: right;
	font-family: Times New Roman;
	color:#404040;
	font-size: 9pt;	
	font-style: normal;
	}

	#piede{
	position:absolute;
	z-index:600;
	top:890px;
	left:70px;
	width: 500px;
	height:20px;
	text-align: right;
	font-family: Times New Roman;
	color:#808080;
	font-size: 9pt;	
	font-style: normal;	
	}
	
	
	#mail{
	position:absolute;
	z-index:1000;
	top:845px;
	left:60px;
	width:100px;
	height:130px;
	}
	
	#autore{
	position:absolute;
	z-index:1000;
	top:895px;
	left:50px;
	width:100px;
	height:130px;
	}

	
	

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

	#link2{
	position:absolute;
	z-index:900;
	top:810px;
	left:880px;
	width:90px;
	height:90px;
	}
	#link3{
	position:absolute;
	z-index:900;
	top:810px;
	left:990px;
	width:90px;
	height:90px;
}

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


	

	
	
	#logo {
	position:absolute;
	z-index:600;
	top:20px;
	left:240px;
	width:130px;
	height:180px;}

	
	#menutop{
	position:absolute;
	z-index:600;
	top:10px;
	left:15px;
	width:200px;
	height:114px;
	background-color:#e4e4c6;}	
	
	#menu {
	position:absolute;
	z-index:600;
	top:125px;
	left:15px;
	width:200px;
	height:580px;
	background-color:#e4e4c6;}	
	
	#titolo	{
	position:absolute;
	z-index:500;
	top:10px;
	left:30px;
	width:1200px;
	height:300px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */}	
	
	#testo{
	position:absolute;
	z-index:500;
	top:480px;
	left:250px;
	width:810px;
	height:780px;	
	text-align: justify;
	font-family: Times New Roman;
	color: #400000;
	font-size: 14pt;	
	font-style: normal;
	text-indent: 0px;
	}
	
	
	
	#testo_8{
	position:absolute;
	z-index:600;
	top:390px;
	left:890px;
	width:700px;
	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:715px;
	left:728px;
	width:30px;
	height:20px;
	}

	
	
	#pagina {
	position:absolute;
	z-index:600;
	top:700px;
	left:680px;
	width:430px;
	height:40px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 14pt;	
	font-style: normal;	

	
	 -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px; 
	}

	#quadro {
	position:absolute;
	z-index:600;
	top:570px;
	left:15px;
	width:200px;
	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: 9pt;	
	font-style: normal;	

	}	
	
	#cine_1{
	position:absolute;
	z-index:600;
	top:125px;
	left:350px;
	width:600px;
	height:430px;
	}
	
		
	

	#cine_9{
	position:absolute;
	z-index:600;
	top:440px;
	left:800px;
	width:100px;
	height:130px;
	}
	
	#testo_9{
	position:absolute;
	z-index:600;
	top:570px;
	left:800px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;
	line-height: 10px;	
	}	

	#cine_10{
	position:absolute;
	z-index:600;
	top:440px;
	left:910px;
	width:100px;
	height:130px;
	}
	
	#testo_10{
	position:absolute;
	z-index:600;
	top:570px;
	left:910px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;
	line-height: 10px;	
	}	
	
	#cine_11{
	position:absolute;
	z-index:600;
	top:440px;
	left:1020px;
	width:100px;
	height:130px;
	}
	
	#testo_11{
	position:absolute;
	z-index:600;
	top:570px;
	left:1020px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	
	
	#cine_12{
	position:absolute;
	z-index:600;
	top:440px;
	left:1130px;
	width:100px;
	height:130px;
	}
	#testo_12{
	position:absolute;
	z-index:600;
	top:570px;
	left:1130px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	}	
	

	#cine_13{
	position:absolute;
	z-index:600;
	top:610px;
	left:800px;
	width:100px;
	height:130px;
	}
	
	#testo_13{
	position:absolute;
	z-index:600;
	top:740px;
	left:800px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;
	line-height: 10px;	
	}	

	#cine_14{
	position:absolute;
	z-index:600;
	top:610px;
	left:910px;
	width:100px;
	height:130px;
	}
	
	#testo_14{
	position:absolute;
	z-index:600;
	top:740px;
	left:910px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;
	line-height: 10px;	
	}	
	
	#cine_15{
	position:absolute;
	z-index:600;
	top:610px;
	left:1020px;
	width:100px;
	height:130px;
	}
	
	#testo_15{
	position:absolute;
	z-index:600;
	top:740px;
	left:1020px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;
	line-height: 10px;	
	}	
	
	#cine_16{
	position:absolute;
	z-index:600;
	top:610px;
	left:1130px;
	width:100px;
	height:130px;
	}
	#testo_16{
	position:absolute;
	z-index:600;
	top:740px;
	left:1130px;
	width:100px;
	height:20px;
	text-align: center;
	font-family: Times New Roman;
	color: #400000;
	font-size: 8pt;	
	font-style: normal;	
	line-height: 10px;
	
	}




	
	#richiamo_7{
	position:absolute;
	z-index:600;
	top:805px;
	left:880px;
	width:100px;
	height:130px;
	}
	
	
	
	
	
/*	--------------------------------------------------
	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: 620px;
		background: #f3f0e8 no-repeat -60px -80px;
		position: absolute;
		z-index: 801;
		padding: 30px 40px 34px;
		text-align: justify;
	font-family: Times New Roman;
	color: #400000;
	font-size: 10pt;	
	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: bold;
		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>
	
	*/