/********************************************
* METERS.IT
* Design-Developed by Comma3 Designer: Annia Arosa
* http://www.comma3.com
*
* Creato 10/2/2008 
*
* Site Style
********************************1 7 9 36 39 72 77 58 69************/
					

/*	---------------------------------------------------------------------------------------
	HTML TAG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
* { padding: 0px; margin: 0px; border:0; }

body { font: 75%/1.5 sans-serif; color: #042A36; background: #0099CC url(../img/backg_body.png); padding: 0px; margin: 0px; border:0; }
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
a:link { text-decoration: none; color:#0282AC;}
a:hover { text-decoration: underline; color:#000;}
a:active { text-decoration: none; color:#0282AC;}
a:visited { text-decoration: none; color:#5F97A9; }

body, div, p, img, span, swf, id { padding: 0px; margin: 0px; border:0px; }
blockquote { padding: 0.1em 2em 0.3em 2em; }
ul { margin: 0.1em 2em 0.3em 3.5em; }
li { margin: 0.1em 2em 0.3em 2em; }


/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#Container {
	text-align: left;
	width: 980px;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #7CCBE6;*/
 	background: url(../img/backg_conten.png) no-repeat left top; }

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#Header { height: 110px; padding: 0px 0px 0px 56px; margin: 0 0 0px 0; /*border: 1px solid #666;*/ }
.BgNav{
	background-image: url('../img/backg_nav_top.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 10px 0;
	height: 92px;
	}

#logo h1 a{
	background-image: url(../img/logo.png);
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10001em;
	
}

#logo a { height: 60px; width: 210px; padding: 0 0 0 10px; margin: 40px 0px 10px 25px;  }

.swfshow{ padding: 10px; margin: 0 0 0px 1px;}
.ufoSwf{ padding: 0px; margin: 0px; }

/*	---------------------------------------------------------------------------------------
	Classi menu (Nav1)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
	#menu ul { float: right; max-width: 600px; list-style: none; height: 40px; margin: 50px 0 0px 0; padding: 0 0 10px 0px; }
	#menu li { float: left; padding: 10px 0px 1px 0px; margin: 1px; /*border-right: 1px solid #7CCBE6;*/}
	#menu li.last { padding: 10px 0px 1px 12px; margin: 1px; border-right: 0px solid #EA491F; }
	#menu ul li a:hover { color: #FFF;	text-decoration: none; }
	#menu ul li.home { border-left: none; }
	#menu ul li a { color: #E1F5FB; float: left; background-position: 50% 100%; }
	#menu ul li.active {
	background-image: url(../img/arrow_nav_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
	#menu em { padding: 0px 12px 0px 12px; }
	
#Conten { clear:both;  padding: 0px 0px 0px 56px; margin: 0px; /*border: 1px solid #666; background-color: #fff;*/ }


/*	---------------------------------------------------------------------------------------
	Classi di pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#columnSx {
	width: 230px;
	float: left;
	/*background: #008FBF;*/
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#columnDx {
	width: 657px;
	float: right;
	margin: 0px 0 0 0px;
	background: #fff;/**/
	padding: 0px;
}
#columnDx h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	color:#0099CC;
}

#columnDx .titleLft {
	float: left;
	width: 340px;
	/*border-bottom: 1px solid #EA451F;*/
}

#columnDx h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	color:#666;
}

#columnDx p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0.5em;
}

#columnDx img.left {
	float: right;
	margin: 8px 0px 10px 10px;
	border: 1px solid #ccc;
	padding: 1px
}


.frase{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #3AB0D8;
	margin: 8px 2px 2px 2px;
	padding: 8px 20px 8px 20px;
	font-style: italic;
	border-bottom: 3px solid #259DBC; }


	  
	#Subnav2  { width: 240px; margin: 0px 0 0 10px; padding: 0 0 0 0px; }
	#Subnav2 ul { list-style: none; margin: 0px; padding: 0px; }
	#Subnav2 li { display: block; list-style: none; padding: 3px 0px; border-bottom: 1px solid #0099CC; }
	#Subnav2 li.last { display: block; list-style: none; padding: 3px 0px;  border-bottom: 0px;}
	#Subnav2 ul li a {
	background-position: 3px 6px;
	color: #02647C;
	font-size: 1.3em;
	background-image: url(../img/bullet_nav2_1.gif);
	background-repeat: no-repeat;
	padding-left:20px
}
	#Subnav2 ul li a:hover { color: #111F23; text-decoration: none; }
	#Subnav2 ul li.active { background-position: 50% 100%; background-color: #CDEDF7; }

