* { 
margin : 0; 
padding : 0; } 

body { 
background-color : #000000; 
background-image : url(immagini/sfondo.jpg); 
background-repeat : repeat-x; 
font-size : 62.5%; 
color : #cccccc; } 

#titolo1 { 
margin : auto; 
height : 0; 
width : 740px; 
text-align : left; 
font-size : 1.2em; 
font-style : italic; 
color : #ffffff; 
letter-spacing : 2px; } 

#titolo2 { 
margin : auto; 
height : 0; 
width : 740px; 
text-align : right; 
font-size : 1.2em; 
font-style : italic; 
color : #ffffff; 
letter-spacing : 2px; } 

#tema { 
margin : auto; 
width : 770px; 
color : #cccccc; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-size : 1.2em; } 

#sfondo-tema { 
margin : auto; 
background-image : url(immagini/foto-principale.jpg); 
width : 770px; 
height : 300px; } 

#menu { 
background-image : url(immagini/sfondo-lista.jpg); 
background-repeat : repeat-x; 
width : 770px; 
height : 20px; 
padding-top : 2px; 
text-align : center; 
font-weight : bold; 
overflow : hidden; 
position : relative; } 

#menu ul { 
clear : left; 
float : left; 
list-style : none; 
margin : 0; 
padding : 0; 
position : relative; 
left : 50%; 
text-align : center; } 

#menu ul li { 
display : block; 
float : left; 
list-style : none; 
margin : 0; 
padding : 0; 
position : relative; 
right : 50%; } 

#menu ul li a { 
display : block; 
height : 20px; 
margin : 0 0 0 0; 
padding : 1px 10px; 
text-decoration : none; 
color : #004000; 
font-size : 1.2em; 
font-style : italic; } 

#menu ul li a:hover { 
color : #ff0000; 
font-size : 1.2em; 
font-style : italic; } 

#pagina { 
background-image : url(immagini/sfondo-pagina.jpg); 
height : 554px; 
padding-top : 20px; 
padding-left : 30px; 
padding-right : 30px; 
background-repeat : no-repeat; 
vertical-align : middle; 
text-align : justify; } 

#basso {
text-align : center;
clear:both;
border : 1px solid #666666;
padding : 20px;
background-image : url('immagini/citta.gif');
}

.sinistra { 
float : left; 
margin-right : 5px; 
margin-bottom : 3px; } 

.destra { 
float : right; 
margin-left : 5px; 
margin-bottom : 3px; } 

p { 
padding-bottom : 25px; } 
.testogiustificato { 
vertical-align : middle; 
text-align : justify; } 

.testopiccolo { 
vertical-align : middle; 
text-align : justify; 
font-size : 80%; } 

h1 { 
font-size : 1.9em; 
border-bottom : 1px solid gray; 
margin-bottom : 10px; 
font-style : italic; 
color : #ffffff; } 

h2 { 
font-size : 1.6em; 
border-bottom : 1px solid gray; 
margin-bottom : 10px; 
font-style : italic; 
color : #ffffff; } 

a:link { 
color : #ffffff; 
text-decoration : none; } 

a:visited { 
color : #ffffff; 
text-decoration : none; } 

a:hover {
color : #ff0000;
text-decoration : none; }

a:active { 
color : #ffffff; 
text-decoration : none; } 

select { 
font-family : Verdana; 
font-weight : bold; 
font-size : 11px; 
color : #80ff80; 
background-color : #280a02; } 

input { 
cursor: pointer;
hover, active, focus{ color:#ff0000;}
font-family : Verdana; 
font-weight : bold; 
font-size : 11px; 
color : #80ff80; 
background-color : #280a02; } 

textarea { 
font-family : Verdana; 
font-weight : bold; 
font-size : 11px; 
color : #80ff80; 
background-color : #280a02; } 

.inputpiccolo { 
font-family : Arial; 
font-weight : normal; 
font-size : 12px; 
color : #ffffff; 
background-color : #280a02; } 

#inputpiccolotipologia { 
font-family : Arial; 
font-weight : normal; 
font-size : 12px; 
color : #ffffff; 
background-color : #280a02;
width : 200px;  } 
#inputpiccolotipologia:hover, #inputpiccolotipologia:active, #inputpiccolotipologia:focus{ color:#ff0000;}

#inputgrande { 
font-family : Georgia, "Times New Roman", Times, serif; 
font-weight : normal; 
font-size : 14px; 
color : #cccccc; 
background-color : #280a02; 
width : 210px; 
text-align : center; } 
#inputgrande:hover, #inputgrande:active, #inputgrande:focus{ color:#ff0000;}


#xabruzzo, #xbasilicata, #xcalabria, #xcampania, #xemilia, #xfriuli, #xlazio, #xliguria, #xlombardia, #xmarche, #xmolise, #xpiemonte, #xpuglia, #xsardegna, #xsicilia, #xtoscana, #xtrentino, #xumbria, #xvaldaosta, #xveneto { 
position : absolute; 
z-index : 1; 
margin : auto; 
width : 150px; 
visibility : hidden; } 

#abruzzo, #basilicata, #calabria, #campania, #emilia, #friuli, #lazio, #liguria, #lombardia, #marche, #molise, #piemonte, #puglia, #sardegna, #sicilia, #toscana, #trentino, #umbria, #valdaosta, #veneto { 
position : absolute; 
z-index : 1; 
margin : auto; 
width : 550px; 
visibility : hidden; } 

