body
{
  /* dimensione font ottimale */
  font-size: 10pt;
}

#contenitore
{
  /* A tutta pagina per risparmiare carta */
  width: auto;
}

#intestazione
{
  /* Logo piccolo e sulla sinistra */
  height: 2cm;
  text-align: left;
}

#intestazione img.desktop
{
  display: none;
}

#intestazione img.mobile
{
  display: block !important;
  width: auto;
  height: 100%;
}

#link, #pie
{
  display: none;
}

.mobile
{
  display: none;
}

/* didascalie come quelle desktop */
div.dida
{
  margin-bottom: .5em;
  border-style: solid;
  border-color: white;
}

div.dida > div
{
  border: 1px solid #ccc;
  padding: 3px !important;
  background-color: #f9f9f9;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

div.dida img
{
  border: 1px solid #ccc;
  width: 100%;
  vertical-align: middle;
}

div.dida span
{
  border: none;
  text-align: left;
  line-height: 1.4em;
  padding: 3px !important;
  font-size: 94%;
  display: block;
}

div.didar
{
  clear: right;
  float: right;
  margin-left: .5em;
  border-width: .5em 0 .8em 0.4em;
}

div.didal
{
  float: left;
  clear: left;
  margin-right: .5em;
  border-width: .5em .4em .8em 0;
}

div.didac
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*
a:after {
    content: " (" attr(href) ")";
}
*/