/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{font-family: Verdana, Helvetica, sans-serif;
font-size: 77%;
text-align:center;
}

div#container{
margin:0px auto;
width: 777px;
height: 100%;
padding:0;
background:#F0EEEC;
position:relative;
} 


div#container2{background: #F0F0F0;
text-align: left
}

div#content{margin: 0px 0px 0px 0px;
padding: 1em 10px;
background-color: #F0F0F0;
}

.logovi {
	background-image: url(../imghome/logo_vitos.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #c0c0c0;
	width: 152px;
	height: 98px;
   display:table-cell;
}

.logovi a:hover {
	background-image: url(../imghome/logo_vitos_t.jpg);
   background-color: #c0c0c0;
   width: 152px;
	height: 98px;
   display:table-cell;

}  
.div_head {  /*div header (intestazione) */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
   text-align:center; 
}	
	
.div_head a:link, a:visited {
	text-decoration: none;
  	color: #000

}
.div_head a:hover {
   text-decoration: underline;
   color: #c00
}

.div_head1 {  /*div saluto e data santo */
      	font: 10px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
         color: #000;
			padding-top: 0px;
	   	width: 152px;
      	height: 83px;		
         background-color: #c0c0c0;

}	
.div_head2 {  /*div banner div */
      	font: 10px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
         color: #000;
      	text-align: center;
	   	width: 473px;
      	height: 83px;		
         background-color: #c0c0c0;
		   padding-right: 5px;
}			

.div_head3 {  /*div utenti online */
      	font: 10px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
         color: #000;
	   	width: 152px;
			height: 15px;
         background-color: #c0c0c0;
}			

.div_head4 { /*home */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	      background-color: #c0c0c0;
	   	width: 50px;
      	height: 15px;		
         text-align: center;
}	
	
.div_head4 a:link, a:visited {
	text-decoration: none;
  	color: #000;

}
.div_head4 a:hover {
   text-decoration: underline;
   color: #c00;
}
.div_head5 {  /*forum */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	text-align: center;
         background-color: #c0c0c0;
	   	width: 50px;
      	height: 15px;		
}	
	
.div_head5 a:link, a:visited {
	text-decoration: none;
  	color: #000;
	
}
.div_head5 a:hover {
   text-decoration: underline;
   color: #c00;
}

.div_head6 {  /* chattissima */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	text-align: center;
         background-color: #c0c0c0;
	   	width: 86px;
      	height: 15px;		
}	
	
.div_head6 a:link, a:visited {
	text-decoration: none;
  	color: #000;
         background-color: #c0c0c0;

}
.div_head6 a:hover {
   text-decoration: underline;
   color: #c00;
         background-color: #c0c0c0;
}
.div_head7 { /*preferiti */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	text-align: center;
	      background-color: #c0c0c0;
	   	width: 68px;
      	height: 15px;		
}	
	
.div_head7 a:link, a:visited {
	text-decoration: none;
  	color: #000;
}
.div_head7 a:hover {
   text-decoration: underline;
   color: #c00;
 }
.div_head8 { /*email */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	      text-align: center;
	      background-color: #c0c0c0;
	   	width: 40px;
      	height: 15px;		
}	
	
.div_head8 a:link, a:visited {
	text-decoration: none;
  	color: #000;
}
.div_head8 a:hover {
   text-decoration: underline;
   color: #c00;

}
.div_head9 { /*rss */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	text-align: center;
         background-color: #c0c0c0;
	   	width: 54px;
      	height: 15px;		
}	
	
.div_head9 a:link, a:visited {
	text-decoration: none;
  	color: #000;
}
.div_head9 a:hover {
   text-decoration: underline;
   color: #c00;

}
.div_head10 {  /*paherank */
	font: 12px Verdana, Helvetica, sans-serif; /* grandezza e scelta del font;*/
	text-align: center;
         background-color: #c0c0c0;
	   	width: 90px;
      	height: 15px;		
}	
	
.div_head10 a:link, a:visited {
	text-decoration: none;
  	color: #000;
}
.div_head10 a:hover {
   text-decoration: underline;
   color: #c00;

}

.buttone{
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-color: #ff9933;
	border: 1px solid #000033;
	width: 79px;
	height: 15px;
	text-align: center;
}

.table_login {width : 250px;
}

.td_login {
	/*div header (intestazione) */
	border-style: solid;
	border-color: red;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #8FBC8F;
	background-position: 100%;
}	
	
.td_login a:link, a:visited {
	text-decoration: none;
  	color: #000

}
.td_login a:hover {
   text-decoration: none;
	background: #8FBC8F;
   color: #c00
}
a:link, a:visited { text-decoration: none }
a:hover      { text-decoration: underline }

.td1 {
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 14px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: left;
}
.td1 a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td1 a:link {
	text-decoration: none;
	color: #FFF;
}
.td1 a:visited {
	text-decoration: none;
	color: #FFF;
}
.td1 a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}

