/*css ci*/
html, body {
/*background-image:url(../IMMAGINI/top_image_P.jpg);
background-repeat: repeat;*/

font-family:Tahoma,Verdana, Arial, Helevetica;
font-size:75%;
margin:10px;
padding:0px;
text-align:left;

/*font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;*/
color: #ffffff;
background:#333333;
}

body
{font-size: 90%;
color: #333333;
background:#cccccc;
}




div#container
{
margin: 0 auto; 
position: absolute;
/*background-image:url(../IMMAGINI/sf_int.jpg);
background-repeat: repeat;*/
/*background:#CCCCCC;*/

background-color:#666666;
/*background-position: center top;*/
width: 900px;
/*height:100%;*/
/*font-size:100%;*/
/*margin-top:0px; */
/*text-align: left;*/

}

/*stili generici, su header e footer*/
div#header
{
	background-image:url(../IMMAGINI/savana.jpg);
    background-repeat: repeat-x;
	color: #FFFFff;
	height:50px;
	font-size: 300%;
	/*font-style:bold;*/
	font-weight: bolder;
	position:relative;
	padding: 5px;
	margin:1px;
	z-index: 2;
    text-align:center;
	background-color: #666666;
}
div#footer
{
	padding: 3px;
	
	color: #ffffff;
	font-size: 80%;
	position:relative;
	margin:10px;
	text-align:center;
	letter-spacing: 2pt;
	z-index: 4;
	background-color:  #666666;/*
	background-image:url(../IMMAGINI/sf_pie.jpg);
    background-repeat: repeat;*/

}
div#footer a
{
color: #ffff00;
}

/*parte centrale*/
#centrale
{
	height:470px;
	width:880px;
	position: relative;
	left:0px;
	/*background-image:url(../IMMAGINI/top_image_P.jpg);
	background-repeat: repeat;*/
	font-size: 80%;
	margin:10px;
	text-align:left;
	letter-spacing: 2pt;
	z-index: 3;
	/*padding: 3px;*/
	background-color:  #666666;
	/*z-index:1;*/
	/*color: #FFFFff;*/
}

/*stili specifici per il layout*/

div#contentnav
{
height:450px;
width:165px;
left: 690px;
top: 0px;
position:absolute;
color: #660000;
background-color: white;
margin:10px;
/*padding:10px;*/
/*font-size:150%;
line-height:200%;
/*TEXT-INDENT: 18px;*/
/*text-align: right;*/
/*overflow:auto;*/
}

div#navigation
{
background-color: #CCcccc;
height:450px;
width:165px;
left: -10px;
top: -11px;
position:absolute;
color: yellow;
background-position: center top;
overflow:hidden;
margin:10px;
text-align:center;
font-family:tahoma;
font-size: 12px;
letter-spacing:0pt;
/*padding:3px;*/
/*font-size:80%;*/
}

div#contenitore
{
height:450px;
width:680px;
left: 0px;
top: 0px;
position:absolute;
color: #666666;
background-color: #cccccc;
margin:10px;
padding:0px 0px 0px 0px;
/*padding:10px;*/
/*font-size:150%;
line-height:200%;
/*TEXT-INDENT: 18px;*/
/*text-align: right;*/
/*overflow:auto;*/

}
/* classe per i livelli nascosti*/
.liv
{
	position:absolute;
	left:0px;
	top:2px;
	height:430px;
	width:660px;
	vertical-align: middle;
	overflow:auto;
	margin:10px;
	font-size:150%;
	line-height:200%;
	color: #666666;
	text-align: justify;
	background-color: #CCcccc;
	padding:0px 0px 0px 0px;
	/*padding:10px;*/
}

.liv1
{
	position:absolute;
	left:0px;
	top:2px;
	height:430px;
	width:660px;
	/*vertical-align: middle;*/
	overflow:auto;
	margin:10px;
	font-size:150%;
	line-height:200%;
	color: #666666;
	text-align: justify;
	background-color: #CCcccc;
	padding:0px 0px 0px 0px;
	/*padding:10px;*/
}

/*classe per i livelli da allineare a destra(es stampante)*/
.livdx
{
	position:absolute;
	top:20px;
	left:570px;
	text-align: right;
	overflow:hidden;
	margin:0px;
	/*color: #666666;*/
	/*background-color: yellow;
	/*TEXT-INDENT: 18px;*/
	/*padding:0px;*/
}
/*classe per  allineare casetta e punto di domanda*/

.livsotto
{
	position:absolute;
	left:0px;
	top:420px;
	height:50px;
	width:165px;
	text-align: center;
	overflow:hidden;
	margin:0px;
	visibility:visible;
	/*padding:0px;
	color: #660000;
	background-color: red;*/
	/*left:570px;*/
	}
	
/*.ldx {
position:relative;
margin:0px;
padding: 0px;
top:0px;
left:100px;
}
.lsx {
position:relative;
padding: 0px;
margin:0px;
top:0px;
left:15px;
}*/




