<html LANG="IT">

<head>
<title>stilinfo</title>
<STYLE TYPE="text/css">

/* reset - CSS */


	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{border:0px none;font-size:100%;margin:0;padding:0}
	html, body{height:100%}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
	b, strong{font-weight:700}
	img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
	ol, ul{list-style:none}
	li{display:list-item}
	table{border-collapse:collapse;border-spacing:0}
	th, td, caption{font-weight:400;vertical-align:top;text-align:left}
	q{quotes:none}
	q:before, q:after{content:none}
	sub, sup, small{font-size:75%}
	sub, sup{line-height:0;position:relative;vertical-align:baseline}
	sub{bottom:-0.25em}
	sup{top:-0.5em}
	svg{overflow:hidden}


		TH {color: #333333;}
		H1 {color: #333333; font: 28px;}

#loading_screen
{  
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 300%;
  width: 100%;
  background-color: WHITE;
  color: BLACK;  
  text-align: center;
  padding-top: 100px;
  opacity: 1;
  filter: alpha(opacity=50);
  z-index: 90;
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@media only screen and (max-width: 320px) {
@font-face {
  	font-family: 'Roboto Condensed';
    src: url('fonts/Roboto Condensed-v10-latin-regular.svg#Roboto Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
}
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
    @font-face {
  		font-family: 'Roboto Condensed';
        src: url('fonts/Roboto Condensed-v10-latin-regular.svg#Roboto Condensed') format('svg');
        font-weight: normal;
        font-style: normal;
    }

}

@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
    @font-face {
        font-family: 'Roboto Condensed';
        src: url('fonts/Roboto Condensed-v10-latin-regular.svg#Roboto Condensed') format('svg');
        font-weight: normal;
        font-style: normal;
    }
}		


BODY {
		
		background-color: #FFFFFF ;
 		width:100%; 
 		height:100%; 
 		padding:0; 
 		margin:0; 
 		color:#000000; 
 		text-align:left; 
 		font-style:normal; 
 		font-variant:normal; 
 		font-weight:normal; 
 		font-size:18px; 
		font-family: Roboto Condensed;

 		}
 		
 		
/*-----inizio menù*/

		/*container*/
		#drop-menu {
		margin: 0 auto;
		padding: 0;
		width: 900px;
		}

		/*menu*/

		ul#menu {
		margin:5px;
		padding: 0;
		list-style: none;
		float:left;
		width: 900px;
		background-color: #111;
		font-size:100%

		}

		ul#menu li {
		margin:0;
		padding:0;
		float:left;
		display: block;
		border-right: 1px solid #222;
		position: relative;

		}

		ul#menu li a {
		float: left;
		padding:8px;
		color: #fff;
		text-transform: uppercase;
		text-decoration:none;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		}

		ul#menu li a:hover {

		background: #666;
		color:#fff

		}

		ul#menu ul {
		margin:2px 0 0;
		padding:0;
		display:inline-block;
		list-style: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 55px;
		left: 0;
		z-index:9999;
		background: #444;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;

		}

		ul#menu li:hover > ul {
		opacity: 0.8;
		visibility: visible;
		}

		ul#menu ul li {
		float: none;
		display: block;
		border: 0px none;

		}

		ul#menu ul a {
		padding:10px;
		width: 130px;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		text-transform: uppercase;

		}

		ul#menu ul a:hover {
		background-color: #0186ba;
		color:#fff
		}

		ul#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0;
		}

/*-----fine menù*/

/*-----inizio pulsante*/

		/*container*/
		#drop-pulsanti {
		margin: 0 auto;
		padding: 0px;
		width: 98%;
		}

		/*pulsanti*/

		ul#pulsanti {
		margin:5px;
		padding: 10px 25px 10px 25px;
		list-style: none;
		float:left;
		width: 98%;
		background-color: #111;
		font-size:100%

		}

		ul#pulsanti li {
		margin:0;
		padding:0;
		float:left;
		display: block;
		border-right: 1px solid #222;
		position: relative;

		}

		ul#pulsanti li a {
		float: left;
		padding:8px;
		color: #fff;
		text-transform: uppercase;
		text-decoration:none;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		}

		ul#pulsanti li a:hover {

		background: #666;
		color:#fff

		}

		ul#pulsanti ul {
		margin:2px 0 0;
		padding:0;
		display:inline-block;
		list-style: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 55px;
		left: 0;
		z-index:9999;
		background: #444;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;

		}

		ul#pulsanti li:hover > ul {
		opacity: 0.8;
		visibility: visible;
		}

		ul#pulsanti ul li {
		float: none;
		display: block;
		border: 0px none;

		}

		ul#pulsanti ul a {
		padding:10px;
		width: 130px;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		text-transform: uppercase;

		}

		ul#pulsanti ul a:hover {
		background-color: #0186ba;
		color:#fff
		}

		ul#pulsanti ul ul {
		top: 0;
		left: 150px;
		margin: 0;
		}