.td2 {
	width: 15%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 14px; /* Dimensione dei caratteri */
	color: #FFF; /* Colore dei caratteri */
	background-color: #AF0C1C; /* Colore di sfondo delle celle della tabella */
	font-weight: bold;
	text-align: right;
}

.td3 {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 11px; /* Dimensione dei caratteri */
	color: #000; /* Colore dei caratteri */
	background-color: #FFF; /* Colore di sfondo delle celle della tabella */
	text-align: justify;
}	
.td4 {
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 10px; /* Dimensione dei caratteri */
	color: #FF6600; /* Colore dei caratteri */
	background-color: #F7F7F7; /* Colore di sfondo delle celle della tabella */
	text-align: left;
}
.td5 {
	width: 10%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 10px; /* Dimensione dei caratteri */
	color: #000; /* Colore dei caratteri */
	background-color: #F7F7F7; /* Colore di sfondo delle celle della tabella */
	text-align: right;
}
.td6 {
	width: 10%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 10px; /* Dimensione dei caratteri */
	color: #000; /* Colore dei caratteri */
	background-color: #F7F7F7; /* Colore di sfondo delle celle della tabella */
	text-align: right;
}	
.td1r {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 14px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: left;
}
.td1r a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td1r a:link {
	text-decoration: none;
	color: #FFF;
}
.td1r a:visited {
	text-decoration: none;
	color: #FFF;
}
.td1r a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}
.classetd {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #000000; /* Colore dei caratteri */
	background-color: #999999; /* Colore di sfondo delle celle della tabella */
	border-bottom-width: 0px; /* Spessore bordo inferiore */
	border-bottom-style: solid; /* Aspetto bordo inferiore */
	border-bottom-color: #FF9933; /* Colore bordo inferiore */
	border-right-width: 0px; /* Spessore bordo destro */
	border-right-style: solid; /* Aspetto bordo destro */
	border-right-color: #000000; /* Colore bordo destro */
	border-left-width: 0px; /* Spessore bordo sinistro */
	border-left-style: solid; /* Aspetto bordo sinistro */
	border-left-color: #000000; /* Colore bordo sinistro */
	border-top-width: 1px; /* Spessore bordo superiore */
	border-top-style: solid; /* Aspetto bordo superiore */
	border-top-color: #E9E9E9; /* Colore bordo superiore */
}
.classetd a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

.classetd a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.classetd a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.classetd a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
} 
.buttonp{
color:#000;
font-family:Verdana, sans-serif;
color:#27694F;
font-size:12px;
font-weight:bold;
}
#scritta_pro{
font-family:Verdana, sans-serif;
color: #27694F;
font-weight:bold;
}
.div_prov{
margin:0px auto;
padding: 35px;
} 
#scritta_storia {
	width: 452px;
	height: 161px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #27694F;
	font-weight: bold;
	text-align: center;
	background: url(../imghome/sfondostoria.jpg) repeat center left;
	line-height: 25px;
	font-size: 18px;
	border: solid #FF7F50;
}

#menu-b { /* le frazioni di teggiano */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
	font-weight: bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;
}

