/* ########################################################################## */
/* ##########################  Generale ######################################*/

*{
  margin:   0px;
  padding:  0px;
  border:   0px;
  }
  
body {
	background-color: lightgrey;
}
/* ########################################################################## */
/* ##########################  Struttura pagina ##############################*/

/* Contenitore pagina */
#contenitore_pagina {
  width:         1024px;
  font-family:   Arial, Helvetica, Verdana, sans-serif;
  font-size:     12px;
  margin-left:   auto;
  margin-right:  auto;
  margin-top:    10px;
  margin-bottom: auto;

}
/* contenitore barra sopra x tutta la larghezza*/
#sopra_contenitore {
  margin-bottom: 10px;
}

/* contenitore barra sopra sinistra (pulsanti risoluzione e stampa) */
#sopra_toolbar {
  height:       100px;
  height:       expression( this.scrollHeight < 100 ? "100px" : "auto" );
  min-height:   100px;
  width:        166px;
  height:       100%;
  background-color: white;
	border-style:     solid;
  border-color:     #125C90;
	border-width:     1px;
  float:            left;

}
/* contenitore barra sopra destra (logo) */
#sopra_intestazione {
  background-color: white;
	text-align:       center;
	border-style:     solid;
  border-color:     #125C90;
	border-width:     1px;
  margin-left:      178px;
}

/* contenitore barra menu sopra */
#menu_sopra {
 clear:             none;
 float:             none;
 background-color:  ;  /*#125C90*/
 margin-left:       178px;
 margin-top:        0px;
 margin-bottom:     0px;
 padding-top:       5px;
 padding-bottom:    3px;
 padding-left:      1px;
 padding-right:     1px;

}

#sub_menu_sopra {
 clear:             none;
 float:             none;
 background-color:  #125C90;
 margin-top:        5px;
 margin-bottom:     0px;
 padding-top:       5px;
 padding-bottom:    1px;
 padding-left:      1px;
 padding-right:     1px;
 height:            1.6em;

}

/* Contenitore della parte sinistra della home page (menu, contatti, info) */
#contenitore_parte_sinistra {
  width:      178px;
  clear:      left;
  float:      left;
  margin-top: 0px;
}

#sinistra_menu {
  width:                  178px;
  margin-left:            0px;
  margin-right:           0px;
  margin-bottom:          5px;
	border-style:           solid;
  border-color:           #125C90;
  border-top-width:       1px;
  border-left-width:      1px;
  border-right-width:     0px;
  border-bottom-width:    1px;
}

#sinistra_info {
  width:        166px;
  height:       180px;
  background:   white;
	margin-top:   10px;
  margin-left:  0px;
  margin-right: 10px;
  margin-bottom:10px;
	border-style: solid;
  border-color: #125C90;
	border-width: 1px;
}

#sinistra_foto {
  width:            166px;
  height:           140px;
  background-color: lightgrey;
  margin-top:       5px;
  margin-left:      0px;
  margin-right:     10px;
  border-style:     solid;
  border-color:     #125C90;
  border-width:     1px;
}

/* Contenitore della parte destra della home page (benvenuto, notizie) */
#contenitore_parte_destra {
	min-height:       540px;
  background-color: white;
  margin-top:       20px;
}

/* Contenitore dei contenuti nelle altre pagine */
#parte_destra_contenuti {
  min-height:           536px;
  background-color:     white;
  margin-top:           0px;
  margin-left:          178px;
  margin-right:         0px;
  margin-bottom:        5px;
  padding-left:         5px;
  padding-right:        5px;
	border-style:         solid;
  border-color:         #125C90;
	border-left-width:    1px;
 	border-right-width:   1px;
  border-top-width:     1px;
  border-bottom-width:  1px;
}

#sotto_piepagina {
  background-color:  white;
	text-align:        center;
  border-style:      solid;
  border-color:      #125C90;
	border-width:      1px;
  margin-top:        10px;
  padding-top:       2px;
  padding-bottom:    0px;
	padding-left:      2px;
}

