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/accessori12/immagini/territorioB.jpg'); width:120px; height:64px;  display:block;  }
#cambio1:hover{background: url('http://serracapriola.net/accessori12/immagini/territorioA.jpg');}
#cambio1:active{background: url('http://serracapriola.net/accessori12/immagini/territorio.jpg');}

#cambio2{background: url('http://serracapriola.net/accessori12/immagini/centroB.jpg');width:120px;height:64px;display:block;}
#cambio2:hover{background: url('http://serracapriola.net/accessori12/immagini/centroA.jpg');}
#cambio2:active{background: url('http://serracapriola.net/accessori12/immagini/centro.jpg');}

#cambio3{background: url('http://serracapriola.net/accessori12/immagini/serviziB.jpg');width:120px;height:64px;display:block;}
#cambio3:hover{background: url('http://serracapriola.net/accessori12/immagini/serviziA.jpg');}
#cambio3:active{background: url('http://serracapriola.net/accessori12/immagini/servizi.jpg');}

#cambio4{background: url('http://serracapriola.net/accessori12/immagini/monumentiB.jpg');width:120px;height:64px;display:block;}
#cambio4:hover{background: url('http://serracapriola.net/accessori12/immagini/monumentiA.jpg');}
#cambio4:active{background: url('http://serracapriola.net/accessori12/immagini/monumenti.jpg');}

#cambio5{background: url('http://serracapriola.net/accessori12/immagini/costumiB.jpg');width:120px;height:64px;display:block;}
#cambio5:hover{background: url('http://serracapriola.net/accessori12/immagini/costumiA.jpg');}
#cambio5:active{background: url('http://serracapriola.net/accessori12/immagini/costumi.jpg');}

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

#cambio7{background: url('http://serracapriola.net/accessori12/immagini/forumB.jpg');width:120px;height:64px;display:block;}
#cambio7:hover{background: url('http://serracapriola.net/accessori12/immagini/forumA.jpg');}
#cambio7:active{background: url('http://serracapriola.net/accessori12/immagini/forum.jpg');}

#cambio8{background: url('http://serracapriola.net/accessori12/immagini/biblioB.jpg');width:120px;height:64px;display:block;}
#cambio8:hover{background: url('http://serracapriola.net/accessori12/immagini/biblioA.jpg');}
#cambio8:active{background: url('http://serracapriola.net/accessori12/immagini/biblio.jpg');}

#cambio9{background: url('http://serracapriola.net/accessori12/immagini/creditiB.jpg');width:120px;height:64px;display:block;}
#cambio9:hover{background: url('http://serracapriola.net/accessori12/immagini/creditiA.jpg');}
#cambio9:active{background: url('http://serracapriola.net/accessori12/immagini/crediti.jpg');}

		div.marquee {
					float: left;
					width: 1010px;
					height: 40px;
					margin: 2px auto;
					background: #040500;
					padding: 0;
					overflow: hidden;
					}
					
				div.marquee ul {
					list-style: none;
					padding: 2px 0;
					margin: 0;
					}
					
					div.marquee ul>li {
						float: left;
						font: 18px Helvetica;
						width: auto;
						color: #2dbaef;
						margin-right: 20px;
						}	
						
								
div.testoB {
    position:absolute;
    left:440px;
    top:65px; 
    z-index:90;
    color:cyan;
    padding: 0px;
    text-align: center;
    border: solid 0px cyan;
    width:232px;
    font-family: times; 
	font-weight:normal; 
	font-style:italic; 
	font-size: 15px; 
	line-height:15px;
    background-image: url("http://serracapriola.net/accessori/sfondi/scuro.png");
  	}

div.aggiorna {
	 position: absolute;
    left: 440px;
    top: 123px;
    display:none;
    padding: 8px;
    width:220px;
    text-align: left;
    z-index:200;
    background-image: url("http://serracapriola.net/accessori/sfondi/scuro.png");
	}
	
div.stemma {
	 position: absolute;
    left: 100px;
    top: 10px;
    padding: 8px;
    width:60px;
    text-align: center;
    z-index:50;
  }
div.candele {
	 position: absolute;
    left: 250px;
    top: 450px;
    padding: 8px;
    width:300px;
    text-align: center;
    z-index:50;
  }

div.testoA{
position:absolute;
left: 140px;
top: 500px;  
z-index:10; 
text-align:left;
font-family: times; 
font-weight:normal; 
font-style:italic; 
font-size: 16px; 
line-height:20px;
color: white;
}

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

div.menuTerritorio{
position:absolute;
left: 350px;
top: 60px;  
z-index:100;
min-width:170px; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);
display:none; 
padding: 20px;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
overflow-y: auto;
}

div.menuRealta{
position:absolute;
left: 565px;
top: 60px;  
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoVerde.png); display:none; 
padding: 10px;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.menuStrutture{
position:absolute;
left: 635px;
top: 60px;  
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoVerde.png);
display:none; 
padding: 20px;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.menuCosta{
position:absolute;
left: 635px;
top: 60px;  
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoVerde.png);
display:none; 
padding: 20px;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.menuCentro{
position:absolute;
left: 415px;
top: 60px;  
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);  display:none; 
padding: 20px;
box-shadow: 10px 5px 5px black; 
white-space: nowrap;
}

div.menuServizi{
position:absolute;
left: 255px;
top: 60px; 
min-width:250px; 
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png); display:none; 
padding: 20px;
box-shadow: 10px 5px 5px black;
white-space: nowrap; 
overflow-y: auto;
}

div.menuMonumenti{
position:absolute;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);
left: 410px;
top: 60px;  
z-index:100; 
min-width:240px;
text-align:left;
display:none; 
padding: 20px; 
box-shadow: 10px 5px 5px black;
white-space: nowrap; 
}

div.menudistrutte{
position:absolute;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);
left: 125px;
top: 60px;  
z-index:100; 
min-width:240px;
text-align:left;
display:none; 
padding: 20px; 
box-shadow: 10px 5px 5px black;
white-space: nowrap; 
}

div.menuFesteSM{
position:absolute;
left: 695px;
top: 60px;  
z-index:100; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoVerde.png); padding: 20px;
display:none; 
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.menuFesteC{
position:absolute;
left: 695px;
top: 60px;  
z-index:100; 
text-align:left;
background-image:url(http://serracapriola.net/accessori08/immagini/sfondoVerde.png); display:none;
padding: 20px;
box-shadow: 10px 5px 5px black; 
white-space:nowrap; 
}

div.menuCostumi{
position:absolute;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);
left: 362px;
top: 60px;  
z-index:100; 
padding:20px;
text-align: left;
display:none;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.menuVideo{
position:absolute;
left: 470px;
top: 60px;  
z-index:120; 
text-align:left;
background-image: url(http://serracapriola.net/accessori08/immagini/sfondoCyan.png);   
display: none; 
padding: 20px;
box-shadow: 10px 5px 5px black;
white-space: nowrap;
}

div.promo{
position:absolute;
left: 230px;
top: 150px;  
z-index:200; 
width:600px;
background: rgba(11, 94, 146, 0.7);
font-family: Times;  
font-size:17px; 
font-style:italic;  
font-weight:normal; 
line-height:18px; 
text-align:center; 
border:3px solid; 
border-color:white; 
border-radius: 25px; 
-moz-box-shadow: 0 0 50px #080808; 
-webkit-box-shadow:0 0 50px #080808; 
box-shadow: 0 0 50px #080808; 
color:white; 
padding:20px;
}