/* POSIZIONAMENTO */

* {margin:0;  padding:0;}

ul, ol, li { list-style-image: none; list-style-type: none;}

body { font-size:76%; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:justify; color: #000066;
background: #FFF url(../immagini/quad.gif); }

#container { width:100%; margin-left:auto; margin-right:auto; position:relative;  background: #FFF url(../immagini/cielo.jpg) 250px top repeat-x; }

#head { height: 170px; min-width:760px; overflow:hidden; }

#logo { display:block;	float:left; }

	#menuSup { height: 50px; padding-top:80px; }
	#logoPrint {display:none;}

#containerCentrale { background: #FFF url(../immagini/sfondoSx.jpg) top left repeat-y; }

#menuSx { background: transparent; float:left; width: 250px; }
	#menuSx p, #menuSx ul, #menuSx h3 { padding:0px 10px 0px 20px; text-align:left; }
	#menuSx h2 { padding:0px 10px 0px 10px; color:#99C; font-weight: normal; border:none; background-color:transparent; margin-bottom:10px; }
	#menuSx h3 { padding-top:8px; font-size : small; font-weight: bold; border-bottom:1px double #99F; margin-bottom:10px; }

#scrollingNews { height:200px; width : 240px; position:absolute; top:210px; overflow: hidden;}

#scrollingNews #newsContainer{ position:absolute; width : 240px; background-color:transparent; overflow: hidden; }

#content { margin: 0 0 20px 250px; height:100%; /* peekaboo bug */ min-width:520px; }
	#content div, #content p, #content h3, #content h4  { padding:0 20px 0 20px; }
	#content ul li, #content ol li  { list-style-type: disc; margin-left:40px; }
	#content hr, #content h2, #content table  { margin:0px 20px 10px 20px;}
	#content hr { color:#CCF; height:1px; margin-top:5px; margin-bottom:5px; }
	/* #content h2 { border-top: solid; border-bottom: solid; border-width: 1px; border-color: #000066; background-color: #EFEFEF; display:block; margin-bottom: 10px; } */
	#content h2 { border-top: solid; border-bottom: solid; border-width: 2px; border-color: #CCC; background-color: #EFEFEF; display:block; margin-bottom: 10px; }
	#content h2.consorzio { background: none; border:none; margin:0px 20px 10px 20px; text-align: center;}
	#content h3 {  margin-bottom: 10px; margin-top: 10px; }
	#content h4 {  margin-bottom: 8px; margin-top: 8px; }
	#content table {width:94%;}
	#content fieldset { border : 1px solid #CCF; margin : 0px 20px 20px 20px; }
	#content fieldset legend { color: #000066; font-size: small; font-weight: bold; padding:0 5px 0 5px;}
	#content p { margin-bottom:0.5em; }

#foot { background: #FFF url(../immagini/sfondoInf.jpg) left bottom repeat-x; height:55px; clear:both; font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.8em; position:relative }
	#footL { width:250px; height:55px; border:none; background: #FFF url(../immagini/raccordo.jpg) left bottom no-repeat; float:left; color: #CCF; position:relative }
		#footL p {position:absolute; bottom:0.8em; left:1em;}
	#footR { height:55px; position:relative } 
	#footR a.credits{  color: #CCF; text-decoration:none; position:absolute; bottom:0.8em; right:1em; }

/* FORMATTAZIONE */

/* intestazioni */
h1 { font-size : 160%; font-style:italic; font-weight:normal; color: #00C; position:absolute;  right:0;}
h2, h3  { font-weight: normal; }
h3.filtri {  font-size : 120%;  margin: 10px 10px 10px 0px;}  /* filtri applicati */
h4 { font-size : 110%;}

caption {  color:#000066; font-weight: bold; }
img { border : none; }
address { font-style:normal; font-size:110%; }

a:link { color:#000066; }
a:hover { text-decoration:none; color: #0000cc }
a:active { color: #000099; }

a.newsHome { text-decoration:none;  }

.man { float:left; border:none; }
li.login { list-style-image: url(../immagini/bullet.gif); font-size:x-small; font-weight: normal; text-indent:20px; }

.bottone { font-weight: bold; background-color : #efefef; border-color:#000066; border : 1px; color:#000066; width:100px; cursor: pointer; width:100px; margin-top:20px; }
.info { background-color : #efefef; border-color:#000066; border : 1px solid; width: 50%; padding : 5px 5px 5px 5px; margin-left: 2%; }
.alert { color:red; font-weight:bold; text-align:center; }

.barraPag { text-align: center;  margin:10px;}
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.noMargin { margin:0px; font-weight: bold;}
.floatingRight {float:right;}
.floatingLeft {float:left;}
.img { float:left; margin-bottom: 2%; padding:0 20px 0 20px; width:250px; height:167px; border:none; }
br.clear {clear:both;}
.logo_rampa {float:left; margin-right:20px;}
.foto_rampa {float:right; margin:0 0 20px 20px; display:block; clear:right;}
.foto_presidenti {float:right; margin:0 20px 20px 20px; display:block; clear:right;}
.piepagina { text-align:center; color:#999; font-size:90%; margin-top:1em; }

td { text-align:inherit; vertical-align: top; padding:2px;}                           
table.assemblea tr td  { border:1px solid #CCC; }
table.assemblea tr th { background:#000066; color:#FF3; padding-left:4px; vertical-align:top; } 
table.assemblea caption { font-size : 110%; } 

#table-1 tr td {vertical-align:middle;}

/* stili ordinamneto dinamico tabella js */
.sort-arrow { width:8px; height:7px; background-position:center; background-repeat:no-repeat; }
.sort-arrow.descending { background-image:url("../immagini/downsimple.png"); }
.sort-arrow.ascending { background-image:url("../immagini/upsimple.png"); }

table.alternaRighe { border:1px solid #000066;  }
table.alternaRighe tr th { cursor: pointer; }
.pari { background-color: #FFF; }
.dispari { background-color: #EFEFEF; }

.icone { width:60px; }	
	.icone img { margin:0;  padding:0 0 0 0; border:1px solid black; width:16px; } 
	.icone a { display:inline; } 

.gallery{ width:90%; overflow:hidden; margin:2% auto; }
	.gallery dl{ float:left; width:250px; height:240px; background: transparent url(/immagini/cornice_bottom.gif) no-repeat bottom left; border:1px outset #CCC; margin:2% 3% 2% 3%  }
	.gallery dt{ padding: 15px 0 0; background: url(/immagini/cornice_top.gif) no-repeat top left; }
	.gallery img { display:block; margin:0 auto; border:2px inset #CCC}
	.gallery dd { padding:0; margin:0; }
	.gallery dd p { padding:0; margin: 0; font-size:80%; text-align:left; }
	
	
/* tabs */

#menu {width:510px; height:50px; font-size:1.1em; line-height:1.8em; background: #006 url(../immagini/menu.gif) top left no-repeat; position:absolute; top:80px; left:250px;}
	#menu ul  { font-weight: bold; list-style-type:none; list-style-image:none;  width:100%; } 
	#menu ul li { display:block; float:left; position:relative; }
	#menu ul li a { display:block; text-decoration:none; color:#FF0; }
	#menu ul li a span { display: block; width: 0; height: 0; line-height: 0; overflow: hidden; clip: rect(0,0,0,0); }
		#menu ul li a.home { width: 120px; height:50px; }
		#menu ul li a.chi { width:110px; height:50px; }
		#menu ul li a.delibere { width:100px; height:50px; }
		#menu ul li a.dati { width:80px; height:50px; }
		#menu ul li a.informazioni { width:100px; height:50px; }
		#menu ul li ul { display: none; }
			#menu ul li ul li {  background-color: #006; }
			#menu ul li ul li a { width:12em; padding:0 0.5em 0 0.5em; }
			#menu ul li ul li a.storia, #menu ul li ul li a.organIst, #menu ul li ul li a.strutturaAmm { background: #006 url(../immagini/bulletmenu.gif) center right no-repeat; }	
			#menu ul li ul li a:hover { background-color:#CCF; color:#006; background-image:none; } 
			#menu ul li:hover ul { display: block; position: absolute; z-index:1; top:50px; left:1em; }
			#menu ul li:hover ul li { display: block;  float:left; }
			#menu ul li ul li ul.str { display: none; }
				#menu ul li ul li:hover ul.str { display: block; position: absolute; z-index:1; top:0; left:13em; width:13em; }
				#menu ul li ul li:hover ul.str li { display: block; float:left;  }
				#menu ul li ul li:hover ul.str li a:hover { background-color:#CCF; color:#006; } 

/*
#home { width:56%; padding:0; margin:0; float:left;}
*/
#home h2 { padding:0; margin:0; }
#home ul li { margin:0; padding:0.5em 0 0.5em 0; list-style-image: none; list-style-type: none; border-bottom:1px dotted #CCF; text-align:left;}
#home ul li strong {color:#006;}


#corniceCartoline { text-align:center; border:1px solid #CCF;  }
#corniceCartoline object, #corniceCartoline embed { width:auto; height:250px }

#menuDx { width:100%; clear:both; margin-top:3em; }
	#menuDx ul, #menuDx ul li { list-style-type:none; list-style-image:none; margin:0; padding:0; }
	#menuDx ul li {  float:left; text-align:center; }
	#menuDx ul li a span { display: block; width:0; height:0; line-height:0; overflow: hidden; clip: rect(0,0,0,0); }
	#menuDx ul li a { display:block; width:70px; height:82px; }
		#menuDx ul li a.provincia { background: #FFF url(../immagini/provincia.gif) center bottom no-repeat; width:38px; }
		#menuDx ul li a.chiavenna { background: #FFF url(../immagini/cmchiavenna.gif) center bottom no-repeat; }
   		#menuDx ul li a.morbegno { background: #FFF url(../immagini/cmmorbegno.gif) center bottom no-repeat; }
		#menuDx ul li a.sondrio { background: #FFF url(../immagini/cmsondrio.gif) center bottom no-repeat; }
		#menuDx ul li a.tirano { background: #FFF url(../immagini/cmtirano.gif) center bottom no-repeat; }
		#menuDx ul li a.bormio { background: #FFF url(../immagini/cmbormio.gif) center bottom no-repeat; }
		#menuDx ul li a.fbim { background: #FFF url(../immagini/federbim.gif) center bottom no-repeat; width:120px; }
		#menuDx ul li a.ebim { background: #FFF url(../immagini/enerbim.gif) center bottom no-repeat; width:120px; }
		#menuDx ul li a.vaol { background: #FFF url(../immagini/vaol.gif) center bottom no-repeat; width:75px; }