html{
	padding: 0em;
	}
body{
	background-image: url('../img/sfondo.jpg');
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666
}
a {
	text-decoration: underline;
	color: #666633; 
} 
a:hover {
	background-color: #FFFF99; 
	text-decoration: underline; 
	color: #663300;
} 

/********* css intestazione *********/ /*  Intestazione delle pagine (comune)  */
#intestazione {
	/* area che comprende il logo e l'indirizzo della biblioteca */
	border-style: inset;
	width: 97%;
	margin-top: 2px;
	padding: 0px;
	height: 66px;
	color: #727272;
}
#intestazione img {
	vertical-align: middle;
	border: none; 
	height: 5em; 
	width: 40em;
	margin:0;
	padding:0;
}
#intestazione #intbec {
	vertical-align: middle;
	border: none; 
	height: 5em; 
	width: 40em;
	margin:0;
	padding:0;
}

/********* css indirizzo *********/ /* linea per l'indirizzo della biblioteca (comune) */
#indirizzo {
	width: 97%; 
	margin-top: 0px;
	color: #666666;
	border-style: inset;
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align:center;
}
#indirizzo img {
	border: none; /*evita il bordo viola che explorer mette attorno alle immagini di default*/	
	height: 1.2em; 
	width: 1.2em;
}

/********* css subHeader *********/ /* fascia colorata sotto l'indirizzo, contiene l'area della location/lingua e l'area per il form della ricerca nel sito (comune) */
#subHeader { 
	/* background-color: #DCDCDC;*/
	font-size: 1em;
	width: 96%;
	margin-top: 1px;
	margin-bottom: 1px;	
	color:#336699;
}
#subHeader a {
	text-decoration: none;
	color: #999966;
} 
#subHeader a:hover {
	background-color: #ffff99; 
	text-decoration: underline; 
	color: #663300;
} 

/*********css loc_lang *********/ /* indirizzo della pagina (si trova nella fascia subHeader) o lingua (comune da personalizzare con il nome della pagina) */ 
#loc_lang { 
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
	color: #336699;		
	padding-left: 1em;
	margin: 0px;
	float:left;
}

/********* css del search *********/ /* area del "cerca nel sito" */
#searchform {
	/*height: 1.9em; */
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#search fieldset {	/*formattazione applicata a tutti gli elementi del form/*		
	/*height: 1.9em; */
	text-align: right;
	border: none;
	padding:0px;
}
#search #imm {   	/*immagine facoltativa di google */
	height: 1.8em;
	border: none;
	margin: 0px;
	vertical-align: middle;
	}
#search #img {	/*immagine facoltativa del bottone search */	
	border:none;	
	vertical-align: middle;
}
#search #bottone {
	background-color: #F4F4F4;
	font-size: 1em; 
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0px;
	width: 10em;
}
#search #campo {   /*spazio in cui inserire i termini di ricerca (tex-field)*/
	background-color: white;
	width: 10em;
	font-size: 1em;
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	color: #00014A;
	border-style: inset;
	margin: 0px;
	text-align:center;
}
#search #img{	
	border:none;	
	height:1.2em;	
	vertical-align:middle;
}

/********* css del box *********/ /* riquadro-contenitore e' una classe che fornisce solo la formattazione delle forme e dei colori. non le dimensioni */	
.box { 
	margin-top:0.1em;	
	margin-bottom:0.1em;
	padding-left: 1em;	
	padding-right: 1em;
	padding-bottom:0.3em;
	/* background-color: #f8f8ff; */ /*sfondo dei box */
	color: #4B4B4B;	
}

.BoxHeader { /* fascia colorata che sta in cima alla box precedente */
	margin-left: -1em;
	margin-right: -0.6em;
	top: -2px;
	color: #006699;
	line-height: 1.6em;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 2pt;
	display: block;
	padding-bottom: 0.1em;
	background-color: #F5D8AF;
	background-repeat: repeat-y;	
	background-position: center top;
	text-align:center;
}
.BoxTesto { /*	classe nata per formattare il testo in colonne ogni colonna in una BoxTesto */	
	float: left;
	width: 48%;	
}

/********* css del menu *********/ /* riquadro per il menu */ 
#menu {	
	margin-top:0.1em;	
	margin-bottom:0.1em;	
	border-style: inset;
	margin-left:0px;	
	width:22%;	
	padding:0px;	
	/*background-color:#FDF2D0;	*/
	background-image: url('../img/sfondo_menu.jpg');
	float: left;	
	margin-right:1px;
	color: #663300
}
#menu #imgxhtml {
	vertical-align: middle;
	padding:0;
	border: none; 	
	margin: 0em;
	width: 26%;
}
#menu #imgcss {
	vertical-align: middle;
	padding:0;
	border: none;
	margin: 0em;
	width: 26%;
}
#menu #imgbec {
	vertical-align: middle;
	padding:0;
	border: none;
	width: 26%;
	height: 1.6em;
	margin: 0em;
}

