body 
{
    FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt;     
    margin:0;padding:0;
    text-align:center;
    background: #C8AD82;
    background-image: url(images/web/SfondoBlu.png);
}

#bodyContent 
{ 
	width: 900px;
	text-align: left;
	margin: 0 auto; 
	border: solid 1px #000; 
	background: #ffffff;
}

code 
{ 
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	display: block; 
	margin:0 1em .5em 1em; 
}

hr 
{ 
	display:none;
}

/* testa */
div#Top
{
    height: 10px;    
}

div#header 
{
    width:900px;
    height: 100px;
    background:#30699D; 	
	background-image: url(images/web/USONaplesIntestazioneWebPage.jpg);
	background-repeat: no-repeat;
	background-position: inherit;
}


/* corpo */
div#wrapper
{
    float: left;
    width: 610px; 
    padding: 0px 20px;
	padding-top: 10px; /* Weird Mozilla Bug */
	padding-bottom: 30px; /* Weird Mozilla Bug */ 	
}

div#content
{    
    margin-left: 0px;    
}

div#contentPie
{    
    
}

div#TitoloPagina
{
    margin-left: 0px;
    FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	COLOR: #222222;        
	FONT-WEIGHT: Bold;
	FONT-SIZE: 13pt;	
    width: 615px;    
    height: 35px;
    padding: 5px 0px 0px 0px;    
}

div#navigation
{
    float: right; 
    width: 220px; 
    padding: 5px 10px 5px 10px;      
}

div#login
{
    float: right; 
    width: 220px; 
    padding: 13px 10px 5px 10px;      
}


/* pie di pagina */
div#footer
{
    clear: both;
    width:900px;
    height: 23px;
    padding-top: 7px;
    text-align: center;    
    
} 

div#Buttom
{
    height: 10px;    
	font-family: verdana, arial;
	font-size: 09px;
	font-style: normal;
	font-weight: normal;
}

/* Settaggi intestazioni*/
div#MenuIntestazione
{  
    float: left;
    width: 900px;
    position: static;
	border-bottom: #B1C7DA 1px solid;
}

div#MenuPostIntestazione
{  
    width: 900px;
    height: 20px;
    background: #30699D;
	background-image: url(images/web/tab3a.png);
	background-repeat: inherit;
	background-position: inherit;
	position: static; 
	border-bottom: #004499 0px solid;
}


div#Login
{
    float: right;    
    width: 200px;
    height: 50px;  
    top: 10px;
    padding-right: 20px;  
}

  

/* 0 BASIC TAGS */

table
{
    border-collapse: collapse;
    border-color: #50629f;
    font-size: 1em;
}

