@charset "utf-8";
/* CSS Document */

/* GENERALE */

html,body { 
			margin: 0px;
			padding: 0;
			}
body {
			background-color:#000000;
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:76%; 
			text-align:center; 
			}
#container {
			 width:850px;
			 height:700px;
			 margin: 0 auto;
			 text-align:center;
			 }
#header { 
			background-color:#000000;
			text-align:center;
			height:100px;
			}
#menu { 
			background-image:url(img/images/menu.jpg);
			background-repeat:no-repeat;
			background-color:#000000;
			text-align:center;
			height:50px;
			
			}
#pulsanti {
			text-align:center;
			width:850px;
			}
#pulsanti img {
			margin:0px;
			padding:0px;
			}
#home { 
			background-image:url(img/content2.jpg);
			background-repeat:no-repeat;
			background-color:#000000;
			margin:0 auto;
			height:530px;
			width:800px;
			color:#FFFFFF;
			}
#home2 { 
			background-image:url(img/content3.jpg);
			background-repeat:no-repeat;
			background-color:#000000;
			margin:0 auto;
			height:530px;
			width:800px;
			color:#FFFFFF;
			}
#title {
			background-color:#000000;
			float:left;
			height:530px;
			width:30px;
			margin-left:30px;
			margin-top:10px;
			}
#content {
			background-color:#000000;
			color:#FFFFFF;
			float:right;
			height:520px;
			width:700px;
			overflow:auto;
			margin-right:30px;
			margin-top:20px;
			margin-left:0px;
			margin-bottom:20px;
			padding-left:20px;
			padding-right:20px;
			}
#contatti {
			background-image:url(img/DSC09467.JPG);
			background-position:center;
			background-repeat:no-repeat;
			background-attachment:fixed;

          }
#originali {
text-align:justify;

}
#eseguiti {
			background-color:#000000;
			color:#FFFFFF;
			float:right;
			height:520px;
			width:700px;
			overflow:auto;
			margin-right:30px;
			margin-top:20px;
			margin-left:0px;
			margin-bottom:20px;
			padding-left:20px;
			padding-right:20px;
			}
			
#eseguiti table#form {
			background-color:#000000;
			color:#FFFFFF;
			background-image:url(img/revpub.png);
			background-repeat:no-repeat;
			background-position:center;
			text-align:center;
			}
#eseguiti table#tit {
text-align:center;
}
#eseguiti table#tit tr td {
text-align:center;
border-bottom:#FF0000 thin solid;
border-top:#FF0000 thin solid;
}
#flashcontent {
	text-align: center;
	margin: 0 auto;
	color:#000000;
}
.box {
border:0px;
}

#image_map {
			width:800px;
			height:530px;
			background:url(img/content2.jpg) no-repeat;
			position:relative;
			} 
#image_map2 {
			width:800px;
			height:530px;
			background:url(img/content3.jpg) no-repeat;
			position:relative;
			} 
#image_map a {
	display:block;
	position:absolute;
	left: 643px;
	top: 28px;
			} 
#image_map a.lingua {
			width:70px;
			height:50px;
			top:435px;
			} 
#image_map a#link1 {
			left:0px;
			}
#image_map a#link2 {
			left:730px;
			}
			
#image_map a.piffa {
	width:70px;
	height:260px;
	top:210px;
			} 
#image_map a.max {
	width:80px;
	height:150px;
	top:220px;
			} 
#image_map a.gio {
	width:80px;
	height:200px;
	top:260px;
			} 
#image_map a.ste {
	width:70px;
	height:120px;
	top:250px;
			} 
#image_map a.and {
	width:90px;
	height:250px;
	top:213px;
			} 
#image_map a.box {
	width:120px;
	height:80px;
	top:17px;
			} 
#image_map a.mys {
	width:140px;
	height:37px;
	top:28px;
			} 
#image_map a.fb {
	width:140px;
	height:37px;
	top:30px;
			} 
#image_map a#link8 {
	left:3px;
			}
#image_map a#link9 {
	left:690px;
			}
#image_map a#link0 {
	left:330px;
			}
#image_map a#link3 {
	left:300px;
			}
#image_map a#link4 {
	left:370px;
			}
#image_map a#link5 {
	left:450px;
			}
#image_map a#link6 {
	left:560px;
			}
			
			
#image_map2 a {
	display:block;
	position:absolute;
	left: 668px;
	top: 68px;
			} 
			