/********* css del quick_access *********/ /* area dell'accesso rapido */
#quick_access {
	float: left;
	width: 22%;
	/*background-color: #FDF2D0;*/
	background-image: url('../img/sfondo_quickaccess.jpg');
	margin-top: 0.1em;	
	margin-bottom: 0.1em;
	border-style: outset;
	text-align: center
}
#quick_access ul {	
	padding: 0 0 0 0;
	margin: 0;
}
#quick_access li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#quick_access li img {
	border:none;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
}
#quick_access a.titolo {
	/*background-color: #E6E6FD; */
	color: #336699;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	text-align: center;
}
#quick_access a.messaggio {
	text-decoration: none;
}
#quick_access a {
	text-decoration: underline;
	color: #666633;
}
#quick_access a:hover {
	background-color: #ffff99; 
	text-decoration: underline; 
	color: #663300;
} 

/********* css del contenuti *********/  /* la sezione centrale delle pagine interne */
#contenuti { 	
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	text-align: justify;
	float: left;
	display: block;	
	margin-top:0.1em;	
	margin-bottom:0.1em;
	margin-right: 0.1em;	
	border-style: outset;	
	width:73%;
}
#contenuti a:hover {
	background-color: #FFFF99; 
	text-decoration: underline; 
	color: #663300;
} 
#contenuti h3 { /* Titolo 3 */
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #003366;
	text-align: center;
	font-size: 120%;
}
#contenuti h5 { /* Titolo 5 */
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #666666;
	text-align: left;
	font-size: 100%;
}
#contenuti em {
	font-weight: bold;
}
#contenuti ul  {	
	padding: 0em 0 0.6em 0;
	margin:0;
}
#contenuti li.li_decimal  {	
	list-style-type: decimal;
	margin-left: 2em;
	padding: 0.2em;
}
#contenuti li.li_disc {
	list-style-type: disc;
	margin-left: 2em;
	padding: 0.2em;
}
#contenuti li.li_none {
	list-style-type: none;
	margin-left: 2em;
	padding: 0.2em;
}
#contenuti li img {
	border:none;
	height:1.4em;
	width: 2.8em;	
	vertical-align:middle;
	text-align:center;
	margin:0;
	padding:0;
}
#contenuti img {
	border: none;
	vertical-align:middle; 
	margin: 0em;
}

/********* css dei contenuto *********/  /* la sezione centrale della Home Page */
#contenuto {	
	float: left;	
	margin-top:0.1em;	
	margin-bottom:0.1em;
	margin-right: 0.1em;	
	border-style: outset;
	width:50%;	
	display: block;
	text-align: justify;
}
#contenuto h3 { /* Titolo 3 */
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #003366;
	text-align: center;
	font-size: 120%;
}
#contenuto h5 { /* Titolo 5 */
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #666666;
	text-align: left;
	font-size: 110%;
}
#contenuto #imgnatale {
	border: none;
	vertical-align:middle; 
	margin: 0em;
	height:4em;
	width: 4em;
}
#contenuto img {
	border: none; /*evita il bordo viola che explorer mette attorno alle immagini di default*/	
}

/********* css aggiornamento *********/ /* formattazione della data di aggiornamento di ogni pagina */
#aggiornamento {	
	font-size: 1em;
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	color: #336699;
	text-align: center;
	border-top: 2px solid #E1E1E1;
	margin-top: 3px;
	margin-bottom: 3px;
}
#aggiornamento img {
	border: none; /*evita il bordo viola che explorer mette attorno alle immagini di default*/	
	height: 1em;
}

/********* css contatore *********/ /* formattazione del contatore */
#contatore {	
	font-size: 1em;
	font-family: Rockwell, Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	color: #666633;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align:center;
}
#contatore img {
	border: none; /*evita il bordo viola che explorer mette attorno alle immagini di default*/	
	height: 1em;
}

/********* css del footer *********/ /* riquadro in fondo alle pagine contiene i crediti e i link di riferimento */ 
#footer {	
	width:97%;	
	border-style: inset;
	margin-top: 2px;	
	padding: 1px;
	/*background-color:#DCDCDC;*/
	background-image: url('../img/sfondo_footer.jpg');
	float:left;	
	font-size: 0.9em;
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;	
	text-align:center;	
	color: #4B4B4B
}
#footer #crediti {
	width:16%;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	font-size: 1.0em;	
	color: #666633;
	border-style: inset;
}
#footer #crediti a {
	text-decoration : none;
	color: #666633; 
} 
#footer #link {
	text-align:center;
	font-size: 1.0em;	
	color: #000000;
	margin-bottom: 1em;
}

