/* Stili generici per l'elemento body */
body {
	background : #666666;
	margin : 0px;
	padding: 0px;
	text-align : center;
}

/* ---------------------------- link -------------------------------- */

a:link         { text-decoration: none; color: #014687}
a:visited      { text-decoration: none; color: #014687}
a:active       { text-decoration: none; color: #014687}
a:hover        { text-decoration: none; color: #CC6600}

a.h:link       { text-decoration: none; color: #FFFFFF}
a.h:visited    { text-decoration: none; color: #FFFFFF}
a.h:active     { text-decoration: none; color: #FFFFFF}
a.h:hover      { text-decoration: none; color: #CC6600}

a.n:link       { text-decoration: none; color: #CC6600}
a.n:visited    { text-decoration: none; color: #CC6600}
a.n:active     { text-decoration: none; color: #CC6600}
a.n:hover      { text-decoration: none; color: #FFAC59}

/* -------------------------------- font del portale -------------------------------- */

body, table, p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
  
  text-decoration: none;
  font-size: 12px; 
  font-style: normal; 
  font-weight: normal; 
  color: #666666;
  line-height: 16px;
}

h1, h2, h3, h4, h5, h6, {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

h1 {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #014687;
  margin: 0 auto;
}

h2 {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #666666;
  margin-top: 0px;
  line-height: 16px;  
}

/* -------------------------------- font titoli piccoli -------------------------------- */
h3 {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #CCCCCC;
}

h4 {
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #014687;
}

/* -------------------------------- font notizie -------------------------------- */

h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #CC6600;
  margin: 0 auto;
  line-height: 16px;
}

h6 {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #666666;
  margin: 0 auto;
}

/* -------------------------------- tag di formattazione grafica -------------------------------- */

strong {
	color: #CC6600;
}	

hr {
	color: #CCCCCC;
}

.messaggio {
	color: #F00;
}

/* ---------------------------- layout generale -------------------------------- */

.allinea_sinistra {float:left; margin: 10px 10px 0px 10px;}
.allinea_destra { float:right; margin: 10px 10px 0px 10px;}
.nessun_allineamento {float:none;}
.allinea_notizie_sinistra {float:left; margin: 18px 10px 0px 0px;}

/* -------------- testata ------------------- */
#sfondo_testata {
	width: 100%;
	background-color: #000000;
	overflow: hidden;
	z-index: 1;
}
#contenitore_testata_centrato {
	width: 940px;
	height: 112px;
    margin: 0 auto;
	z-index: 2;
}	
#logo {
	width: 550px;
	left: 0;
	float: left;
	text-align: left;
	z-index: 3;	
}
#accesso {
	width: 390px;
	float: right;
	text-align: right;
	z-index: 3;
}
/* -------------- barra menu ------------------- */
#barra_menu {
	width: 100%;
	left: 0px;
	z-index: 4;
}
#menu {
	width: 940px;
	margin: 0px auto;
	z-index: 5;
}
/* -------------- pagina ------------------- */
#pagina {
	width: 940px;
	height: auto;
    margin: 0px auto;
	text-align: left;
	z-index: 7;
}
#colonna_orizzontale {
	width: 940px;
	background-image:url(/images/tabella_sfondo.jpg);
	background-repeat:repeat-y;	
	z-index:8;
}
#barra_news {
	width: 940px;
	margin-top: 20px;
	margin-bottom:: 5px;
	float: left;
	z-index:9;
}
/* colonna sinistra 300 */
#colonna_verticale1 {
	width: 300px;
	background-color:#FFFFFF;
	text-align: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	float: left;
	z-index:9;
}
/* colonna destra 540 */
#colonna_verticale2 {
	width: 540px;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 30px;
    margin-bottom: 20px;
	float: right;
	z-index:9;
}
/* colonna sinistra 590 */
#colonna_verticale3 {
	width: 590px;
	text-align: left;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
    z-index:9;	
}
/* colonna destra 250 */
#colonna_verticale4 {
	width: 250px;
	text-align: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	float: right;
    z-index:9;	
}
#barra_orizzontale {
	width: 840px;
	height: 60px;
	border-left: 30px;
	border-right: 30px;
	border-bottom: 20px;
	text-align: left;
	clear: both;
	z-index:10;
}
/* -------------- barra promo ------------------- */
#barra_promo {
	width: 880px !important;
	width: 900px; 
	margin: 30 20 0 20 !important;
	margin: 10 20 0 20;
	padding: 10 !important;
	padding: 5 10;
	border: solid;
	border-color: #CCC;
	border-width: thin;
	text-align: left;
	clear: both;
	z-index:11;
}
/* -------------- fondo ------------------- */
#fondo {
	width:940px;
	margin: 0px auto;
	text-align:center;	
	z-index:12;
}
/* ---------------------------- menu verticale Sotto-sezioni -------------------------------- */

