body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(images/bg.gif) repeat-x; 
        text-align: left;
	font-weight: normal; font-size: 11px;  font-family: "Tahoma", Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.4em; 
	color: #333; 
}

/* stile per Hn e link */ 

a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  { font-weight: bold; font-size: 1.2em; font-family: "Tahoma", Helvetica, Sans-Serif; margin: 0; line-height: 1.6em; color: #3F5B7F; background-color:transparent; }
h2  { font-weight: bold; font-size: 1.4em; font-family: "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: url(images/h3bg.gif) no-repeat left center; padding: 0 14px; margin: 0;}
h4 { clear: both; font-size: 1.1em; color: #FFF; background: #4F81BD repeat; padding: 0 14px; margin: 0;}
h6 { clear: both; font-size: 1.6em; color: #FFF; background: #4F81BD repeat; padding: 14px, 16px; margin: 0;}
h5 { font-weight: bold; font-size: 1.2em; color: #3F5B7F; padding: 0 14px; margin: 0;}
.blue { font-weight: bold; font-size: 1.8em; font-family: "Arial", Helvetica, Sans-Serif; color: #0F5AAD; padding: 0 31px;}
.red { font-weight: bold; color: #FF0000;}
.red_info { font-weight: bold; color: #FF0000; background: #FFF; border-bottom: 1px solid #000;}
.green { font-weight: bold; color: #336600;}
.yellow { font-weight: bold; color: #FFCC00;}
.red2 { font-weight: bold; color: #5285C3;}
.white { font-weight: bold; font-size: .7em; font-family: "Arial", Helvetica, Sans-Serif; color: #FFFFFF;}
.black { font-weight: normal; font-size: .7em; font-family: "Arial", Helvetica, Sans-Serif; color: #000000;}
.b { font-weight: bold; text-align: left;}
.post_blue { font-weight: bold; font-size: 1.2em; font-family: "Arial", Helvetica, Sans-Serif; color: #5285C3;  padding: 0 38px;}
.info_camere { font-weight: bold; font-size: .8em; font-family: "Arial", Helvetica, Sans-Serif; color: #3F5B7F;}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* box principale */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}
/* logo */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
	background: transparent url(images/quadrato_logo.gif) no-repeat center left;
        }
	#logo h1 { color: #000; background-color:transparent; }

/* menu orizzonantale */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #3F5B7F; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #3F5B7F; 
		text-decoration: none; 
                font-weight: bold; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* box sotto il menu orizzontale */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #95ABBD url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
        font-weight: bold; 
        margin: 0 0 1px 0;
       
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 10px 15px; margin: 0; text-align: center;}

	/* menu sinistro */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #666; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/bar.gif) repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #0066CC url(images/bullet10.gif) no-repeat center left; color: #fff; 
}

/* box destra */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #FFF url(images/infocamere_logo.gif) no-repeat center right;
	color: #547592;
	margin: 0 0 2px 0;
	height: 40px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 15px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* box sinistra */
	
#left {
	float: left;
	width: 250px;
}
/* box destra */

#right {
	float: right;
	width: 643px;
}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftcol_top { 
		float: left; 
		padding: 12px 15px;
		width: 390px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
        .rightcol_login {
		background: #C2CEDE url(images/sfondo_login.gif) repeat center left; 
		float: right; 
		padding: 10px 15px;
		width: 180px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}

/* form */ 
.submit{
width:100px;
font-weight:bold;
font-size:12px;
color:#fff;
background:#95ABBD;
border:1px double #000000;
font-family: Arial, Helvetica, sans-serif;

}

.field2{
width:120px;
border:1px solid #666;
color:#000099;
font:normal 12px Arial, Helvetica, sans-serif;
letter-spacing:normal;
word-spacing:normal;
background:#FFFFFF;
}

/* elenchi su 2 colonne */ 
  ul.left {
    float: left;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/h3bg.gif);
    position: relative;
    left: 25px;
    text-align: left;
  }
  
  ul.right {
    float: right;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/h3bg.gif);
    position: relative;
    right: 15px;
    text-align: left;
  }

  /* elenchi su 2 colonne modulistica*/ 
  ul.left_mod {
    float: left;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/icon_pdf.gif);
    position: relative;
    left: 15px;
    text-align: left;
  }
  
  ul.right_mod {
    float: right;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/icon_pdf.gif);
    position: relative;
    right: 15px;
    text-align: left;
}
  
  /* elenchi su 2 colonne modulistica*/ 
  ul.left_mod_2 {
    float: left;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/bullet.gif);
    position: relative;
    left: 15px;
    text-align: left;
  }
  
  ul.right_mod_2 {
    float: right;
    width: 160px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/bullet.gif);
    position: relative;
    right: 15px;
    text-align: left;
}

/* elenchi su 1 colonna browser*/ 
  ul.left_bro {
    float: left;
    width: 295px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/h3bg.gif);
    position: relative;
    left: 10px;
    text-align: left;
  }
/* elenchi su 1 colonna browser*/ 
  ul.left_bro2 {
    width: 325px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(images/bullet.gif);
    position: relative;
    left: 10px;
    text-align: left;
  }

/* elenchi su 1 colonna browser*/ 
  ul.left_bra {
    width: 310px; 
    margin: 0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-position: outside;
    list-style-type: lower-alpha;
    position: relative;
    left: 40px;
    text-align: left;
  }

  
  /* Toltip*/
a.tt{
    position:relative;
    z-index:24;
    color:#0F5AAD;
    text-decoration:none;
}

a.tt span{ display: none; }

a.tt:hover{ z-index:25; color: #000;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom;
	border: 1px dashed #000; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000;
    background: url(images/bubble.gif) no-repeat bottom;
}

/* Footer */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; font-weight: bold; text-align: center; color: #3F5B7F;}
.tb {
					background:#5FA1C4;
				}
				.tdm2 {
					font-size : 10px;
					font-weight : bolder;
                                        text-align: left;
					color: white;
				}
				.tdbody {	
					font-size : 11px;
text-align: left;
					color: black;
				}