<html LANG="IT">

<head>
<title>stilinfo</title>
<STYLE TYPE="text/css">
		TH {background-color: #D76120; color: #FFFFFF;}
		H1 {
		
		color: #ffffff;
		font: 28px Arial
		}

/* tangerine-regular - latin */
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/tangerine-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Tangerine Regular'), local('Tangerine-Regular'),
       url('fonts/tangerine-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/tangerine-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/tangerine-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/tangerine-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/tangerine-v10-latin-regular.svg#Tangerine') format('svg'); /* Legacy iOS */
}	

@media only screen and (max-width: 320px) {
@font-face {
    font-family: 'Tangerine';
    src: url('/css/fonts-villeditivoli/tangerine-v10-latin-regular.svg#Tangerine') format('svg');
    font-weight: normal;
    font-style: normal;
}
}
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
    @font-face {
        font-family: 'Tangerine';
        src: url('/css/fonts-villeditivoli/tangerine-v10-latin-regular.svg#Tangerine') format('svg');
        font-weight: normal;
        font-style: normal;
    }

}

@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
    @font-face {
        font-family: 'Tangerine';
        src: url('/css/fonts-villeditivoli/tangerine-v10-latin-regular.svg#Tangerine') format('svg');
        font-weight: normal;
        font-style: normal;
    }
}		


BODY {
		width: 100%; 
		height: 100%;
		padding: 0; 
 		margin:0; 
 		font: 14px Arial;
 		color: 000000;
 		
 		text-align: left;
 		background-color: #000000;
  		background-position: fixed;
 		}

		