/* ########################################################################## */
/* #######################  MENU ############################################ */

/***************************MENU 1 (Verticale a sinistra) *********************/

ul.menu1 {
  list-style:          none;                /* elimino i punti elenco */
  background:          #125C90;
  margin:              0;
	padding:             0;                   /* elimino i rientri delle liste */
}

ul.menu1 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 fra il bordo del menu e il testo del link */
  height:              2em;
  line-height:         2em;                 /* altezza del link: height e line-height devono avere il medesimo valore */
}

ul.menu1 li {                                              /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
  margin-top:          0px;
  margin-bottom:       0px;
} 

ul.menu1 li a:link, ul.menu1 li a:visited {                /* colori per il link */
  background:          #125C90;
  color:               lightgrey;
  text-align:          left;
  font-weight:         bold;
	border-style:        solid;
	border-color:        white;
	border-bottom-width: 0px;
} 

ul.menu1 li a:hover, ul.menu1 li a:active {                /* colori per l'effetto roll-over */
  background:          lightgrey;
  color:               #125C90;

} 

ul.menu1 li.attivo a:link, ul.menu1 li.attivo a:visited {  /* colori per il link */
  background:          white;
  color:               #125C90;
  border-style:        solid;
	border-color:        white;
	border-right-width:  1px;
} 

ul.menu1 li.attivo2 a:link, ul.menu1 li.attivo2 a:visited {  /* colori per il link */
  background:          white;
  color:               #125C90;
  border-style:        solid;
	border-color:        white;
	border-right-width:  1px;
} 

font.menu1 {
  color:               lightgrey;
  text-align:          left;
  font-weight:         bold;
  }
/***************************MENU 2 (orizzontale) *****************************/

ul.menu2 {
padding:        0px 0em;
margin-left:    0;
border-bottom:  none;

}

ul.menu2 li {                                      /* stile elenco */
list-style:     none;
margin:         0;
display:        INLINE;
height:         1em;
line-height:    1em;
}

ul.menu2 li a {                                    /* stile elenco */
padding:        4px 1.5em;
margin-left:    3px;
border:         0px solid rgb(59,89,152);
border-bottom:  none;
background:     rgb(59,89,152);
text-decoration:none;
}

ul.menu2 li a:link, ul.menu2 li a:visited{         /* colore link  */
background:     #125C90;
color:          lightgrey;
text-align:     left;
font-weight:    bold;
}

ul.menu2 li a:hover {                             /* colore link  */
background:     lightgrey;
color:          #125C90;
}

ul.menu2 li a#current {                           /* colore pulsante attivo*/
background:     white;
color:          #125C90;
}

.menu_vert {
  background-color: #125C90;
 }

/* ########################################################################## */
/* #######################  STILI X FORM #################################### */

/************ bottone POST ****************************************************/
.bottone {
  background-color: lightgrey;
  border-top:       2px solid white;
  border-left:      2px solid white;
  border-bottom:    2px solid black;
  border-right:     2px solid black;
}

.bottone:hover {
  border-top:       2px solid black;
  border-left:      2px solid black;
  border-bottom:    2px solid white;
  border-right:     2px solid white;
}

/************ INPUT BOX    ****************************************************/

.gbook_add {
  border-style: solid;
  border-color: #125C90;
	border-width: 1px;
}

.gbook1 {
  background-color: lightblue;
  font-size: 14px;
}

.gbook2 {
  background-color: lightgrey;
  font-size: 14px;
}

.input_add_05 {               /* 2 caratteri con bordo blu */
  border-width: 1px;
  width:        25px;
  text-align:   left;
  border-style: solid;
  border-color: #125C90;
}

.input_add_1 {                /* 6 caratteri con bordo blu */
  border-width: 1px;
  width:        50px;
  text-align:   left;
  border-style: solid;
  border-color: #125C90;
}

