body {background-color: black;z-index:-30;}

a.img:link {color: #D64A12; text-decoration:none; font:bold;}
a.img:visited {color: orange; text-decoration:none; font:bold;}
a.img:hover{text-decoration:none; }
a.img:active {color: red; text-decoration:none; font:bold;}

.mini { font-family: Times; font-size:11px; 	font-weight:bold; line-height:12px; color:white;}
.didascalia { font-family: Times; font-size:13px; 	font-weight:bold; line-height:15px; color:white;}
.didascaliaN { font-family: Times; font-size:13px; 	font-weight:normal; line-height:15px; color:black;}
.didascaliaM { font-family: Times; font-size:15px; 	font-weight:normal; line-height:24px; color:#3e2f17;}
.testo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:24px; color: white;}
.supertesto{  font-family: times; 	font-weight:normal; font-size: 20px; line-height:24px; color: white;}

.testoM{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:24px; color: #3e2f17;}
.testoV{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:18px; text-align: left; color: green;}
.testoY{  font-family: times; 	font-weight:bold; font-size: 18px; line-height:24px; text-align: left; color: yellow;}
.testoC{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:24px; text-align: left; color: cyan;}
.testoB{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 17px; line-height:24px; text-align: left; color: black;}
.titolo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; color: white;}
.titoloN{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; color: black;}
.titoloM{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; 
color:#3e2f17;}
.titoloR{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; color: red;}
.supertitolo {font-family: times; font-weight:bold; font-style:italic; font-size: 35px; line-height:35px; color: white;}
.supertitoloN{font-family: times;font-weight:bold; font-style:italic; font-size: 35px; line-height:24px; color: black;}
.supertitoloM{font-family: times;font-weight:bold; font-style:italic; font-size: 35px; line-height:24px; color:#3e2f17;}


a.mappa:link {text-decoration:none; color:yellow; }
a.mappa:visited { text-decoration:none; color:yellow; }
a.mappa:hover { text-decoration:none; background-color:#d60d03; color:white; padding:2px;}
a.mappa:active { text-decoration:none; color:red; }

a.storia:link {text-decoration:none; color:#3e2f17; }
a.storia:visited { text-decoration:none; color:#3e2f17; }
a.storia:hover { text-decoration:none; background-color:#d60d03; color:white; padding:2px;}
a.storia:active { text-decoration:none; color:red; }

.dida {font-family: Times, Arial, Helvetica, Verdana,  sans-serif; font-size:14px; font-style:italic; font-weight:bold; line-height:20px; color: #0ABCF7;  }
.didaN {font-family: Times, Arial, Helvetica, Verdana,  sans-serif; font-size:14px; font-style:italic; font-weight:normal; line-height:20px; color: black;  }
.didaM {font-family: Times, Arial, Helvetica, Verdana,  sans-serif; font-size:14px; font-style:italic; font-weight:normal; line-height:20px; color:white;  }
.testoM {font-family: Times, Arial, Helvetica, Verdana,  sans-serif; font-size:18px; font-style:italic; font-weight:bold; line-height:24px; color: white;  }
.titoloM {font-family: Times, Arial, Helvetica, Verdana,  sans-serif; font-size:20px; font-style:italic; font-weight:bold; line-height:20px; color: white;  }


.campi{font-family: Arial; font-weight:normal; font-style:italic; color: black; text-align: left; font-size: 12px; line-height:12px; width:150px; height:14px;}

a:link {color: cyan; text-decoration:none;}
a:visited {color: cyan; text-decoration:none; font:bold;}
a:hover{text-decoration:none; font:bold;}
a:active {color: red; text-decoration:none; font:bold;}

a.mappa2:link {text-decoration:none; color:yellow; }
a.mappa2:visited { text-decoration:none; color:yellow; }
a.mappa2:hover { text-decoration:none; background-color:red; color:white; padding:3px;}
a.mappa2:active { text-decoration:none; color:red; }

a.mappa3:link {text-decoration:none; color:white; }
a.mappa3:visited { text-decoration:none; color:white; }
a.mappa3:hover { text-decoration:none; background-color:red; color:white; padding:3px;}
a.mappa3:active { text-decoration:none; color:red; }

.testo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:21px; color: white; text-align:left; }
.didascaliaM1{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 13px; line-height:13px; color: #3e2f17;}
.didaM{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 16px; line-height:18px; color: white;}
.didaM1{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 15px; line-height:17px; color: white;}
.didaM2{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 14px; line-height:17px; color: white;}
.testoM1{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 18px; line-height:24px; color: #3e2f17;}
.testoM2{  font-family: times; 	font-weight:normal; font-style:italic; font-size: 18px; line-height:24px; color: #2dbaef;}
.titolo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; color: white;}
.sottotitolo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 18px; line-height:18px; color: white;}
.titoloM1{  font-family: times; font-weight:bold; font-style:italic; font-size: 24px; line-height:24px; color: #3e2f17;}
.supertitolo{  font-family: times; 	font-weight:bold; font-style:italic; font-size: 35px; line-height:24px; color: white;}
.supertitoloM1{ text-align:left; font-family: times; font-weight:bold; font-style:italic; font-size: 35px; line-height:24px; color: #3e2f17;}

.pulsante {
    border: 3px solid gray;
    border-style: outset;
	}
	
.pulsante:hover {
    border: 3px solid white;
   }
	
.pulsante:active {
    border: 3px solid #0667f9;
   }
	
.button:active {
    background-image: url(accessori/immagini/diz20A.jpg); 
	background-repeat: no-repeat;
    color: yellow;
    }

#cambio1{background: url('http://serracapriola.net/convento/accessori/immagini/edificioB.jpg'); width:120px; height:64px;  display:block;  }
#cambio1:hover{background: url('http://serracapriola.net/convento/accessori/immagini/edificioA.jpg');}
#cambio1:active{background: url('http://serracapriola.net/convento/accessori/immagini/edificio.jpg');}

#cambio2{background: url('http://serracapriola.net/convento/accessori/immagini/storiaB.jpg');width:120px;height:64px;display:block;}
#cambio2:hover{background: url('http://serracapriola.net/convento/accessori/immagini/storiaA.jpg');}
#cambio2:active{background: url('http://serracapriola.net/convento/accessori/immagini/storia.jpg');}

#cambio3{background: url('http://serracapriola.net/convento/accessori/immagini/quadroB.jpg');width:120px;height:64px;display:block;}
#cambio3:hover{background: url('http://serracapriola.net/convento/accessori/immagini/quadroA.jpg');}
#cambio3:active{background: url('http://serracapriola.net/convento/accessori/immagini/quadro.jpg');}

#cambio4{background: url('http://serracapriola.net/convento/accessori/immagini/PMatteoB.jpg');width:120px;height:64px;display:block;}
#cambio4:hover{background: url('http://serracapriola.net/convento/accessori/immagini/PMatteoA.jpg');}
#cambio4:active{background: url('http://serracapriola.net/convento/accessori/immagini/PMatteo.jpg');}

#cambio5{background: url('http://serracapriola.net/convento/accessori/immagini/pPioB.jpg');width:120px;height:64px;display:block;}
#cambio5:hover{background: url('http://serracapriola.net/convento/accessori/immagini/pPioA.jpg');}
#cambio5:active{background: url('http://serracapriola.net/convento/accessori/immagini/pPio.jpg');}

#cambio6{background: url('http://serracapriola.net/convento/accessori/immagini/festeB.jpg');width:120px;height:64px;display:block;}
#cambio6:hover{background: url('http://serracapriola.net/convento/accessori/immagini/festeA.jpg');}
#cambio6:active{background: url('http://serracapriola.net/convento/accessori/immagini/feste.jpg');}

#cambio7{background: url('http://serracapriola.net/convento/accessori/immagini/fratiB.jpg');width:120px;height:64px;display:block;}
#cambio7:hover{background: url('http://serracapriola.net/convento/accessori/immagini/fratiA.jpg');}
#cambio7:active{background: url('http://serracapriola.net/convento/accessori/immagini/frati.jpg');}

#cambio8{background: url('http://serracapriola.net/convento/accessori/immagini/videotecaB.jpg');width:120px;height:64px;display:block;}
#cambio8:hover{background: url('http://serracapriola.net/convento/accessori/immagini/videotecaA.jpg');}
#cambio8:active{background: url('http://serracapriola.net/convento/accessori/immagini/videoteca.jpg');}



	
div.menuUno{
position:absolute;
background-image: url("http://serracapriola.net/accessori12/immagini/sfondoBlu.png");
left: 130px;
top: 60px;  
z-index:200; 
text-align:left;   
display: none; 
padding: 10px;
padding-right: 30px;  
font-family: times; 
font-weight:normal; 
font-style:italic; 
font-size: 16px; 
line-height:20px; 
text-align:left; 
color: white;
max-height: 500px;
max-width: 700px;
overflow-y:scroll;
overflow-x: hidden;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
overflow-y: auto;
}