#menu-b ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu-b li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu-b li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */

}

#menu-b li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}

#menu-b li a span {
display: none;
}

#menu-b li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:-134px;
top: -91px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}


#menu{ /* contatta vitos */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;
}

#menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}

#menu li a span {
display: none;
}

#menu li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:-321px;
top: -119px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}


#menu1{ /* Mappa di Teggiano */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;
}

#menu1 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu1 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu1 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu1 li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}


#menu1 li a span {
	display: none;
}

#menu1 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: 60px;
top: -72px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}


#menu2{ /* storia di San Cono */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;	
}

#menu2 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu2 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu2 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu2 li a:hover{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu2 li a span {
display: none;
}

#menu2 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: -134px;
top: -72px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

#menu3{  /* il dialetto teggianese nelle scuole */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;	
}

#menu3 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu3 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu3 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu3 li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu3 li a span {
display: none;
}

#menu3 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: -321px;
top: -86px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

#menu4{ /* Il Dialetto Teggianese */
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;	
}

#menu4 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu4 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu4 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu4 li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu4 li a span {
display: none;
}

#menu4 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: 60px;
top: -133px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

#menu5{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;		
	
}

#menu5 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu5 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu5 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu5 li a:hover{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}

#menu5 li a span {
display: none;
}

#menu5 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: 139px;
top: -75px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}


#menu6{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;		

}

#menu6 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu6 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu6 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu6 li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}


#menu6 li a span {
display: none;
}

#menu6 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: 61px;
top: -75px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}


#menu7{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;		

}

#menu7 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu7 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu7 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu7 li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu7 li a span {
display: none;
}

#menu7 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: -111px;
top: -75px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

#menu8{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;		

}

#menu8 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu8 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu8 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu8 li a:hover{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu8 li a span {
display: none;
}

#menu8 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: -238px;
top: -75px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

#menu9{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
	border: 1px;
	border-style: double;
	border-color: Green;		
}

#menu9 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-decoration: none;
}

#menu9 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	position: relative;
	text-decoration: none;
}

#menu9 li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}

#menu9 li a:hover{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-color: #8FBC8F;
}



#menu9 li a span {
display: none;
}

#menu9 li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left: -396px;
top: -75px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size: 12px;
color: #000;
}

.td8 {
	width: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 10px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: left;
}
.td8 a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td8 a:link {
	text-decoration: none;
	color: #FFF;
}
.td8 a:visited {
	text-decoration: none;
	color: #FFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}
.td8 a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}

.td9 {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #410; /* Colore dei caratteri */
	background-color: #eef; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
}
.td9 a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td9 a:link {
	text-decoration: none;
	color: #FFF;
}
.td9 a:visited {
	text-decoration: none;
	color: #FFF;
}
.td9 a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}
.td11 {
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 12px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
}
.td11 a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td11 a:link {
	text-decoration: none;
	color: #FFF;
}
.td11 a:visited {
	text-decoration: none;
	color: #FFF;
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
}
.td11 a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}
.td12 {

	font-size: 14px; /* Dimensione dei caratteri */
	color: #C33E03; /* Colore dei caratteri */
}
.td12 a{		/*definizione del menu quando ad esso è associato un link;*/
	display:block;	/* si intende, con questo codice, che tutti gli elementi posti prima e dopo, andranno tutti incolonnati (per ottenere il menu in verticale);*/
	text-decoration:none;		/* link non sottolineato*/
	}

.td12 a:link {
	text-decoration: none;
	color: #C33E03;
}
.td12 a:visited {
	text-decoration: none;
	color: #C33E03;
}
.td12 a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #8FBC8F;
   color:#C00;	
}
.td13 {
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
	font-size: 14px; /* Dimensione dei caratteri */
	color: #FFFFFF; /* Colore dei caratteri */
	background-color: #AF1C0C; /* Colore di sfondo delle celle della tabella */
   font-weight:bold;
	text-align: center;
}

/*album fotografico*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: justify; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #c0c0c0; }
/*fine album fotografico*/