h1, h3, h6 {
font-family:tahoma, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

h1 {
font-size: 200%;
font-weight: bolder;


}
h2 {
font-size: 180%;
font-weight: bolder;
margin:10px;
}
h3 {
font-size: 160%;
font-weight: bold;
}
h4 {
font-size: 140%;
font-weight: bolder;
padding:10px;
margin:10px;

}
h5 {
font-size: 90%;
font-weight: normal;
padding:10px;
margin:10px;
}
h6 {
font-size: 60%;
font-weight: normal;

}


p{
margin:10px;
padding:10px;
text-align:justify;
}


.no:link {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;*/
	/*color: #330000;*/
	text-decoration: none;
	display:inline;
	/*background-color: transparent;*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*display:block;*/
	margin:0;
	padding: 0px;
	height: 0;
	width: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;


}

.no:visited {
	
    /*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;*/
    /*color: yellow;*/
	text-decoration: none;
	display:inline;
	/*background-color: transparent;*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*display:block;*/
	margin:0;
	padding: 0px;
	height: 0;
	width: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;

}

.no:hover {
    /*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;*/
    /*color: yellow;*/
	display:inline;
	text-decoration: none;
	/*background-color: transparent;*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*display:block;*/
	margin:0;
	padding: 0px;
	height: 0;
	width: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;


}
.no:active {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;*/
    /*color: #ffffff;*/
	text-decoration: none;
	display:inline;
	/*background-color: #CCFFFF;*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*display:block;*/
	margin:0;
	padding: 0px;
	height: 0;
	width: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	}
	

.tabella
{
 
	table-layout : fixed;
	width : 400px;
	/*cell-width:60px;
	cell-height:50px;
	/*background-color:gray;*/
	color: #FFFFaa;
	font-size: 90%;
	border: 1px ;
	border-color:#999999;
	border-collapse: separate; 
	
	/*cellpadding: 0px;
	cellspacing: 0px;*/
	border-spacing: 5px;
	caption-side:top;
	font-style:normal;
	text-align:center;
}

/*.tittab{
color: yellow;
font-size:120%;
background-color:#666666;
text-align:left;
font-style: italic;
}*/

.sfond0{
color: #666666;
background-color:#cccccc;
text-align:left;
font-weight: bolder;
/*text-style:bold;*/
/*border: 1px solid orange;*/
padding:10px;
margin: 5px;
}
.sfond1{
color: #666666;
background-color:#cccccc;
text-align:left;
font-weight: bolder;
/*text-style:bold;*/
padding:5px;
margin: 5px;


}

/*---------------------------*/
div#menu,div#menu1,div#menu2,div#menu3,div#menu5,div#menu6,div#menu7,div#menu8,div#menu9,div#menu10,div#menu11,div#menu12
{
float:left;
width: 600px;
padding:0px 0px 0px 15px;
letter-spacing:0px;
font-weight: lighter;
/*text-style:thin;*/
font-family:"Arial Narrow";
font-size:90%;

/*background: url(navbk.jpg);*/
}
div#menuv
{
/*float:left;*/
width: 200px;
padding:20px 0px 20px 15px;
/*background: url(navbk.jpg);*/
}

ul#nav,ul#nav li,ul#navv,ul#navv li,ul#navo1,ul#navo1 li,ul#navo2,ul#navo2 li,ul#navo3,ul#navo3 li,ul#navo5 li,ul#navo6 li,ul#navo7 li,ul#navo8 li,ul#navo9 li,ul#navo10 li,ul#navo11 li,ul#navo12 li
{

list-style-type:none;
margin:2px;
padding:0;
}
ul#navv li,ul#navo5 li,ul#navo6 li,ul#navo7 li,ul#navo8 li,ul#navo9 li,ul#navo10 li,ul#navo11 li,ul#navo12 li
{
float:left;
width:10em;
margin-right:5px;
margin-bottom:5px;
text-align: center;

}

ul#navo1 li,ul#navo2 li,ul#navo3 li,ul#nav li
{
float:left;
width:15em;
margin-right:5px;
margin-bottom:5px;
text-align: center;

}

ul#nav a,ul#navv a,ul#navo1 a,ul#navo2 a,ul#navo3 a,ul#navo5 a,ul#navo6 a,ul#navo7 a,ul#navo8 a,ul#navo9 a,ul#navo10 a,ul#navo11 a,ul#navo12 a
{
display:block;
text-decoration:none;
padding:0px 0px 0px 0px;
background: #333333;
line-height:normal;
color: #fff;
font-weight:bold;
}
ul#navo1 a,ul#navo2 a,ul#navo3 a{
color: #333333; 
background: #ffffff;
font-weight:normal;}


ul#nav a:hover,ul#navv a:hover,ul#navo1 a:hover,ul#navo2 a:hover,ul#navo3 a:hover,ul#navo5 a:hover,ul#navo6 a:hover,ul#navo7 a:hover,ul#navo8 a:hover,ul#navo9 a:hover,ul#navo10 a:hover,ul#navo11 a:hover,ul#navo12 a:hover
{
color:#FFFF00
}
ul#navo1 a:hover,ul#navo2 a:hover,ul#navo3 a:hover
{
font-weight:bold;
color:#ff6600;
}
/*ul#nav li.activelink a,ul#nav li.activelink a:hover,ul#navv li.activelink a,ul#navv li.activelink a:hover,ul#navo1 li.activelink a,ul#navo1 li.activelink a:hover,ul#navo2 li.activelink a,ul#navo2 li.activelink a:hover,ul#navo3 li.activelink a,ul#navo3 li.activelink a:hover,ul#navo5 li.activelink a:hover,ul#navo6 li.activelink a:hover,ul#navo7 li.activelink a:hover,ul#navo8 li.activelink a:hover,ul#navo9 li.activelink a:hover
{
color: #000
}
*/


.rosso
{
background-color: #333333;
border: 3px ;
border-color:red;
height:300px;
/*position:absolute;*/
left:0px;
top:0px;
/*height:430px;
	width:660px;*/
vertical-align: middle;
/*overflow:auto;*/
margin:0px;
padding:0px;
/*font-size:150%;
line-height:200%;
color: #666666;*/

}

.akey{
text-decoration: underline;
}


.loghetti{
	text-align:center;
	border: 0px solid black;
	/*width:500px;
	/*height:100px;*/

	}
	
.tblink{
	text-align:center;
	vertical-align:middle;
	width:200px;
	height:50px;
	
	
	}