/* CSS Document */
hr {display: none;}
body { background-image:url(immagini/sfondo5.jpg);}
.verde {color: #006633; font-weight: bold;}
.rosso {color: #FF0000; font-weight: bold;}

h2 {color: #006633; font-weight: bold; display: inline; padding: -7px 0 0 0; font-size: 130%; }


#pagina {width: 800px; margin: -8px auto 0 auto; background-color: #ffffff; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 75%;}
#global {width: 796px; margin: 2px 2px 2px 2px;}
#footer {width: 800px; height: 20px; float: left; background-image:url(bilco/immagini/footer.jpg); margin: 4px 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-size:64%; color: #333333; padding-top: 8px;} 

/*index*/
#paginaindex {width: 568px; margin: 50px auto 0 auto; background-color: #ffffff; overflow: hidden;}
#logoindex {width: 560px; height: 87px; margin: 4px 4px 0 4px; background-image:url(bilco/testataindex.jpg); display:block;}
#logoindex h1 {height: 87px; width: 560px; float: left; text-indent: -9999px; overflow: hidden; margin: 0 0 0 0;}
#logoindex a {height: 87px; width: 560px; margin: 0 0 0 0; float: left;}
#index {width: 568px; height:320px; margin: 4px 0 0 0; display: block; }


/* Header */
#header {height: 72px; width: 796px; margin-bottom: 2px;}
#header h2 {display: none;}
#logo {height: 72px; width: 83px; background-image: url(immagini/logobilco.png); float: left; }
#logo h1 {height: 72px; width: 83px; float: left; text-indent: -9999px; overflow: hidden; margin: 0 0 0 0;}
#logo a {height: 72px; width: 83px; margin: 0 0 0 0; float: left;}
#headerpartedx {height: 72px; width: 713px; background-image: url(immagini/testatabilco.png); float: left;}

/* Lingue */
#boxlingue {height: 18px; width: 70px; float: right; margin: 5px 0 0 auto;}
.box_lingue {list-style: none; margin: 0; padding: 0; height: 16px;}
.box_lingue li {width: 26px; height: 18px; float: left; text-indent: -999px; overflow: hidden; }
.box_lingue a {width: 26px; height: 18px; margin: 0 0 0 0; float: left;}
.a {background-image: url(immagini/italiano.gif); margin: 11px 6px 0 0;}
.a a:hover {background-image: url(immagini/italianobianco.gif);}
.b {background-image: url(immagini/inglese.gif); margin: 11px 6px 0 0;}
.b a:hover {background-image: url(immagini/inglesebianco.gif);}

/*FASCIA BANDIERA ITALIANA*/
#bandaitalia {height: 10px; width: 796px; background-image:url(immagini/bandaitalia.jpg); clear: both; margin: 2px 0 0 0;}


/*MENU*/

#menu { margin: 0; padding: 0; }
#menu ul {list-style-type:none; margin: 0; padding: 0; overflow:hidden;}
#menu li {display:inline; float:left;}
#menu a {text-decoration:none; color: #333333; margin: 0; padding:0; text-align:center; float: left; background-color: #FFFFFF; width: 157px; line-height:20px; border: solid 1px  #FF9900; font-weight:bold; }
#menu a:hover {color: #FF9900; background-color:#333333; border: solid 1px #FF9900; display:inline;}


#testo {width: 560px; margin: 20px 0 10px 15px; float: left; line-height: 16px}
#testo a {border: none; width: 90x; height: 60px; color: #006633;}
#testo table { width: 560px; border: 0px; margin:20px 0 15px 0; margin-left: 0px; padding: 0;}
#testo img {border: 0px; }
#testo td { padding:0; margin:0; width: 90px; }
#testo tr { padding:0; margin:0; width: 60px; }



/*HOME*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
#fototestohome {height: 200px; width: 200px; background-image:url(immagini/fototestohome.jpg); float:left;}
#fotohome {height: 200px; width:796px; background-image:url(immagini/fotohome.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#fotohomeeng {height: 200px; width:796px; background-image:url(immagini/fotohomeeng.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}

#testohome {width: 350px; margin: 10px 15px 10px 15px; float: left; line-height: 16px}
#testohome a {text-decoration:none; border: none; width: 90x; height: 60px; color:#006633}
#testohome table { width: 560px; border: 0px; margin:20px 0 15px 0; margin-left: 0px; padding: 0;}
#testohome img {border: 0px; }
#testohome td { padding:0; margin:0; width: 90px; }
#testohome tr { padding:0; margin:0; width: 60px; }

/*NEWS*/
/* the news box when JavaScript is available */
#news.hasJS
{height:180px;overflow:hidden; position:relative;}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{position:absolute;left:0;margin:0 0 0 5px;padding:0;}

/* the news box */
#news{width:180px; height: 350px; background: #FFFFFF; border:solid 1px #009933; margin:10px 15px -11px 10px; float: left;}
#news a {color:#000;}
#news ul {margin:0 0 0 5px;padding:0;}
#news li {line-height: 15px;}
#news li { list-style-type:none;}




/*APPLICAZIONI*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
#fotoapplicazioni {height: 200px; width:796px; background-image:url(immagini/fotoapplicazioni.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#fotoapplicazionieng {height: 200px; width:796px; background-image:url(immagini/fotoapplicazionieng.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}

#applicazioni h2 {margin: 0 0 10px 25px; font-size: 120%;}
#applicazioni li { color:#006633; list-style-type: circle;}
#applicazioni a { color:#006633; text-decoration:none; font-size: 110%; font-weight: bold;}
#applicazioni a:hover { color:#FF9900;}
#applicazioni {width: 200px; float:left; margin: 22px 0 10px 0;}
#applicazioni hr { display: block; background-color:#006633; height: 1px;}

.linkbrochure { font-size:80%; font-weight:normal; font-style:italic;}
.linkbrochure a:hover {color:#FF9900;}







/*CERTIFICAZIONI*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
#certificazioni h2 {margin: 0 0 10px 25px; font-size: 120%;}
#certificazioni li { color:#006633; list-style-type: circle;}
#certificazioni a { color:#006633; text-decoration:none; font-size: 110%; font-weight: bold;}
#certificazioni a:hover { color:#FF9900;}
#certificazioni {width: 200px; float:left; margin: 22px 0 10px 0;}
#certificazioni hr { display: block; background-color:#006633; height: 1px;}

#certificazionisx {width: 560px; margin: 22px 0 10px 9px; float: left;}
#certificazionisx p {width: 530px; margin: 7px 0 0 20px;  float: left;}

#ulprima {width: 260px; height: 210px; background-image:url(immagini/ulprima.jpg); float: left; margin: 0 0 0 20px;}
#uldopo {width: 260px; height: 210px; background-image:url(immagini/uldopo.jpg); float: left; margin: 0 0 0 20px; }
#certificazionisxul {width: 560px; margin: 22px 0 10px 9px; float: left;}
#certificazionisxul p {width: 260px; margin: 7px 0 0 20px;  float: left; color:#006633; font-weight:bold;}
#certificazionisxul a {width: 260px; height: 210px; float: left;}


#jetprima {width: 133px; height: 100px; background-image:url(immagini/jetprima.png); float: left; margin: 20px 0 0 7px;}
#jetdurante1 {width: 133px; height: 100px; background-image:url(immagini/jetdurante1.png); float: left; margin: 20px 0 0 7px;}
#jetdurante2 {width: 133px; height: 100px; background-image:url(immagini/jetdurante2.png); float: left; margin: 20px 0 0 7px;}
#jetdopo {width: 133px; height: 100px; background-image:url(immagini/jetdopo.png); float: left; margin: 20px 0 0 7px; }
#certificazionisxjet {width: 560px; margin: 22px 0 10px 9px; float: left;}
#certificazionisxjet p {width: 133px; margin: 7px 0 0 7px;  float: left; color:#006633; font-weight:bold;}
#certificazionisxjet a {width: 132px; height: 100px; float: left;}


#blastprima {width: 260px; height: 210px; background-image:url(immagini/blastprima.png); float: left; margin: 0 0 0 20px;}
#blastdopo {width: 260px; height: 210px; background-image:url(immagini/blastdopo.png); float: left; margin: 0 0 0 20px; }
#certificazionisxblast {width: 560px; margin: 22px 0 10px 9px; float: left;}
#certificazionisxblast p {width: 260px; margin: 7px 0 0 20px;  float: left; color:#006633; font-weight:bold;}
#certificazionisxblast a {width: 260px; height: 210px; float: left;}

#kacer {width: 260px; height: 210px; background-image:url(immagini/kacer.jpg); background-repeat:no-repeat; float: left; margin: 0 0 0 20px;}
#kacereng {width: 260px; height: 210px; background-image:url(immagini/kacer.jpg); background-repeat:no-repeat; float: left; margin: 0 0 0 20px; }
#certificazionika {width: 560px; margin: 22px 0 10px 9px; float: left;}
#certificazionika p {width: 260px; margin: 7px 0 0 20px;  float: left; color:#006633; font-weight:bold;}
#certificazionika a {width: 260px; height: 210px; float: left;}

#iso {width: 260px; height: 210px; background-image:url(immagini/CERTitaPIC.jpg); background-repeat:no-repeat; float: left; margin: 0 0 0 20px;}
#isoeng {width: 260px; height: 210px; background-image:url(immagini/CERTitaPICeng.jpg); background-repeat:no-repeat; float: left; margin: 0 0 0 20px;}


#fotocertificazioni {height: 200px; width:796px; background-image:url(immagini/fotocertificazioni.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#fotocertificazionieng {height: 200px; width:796px; background-image:url(immagini/fotocertificazionieng.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}

/*REFERENZE*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
#fototestohome {height: 200px; width: 200px; background-image:url(immagini/fototestohome.jpg); float:left; margin: 0 0 10px 0;}
#fotoreferenze {height: 200px; width:796px; background-image:url(immagini/fotoreferenze.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#fotoreferenzeeng {height: 200px; width:796px; background-image:url(immagini/fotoreferenzeeng.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}

#referenze {width: 560px; margin: 20px 0 10px 15px; float: left;  height:150px; overflow-y: scroll; overflow-x: hidden; border:1px solid #006633;}
#referenze h2 {width: 540px; float: left; background-color: #006633; color:#FFFFFF; padding: 3px 5px 3px 5px; margin: 0 0 0 0;}
#referenze a {color:#FFFFFF; font-weight: lighter; font-size: 80%;}
#referenze a:hover {color:#FFFFFF; font-weight: lighter; font-size: 80%;}
#referenze p {width: 540px; margin: 5px 5px 5px 5px; float: left; font-size:80%;}
#referenze table {width: 530px; float: left; text-align: left; padding: 5px;}
#referenze tr { vertical-align: top; line-height: 20px;  }
#referenze td {vertical-align: top; border-bottom: 1px solid #006633;}
#referenze th {line-height: 10px; border-bottom: 2px solid #000000; padding-bottom: 5px;}
.cliente { font-weight: bold;}

/*CONTATTI*/
#fotocontatti {height: 200px; width:796px; background-image:url(immagini/fotocontatti.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#fotocontattieng {height: 200px; width:796px; background-image:url(immagini/fotocontattieng.png); float: left;  margin:2px 0 10px 0; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}

#contattisx {width: 296px; margin-top: 10px; float: left;}
#contattisx h2 { margin: 40px 0 3px 8px; font-size: 125%; } 
#contattisx p { margin: 3px 0 20px 8px;}
#contattisx em { font-weight:bold; font-size: 105%;}

#contattidx {width: 500px; margin-top: 10px;  float: left; margin-bottom: 20px;}
#contattidx a { color: #006633;}
 


/*FOOTER*/
#footer {width: 796px; height: 40px; background-image:url(immagini/piedebilco.jpg); float: left; margin: 0 0 2px 0; padding:0; border-top: solid 2px #000000;}
#footer p {width: 796px; height: 40px; float: left; text-indent: -9999px; overflow: hidden; margin: 0 0 0 0; padding:0; font-size: 10%;}
#footer a {width: 796px; height: 40px; margin: 0; padding:0; float: left; overflow: hidden; font-size: 10%;}


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

#contenitorecopyright {width: 800px; height:15px; margin: 0px auto 10px; overflow: hidden; background-color:#999999 ;}
#copyright {width:150px; height: 15px; background-image:url(immagini/copyright.jpg); display:block; float: right;}
#copyright a {width:150px; height: 15px; display:block; text-indent: -9999px; margin: 0;}
#piva { height: 15px; width: 165px; float: left; background-image:url(immagini/piva.png);}




/*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;}