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

html,body{margin:0; padding: 0}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:center;
	width:100%;
}


div#container{
/*	width:100%;
	margin:0px auto 0px auto;*/
	background-image: url(img/graf/sfcentr.jpg);
	background-repeat: repeat-y;
	background-position: left center;
	border: 1px solid #012B55;
}

div#header{
	margin:0px;
	text-align: left;
	background-image: url(img/graf/sfhead.jpg);
	background-repeat: repeat-y;
	background-position: left center;
	padding: 0px 16px 0px 16px;
	background-color: #E9EEF4;
	
}

h1{
	margin: 0px 0px 5px 0px;
	padding:0;
	font-size: 1em;
	color: #012B55;
		border-bottom:1px dotted #012B55;
}
h2{
	color:#012B55;
	font-size:0.9em;
	text-align:left;
	border-bottom:1px dotted #012B55;
	margin-top: 23px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

div#navigation{
	color: #fff;
	background-image: url(img/graf/sfmenu.jpg);
	background-repeat: repeat-y;
	background-position: left center;
	border-top: 1px solid #002A52;
	border-bottom: 1px solid #002A52;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background-color: #012B55;
}

div#content{
	text-align: left;
	padding: 20px;
}

div#footer{padding:3px 16px 3px 20px; color:#000; text-align:left; border-top: 1px solid #002A52; font-size:0.8em; clear:both;}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {color:#000; text-decoration:underline}
div#footer a:hover {text-decoration:none}

.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
.menu {position:relative; margin:0px 0px 0px 15px;}
* html .menu {position:static;}
.menu li {float:left; background:#012b55; width:155px; margin:0px; border-right:1px solid #fff; font-size:0.8em;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#012b55;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; /*font-size:1em;*/}

/* Default link styling */
.menu li a {
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif; /*font-size:0.8em; */
	line-height:24px;
	width:155px;
	text-decoration:none;
	text-align:center;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu :hover {color:#fff;background:#54696e;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu li:hover > a {color:#fff; background:#54696e;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:158px;}

/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.menu :hover ul{left:-1px; top:18px; background:transparent url(transparent.gif); padding-top:8px; border-left:1px solid #fff;}

/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu :hover ul :hover ul.left {left:-106px;}
.menu :hover ul :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu :hover ul :hover ul :hover ul.left {left:-106px;}


#topdx {
	font-size:0.8em;
	margin: 0px;
	float: right;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 0px;
	text-align:right;
}

p {
font-size:0.8em;
margin:8px 0px 10px 0px;
}

p a, p a:link, p a:visited, p a:active {
color:#012B55}

p a:hover {
text-decoration:none;
}

.righina {
	width: 100%;
	background-image: url(img/graf/righina.gif);
	background-repeat: repeat-x;
	background-position: center center;
	text-align: left;
	margin-bottom: 5px;
}


ul{ padding:0px; margin: 10px 2px 10px 2px;}
.licann li{
	color: #000;
	padding:2px 0px 2px 40px;
	margin:6px 0px 6px 0px;
	font-size: 0.8em;
	background-image: url(img/graf/icon_search.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D8D9;
}

.li3p li{
	color: #000;
	list-style-image: url(img/graf/3p.jpg);
	margin:0px 0px 0px 12px;
	padding:2px 0px 2px 5px;
	font-size: 0.8em;
	list-style-position: inset;
}

.liele li{
	color: #012b55;
	margin:0px;
	font-size: 0.8em;
	background-image: url(img/graf/fre.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
}

.liele li, .liele li a, .liele li a:hover, .liele li a:visited, .liele li:link, .liele li a:active  {color:#012b55;}
.liele li a:hover {text-decoration:none}

.lidown li{
	color: #012b55;
	padding:2px 0px 2px 20px;
	margin:8px 0px 8px 0px;
	font-size: 0.8em;
	background-image: url(img/graf/frdown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	/*background-color: #E8E9EA;*/
}

.tahoma9sfondo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	background-image: url(images/sf2.jpg);
	border: 1px solid #9CA3AB;


}
.tahoma9lineasx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	background-color: #E9EFF6;
	border: 1px solid #9CA3AB;
	font-weight: normal;
}

.tahoma8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000
}

.tahoma9 { 	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em; text-align: left}
	
	.tahoma9blu, .tahoma9blu a, .tahoma9blu a:link, .tahoma9blu a:hover, .tahoma9blu a:visited, .tahoma9blu a:active  { font-family: Arial, Helvetica, sans-serif; color: #006 ; font-style: oblique}
	.tahoma9blu a:hover {text-decoration:none}
	
		.tahoma9blu2, .tahoma9blu2 a, .tahoma9blu2 a:link, .tahoma9blu2 a:hover, .tahoma9blu2 a:visited, .tahoma9blu2 a:active  { font-family: Arial, Helvetica, sans-serif; color: #006 ;  }
	.tahoma9blu2 a:hover {text-decoration:none}
	
			.tahoma9bludx, .tahoma9bludx a, .tahoma9bludx a:link, .tahoma9bludx a:hover, .tahoma9bludx a:visited, .tahoma9bludx a:active  { font-family: Arial, Helvetica, sans-serif; color: #006 ;  text-align:right}
	.tahoma9bludx a:hover {text-decoration:none}
	
	.tahoma9blu2, .tahoma9bludx {font-size:0.8em;}
/*
div#coldx{
width:50%;
float:right;
background-color:#E9EFF6;
border:5px solid #fff;
margin-bottom:5px:
}
div#colsx{
width:50%;
float:left;
background-color:#E9EFF6;
border:5px solid #fff;
margin-bottom:5px:
} 
*/
/*
div#colsx{float: left;
   /* width:29%;\width:33%;w\idth:29%; box model hack semplificato*/
  /* width:47%;
    padding: 2px;margin: 2px;color: #333;
	background-color:#E9EFF6;}/*
	
div#coldx{position: relative;margin: 2px 2px 2px 50%; padding: 2px;
background-color:#E9EFF6;}*/

div#colsx, div#coldx{float:left;width:48%;display:inline;	min-height: 200px;
	height: auto !important;
	height: 200px;}
	div#coldx{margin-left:30px; }
div#coldx{margin-right:1px}

  .lab{
	display: block;
	float: left;
	margin: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #003;
	text-align: left;
	width: 110px;
	padding: 3px;
	background-image:none;
	background-color:none;
	border:none;
}


.inp {
	width: 220px;
	border: 1px solid #003;
	margin: 3px;
	padding: 3px;
	}
	
	.inp2 {
	width: 340px;
	border: 1px solid #003;
	margin: 3px;
	padding: 3px;
	}
	
	.red {
	color:#f00
	}
	
	.azzu{
	background-color:#E9EFF6;
	}
	
	.gial{
	background-color:#FEFEE9;
	}
	
	.tahoma11blugrass, .tahoma11blugrass a, .tahoma11blugrass a:link, .tahoma11blugrass a:visited, .tahoma11blugrass a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #002A55 ; font-weight: bolder;}
	
.tahoma11blugrass a:hover {text-decoration:none}