/*-----fine menù*/

 		#border { padding: 5px;  border: 0px solid black; } 
 		  
 		 #border1 {  width: 100%;  padding: 10px;  border: 27px solid black;
 		  -webkit-border-image: url("css/border.png") 27 27 27 27 round round;  
 		  -moz-border-image: url("css/border.png") 27 27 27 27 round round;  
 		  border-image: url("css/border.png") 27 27 27 27 round round; } 
		 
		 #border2 { padding: 5px;  border: 0px solid black;}
		td { color: #000000 ; background-color: #ffffff; } 
		#td1 { padding:3; background-color: #777777;  color:#ffffff; font-size: 18px;}
		#td2 { padding:5; border-bottom:1px dashed #777777; text-align: left; background-color: #ffffff;  color: 7777777 ; font-size: 18px; }
		#td3 { padding:0; background-color: #000000;  color: ffffff ; font-size: 18px; }
		#td4 { padding:5; border-top:1px dashed #C39C4E; background-color: #ffffff; color: 777777; text-align: left; font-weight: Bold; font-size: 18px; }
		#td5 { padding:5; border-top:1px dashed #C39C4E; background-color: #000000; color: 777777; text-align: left; font-size: 18px; }
		#td6 { text-align: left; padding: 0px;  border: 0px solid black;} 
		#td7 { text-align: right; padding: 0px;  border: 0px solid black;} 
		#td8 { padding:5; border-top:1px dashed #C39C4E; background-color: #ffd1dc; color: 777777; text-align: left; font-weight: Bold; font-size: 18px; }

		
		#P1 { font : bold 25px Roboto Condensed; color: #d76120; text-align: center}
		
		A:a { font : bold 18px Roboto Condensed; color: #000000; text-decoration: yes; }
		A:link { font : bold 18px Roboto Condensed; color: #000000; text-decoration: yes; }
		A:visited { font : bold 18px Roboto Condensed; color: #000000; text-decoration: yes; }
		A:active { font : bold 18px Roboto Condensed; color: #000000; text-decoration: yes; }
		A:hover { font : bold 18px Roboto Condensed; color: #000000; text-decoration: yes; }
		
	
		#A0:a { font : bold 68px Roboto Condensed; color: #000000; text-decoration: none; text-align: right;}
		#A0:link { font : bold 68px Roboto Condensed; color: #000000; text-decoration: none; text-align: right;}
		#A0:visited { font : bold 68px Roboto Condensed; color: #000000; text-decoration: none; text-align: right;}
		#A0:active { font : bold 68px Roboto Condensed; color: #000000; text-decoration: none; text-align: right;}
		#A0:hover { font : bold 68px Roboto Condensed; color: #000000; text-decoration: none; text-align: right;}
		
		#A1:a { font : normal 34px Roboto Condensed; color: #000000; text-decoration: none; text-align: left}
		#A1:link { font : bold 34px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A1:visited { font : bold 34px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A1:active { font : bold 34px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A1:hover { font : bold 34px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		
		#A2:a { font : bold 48px Roboto Condensed; color: #000000; text-decoration: none; text-align: left}
		#A2:link { font : bold 48px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A2:visited { font : bold 48px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A2:active { font : bold 48px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		#A2:hover { font : bold 48px Roboto Condensed; color: #000000; text-decoration: none; text-align: left;}
		
		#A3:a { font : bold ; color: #000000; text-decoration: none; }
		#A3:link { font : bold ; color: #000000;; text-decoration: none; }
		#A3:visited { font : bold ; color: #000000; text-decoration: none; }
		#A3:active { font : bold ; color: #000000; text-decoration: none; }
		#A3:hover { font : bold ; color: #000000; text-decoration: none; }
		
	div.testa {
  		position: relative;
  		width: 900px;
  		height: 185px;
  		border: 0px solid #73AD21;
	} 

	div.titolo1 {
  		color: #000000;
  		font: bold 48px Roboto Condensed;
  		position: absolute;
  		top: 10px;
  		left: 580px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 

	div.titolo2 {
  		color: #000000;
 		text-align:left; 
 		font-style:normal; 
 		font-variant:normal; 
 		font-weight:bold; 
 		font-size:18px; 
		
  		position: absolute;
  		top: 50px;
  		left: 585px;
  		width: 300px;
  		height: 60px;
  		border: 0px solid #73AD21

	} 

		div.titolo3 {
  		color: #000000;
  		font: oblique 59px Arial;
  		position: relative;
   		top: 40px;
  		left: 570px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 

		div.titolo4 {
  		color: #000000;
  		font: normal 24px Arial;
  		position: relative;
   		top: 70px;
  		left: 570px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 
		
		div.titolo5 {
  		color: #000000;
  		font: normal 32px Arial;
  		position: absolute;
   		top: 80px;
  		left: 580px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 

		div.titolo6 {
  		color: #000000;
  		font: normal 16px Arial;
  		position: absolute;
   		top: 115px;
  		left: 580px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 
	
	

	div.barra {
  		position: absolute;
  		top: 140px;
 		left: 0px;
  		width: 900px;
  		height: 40px;
  		border: 0px solid #73AD21;
  		color: #000000
		}
	
		td.menu {
		border:0px solid #000000; float: center;
		margin: 0;
		padding: 0;
		background: #000000;
		color:#ffffff
		font-size: 18px; list-style-type:none
}	
		

				
		.Caption {text-decoration: none; color:#777777; font : bold 25px Roboto Condensed, Helvetica, sans-serif; text-align:left}
		a.Caption {text-decoration: none; }

		.captionDx {
   		
    	font-size: 12px;
    	float: right;
    	margin: 7px;
    	padding: 0px;
    	position: relative;
    	overflow: hidden;
    	right: 0px;
    	left: 0px
		}
		
 		.captionSx {
   		
    	font-size: 12px;
    	float: left;
    	margin: 7px;
    	padding: 0px;
    	position: relative;
    	overflow: hidden;
    	right: 0px;
    	left: 0px
		}
		
		.captionDx img {
    	float: left;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
		padding: 0px;
    	background: #fff;
    	border: none;
		}
		
		.captionSx img {
    	float: left;
		margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
		padding: 0px;
    	background: #fff;
    	border: none;
		}
 
		.captionDx span {
    	float: right;
	    margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px; 
    	padding: 3px;
    	width: 100%;
    	color: #dedede;
     
    	background: #222; /* browser che non supportano rgba */
    	background: rgba(0,0,0,0.7);
    	position: absolute;
    	left: 0px;
    	bottom: 0px;
    
		}
		
		.captionSx span {
    	float: left;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding: 3px;
    	width: 100%;
    	color: #dedede;
     
    	background: #222; /* browser che non supportano rgba */
    	background: rgba(0,0,0,0.7);
    	position: absolute;
    	left: 0px;
    	bottom: 0px;
    	
		}
 
		.captionDx span strong {
    	font-weight: bold;
    	font-size: 14px;
    	text-transform: uppercase;
    	display: block;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    	left: 0px;
    	bottom: 0px;    	
		}
		
		.captionSx span strong {
    	font-weight: bold;
    	font-size: 14px;
    	text-transform: uppercase;
    	display: block;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    	left: 0px;
    	bottom: 0px;
		}

		.testo2{margin-left: 15px; margin-right: 15px; background-color: #009c3b; color:#777777; font-weight: bold; font-size:14px; text-align:left }
		.testo3{background-color: #ffffff; color:#777777; font-weight: bold; font-size:14px; text-align:center }

		.testo4{background-color: #bd3844; color:#009c3b; font-size:14px; text-align:left}
		

		 #post-it { width:200px; height:180px; visibility:hide; position:absolute;top:70%;left:80%; margin:-125px 0 0 -125px; z-index: 90;} 

 		.Caption {z-index: ; color: #777777; font-size: 46px; width: 100%; height: 200  }
 		.Caption1 {z-index: ; color: #777777; font-size: 18px  }


		b.rtop, b.rbottom{display: block; background: rgba(255, 255, 255, 0.0)}
		b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #FFFFFF}
		b.r1{margin: 0 5px}
		b.r2{margin: 0 3px}
		b.r3{margin: 0 2px}
		b.rtop b.r4, b.rbottom
		b.r4{margin: 0 1px; height: 2px}
	
		
		#td9 { padding:3px; background-color: #005bab; color: #777777; font-size: 18px;}

		#limit-size { min-width: 960px; width: expression(this.width < 960 ? 960: true); min-height: 150px; height: expression(this.height < 150 ? 150: true); }





		</style>
	
				
		</head>
		</body>
		</html>