/*	---------------------------------------------------------------------------------------
	Classi menu (Nav3)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

	#submenu3  { width: 240px; margin: 30px 0 0 10px; padding: 0 0 0 0px; }
	#submenu3 ul { list-style: none; margin: 0px; padding: 0px; }
	#submenu3 li { display: block; list-style: none; padding: 8px 18px; border-bottom: 1px solid #d2d5d5; }
	#submenu3 ul li a { background-position: 50% 100%; color: #E2F4FA;  font-size: 1.2em;}
	#submenu3 ul li:hover { background-position: 50% 100%; background-color: #1F81A1; color: #FFF; }
	#submenu3 ul li.active { background-position: 50% 100%; background-color: #1F81A1; }

/*	---------------------------------------------------------------------------------------
	Classi di servizio
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

#Newshome{	margin: 8px 10px 5px 10px; }
#Newshome h1 {	border-bottom: 3px solid #259DBC; }

.Boxnews { border-bottom: 1px solid #ccc; padding: 0px 0px 20px 0px; clear:both;}

#Newshome h2 {
	font-size: 1.2em;
	color: #FF9900;
	background-image: url(../img/icon_doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 8px 8px 5px 10px;
	padding: 0px 0px 0px 20px;
}
#Newshome p {
	margin: 0px 10px 20px 30px;
	/*font-size: 0.9em;
	color: #333;*/
}

/*
#Newshome img {
	border: 1px solid #ccc;
	padding: 1px;
	/*float: left;
	width: 70px;
	height: 50px;
	margin: 0px 10px 10px 40px;
	text-align: left;
} */

#Newshome img.Imgsmall {
    border: 1px solid #ccc;
    padding: 1px;
    /*float: left;*/
    height: 50px;
    width: 60px;
    margin: 0px 10px 5px 40px;
    text-align: left;
}

#Newshome img.Imgbig {
	border: 1px solid #ccc;
	padding: 1px;
	float: left;
	width: 250px;
	margin: 0px 10px 5px 0px;
	/*text-align: left;*/
}

#Tabs{
	clear:both;
	margin: 10px 0px 0px 0px;  
	padding: 0px 0px 20px 0px;
	background-image: url(../img/bg_tabs.gif);
	background-repeat: no-repeat;
	background-position: 0px 28px;
	}

#Tabs ul { margin: 0; padding: 0px 0px 30px 0px; }

#Tabs li { 
	display: inline; 
	float: left;
	margin:0px; 
	padding: 6px 0px 6px 2px; 
	list-style: none; 
	background-image: url(../img/px.gif);
	background-repeat: no-repeat;
	}

#Tabs a {
	display: bloc;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
	background-color: #EEE;
	margin: 5px 2px 0px 0px;
	border: 1px solid #CCCCCC;
}


#Tabs a:hover {
	background-color: #FFF;
}

#Tabs li.activlink a{
	background-color: #FFF;
    font-weight: bold;
	border-bottom: 1px solid #FFF;
	list-style-type: none; 	}
	

/*	---------------------------------------------------------------------------------------
	menu 3
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/





#BlocList{	margin: 8px 0px 25px 0px; border-top: 3px solid #fff; clear:both;}
.BoxList { border-bottom: 1px solid #ccc; padding: 1px 1px 0px 1px;  margin: 1px 1px 10px 1px; clear:both; }
.BoxList img.Imgsmall {
    border: 1px solid #ccc;
    padding: 1px;
    /*float: left;*/
    height: 50px;
    width: 60px;
    margin: 0px 10px 5px 0px;
    text-align: left;
}

