/* Foglio principale di stile */


/* Logo della pagina */

div.logo{
  margin-left:9em; /* margini del logo contenuto */
  margin-right:1em;
  text-align:center; /* allineamento del logo */
 }
 
/* Menu di superiore di navigazione */
 
div.menu-nav-barra{
  margin-left:9em; /* margini dei pulsanti contenuti */
  margin-right:1em;
  padding-top:1em; /* distanza dal logo superiore */
  padding-bottom: 2em; /* distanza della barra dalla parte sottostante */
  text-align:center; /* allineamento dei pulsanti contenuti nella barra */
 }

span.menu-nav-elem{
  line-height:1.5em; /* interlinea quando i pulsanti non vengono visualizzati su una sola riga */
  margin-left:0.5em; /* margini di testo */
  margin-right:0.5em;
  padding-left:0.5em; /* spazio esterno al pulsante */
  padding-right:0.5em;
 }

span.menu-nav-elem-attivo{
  line-height:1.5em; /* interlinea quando gli elementi non vengono visualizzati su una sola riga */
  margin-left:0.5em; /* margini interni al pulsante */
  margin-right:0.5em;
  padding-left:0.5em; /* spazio esterno al pulsante */
  padding-right:0.5em;
  color:inherit;
  background:#dddddd; /* evidenzia lo sfondo */
 }
 
a.menu-nav-link:link{
  text-decoration:none;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  font-weight:bold;
  color:#000000;
  background:inherit;
 }

a.menu-nav-link:visited{
  text-decoration:none;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  font-weight:bold;
  color:#000000;
  background:inherit;
 }

a.menu-nav-link:hover{
  text-decoration:underline;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  color:#b20032;
  background:inherit;
  font-weight:bold;
 }

 /* Menu laterale di navigazione */
 
div.menu-sx-colonna{
  float:left; /* disposizione della colonna laterale*/
  width:8em; /* ampiezza della colonna laterale */
 }
 
div.menu-sx-box{
  background:#eeeeee; /* colore dello sfondo */
 }

div.menu-sx-titolo{
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  text-decoration:none;
  text-align:left;
  line-height:2em; /* interlinea */
  padding-left:1em; /* margine esterno del titolo */
  font-style:normal;
  font-weight:bold;
  color:inherit;
  background:#dddddd; /* evidenzia lo sfondo */
 }
 
div.menu-sx-elem{
  display:list-item; /* specifica come viene visualizzata la lista */
  list-style-type: disc;
  line-height:2em; /* interlinea */
  text-align:left;
 }

a.menu-sx-link:link{
  text-decoration:none;
  text-align:left;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  font-weight:bold;
  color:#0f00c2;  
  background:inherit;
 }

a.menu-sx-link:visited{
  text-decoration:none;
  text-align:left;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  font-weight:bold;
  color:#8e008e;
  background:inherit;
 }

a.menu-sx-link:hover{
  text-decoration:underline;
  text-align:left;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:small;
  color:#b20032;
  background:inherit;
  font-weight:bold;
 }

/* Validazione del codice HTML */
 
div.validazione{
  text-align:left;
  padding-left:2em;
 }
    
div.validazione-div{
  height:0.5em;
 }

/* Contenuto della pagina */
 
div.contenuto{
  margin-left:9em; /* margini interni */
  margin-right:1em;
 }
       
/* Definizione degli stili predefiniti per i tag principali */

body{
  color:inherit;
  background-color:#ffffff;
 }

h1{
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:x-large; 
  text-decoration:none;
  text-align:center;
  font-style:normal;
  font-weight:bold;
 }

h2{
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:large; 
  text-decoration:none;
  text-align:left;
  font-style:normal;
  font-weight:bold;
 }
 
ul, ol{
  padding-left:2em; /* rientro sinistro delle liste */
}

p, li, td{
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:medium;
  color:#000000;
  background:inherit;
  text-decoration:none;
  text-align:left;
  line-height:1.5em; /* interlinea */
  font-style:normal;
  font-weight:normal;
 }
          