.menu_sottomenu {
	width: 240px;
    float: right;
	list-style: none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
menu_sottomenu li {
	display:inline;
} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
.menu_sottomenu 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 8px; /* lascia spazio far il bordo del menu e il testo del link */
	height:30px;
	line-height:30px; /* altezza del link: height e line-height devono avere il medesimo valore */
	margin-top: 3px;
	background-color: #EAECFF; 
	color: #014687; 
}
.menu_sottomenu li a:hover, .menu_sottomenu li .current{
	background-color: #FF6262; 
	color:#FFFFFF; } /* colori per l'effetto roll-over */

/* ---------------------------- menu verticale Casi pratici -------------------------------- */

.menu_sottomenu {
	width:100%;
    float: left;
	list-style: none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
menu_sottomenu li {
	display:inline;
} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
.menu_sottomenu 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 8px; /* lascia spazio far il bordo del menu e il testo del link */
	height:30px;
	line-height:30px; /* altezza del link: height e line-height devono avere il medesimo valore */
	margin-top: 3px;
	background-color: #EAECFF; 
	color: #014687; 
}
.menu_sottomenu li a:hover, .menu_sottomenu li .current{
	background-color: #FF6262; 
	color:#FFFFFF; } /* colori per l'effetto roll-over */

/* ---------------------------- menu orizzontale principale -------------------------------- */

.menu_testa {
	margin:0 0 0 0 !important;
    margin:0 0 0 20;
	padding: 0;
	float: left;
	font: bold 10px Verdana;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0px;
	background-image: url(/images/sfondomenu_up.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.menu_testa li {
    display: inline;
}

.menu_testa li a {
    float: left;
    color: white;
    padding: 9px 11px;
    text-decoration: none;
    border-right: 1px solid white;
}

.menu_testa li a:visited {
    color: white;
}

.menu_testa li a:hover, .menu_testa li .current{
    color: white;
    background: transparent url(/images/sfondomenu_down.gif) center center repeat-x;
}

.menu_testa_sfondo {
	margin: 0;
	float: left;
	font: bold 10px Verdana;
	width: 100%;
	overflow: hidden;
	background-image: url(/images/sfondomenu_up.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 11px;
}

/* ---------------------------- moduli -------------------------------- */

.campiform_campo, .campiform_bottone, .campiform_flag, .campiform_testo {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #014687;
	background: #f0f0f0;
	border-style:solid;
	border-color: #014687;
	border-width: 1;
	margin: 2;
}

.campiform_campo, .campiform_bottone, .campiform_testo {

}

.campiform_campo {
	font-size: 11px;
	height: 18;
	padding: 0 5 0 5 px;
} 
.campiform_bottone {
	font-size: 11px;
	height: 18;
	padding: 0 5 0 5 px;	
}
.campiform_flag {
	font-size: 12px;;
	border-color: #CCCCCC;
} 
.campiform_testo {
	font-size: 12px;
    padding: 5 5 5 5 px;
}
/* --------------------------------------------------------------------- */
.news {
	font-size: 13px;
}