#copertina
{
  float: left;
  width: 960px;
  height: 340px;
  margin: 10px;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  position:relative;
  border: none;
}

#copertina.singola
{
  /*height: 270px;*/
}

#copertina img
{
  float: left;
  width: 100%;
  height: 300px;
}

#lista-copertine
{
  float: left;
  list-style-type: none;
  position: relative;
  height: 300px;
  display: block;
  z-index: 10;
  width: 918px;
}

#lista-copertine li
{
  position: absolute;
  float: left;
  width: 920px;
  padding: 20px;
  height: 300px;
  overflow: hidden;
  display: none;
  z-index: 10;
}
#lista-copertine li:first-child
{
  display: block;
}
#lista-copertine li.blu-scuro, #lista-copertine li.blu-scuro a, option.blu-scuro, select.blu-scuro{
  background-color: #084D80;
  color: #fff !important;
}
#lista-copertine li.blu-chiaro, #lista-copertine li.blu-chiaro a, option.blu-chiaro, select.blu-chiaro{
  background-color: #0070c0;
  color: #fff !important;
}
#lista-copertine li.celeste, #lista-copertine li.celeste a, option.celeste, select.celeste{
  background-color: #00B0F0;
  color: #fff !important;
}
#lista-copertine li.grigio, #lista-copertine li.grigio a, option.grigio, select.grigio{
  background-color: #d9d9d9;
  color: #1f497d !important;
}

#lista-copertine li .img-copertina{
  display: block;
  width: 630px;
  float: left;
}

#lista-copertine li .cnt-titolo-testo{
  float: left;
  width: 268px;
  margin-left: 20px;
  height: 276px;
  overflow: hidden;
}

#lista-copertine li .cnt-titolo-testo a:hover{
  text-decoration: none;
}
#lista-copertine .titolo-copertina{
  font-size: 1.7em;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 10px;
}
#lista-copertine .testo-copertina{
  font-size: 1.2em;
  line-height: 1.5em;
}

#schede {
  float: right;
  position: relative;
  top: -4px;
  width: 268px;
  z-index: 20;
  margin-right: 20px;
}

#copertina.singola #schede
{
  display: none;
}

#lista-schede
{
  float: right;
  height: 24px;
  list-style-type: none;
}

#copertina.singola #lista-schede
{
  display: none;
}

#lista-schede li
{
  float: left;
  margin-left: 10px;
}

#lista-schede li img
{
  width: 24px;
  height: 24px;
}