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

.hidden {
   left: -2000px;
   width: 990px;
   position: absolute;
}

body {
   font-family: 100%/1.4 Verdana, Arial;
   background: #0F0F2F;
   color: #FFFFFF;
   margin: 0;
   padding: 1em;
}




.container {
	width: 90%;
/*	max-width: 1260px;/* Può essere utile assegnare una larghezza massima per impedire che questo layout diventi troppo largo su un monitor di grandi dimensioni. Mantiene la lunghezza della riga più leggibile. IE6 non rispetta questa dichiarazione. */
/*	min-width: 780px;/* Può essere utile assegnare una larghezza minima per impedire che questo layout diventi troppo stretto. Mantiene la lunghezza della riga più leggibile nelle colonne laterali. IE6 non rispetta questa dichiarazione. */
	background:#0F0F2F;
	margin: 0 auto; 
	border: solid 10px #0F0F2F ;
}

.header {
	
	background: #25215A;
	background-color: #0F0F2F;
   font-weight: bold; 
   text-align:center;
   color: #F3E429;
  border: solid 7px #0F0F2F ;
  width: 100%; 
}


.header_logo { 
    position:relative;
	float:  left;
	
	background: #0F0F2F;
/*		padding-bottom: 2%;  */
border: solid 7px #0F0F2F ;
}

.header_logo1 { 
    position:relative;
	float: right;
	
	background: #0F0F2F;
/*		padding-bottom: 2%;  */
border: solid 7px #0F0F2F ;
}

.header_testo {
	position:relative;
	float: inherit;

	/* width: 100%;  */
	padding-bottom: 2%;
	 border: solid 7px #0F0F2F ; 
}


#header_name {
   font-size: 1.5em;
   font-weight: bolder;
   text-align:center;
}

#header_address {
   font-style: italic;
   font-size: 1em;
 text-align:center;
}

#header_menu {
	 font-size: 1.2em;
   font-weight: bolder;
   color: #25215A;
  background-color: #F3E429; 
   text-align: center;
   vertical-align: middle;
   padding: 1% 1% 1% 1%;
}

.sidebar1 {
	float: left;
	width: 16%;   
	background: #0F0F2F;
	padding-bottom: 2%;
	border: solid 7px #0F0F2F   ;
}


.content {

	padding: 1,5em 0; 
	width: 84%;
	margin-left:17%;
	float:  inherit;
	border: solid 7px #0F0F2F   ;
}


	ul, ol, li { margin-left: 2em;
padding: 0 0 0.5em 0;  }


	ul.liste { margin-left: 6em;
padding: 1% 1% 1% 1%;
list-style: none; color:#ffffff; 

	}
	
	ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}



ul.nav li {
/*	border-bottom: 1px solid #666;  Crea la separazione tra i pulsanti */
   margin: 1% 0 1% 0;
   padding: 1% 1% 1% 1%;
   color: #FFFFFF;
   background-color: #25215A;
}
ul.nav a, ul.nav a:visited {
	padding: 1,5% 1,5% 1,5% 1,5%;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	
	background: #25215A;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #000;
	color: #FFF;
}



#Titolo_dinamico {
   font-size: 1.2em;
   font-weight: bolder;
   color: #F3E429;
   background-color: #25215A;
   text-align: center;
   vertical-align: middle;
   padding: 1% 1% 1% 1%;
  width:98%;
   
  
  
}


a {
   color: #77DDDD;
   font-weight: bold;
}	

a img { 
	border: none;
}

a:link {
	color: #77DDDD;
	text-decoration: underline; 
}
a:visited {
	color: #77DDDD;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
    background: #000;
	color: #FFF;

}


h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   color: #0F0F2F;
   background-color: #278FCE;
   margin: 0 0 0 0;
   padding: 0.3em 0.3em 0.3em 0.3em;
   margin-top: 0;
   padding-right: 2%;
   padding-left: 2%;
}



.footer {
   padding: 1% 0;
   position: relative;
   clear: both; 
   border: solid 7px #0F0F2F   ;
   color: #FFFFFF;
   background-color: #25215A;
   width: 100%;
   text-align: center;
   font-weight: bold;


}