#image_map2 a.lingua {
			width:70px;
			height:50px;
			top:435px;
			} 
#image_map2 a#link1 {
			left:0px;
			}
#image_map2 a#link2 {
			left:730px;
			}
#image_map2 a.mys {
	width:140px;
	height:45px;
	top:21px;
			} 
#image_map2 a#link8 {
	left:3px;
			}
#image_map2 a.box {
	width:120px;
	height:80px;
	top:17px;
			} 
#image_map2 a.fb {
	width:140px;
	height:37px;
	top:30px;
			} 
#image_map2 a#link8 {
	left:3px;
			}
#image_map2 a.piffa {
	width:70px;
	height:260px;
	top:210px;
			} 
#image_map2 a.max {
	width:80px;
	height:150px;
	top:220px;
			} 
#image_map2 a.gio {
	width:80px;
	height:200px;
	top:260px;
			} 
#image_map2 a.ste {
	width:70px;
	height:120px;
	top:250px;
			} 
#image_map2 a.and {
			width:70px;
			height:250px;
			top:210px;
			} 
#image_map2 a#link0 {
	left:330px;
			}
#image_map2 a#link3 {
	left:300px;
			}
#image_map2 a#link4 {
	left:370px;
			}
#image_map2 a#link5 {
	left:450px;
			}
#image_map2 a#link6 {
	left:560px;
			}
#footer { 
			background-image:url(img/images/footer.jpg);
			background-repeat:no-repeat;
			background-position:center;
			height:20px;
			clear:both;
			}
h3 {
			text-transform:uppercase;
			color:#ff0000;
			font-weight:bold;
			text-align:right;
			}
a:link {
			text-decoration: none;
			}
a:visited {
			text-decoration: none;
			}
a:hover {
			text-decoration: none;
			}
a:active {
			text-decoration: none;
			}

/*LIGHTBOX*/
#lightbox {	
			position: absolute; 
			left: 0; 
			width: 100%; 
			z-index: 100; 
			text-align: center; 
			line-height: 0;
			}
		#lightbox img { 
			width: auto; 
			height: auto;
			}
		#lightbox a img { 
			border: none; 
			}

		#outerImageContainer { 
			position: relative; 
			background-color: #ff0000; 
			width: 250px; 
			height: 250px; 
			margin: 0 auto; 
			}
		#imageContainer { 
			padding: 10px; 
			}

		#loading { 
			position: absolute; 
			top: 40%; 
			left: 0%; 
			height: 25%; 
			width: 100%; 
			text-align: center; 
			line-height: 0; 
			}
		#hoverNav { 
			position: absolute; 
			top: 0; 
			left: 0; 
			height: 100%; 
			width: 100%; 
			z-index: 10; 
			}
		#imageContainer>#hoverNav { 
			left: 0;
			}
		#hoverNav a { 
			outline: none;
			}

		#prevLink, #nextLink { 
			width: 49%; 
			height: 100%; 
			background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
			display: block; 
			}
		#prevLink { 
			left: 0; 
			float: left;
			}
		#nextLink { 
			right: 0; 
			float: right;
			}
		#prevLink:hover, #prevLink:visited:hover { 
			background: url(../images/prevlabel.gif) left 15% no-repeat; 
			}
		#nextLink:hover, #nextLink:visited:hover { 
			background: url(../images/nextlabel.gif) right 15% no-repeat; 
			}

		#imageDataContainer { 
			font: 10px Verdana, Helvetica, sans-serif; 
			background-color: #fff; 
			margin: 0 auto; 
			line-height: 1.4em; 
			overflow: auto; 
			width: 100%	; 
			}

		#imageData {	
			padding:0 10px; 
			color: #666; 
			}
		#imageData #imageDetails { 
			width: 70%; 
			float: left; 
			text-align: left; 
			}	
		#imageData #caption { 
			font-weight: bold;	
			}
		#imageData #numberDisplay { 
			display: block; 
			clear: left; 
			padding-bottom: 1.0em;	
			}			
		#imageData #bottomNavClose { 
			width: 66px; 
			float: right;  
			padding-bottom: 0.7em; 
			outline: none;
			}	 	

		#overlay { 
			position: absolute; 
			top: 0; 
			left: 0; 
			z-index: 90; 
			width: 100%; 
			height: 500px; 
			background-color: #000; 
			}


		/*videobox*/
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(video/css/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(video/css/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}