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

body { width: 1000px; margin: 0 auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:80%; background-color:#dddddd;}
h2 { font-size:120%; color:#25579f; font-weight: lighter; margin:0; width: 100%; border-bottom: solid 1px #25579f; text-indent: 3px;}
h3 { font-size:90%; color:#25579f; font-weight: lighter; margin:5px 0 0 0; width: 100%; border-bottom: solid 1px #25579f;}
p { font-size:90%; margin: 10px 0 10px 0;}
ul {padding: 0 0 0 20px; margin-top: 11px;}
li { line-height:22px; font-size:90%;}
a { color:#003399}:
a:hover { color:#666666;}
a:visited { color:#003399;}

#header { width: 1000px; height: 135px; float:left; background-color:#FFFFFF;}
#testata { width: 1000px; height: 82px; background-image:url(IMG/testata.jpg);}

/*BANDIERE*/
#inglese {height: 16px; width: 24px; background-image:url(IMG/inglese.gif); float:right; margin: 10px 15px 0 0}
#inglese h2 {height: 16px; width: 24px; float: right; text-indent: -9999px; overflow: hidden; margin: 0 0 0 0;}
#inglese a {height: 16px; width: 24px; margin: 0 0 0 0; float: left;}
#italiano {height: 16px; width: 24px; background-image:url(IMG/italiano.gif); float:right; margin: 10px 8px 0 0}
#italiano h2 {height: 16px; width: 24px; float: right; text-indent: -9999px; overflow: hidden; margin: 0 0 0 0;}
#italiano a {height: 16px; width: 24px; margin: 0 0 0 0; float: left;}

/*MENU*/
#menu { margin: 2px 0 0 0; padding: 0; font-size: 100%; background-color:#25579f;}
#menu ul {list-style-type:none; margin: 0; padding: 0; overflow:hidden;}
#menu li {display:inline; float:left;}
#menu a {text-decoration:none; color: #FFFFFF; margin: 0; padding:0; text-align:center; float: left; background-color: #25579f; width: 121px; line-height:23px; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF;}
#menu a:hover {color: #FFFFFF; background-color:#0099FF; display:inline;}
#listamenu {margin-left: 6px; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; width:738px;}
#righina { width: 1000px; height: 2px; margin: 1px 0 0 0; background-color:#0099FF}

/*PAGINA*/
#pagina { width: 1000px; float:left; background-color: #FFFFFF;}
#boxsx { width: 488px; margin-left:6px; float: left;}
#boxdx { width: 488px; margin-left:12px; float: left;}
#boxdx ul {margin:10px; padding: 0;}
#boxdx ul a { color:#000000; text-decoration:none; font-style: normal; font-weight:bold;}
#boxdx ul a:hover { background-color: #25579f; color:#FFFFFF;}
#boxdx li { text-indent:2px; line-height: 18px; font-style:italic; margin:0 0 0 5px; list-style-type:circle; padding-left:0px;}

/*FOOTER*/
#footer { width: 1000px; height: 48px; background-image:url(IMG/footer.jpg); float:left; margin-top: 30px;}
#footer p { display: none;}
#footer h2 { display:none;}


/*HOME*/
#boxhomesx1 { width: 488px; height: 335px; background-image:url(IMG/imghome.jpg); float: left;}
#boxhomesx2 { width: 488px; height: 150px; float: left; margin-top: 6px;}
#boxhomesx3 { width: 488px; float: left;}
#boxgalleria { width: 488px; height: 335px; float: left;}
#mission { width: 488px; height: 150px; float: left; margin-top: 6px; background-image:url(/IMG/mission.jpg);}

#boxhomedx1 { width: 241px; float: left; margin: 0 0 24px 0;}
#boxhomedx2 { width: 241px; float: left; margin: 0 0 24px 6px;}
#boxhomedx3 { width: 488px; float: left;}
.news { width:156px; height:152px; background-color: #FFFFFF; float:left; margin: 10px 6px 0 0;}

/*EVENTI*/
#settorecasa {width: 488px; float: left;}
#settoremeccanotessile {width: 488px; float: left;}

/*CONVENZIONI*/
#convenzioni { width: 488px; height: 335px; background-image:url(IMG/convenzioni.jpg); float: left;}

/*CONTATTI*/
#mappa { width: 488px; height: 490px; float: left;}


/*COPYRIGHT*/
#contenitorecopyright {width: 1000px; height:15px; margin: 0 auto 0 auto; overflow: hidden; background-color: #CCCCCC;}
#copyright {width:164px; height: 15px; background-image:url(IMG/copyright.jpg); display:block; float: right;}
#copyright a {width:164px; height: 15px; display:block; text-indent: -9999px; margin: 0;}








/*Shinystat*/
#sh {position:absolute; width:200px; height:115px; z-index:1; overflow: hidden; visibility: hidden;}







/*Lightbox*/


#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox a img{ border: none; }

#outerImageContainer{position: relative; background-color: #fff; 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: transparent url(images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}