.input_add_1a {                /* 10 caratteri con bordo blu */
  border-width: 1px;
  width:        75px;
  text-align:   left;
  border-style: solid;
  border-color: #125C90;
}

.input_add_2 {                /* 14 caratteri con bordo blu */
  border-width: 1px;
  width:        100px;
  border-style: solid;
  border-color: #125C90;
}


.input_add_3 {                /* 20 caratteri con bordo blu */
  border-width: 1px;
  width:        150px;
   border-style: solid;
  border-color: #125C90;
}

.input_add_4 {                /* 35 caratteri con bordo blu */
  border-width: 1px;
  width:        250px;
   border-style: solid;
  border-color: #125C90;
}

.input_add_5 {                /* 56 caratteri con bordo blu */
  border-width: 1px;
  width:        400px;
  border-style: solid;
  border-color: #125C90;
}

.input_add_6 {
  border-style: solid;
  border-color: #125C90;
	border-width: 1px;
  width:        500px;
}

.input_add_area {             /* 56 caratteri riga con bordo blu */
  border-width: 1px;
  width:        400px;
  border-style: solid;
  border-color: #125C90;
  rows="3";
  cols="50";
 }

.input_add_area2 {            /* text area variabile con bordo blu */
  border-style: solid;
  border-color: #125C90;
	border-width: 1px;

 }
 .input_add_area_dinamico {            /* text area variabile con bordo blu */
  border-style: solid;
  border-color: #125C90;
	border-width: 1px;
  height :45px;
  width: 500px;

 }
textarea{
  font: Tahoma;
}

/* ########################################################################## */
/* #######################  STILI X TESTO ################################### */

/* Titolo menu */
.titolo_menu {
	line-height: 15px;
	text-align: left;
  color: lightgrey;
	background-color: #125C90;
  font-weight: bold;
	padding-left: 2px;
}

.tabella_menu {
	margin: auto;
	text-align: center;
}

h1 {
	line-height: 50px;
	text-align: center;
}

h6 {
	text-align: right;
}