#footer a {
	text-decoration : none;
	color: #336699; 
} 
#footer a:hover {
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
} 

/********* css http Biblioteca *********/
#beclink {
	width: 96.5%;
	display: block;
	clear: both;
	border-style: inset;
	text-align: left;
	font: 1.0em Rockwell, verdana, helvetica, arial, sans-serif;
	margin-top: 0.1em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.6em;	
	/* background: #EFD7FF; */
	color: #336699;
}

/********* css della pagina delle faq *********/
#faq { 	
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	text-align: left;
	width:96%;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 2em;
	padding: 0.6em;
}
#faq a {
	text-decoration : underline;
}
#faq b {
	text-decoration: underline; 
}
#faq h5.blu {
	color: #006699; 
}
#faq h5.blu a {
	text-decoration: underline; 
	color: #006699; 
}
#faq h5.orange {
	color: #FF9900; 
}
#faq h5.orange a {
	text-decoration: underline;
	color: #FF9900; 
}
#faq h5.green {
	color: #669900; 
}
#faq h5.green a {
	text-decoration: underline;
	color: #669900; 
}
#faq h5.brown {
	color: #996633; 
}
#faq h5.brown a {
	text-decoration: underline;
	color: #996633; 
}
#faq_consultazione {
	border-top: 0.1em solid #006699;
	border-bottom: 0.1em solid #006699;
	margin: 0.1em;
	text-decoration: none;
}
#faq_consultazione li.li_consultazione {
	list-style-type: decimal;
	margin-left: 0.2em;
	padding: 0.1em;
	text-decoration: none;
}
#faq_consultazione li.li_consultazione a {
	text-decoration: none;
	color: #336699; 
}
#faq_servizi {
	border-top: 0.1em solid #FF9900;
	border-bottom: 0.1em solid #FF9900;
	margin: 0.1em;
}
#faq_servizi li.li_servizi {
	list-style-type: decimal;
	margin-left: 0.2em;
	padding: 0.1em;
}
#faq_servizi li.li_servizi a {
	text-decoration: none;
	color: #FF9900; 
}
#faq_periodici {
	border-top: 0.1em solid #669900;
	border-bottom: 0.1em solid #669900;
	margin: 0.1em;
}
#faq_periodici li.li_periodici {
	list-style-type: decimal;
	margin-left: 0.2em;
	padding: 0.1em;
}
#faq_periodici li.li_periodici a {
	text-decoration: none;
	color: #669900; 
}
#faq_risorse {
	border-top: 0.1em solid #996633;
	border-bottom: 0.1em solid #996633;
	margin: 0.1em;
}
#faq_risorse li.li_risorse {
	list-style-type: decimal;
	margin-left: 0.2em;
	padding: 0.1em;
}
#faq_risorse li.li_risorse a {
	text-decoration: none;
	color: #996633; 
}

/********* css delle pagine di risposta alla compilazione dei form *********/
#bec_form { 	
	font-family: Verdana, Times-New-Roman, Arial, Helvetica, sans-serif;
	text-align: center;
	border-style: outset;	
	width:66%;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 1em; 
	margin-bottom: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#bec_form em {
	font-weight: bold;
	color: #FF3300;
}

/********* css della pagina di istruzioni banche dati *********/
#banche_dati #titolo1 { 	
	text-align: center;
}
#banche_dati #titolo1 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #FF9900;
}
#banche_dati #titolo1 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati #titolo2 { 	
	text-align: center;
}
#banche_dati #titolo2 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #006699;
}
#banche_dati #titolo2 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati #titolo3 { 	
	text-align: center;
}
#banche_dati #titolo3 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #FF9900;
}
#banche_dati #titolo3 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati #titolo4 { 	
	text-align: center;
}
#banche_dati #titolo4 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #006699;
}
#banche_dati #titolo4 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati #titolo5 { 	
	text-align: center;
}
#banche_dati #titolo5 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #FF9900;
}
#banche_dati #titolo5 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati #titolo6 { 	
	text-align: center;
}
#banche_dati #titolo6 a { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	text-decoration : none;
	color: #006699;
}
#banche_dati #titolo6 a:hover { 	
	text-align: center;
	font-style: italic; 
	font-weight: bold;
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
}
#banche_dati img {
	border: none;
	margin-left: auto; 
	margin-right: auto;
}

/********* css della pagina delle regole della sezione archivi *********/
#archivi_regole #lista_1 ol li {	
	list-style-type: lower-alpha;
}
#archivi_regole #lista_2 ol li {	
	list-style-type: decimal;
}
#archivi_regole #lista_3 ol li {	
	list-style-type: decimal;
}
#archivi_regole #lista_4 ol li {	
	list-style-type: decimal;
}
#archivi_regole #lista_5 ol li {	
	list-style-type: decimal;
}
#archivi_regole #lista_6 ol li {	
	list-style-type: decimal;
}
#archivi_regole #lista_7 ol li {	
	list-style-type: decimal;
}

