/* CATEGORIE E ELEMENTI */
#categorie h3,
#elementi h3 {
  margin: 0 0 0.5em 0;
  color: #c90;
  font-size: 11pt;
}

/* CATEGORIE */
#categorie {
  float: left;
  width: 180px;
}
#categorie ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}
#categorie p {
  margin: 1em 0.5em 0;
  text-align: center;
  font-size: 8pt;
  line-height: 1.2em;
  color: #999;
}
#categorie a {
  display: block;
  text-decoration: none;
  padding: 0.3em 1.2em 0.2em 0.4em;
  border: 1px solid #fff;
  color: #000;
  background-image: url("../files/sistemiesoluzioni/categorie_arrowoff.gif");
  background-repeat: no-repeat;
  background-position: 97% 50%;
}
#categorie a small { color: #999; }
#categorie a:hover { background-color: #eee; }
#categorie li.active a,
#categorie li.active a:hover {
  background-image: url("../files/sistemiesoluzioni/categorie_arrowon.gif");
  background-color: #fc0;
  border-color: #cc0;
  border-top-color: #ff0;
  border-bottom-color: #c90;
  color: #300;
}
#categorie li.active a small,
#categorie li.active a:hover small { color: #960; }

/* ELEMENTI */
#elementi { margin-left: 195px; }
#elementi h4 { display: none; }
#elementi div.elemento {
  clear: right;
  padding: 5px 10px 7px 10px;
  border-bottom: 1px solid #ccc;
}
#elementi div.odd { background-color: #eee; }
#elementi div.elemento h5 {
  font-size: 10pt;
  font-weight: normal;
  margin: 0 0 0.3em 0;
}
#elementi div.elemento ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #999;
}
#elementi div.elemento ul li {
  display: inline;
  margin-right: 1px;
  font-size: 9pt;
  line-height: 16px;
}

#elementi div.elemento ul li a,
#elementi div.elemento ul li span {
  padding: 1px 4px 1px 3px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 16px;
}
#elementi div.elemento ul li a {
  color: #fff;
  text-decoration: none;
}

#elementi div.elemento ul li span.pdf { background-image: url("../files/sistemiesoluzioni/elementi_pdfna.gif"); }
#elementi div.elemento ul li a.pdf { background-image: url("../files/sistemiesoluzioni/elementi_pdfoff.gif"); }
#elementi div.elemento ul li a.pdf:hover { background-image: url("../files/sistemiesoluzioni/elementi_pdfon.gif"); }
#elementi div.elemento ul li span.mov { background-image: url("../files/sistemiesoluzioni/elementi_movna.gif"); }
#elementi div.elemento ul li a.mov { background-image: url("../files/sistemiesoluzioni/elementi_movoff.gif"); }
#elementi div.elemento ul li a.mov:hover { background-image: url("../files/sistemiesoluzioni/elementi_movon.gif"); }
#elementi div.elemento ul li span.img { background-image: url("../files/sistemiesoluzioni/elementi_imgna.gif"); }
#elementi div.elemento ul li a.img { background-image: url("../files/sistemiesoluzioni/elementi_imgoff.gif"); }
#elementi div.elemento ul li a.img:hover { background-image: url("../files/sistemiesoluzioni/elementi_imgon.gif"); }

#elementi_trattamentomanufatticementoamianto,
#elementi_rivestimentiresinosi,
#elementi_pavimentazionisportive,
#elementi_trattamentiidrorepellenti,
#elementi_sigillaturagiunti,
#elementi_trattamentivari { display: none; }

/* RICHIESTE */
#richieste {
  color: #360;
  background: #cf9 url("../files/sistemiesoluzioni/richieste_bg.gif") repeat-x;
  padding: 10px 30px 10px 30px;
  border-top: 1px solid #9C0;
}
#richieste h4 {
  float: left;
  width: 2.6em;
  margin: 0;
  font-size: 10pt;
}
#richieste p {
  margin: 0 0 0 2.7em;
  padding-right: 40px;
  background: transparent url("../files/sistemiesoluzioni/richieste_arrow.gif") no-repeat right 5px;
}
#richieste a:link, #richieste a:visited { color: #690; }
#richieste a:hover, #richieste a:active { color: #360; }