table,td{border-color: #50629f}


h1, h2, h3, h4 {
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;	
}


A:link { TEXT-DECORATION: none; COLOR: #000000 }  
A:visited { TEXT-DECORATION: none; COLOR: #000000 } 
A:hover { TEXT-DECORATION: none; COLOR: #65738E }
A:hover2 { TEXT-DECORATION: none; COLOR: #65738E }

.TitoloGriglia 
{ 
    BACKGROUND-COLOR: #8E9BB3;
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: repeat-x;
    COLOR: #FFFFFF;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 12px;
	FONT-WEIGHT: Bold;	
}

.Paragrafo { 
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	COLOR: #000000;
	FONT-SIZE: 10pt; 
    margin-top: 0px;     
	margin-bottom: 3px;
	padding-left: 5px;	
}

.Voce { 
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	COLOR: #000000;
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: Bold;	
}

.FooterGriglia 
{ 
    BACKGROUND-COLOR: #8E9BB3;
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: repeat-x;
    COLOR: #FFFFFF;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 12px;
	FONT-WEIGHT: Bold;	
}

.BannerImage 
{
   border: solid 1px 1px 1px 1px #000000;
}

.BannerLink 
{

}

.LineaGrigliaChiaro
{
    background-color: #ffffff; 
}

.LineaGrigliaScuro
{
    background-color: #eeeeee;    
}

.SfondoColore1
{
    background-color: #50629f;        
}


/*stile per i titoli dei menu*/
h6 { 
font-size:1em;
font-weight:bold;
margin:2px 0;
color:White;
padding:.3em 1em;
border: 1px solid #bababa;
border-color:Black;
background-color:#8E9BB3;
}

.TabellaMenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	clip: rect(auto auto auto auto);
	border: solid 0px #50629f;
	width: 219px;
	background-color: #EBF8FF;
}

.TitoloTabellaMenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	clip: rect(auto auto auto auto);
	width: 219px;
	background: #eee;
	border: #5799B4 solid 1px;
}

.TabellaGestioneEdit
{
	width: 100%;
	background: #ffffff;
	border: #000000 solid 0px;
}

.menuTitolo
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	font-family: verdana;
	background-color: #30699D;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.menuExtra
{    
    width: 200px;
    background:#eee;
    color: #000;
    border-color:#fff;  
    padding: 5px 5px 5px 5px;
}

/** MENU TOP ** **/

.navInizio 
{
	width: 10px;
}


ul#nav
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #30699D;
	color: #213971;
}
     
ul#nav li
{
	float: left;
	margin: 0 0em 0;
	padding: 0;
}

ul#nav a
{
	float: left;
	padding: 0em 0em 0em 0.4em;
	background: url(images/web/tab2.png) no-repeat top left;
	text-decoration: none;
	color: #213971;
}

ul#nav span
{
	float: left;
	padding: 0.3em 1em 0.3em 1em;
	background: url(images/web/tab2.png) no-repeat top right;
	cursor: pointer;
}

ul#nav li#active a, ul#nav a:hover
{
	background: url(images/web/tab.png) no-repeat top left;
}

ul#nav li#active span, ul#nav a:hover span
{
	background: url(images/web/tab.png) no-repeat top right;
	color: #213971;
}
    


/** MENU LATERALE ** roll-over basato sui colori e sui bordi laterali **/

ul.menu2 
{ 
    width:200px;
    list-style:none; /* elimino i punti elenco */
    margin:0; padding:0; /* elimino i rientri delle liste */ 
    font-weight: bold;           
}

ul.menu2 li a 
{ 
    display:block; /* il link occupa tutto lo spazio orizzontale */
    text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
    padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
    height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */        
}
ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu2 li a:link, ul.menu2 li a:visited 
{ 
    background:#EBF8FF;
    color: #696969;
    border-color:#fff;  
    
} /* colori per il link */
ul.menu2 li a:hover, ul.menu2 li a:active 
{ 
    background: #EBF8FF;
    color: #000000;
    border-color:#fff;
    text-decoration:none;
    
} /* colori per l'effetto roll-over */

.menu3
{
	color: Gray;
	font-weight: bold;
}

.menu3 A
{
	display: block;
	color: Gray;
	font-weight: bold;
}

.menu3 A:hover
{
	color: #000000;
	font-weight: bold;
}

.code {
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background-color: #FFF;
	padding: 5px;
	font-size: 12px;
	font-family: 'Courier New', sans-serif;
}

.code a, .code a:visited {
	color: #777;
	text-decoration: none;
	border-bottom: dotted 1px #666;
}

.code a:hover, .code a:active {
	color: #FF1010;
	text-decoration: none;
	border-bottom: dotted 1px #FF1010;
}

.code-header {
	margin: 0;
	margin-bottom: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url(images/blue/bg_code_header.gif) top left no-repeat;
}

.code-header a:link, .code-header a:visited  { color: #666; text-decoration: none; border-bottom: dotted 1px #666; }
.code-header a:hover, .code-header a:active { color: #FF1010; text-decoration: none; border-bottom: dotted 1px #FF1010; }

.code-content { padding: 0; }

.code-list {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
}

li.code-row { 
	white-space: normal; 
	border-top: 1px #E0E0E0 solid;
	color: #BBB;
	wrap-option: emergency;
}
.code-row-text {
	color: #444;
}

div.code li.code-row-highlight {
	color: #FF1010;
	border-color: #D8D8D8;
}

div.code li.code-row-highlight .code-row-text, div.code span.code-row-highlight {
	color: #FF1010;
}

li.code-row-first {
	border-top: none;
}

/*  settaggio per la funzione javascript per i tab */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(script/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(script/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 580px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.Button
{
	border-right: #000000 1px solid;
	padding-right: 1px;
	border-top: #000000 1px solid;
	padding-left: 1px;
	font-weight: bolder;
	font-size: 10px;
	padding-bottom: 1px;
	margin: 1px;
	border-left: #000000 1px solid;
	color: #ffffff;
	padding-top: 1px;
	border-bottom: #000000 1px solid;
	font-style: normal;
	font-family: verdana, arial;
	background-color: #6699cc;
	text-decoration: none;
}

.TabellaBordi 
	{
		BACKGROUND-COLOR: #ffffff;
	    BORDER-BOTTOM: #336633 1px solid;
	    BORDER-LEFT: #336633 1px solid;
	    BORDER-RIGHT: #336633 1px solid;
	    BORDER-TOP: #336633 1px solid;
	}
	
	
.Testo 
	{
		font-family: verdana, arial;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		color: #474747;
	}
	
.Testo A
	{
		font-family: verdana, arial;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		color: #339933;
		text-decoration: none;
	}
	

@media print {
	.tabcontent {
		display:block!important;
	}
}