/* stili generici*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color: #f33;
background-color: #000;
text-align: center;
}
img {
margin:0px;
padding:0px;
border:none;
}
img.top {
vertical-align:60px;
}
img.bottom {
vertical-align:0px;
}

img.linea {
margin:1px 0px 1px 0px;
padding:0px;
width:100%;
height:15px;
}
img.punto {
padding:1px auto;
background-color:#000;
margin:2px;
vertical-align:bottom;
}
#esterno {
text-align:center;
width:120px;
height:230px;
margin:1px auto;
overflow:hidden;
border:0px solid #000;
}
#avviso {
display:none;
}
.content {
width:138px;
margin-top:20px;
}
#contatore{
width:300px;
height:80px;
border:0px;
}
/* struttura*/
#contenitore {
position:relative;
}
#testata {
background-color:#900;
border:4px groove #922;
height:120px;
display:block;
}
#primatabella {  
margin:5px 0px 0px 0px;
width:100%;
padding:1px;
vertical-align: top; 
border-color: #990000 #990000 #FF9966 #FF9966;
}
#colonnasinistra, #colonnasinistra2 {
text-align:left;
width:150px;
vertical-align: top; 
margin-top:0px;
margin-right:0px;
padding:0px 2px 0px 2px;
}
#colonnadestra, #colonnadestra2 {
text-align:right;
width:150px;
vertical-align: top; 
margin-top:0px;
padding:0px 2px 0px 2px;
margin-left:0px;
}
#colonnacentrale, #colonnacentrale2 {
text-align:center;
vertical-align: top; 
margin-top:0px;
padding-top:0px;
margin-left:2px;
margin-right:2px;
padding:0px 2px 0px 2px;
}
#secondatabella {  
margin:0px 0px 0px 0px;
width:100%;
padding:1px;
vertical-align: top; 
border-color: #990000 #990000 #FF9966 #FF9966;
}
 #colonnadestra2 {
text-align:center;
width:150px;
vertical-align: top; 
margin:1px auto;
}
#immaginecentrale {
width:450;
padding:2px;
text-align:center;
vertical-align:baseline;
}
#titolofigura {
width:450px;
font-family: tahoma, verdana, arial, sans-serif;
font-size:15px;
color:#306;
background-color: #fc9;
margin:1px auto;
}
#fondofigura {
width:100%;
position:relative;
top:4px;
}
#fondofigurasinistra, #fondofigurasinistra2 {
width:49%;
text-align:left;
position:absolute;
top:4px;
left:2px;
}
#fondofiguradestra, #fondofiguradestra2 {
width:49%;
text-align:right;
position:absolute;
top:4px;
right:2px;
}
.figuratabella, .figuratabella2 {  
margin:4px 3px 0px 3px;
padding:1px auto;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-style: normal; 
line-height: normal; 
font-weight: bold; 
color: #000000;
background-color: #CC0033; 
text-align: center; 
vertical-align: top; 
text-transform: capitalize;
border-color: #990000 #990000 #FF9966 #FF9966;
border-width:1px;
border-style:solid;
}
#pulsantiera {
width:100px;
text-align:center;
margin: 1px auto;;
padding:0px 2px 0px 2px;
}
p.pulsante {
width:100%;
height:23px;
padding:0px;
margin:0px;
}
#sottopulsante {
width:150px;
margin-top:10px;
}
#terzatabella {
width:100%;
position:relative;
margin:4px 3px 0px 3px;
}
#fondo {
width:100%;
position:absolute;
top:100px;
left:0px;
}
/* stili per box*/
.titolo {
font-family: "Bauhaus 93", Verdana, "Arial Black";
font-size: 18px;
color: #ff0;
background-color: #900;
text-align: center;
vertical-align: top; 
border-color: #f00;
background-repeat: no-repeat;
border: #FF0000 groove;
background-image: url(img/curva.gif)
}
.testo {
background-color: #fc9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px; 
color: #306;
text-align:left;
padding:2px;
margin:0px 0px 0px 15px;
}
.legenda {
background-color: #fc9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px; 
color: #306;
text-align:right;
padding:2px;
margin:0px 0px 0px 15px;
}
.testosinistro, .testodestro {
background-color: #fc9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px; 
color: #306;
text-align:center;
padding:1px;
margin:1px auto;
}
.testo p {
text-indent: 2em;
}
.testo p:first-letter { 
  font-size: 1.6em; 
font-family:Helvetica, serif;
font-style:italic;
}
.medio {
font-family: "Bauhaus 93", Verdana, "Arial Black"; 
font-size: 18px; 
color: #FFFF00; 
background-color: #990000; 
vertical-align: 50%;
font-weight: bold;
background-repeat: no-repeat; 
border:2px groove #FF0000;
background-image: url(curva.gif);
padding:4px;
line-height:30px;
}
.nome {
font-family: "Bauhaus 93", Verdana, "Arial Black";
font-size: 20px;
color: #FFFF00; 
background-color: #990000;
vertical-align: 50%;
font-weight: bold;
background-repeat: no-repeat;
border:2px #FFff00 groove; 
background-image: url(curva.gif);
line-height: 30px;
}

/*liste*/
 ul.elenco {
width:150px;
text-align:left;
margin:0px;
padding:0px;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
background-color: #F96;
vertical-align: top; 
color:#7d5e5b;
}
 ul.elenco li {
width:140px;
font-size:14px;
margin-top:2px;
padding-left:12px;
color:#000;
background-image: url(../img/frecciarossa.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
ul.elenco li a:link, .elenco ul li a:visited{
font-weight:bold;
color:#900;
text-decoration:none;
}
ul.elenco  li a:hover {
background-color:#f00;
font-weight:bold;
color:#ff0;
}
 ul.frasi {
width:150px;
text-align:left;
margin:0px;
padding:0px;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
font-variant: normal;
background-color: #Fc9;
vertical-align: top; 
border-color: #C00 black black;
color:#306;
}
 ul.frasi li {
width:146px;
font-size:14px;
margin-top:2px;
padding:2px;
color:#000;
border-bottom:1px solid #000;
}
.testo a:link, .testosinistro a:link, .testodestro a:link, .testo a:visited, .testosinistro a:visited, .testodestro a:visited{
font-family: tahoma, sans-serif;
font-weight:bold;
color:#900;
text-decoration:underline;
}
testo a:hover, testosinistro a:hover, testodestro a:hover {
font-family:tahoma, verdana, sans-serif;
background-color:#f00;
font-weight:bold;
color:#ff0;
}
/*tabella delle storie*/
.tabella {  
padding:1px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-style: normal; 
line-height: normal; 
font-weight: bold; 
color: #000000;
background-color: #CC0033; 
text-align: center; 
vertical-align: top; 
text-transform: capitalize;
border-color: #990000 #990000 #FF9966 #FF9966;
border:1px groove; 
border-collapse:collapse;
}
.tabella td {
border:1px solid #f96;
border-collapse:collapse;
}
.tabella a:link {
color: #fffac8; 
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
}
.tabella a:visited {
color: #fffac8;
text-decoration: none;
font-weight: bold;
}

.tabella a:hover {
color: #900;
background-color: #eaea00;
font-weight: bolder; 
text-decoration: underline;
}