.BoxList img.ImgEditor {
	border: 1px solid #ccc;
	padding: 1px;
	/*float: left;*/
	height: 70px;
	width: 50px;
	margin: 0px 10px 5px 0px;
	text-align: left;
}

.BoxListOpen { border: 2px solid #259DBC; margin-bottom: 30px; display:none;}
.BoxListOpen img.Imgbig {
	border: 1px solid #ccc;
	padding: 1px;
	float: left;
	width: 250px;
	margin: 0px 10px 5px 0px;
	/*text-align: left;*/
}

.tabtop {
	padding: 5px 10px 5px 20px;
	clear:both;
	float: right;
	width: 250px;
	margin: 0px 10px 5px 0px;
	/*text-align: left;*/
	background-color:#FF9900;
	background-image: url(../img/bullet_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 6px 11px;
	font-weight: bold;
}


.tabtop a {color: #000;}
.tabtop a:hover {color: #583704;}


#BlocList h2 {
	font-size: 1.2em;
	color: #FF9900;
	margin: 8px 8px 5px 10px;
	padding: 0px 0px 0px 20px;
}

#BlocList h2 span {
	font-size: 0.8em;
	color: #000;
}

#BlocList h3 {
	font-size: 1em;
	color: #333;
	margin: 8px 8px 5px 20px;
	padding: 0px 0px 0px 10px;
	text-transform: uppercase;	
}

/*
#BlocList li, ul {
	padding: 0.5em  0.5em  0.5em  0.5em;
	margin:  0.5em  0.5em  0em  1em;
	border: 0;
} 

#BlocList li {
	padding: 0.5em  0.5em  0em  1.3em;
	margin:  0.5em  0.5em  0.5em  3.5em;
	border: 0;
	background-image: url(../img/bullet_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	list-style: none;
} 
*/

#BlocList dl {	width: 90%; font-size: 1em;	margin: 10px 30px 0 30px; }
#BlocList dd {
	margin: 0px 0 0 45%;
	padding: 0 0 10px 0;
	line-height: 150%;
	clear: right;
	text-align: left;
}
#BlocList dt{ list-style-type: none; padding: 0; margin: 0;	float: left; clear: left; width: 45%; font-weight: bold;  }
#BlocList p { margin: 0px 30px 10px 30px; color: #333; text-align:justify; }
#BlocList p.px { margin: 0px; margin: 0px; height:0px; }

