/* CSS Document */
* { box-sizing: border-box; } /* RESPONSIVE WEB DESIGN */

/* GENERALE */
body {
  font-family: arial;
  margin: 0;
}
#corpo {
  margin-top: 3.5em;
  margin-bottom: 3em;
}
#int {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: firebrick;
  color: white;
  padding: 0.2em;
  padding-left: 0.4em;
  box-shadow: 0px 2px 10px #999999;
}
#menu {
  border: 2px dashed firebrick;
  border-radius: 0.3em;
  text-align: center;
  padding: 0.2em;
  margin: auto 0.5em;
}
#cont {
  margin: auto;
  width: 100%;
  padding: 0.1em 0.5em;
}
#pdp {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: firebrick;
  color: white;
  text-align: right;
  font-size: 8pt;
  padding: 0.2em 0.6em;
  box-shadow: 0px -2px 10px #888888;
}
/* intestazione */
#int h1 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
#int img {
  /*width: 15%;*/
  height: 2.5em;
  vertical-align: middle;
  float: right;
  background-color: rgba(255,255,255,0.9);
}
/* piedipagina */
#pdp p {
  display: inline-block;
  vertical-align: middle;
  margin: 0.2em;
}
/* generico */
.blocco2 { width: 100%; }
.blocco3 { width: 100%; }
.blocco { display: block; }
.centro { margin: auto; }
.txtcentro { text-align: center; }

@media screen and (orientation: landscape) {
  /*schermo ruotato*/
  #menu {
    width: 16%;
    margin-left: 0;
    border-left-width: 0px;
    border-radius: 0 0.3em 0.3em 0;
  }
  #cont {
    width: 80%;
    margin: auto;
  }
  #menu, #cont {
    display: inline-block;
    vertical-align: top;
  }
  .blocco2 {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .blocco3 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
  }
}