@charset "iso-8859-1";

body {
  background-color: white;
  font-family: Ubuntu, Verdana, sans-serif;
  color: black;
}

#pagina {
  text-align: justify;
}

a:link    {text-decoration: none; color: #9E2E1E;}
a:visited {text-decoration: none; color: #9E2E1E;}
a:hover   {text-decoration: none; color: #E83100;}

/* Le ancore non sono link */
a[id]:hover {
    color: inherit;
    background: inherit;
}
a[name]:hover {
    color: inherit;
    background: inherit;
}

/* Su alcuni browser vecchi e non (old-ffox, IE, etc...)
ci sono i bordi alle immagini linkate e sono veramente
brutti */
a > img {
  border: 0;
}

#link a:link, #link a:visited {text-decoration: none; color: #9E2E1E;}
/* , #pie a:link, #pie a:visited */

#pie, #pie p, #pie a
{
  font-size: x-small;
}

/* pre va difori */
pre {
  overflow: auto;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

/* Classi per il codice */
pre.listato {
  background-color: #efefef;
  border: 1px solid #d3d3d3;
    padding: 5px;
    font-family: monospace;
    font-size : 12px;
    line-height: 1.2;
    clear: left;
}
pre ol.numerato:hover { /* nascondi numeri riga quando ci si passa col mouse */
  list-style-type: none;
}
pre.listato.scrollspoiler { /* codice spoiler/nascosto finchè non ci si passa sopra il mouse*/
  background-color: #efefef;
}

code {
    font-family: courier-new, monospace;
    font-size : 12px;
}

/* <table class="tabella"> per avere i bordi affinché appaia proprio come una tabella ~ Gibbì*/
table.tabella {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 0 auto;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.tabella td {
  border: 1px solid black;
  padding: 2px;
}

/*  Tabella dei report */
table.report {
  border-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
}

table.report th {
  background-color: #929292;
  color: white;
  font-weight: bold;
}

table.report th, table.report td {
  padding: 2px 0.5em;
}

.stondato {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

img.icona {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  float: left;
  margin-right: 5px;
}

img.icona-big {
  max-width: 200px;
  max-height: 150px;
  vertical-align: middle;
  margin-right: 5px;
}

div.separa-blocco {
  clear: both;
}

/* listPagineGuida */
.listPagineGuida li {

}

/* Slideshow */
#bannerbar {
  margin: 0.5em;
}
#bannerbar > div {
  position: relative;
  width:300px;
  height:200px;
}
img.banner {
  position: absolute;
  overflow: hidden;
  z-index:1;
  width:300px;
  height:200px;
  top: 0;
  right: 0;
  background:#FFF;
}
img.bottone {
  max-width: 20px;
  max-height: 20px;
}

/* INS e DEL -- per modificare e fare aggiunte alle pagine */
ins {
  display: block;
  margin-left: 1em;
  border-left: 0.5em solid #47AD09;
  text-decoration: none;
  padding-left: 0.5em;
}

del {
  display: block;
  border-left: 0.2em solid #B61100;
  text-decoration: none;
  padding-left: 0.5em;
  opacity: 0.75;
  /*color: #505050;*/
}
del:before {
  position: relative;
  display: block;
  content: "Obsoleto";
  font-size: 0.5em;
  letter-spacing: 1px;
  color: #B61100;
}

#cookieAlert
{
  position: fixed;
  bottom: 10px;
  padding: 10px;

  font-size: smaller;
  text-align: justify;
  border: black double;
  background: #FFFFB5;
}

.sermsg
{
  background: #FF8383;
  border: dashed black 1px;
  text-align: center;
}