.NavContestual{ width:200px; float:right; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;}
.NavContestual ul {
	padding: 0.0em  0.0em  0.0em  0.0em;
	margin:  0.2em  0.2em  0em  0.2em;
	border: 0;
} 
.NavContestual li {
	padding: 0.5em  0.5em  0em  1.3em;
	margin:  0.5em  0.5em  0.5em  3.5em;
	background-image: url(../img/bullet_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	list-style: none;
} 
.NavContestual li.active { 
	background-position: 50% 100%; background-color: #EBEBEB;
	background-image: url(../img/bullet_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	list-style: none;
 } 

.liarrow{
	padding: 0em  0.5em  0.5em  2em;
	margin-bottom: 0.5em;
	background-image: url(../img/bullet_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	border-bottom: 1px solid #EBEBEB;
	}

.liclosed { 
	background-image: url(../img/bg_liclosed.gif);
	background-repeat: repeat-x;
 	background-position: 0px bottom;
}

.toolBar {	
	background-image: url(../img/bg_toolbar.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 10px 0px 20px 0px;
	clear:both;

}
.toolBar span {
    font-size: 0.9em;    
    color: #666;
    /*margin: 0 0 0 10px;
    font-style: italic;*/
}
.toolBar span.link {
	font-size: 1em;	
	color: #666;
	margin: 0 0 0 30px;
	/*font-style: italic;*/
}
.toolBar em{ margin: 0 10px;}
.toolBar small {
	font-size: 0.9em;	
	color: #666;
	margin: 0px;
	padding: 2px 8px 2px 8px;
	/*font-style: italic;*/
	border-left: 1px solid #666;
}
.toolBar h4 {
	font-size: 0.9em;	
	color: #666;
	margin: 2px 8px 2px 8px;
	padding: 2px 8px 2px 22px;
	border-bottom: 3px solid #ccc;
	/*background:#EBEBEB;*/
}

.donwload{
	padding: 0.5em;
	margin: 10px;
	border-top: 1px solid #EBEBEB;
	clear:both;
	}


/*-----Classi formattazione schede dei soci-----*/

.Mansione {
	padding: 0.5em 0.5em 0.5em 25px;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #FE9F11;
	background-color: #DFEBEF;
	text-transform: uppercase;
	background-image: url(../img/bullet_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	font-weight: bold;
}


.BoxSocio {
    background-image: url(../img/dotted.gif);
    background-position: right bottom;
    background-repeat: repeat-x;
    padding: 0.5em;
}

.BoxSocioHide {
	padding: 0.5em;
    display:none;
}

.nome {	
	padding: 0.2em;
	font-size: 1.1em;	
	float:left;
	font-weight: bold;
	width:200px;
}

.psmall {	
	padding: 0em 1em 1em 1em;
	font-size: 0.9em;	
}



.TexItalicfloat {
	font-size: 1em;	
	width:40%;
	color: #666;
	font-style: italic;
	margin: 0px 8px 5px 0;
	padding: 5px 0px 5px 20px;
}

.iconNone {
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 0px;
}
.iconDocument {
	background-image: url(../img/icon_doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconUser {
	background-image: url(../img/icon_user.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
}
.iconUserMney {
	background-image: url(../img/icon_user_money.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
}

.iconDownload {
	background-image: url(../img/icon_download.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
}
.iconFonte {
	background-image: url(../img/icon_fonte.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
}
.iconMail {
	background-image: url(../img/icon_mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconVideo {
	background-image: url(../img/icon_video.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}
.iconReport {
	background-image: url(../img/icon_report.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconBook {
	background-image: url(../img/icon_book.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconCatg {
	background-image: url(../img/icon_catg.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconProject {
	background-image: url(../img/icon_project.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}
.iconGiornale {
	background-image: url(../img/icon_giornale.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}
.iconNews {
	background-image: url(../img/icon_news.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.iconEvent {
	background-image: url(../img/icon_event.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
    color:#666;
}
.iconLink {
	background-image: url(../img/icon_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 0px;
	padding: 5px 0px 5px 20px;
}

.iconTerr {
	background-image: url(../img/icon_territ.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 8px 5px 10px;
	padding: 5px 0px 5px 20px;
}

.Bullet {
	background-image: url(../img/bullet_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}


.closed { background-color:#EBF3F3; text-align:right; padding-right: 10px; }


/*-----Classi ALLERT - INFO - ERROR -----*/

.sys_info {
	font-size: 1.6em;
	color: #C8FB77;
	padding: 0px 0 15px 45px;
	margin: 0px 0 15px 0px;
	background-image: url(../img/icon_sys_info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	/*position:relative;*/
	text-align:left;
}
.sys_warning {
	font-size: 1.6em;
	color: #000;
	padding: 0px 0 15px 45px;
	margin: 0px 0 15px 0px;
	background-image: url(../img/icon_sys_warning.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	/*position:relative;*/
	text-align:left;
}
.sys_error {
	font-size: 1.6em;
	color: #D8360E;
	padding: 0px 0 15px 45px;
	margin: 0px 0 15px 0px;
	background-image: url(../img/icon_sys_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	/*position:relative;*/
	text-align:left;
}


/*	---------------------------------------------------------------------------------------
	ID Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#Footer {
	clear: both;
	font-size: 0.9em;
	padding: 12px 12px 12px 12px;
	margin: 10px 0px 20px 60px;
	color: #074559;	
	/*background-image: url(../img/backg_footer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	text-align: left;
	}

#Footer a {	color: #E1F5FB;	}

.credit {
	float: right;
	/*background: #fff;
	border: 1px solid #666;*/
	padding: 0px 0px 10px 5px;
	margin: 0px;

}

.recapito{
	font-size: 0.9em;
	color: #085B76;
	border-top: 1px solid #097295;
	padding: 20px 6px 0px 6px;
	margin: 60px 0 0 30px;
	
}
.recapito a {	color: #75C2DB;	}

.hd {
    display:none;
}