a:link{
  text-decoration:none;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:medium;
  font-weight:bold;
  color:#0f00c2;
  background:inherit;
 }

a:visited{
  text-decoration:none;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:medium;
  font-weight:bold;
  color:#8e008e;
  background:inherit;
 }

a:hover{
  text-decoration:underline;
  font-family:Arial,'Liberation Sans',sans-serif; /* carattere tipografico senza grazie */
  font-size:medium;
  color:#b20032;
  background:inherit;
  font-weight:bold;
 }

img{
  border:0px;
 }

/* Stili specifici per alcuni elementi */

body.poesia{
  background-image:url(../../grafica/azzurrino.jpg);
 }

body.racconto{
  background-image:url(../../grafica/rosa.jpg);
 }

body.canzone{
  background-image:url(../../grafica/stucco.jpg);
 }
 
div.poesia{
  margin-left:1em;
  margin-right:1em;
  margin-top:2em;
  margin-bottom:1em;
 }
 
div.racconto{
  margin-left:1em;
  margin-right:1em;
  margin-top:2em;
  margin-bottom:1em;
 }
 
div.canzone{
  margin-left:1em;
  margin-right:1em;
  margin-top:2em;
  margin-bottom:1em;
 }

/* Stile specifico per album delle foto */
 
div.album{
  float:left; /* disposizione */
  margin-left:0.5em; /* margini interni */
  margin-right:0.5em;
  margin-top:0.5em;
  margin-bottom:0.5em;
 }

table.album{
  width:200px; /* dimensioni */
  height:100%;
  border:none; /* bordo */
 }

table td.album{
  font-size:small;
  text-align:center;
  border:1px solid #cccccc; /* bordo */
 }

table td.album-foto{
  width:200px; /* dimensioni */
  height:200px;
  border:1px solid #cccccc; /* bordo */
  text-align:center; /* allineamento foto */
 }

 /* Stile specifico per query dati meteo */

table.meteo{
  width:auto; /* dimensioni */
  height:100%;
  border:none; /* bordo */
 }
 
table td.meteo{
  width:10em; /* dimensioni */
  border:1px solid #cccccc; /* bordo */
  padding-left:0.4em; /* margini interni */
  padding-right:0.4em;
  padding-top:0.2em;
  padding-bottom:0.2em;
  font-size:small;
  text-align:center;
  vertical-align:center;
  white-space: nowrap; /* impedisce che testo vada a capo */
 }

table.meteo24{
  width:100%; /* dimensioni */
  height:100%;
  border:none; /* bordo */
 }

table td.meteo24{
  width:12.5%; /* dimensioni */
  border:1px solid #cccccc; /* bordo */
  padding-left:0.4em; /* margini interni */
  padding-right:0.4em;
  padding-top:0.2em;
  padding-bottom:0.2em;
  font-size:small;
  text-align:center;
  vertical-align:center;
  white-space: nowrap; /* impedisce che testo vada a capo */
 }
 
 table.meteo365{
  width:110%; /* dimensioni */
  height:100%;
  border:none; /* bordo */
 }

table td.meteo365{
  width:6.67%; /* dimensioni */
  border:1px solid #cccccc; /* bordo */
  padding-left:0.1em; /* margini interni */
  padding-right:0.1em;
  padding-top:0.2em;
  padding-bottom:0.2em;
  font-size:small;
  text-align:center;
  vertical-align:center;
  white-space: nowrap; /* impedisce che testo vada a capo */
 }
 
 table.ricalcola{
  width:100%; /* dimensioni */
  height:100%;
  border:none; /* bordo */
 }
 
 table td.ricalcola{
  width:auto; /* dimensioni */
  border:1px solid #cccccc; /* bordo */
  padding-left:1.0em; /* margini interni */
  padding-right:1.0em;
  padding-top:0.3em;
  padding-bottom:0.3em;
  font-size:small;
  text-align:center;
  vertical-align:center;
 }