ul {
	
	width: 200px;

	list-style-type: yes;
	text-align: left;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 		
 		#border { padding: 5px;  border: 0px solid black; } 
 		  
 		 #border1 {  width: 100%;  padding: 10px;  border: 27px solid black;
 		  -webkit-border-image: url(border.png) 27 27 27 27 round round;  
 		  -moz-border-image: url(border.png) 27 27 27 27 round round;  
 		  border-image: url(border.png) 27 27 27 27 round round; } 
		 
		 #border2 { padding: 5px;  border: 0px solid black;}
		  
		#td1 { padding:0; background-image:url('immagini/villa-adriana.jpg'); background-color: #FFFFFF;  color: 000000; font-size: 28; font-family: Tangerine, Georgia, verdana, arial, san-serif;}
		#td2 { border-bottom: 1px dashed #C39C4E; background-image:url('immagini/villa-adriana.jpg'); text-align: left; background-color: #FFFFFF;  color: 000000 ; font-size: 14; font-family: Arial, Verdana, Georgia, San-serif ; padding-left: 3; padding-right: 3; padding-top: 3; padding-bottom: 3;}
		#td3 { background-color: #ffffff;  color: 000000 ; font-size: 14; font-family: Arial, Verdana, Georgia, San-serif ;  padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;}
		#td4 { border-top: 1px dashed #C39C4E; background-color: #D8D8D8; color: 000000; text-align: left; font-weight: Bold; font-size: 10; font-family: Arial, Verdana, Georgia, San-serif ; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5;}
		#td5 { border-top: 1px dashed #C39C4E; background-color: #ffffff; color: 000000 ; text-align: left; font-size: 14; font-family: Arial, Verdana, Georgia, San-serif ;  padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5;}
		#td6 { text-align: left; padding: 0px;  border: 0px solid black;} 
		#td7 { text-align: right; padding: 0px;  border: 0px solid black;} 

		
		#P1 { font : bold 48px Tangerine; color: #D76120; text-align: left}
		
		A:a { font : bold Arial; color: #CC8800; text-decoration: yes; }
		A:link { font : bold Arial; color: #CC8800;; text-decoration: yes; }
		A:visited { font : bold Arial; color: #CC8800; text-decoration: yes; }
		A:active { font : bold Arial; color: #CC8800; text-decoration: yes; }
		A:hover { font : bold Arial; color: #C40000; text-decoration: yes; }
		
		#A0:a { font : bold 68px Tangerine; color: #FFFFFF; text-decoration: none; text-align: right;}
		#A0:link { font : bold 68px Tangerine; color: #FFFFFF; text-decoration: none; text-align: right;}
		#A0:visited { font : bold 68px Tangerine; color: #FFFFFF; text-decoration: none; text-align: right;}
		#A0:active { font : bold 68px Tangerine; color: #FFFFFF; text-decoration: none; text-align: right;}
		#A0:hover { font : bold 68px Tangerine; color: #FFFFFF; text-decoration: none; text-align: right;}
		
		#A1:a { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left}
		#A1:link { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A1:visited { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A1:active { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A1:hover { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		
		#A2:a { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left}
		#A2:link { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A2:visited { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A2:active { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		#A2:hover { font : bold 48px Tangerine; color: #FFFFFF; text-decoration: none; text-align: left;}
		
		#A3:a { font : bold Arial; color: #ffffff; text-decoration: none; }
		#A3:link { font : bold Arial; color: #ffffff;; text-decoration: none; }
		#A3:visited { font : bold Arial; color: #ffffff; text-decoration: none; }
		#A3:active { font : bold Arial; color: #ffffff; text-decoration: none; }
		#A3:hover { font : bold Arial; color: #ffffff; text-decoration: none; }
		
	div.testa {
  		position: relative;
  		width: 900px;
  		height: 185px;
  		border: 0px solid #73AD21;
	} 

	div.titolo1 {
  		color: #ffffff;
  		font: bold 48px Tangerine;
  		position: absolute;
  		top: 10px;
  		left: 580px;
  		width: 300px;
  		height: 40px;
  		border: 0px solid #73AD21;
	} 

	div.titolo2 {
  		color: #ffffff;
  		font: bold 14px Arial;
  		position: absolute;
  		top: 50px;
  		left: 585px;
  		width: 300px;
  		height: 60px;
  		border: 0px solid #73AD21;

	} 

div.barra {
  position: absolute;
  top: 140px;
  left: 0px;
  width: 900px;
  height: 40px;
  border: 0px solid #73AD21;
  color: #ffffff
}

		
		td.menu {
		float: center;
		margin: 0;
		padding: 0;
		border-top: 3px solid #D76120;
		border-bottom: 3px solid #D76120;
		border-left: 3px solid #D76120;
		border-right: 3px solid #D76120;

		background: #2D4E6C;
		list-style:none;
		font-family: Arial, Verdana, Georgia, San-serif ;
		font-size: 11px;
}	
		
		#menu  {background: #2D4E6C; }

		ul#menu_a_2livelli{
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		border-top: 3px solid #D76120;
		border-bottom: 3px solid #D76120;
		border-left: 3px solid #D76120;
		background: #2D4E6C;
		list-style:none;
		font-family: Arial, Verdana, Georgia, San-serif ;
		font-size: 11px;
	

		}
		ul#menu_a_2livelli li ul li{
		list-style:none;
		margin:0;
		padding:0;

		}
		
		ul#menu_a_2livelli li{
		float:left;
		margin: 0;
		padding: 0;

		border-right: 3px solid #D76120;
		color:black;
		width: 96.6px;
		
		}
		
		
		ul#menu_a_2livelli a:link,
		ul#menu_a_2livelli a:visited{
		display: block;
		padding: 5px 0px;
		color: #FFFFFF;
		text-decoration: none;

		}
		
		ul#menu_a_2livelli a:hover,
		ul#menu_a_2livelli a:focus,
		ul#menu_a_2livelli a:active{
		background-color: #D76120;
		color: #FFFF00;
		text-decoration: none;

		}
		
		ul#menu_a_2livelli li ul{
		display: none;
		}

		ul#menu_a_2livelli li:hover ul{
		display: block;
		position: absolute;
		z-index:1;
		width: 96.6px;
		padding: 0;

		margin: 0 0 0 -3px;
		border:3px solid #D76120;
		background: #2D4E6C;
		
		}
		
		ul#menu_a_2livelli li li {
		border-bottom:1px solid #D76120;
		width: 96.6px;
		}
		
		
		.Caption {text-decoration: none; color:#FFFFFF; font : bold 25px Tangerine, Verdana, Arial, Georgia, Helvetica, sans-serif; text-align:left}
		a.Caption {text-decoration: none; }

		.captionDx {
   		font-family: Arial, Verdana, Georgia, San-serif ;
    	font-size: 10px;
    	float: right;
    	margin: 7px;
    	padding: 0px;
    	position: relative;
    	overflow: hidden;
    	right: 0px;
    	left: 0px;
		}
		
 		.captionSx {
   		font-family: Arial, Verdana, Georgia, San-serif ;
    	font-size: 10px;
    	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: 11px;
    	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: 11px;
    	text-transform: uppercase;
    	display: block;
    	margin-bottom: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-left: 0px;
    	left: 0px;
    	bottom: 0px;
		}


		
		b.rtop, b.rbottom{display: block; background: #C40000}
		b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #C40000}
		b.r1{margin: 0 5px; background: #C40000}
		b.r2{margin: 0 3px; background: #C40000}
		b.r3{margin: 0 2px; background: #C40000}
		b.rtop b.r4, b.rbottom
		b.r4{margin: 0 1px; height: 2px}
		</style>
				
				
		</head>
		</body>
		</html>