/*************** css del box foto ************/
.box_foto {
	padding: 1em;
	margin: 0 0 0 2em;
	border: 0.01em solid #E6E6E6;
	background-color: #FFFFF4;
	color: #333366;
	width: 90%;
	overflow: visible;
}
.didascalia {
	margin: 0.3em;
	padding: 0.3em;
	font: 1.2em verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #752600;
	text-align: center;
}
.didascalia img {
	border: none;
	padding: 0 0.6em 0 0;
}
.box_foto img {
	border: none;
	padding: 0 0.6em 0 0;
}
.box_foto_2 {
	padding: 0.9em;
	margin: 0 0 0 2.0em;
	border: 0.01em solid #E6E6E6;
	background-color: #FFFFF4;
	color: #333366;
	width: 90%;
	height: 175px;
	overflow: visible;
} 
.box_foto_2 img {
	float: left;
	border: none;
	width: 90%;
	height: 175px;
	margin: 1.5em;
	padding: 0.10em;
}

/*************** css del box piantina ************/
.box_piantina img {
	border: none;
	padding: 0.10em;
}
.box_piantina #stradario {
	border: none;
	padding: 0.10em;
}

/*************** css del box mappa sito ************/
.boxmappa {
	border-style: inset;
}
.boxmappa a {
	text-decoration: none;
	color: #006699;
}
.boxmappa li.radice {
	list-style-type: square;
	font-weight: bold;
	margin-left: 2em;
	padding: 0.2em;
}
.boxmappa li.livello1 {
	list-style-type: circle;
	font-weight: normal;
	margin-left: 2em;
	padding: 0.2em;
}
.boxmappa li.radice2 {
	list-style-type: disc;
	font-weight: bold;
	margin-left: 4em;
	padding: 0.2em;
}
.boxmappa li.livello2 {
	list-style-type: circle;
	font-weight: normal;
	margin-left: 4em;
	padding: 0.2em;
}
.boxmappa li a:hover {
	background-color : #FFFF99; 
	text-decoration : underline; 
	color: #663300;
}


/************ INIZIO SEZIONE MENU DEL JAVASCRIPT ***********/
/*
il javascript che disegna il menu si basa su queste definizioni
e' possibile cambiare i valori, ma non i nomi
*/

#containerul{ 
	font-family: Rockwell, verdana,	Helvetica, sans-serif; 
	font-size:1.0em;
	font-weight: bold;
 	text-align: left;
  	margin: 0;
  	padding-left: 0.2em;
  	position:relative;
  	list-style-type:none;
  /*border:1px solid;*/
}

#containerul ul{ 
	text-align: left;
	font-family: Rockwell, verdana,	Helvetica, sans-serif; 
	font-size:1.0em;
	font-weight: bold;
	margin: 0;
	padding-left: 1.2em;
	position:relative;
  /*border:1px solid;*/
}

#containerul a {
	text-decoration : none;
	color: #999966; 
} 
#containerul a:hover {
	background-color : #ffff99; 
	text-decoration : underline; 
	color: #663300;
} 

#containerul .separator{
	font-size:0.85em;
}

#containerul .limaster{
	font-family: Rockwell, verdana,	Helvetica, sans-serif; 
	font-size:1.0em;
	font-weight: bold;
	/*background-color: #ECFFED;*/
	/*background-color:#E6E6FD;*/
	color: #336699;
	text-decoration: none;
	/*display: block;*/
}

#containerul .limaster_selected{
	font-family: Rockwell, verdana,	Helvetica, sans-serif; 
	font-size:1.0em;
	font-weight: bold;
	/*background-color: #ECFFED;*/
	/*background-color:#E6FD;*/
	color: #663300;
	text-decoration: none;
	/*display: block;*/
}

#containerul .lislave{
	color:#808080;
  }

#containerul .lislave:hover{
/*
	/*background-color:#ee82ee;/*
*/
}

#containerul li{
  margin: 0.5em 0 0 0;
}

#containerul .symbols{
	  position: relative;
	  float: left;
	  left:-1em;
	  margin-right: -0.7em;
	  margin-bottom:0.3em;/* per allineare la eventuale seconda riga alla prima*/
	  width: 1.25em;
	  height: 1.25em;
	  /*display: block;*/
	  /*padding-top:0.35em; per mettere l'icona al centro della riga*/
	  /*height: 100%;Opera non lo accetta*/
	  /*border:1px solid Red;*/
}
.accesskey{
	font-weight:normal;
	font-size: 1em;
	text-decoration:none;
}