.text_lupi{ color:#0099FF;}
.text_esplo{ color:#996633;}
.text_pio{ color:#FF0000;}
.text_capi{ color:#007700;}

.box_lupi{ background-color:#0099FF; color:#000000;}
.box_esplo{ background-color:#996633; color:#FFFFFF;}
.box_pio{ background-color:#FF0000; color:#FFFFFF;}
.box_capi{ background-color:#007700; color:#FFFFFF;}
.box_lupi-esplo{ background-color:#D3D3D3; color:#000000;}
.box_esplo-pio{ background-color:#D3D3D3; color:#000000;}
.box_lupi-pio{ background-color:#D3D3D3; color:#000000;}

.box_standard{background-color:#CCCCCC; color:#000000;}
.box_inizio{background-color:#FFFFFF; color:#000000;}
.box_chiusura{background-color:#FFFFFF; color:#000000;}
.box_NS{background-color:#FF00FF; color:#000000;}
.box_uscita{background-color:#800080; color:#FFFFFF;}

.box_a1{background-color:#000080; color:#FFFFFF;}
.box_a2{background-color:#DEB887; color:#000000;}
.box_a3{background-color:#FF9900; color:#000000;}
.box_a4{background-color:#00FF7F; color:#000000;}


.box_attivo          { background-color: #BFE7AC;}
.box_old             { background-color: #FFFF99;}
.box_very_old        { background-color: #FF9966;}
.box_notattivo       { background-color: #E7BFAC;}
.box_attivo_scuro    { background-color: #00BB00;}  /*#83A166*/
.box_notattivo_scuro { background-color: #BB0000;}  /*#AB8370*/
/******************** allineamento testo *************************************/
p {

}

p.centrato {
  text-align: center;
  font-weight: bold;
}

p.centrato_menu {
  text-align: center;
  color: #125C90;
  font-weight: bold;
}

/********************  barra blu *********************************************/

hr {
  border: 0;
  height: 2px;
  color: #125C90;
  background-color: #125C90;
}

hr#menu {
  border: 0;
  height: 3px;
  color: lightgrey;
  background-color: lightgrey;
}

/********************  LINK     *********************************************/
a {
	text-decoration: none;
	color: black;
}

a:hover {
	color: #125C90;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: white;
}

.clearer{
  clear: both;
}


a.visibile {
	text-decoration: none;
	color: #125C90;
}

a.visibile :hover {
  text-decoration: underline;
	color: blue;
}

a.visibile :link {
	text-decoration: none;
}

a.visibile :visited {
	text-decoration: none;
}

a.visibile :active {
	text-decoration: unterline;
	color: red;
}

/******************** altro      *********************************************/

.bordo {
	margin-top: 6px;
	border-style: solid;
  border-color: black;
	border-width: 1px;
	padding: 0px;
}

.vertical{                            /* testo in verticale !! SOLO IE */
writing-mode:      tb-rl;
filter:  flipv() fliph();
width:              20px;
font-size:           10px;
text-align:       center;
font-weight:        bold;
}

.int_tab_pres {                      /* Grigio grassetto centrato */
  background-color: #D3D3D3;
  text-align:       center;
  font-weight:      bold;
  font-size:        9px;
  }
/* ########################################################################## */
/* #######################  STILI X TABELLE ################################# */

.intestazione {                      /* Grigio grassetto centrato */
  background-color: #D3D3D3;         
  text-align:       center;
  font-weight:      bold;
  }

.intestazioneL {                     /* Grigio grassetto sinistra */
  background-color: #D3D3D3;         
  text-align:       left;
  font-weight:      bold;

  }
  
  
.riga_1 {                            /* Blu/verde scuro centrato  */
  background-color: #99CCFF;         
  text-align:       center;
 }

.riga_1L {                           /* Blu/verde scuro sinistra  */
  background-color: #99CCFF;        
  text-align:       left;
 }

.riga_2 {                            /* verdino centrato  */
  background-color: #D0FFFF;        
  text-align:       center;
 }

.riga_2L {                           /* verdino sinistra  */
  background-color: #D0FFFF;        
  text-align:       left;
 }

.riga_3 {
  background-color: #125C90;        /* BLU (menu) centrato testo bianco 16px (intestazione tabella immissione dati) */
  text-align:       center;
  color:            #FFFFFF;
  font-size:        16px;
 }

.riga_3L {
  background-color: #125C90;        /* BLU (menu) sinistra testo bianco 16px (intestazione tabella immissione dati) */
  text-align:       left;
  color:            #FFFFFF;
  font-size:        16px;
 }
 
.riga_4 {
  text-align:       center;
  border-bottom:    1px dotted black;
 }

.riga_4L {
  text-align:       left;
  border-bottom:    1px dotted black;
 }

/* ########################################################################## */
/* #######################  STILI X TABELLE ################################# */

 .riquadro_input {                 /* Tabella a sfondo verdino senza bordo */
  border-color: #F2FFFF;
  border-width: 0px;
  background:   #F2FFFF;
  width:        100%;
}

 .riquadro_input2 {                /* Tabella a sfondo verdino con bordo blu (funziona??)*/
  background:   #F2FFFF;
  border-color: #125C90;
  border-width: 0px;
  width:        95%;
  padding:      4px;
  text-align    left;
}

.riquadro_input_puls {             /* Tabella funzione pulsanti_post() */
  border-color: #FFFFFF;
  background:   #FFFFFF;
  border-width: 0px;

}

/* ########################################################################## */
/* ##################  STILI X riquadro HELP in JS     ###################### */

#hintbox{
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px;
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/* ########################################################################## */
/* ###############  STILI X icone e pulsati-immagini   ###################### */

.icon{
height: 16px;
width:  16px;
}

.icon_tn{
height: 11px;
width: 11px;
}


/* ########################################################################## */
/* ###############                                     ###################### */