/***********************************
 * foglio di stile per le categorie
 ***********************************/

#top {
  padding: 3px 5px;
  background: #339900;
}

#top p {
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 4px;
  color: #005b00;
}

#content {
  padding: 15px 10px;
  color: #000;
}

#content p {
  margin-bottom: 12px;
}

#content p img {
  margin: 5px;
}

h2 {
  font-size: 18px;
  color: #badd97;
  text-transform: uppercase;
}

h3 {
  font-size: 16px;
  color: #3d9d0b;
}

h4 {
  margin-bottom: 18px;
  font-size: 16px;
  font-weight: normal;
  color: #339900:
}

a {
  font-weight: bold;
  color: #273105;
}

#foot {
  margin-top: 25px;
  padding: 3px 5px;
  background: #339900;
  font-size: 10px;
}

#foot p {
  margin: 0;
  color: #fff;
}

#foot a { color: #fff; }

#go-top { float: right; }

#sidebar-dx {
  float: left;
  width: 200px;
  margin: 0 0 0 14px;
  background: #3D9D0B;
  color: #fff;
}

#wrapper-sidebar-dx {
  padding: 4px 6px;
}

/**********************
 * classe arancione
 *********************/
.c1 { background: #ffb07c; }

.c1 a { color: #f60; }

.c1 #top { background: #ff6600; }

.c1 #top p { color: #b94a00; }

.c1 h2 { color: #ffd3b7; }

.c1 h3,
.c1 h4 { color: #f60; }

.c1 #content { background: #f3dfd2; }

.c1 #foot { background: #ff6600; }

.c1 #sidebar-dx {
  background: #FF9900 none repeat scroll 0 0;
}

/**********************
 * classe blu
 *********************/
.c3 { background: #e9f2fb; }

.c3 a { color: #0066cc; }

.c3 #top { background: #0066cc; }

.c3 #top p { color: #9cc5ef; }

.c3 h2 { color: #cfe2f6; }

.c3 h3,
.c3 h4 { color: #0066cc; }

.c3 #content { background: #cfe5fb; }

.c3 #foot { background: #0066cc; }

.c3 #sidebar-dx {
  color:#000000;
  background: #CFE2F6 none repeat scroll 0 0;
}


/**********************
 * classe rosso
 *********************/
.c4 { background: #fdc4c4; }

.c4 a { color: #bf0000; }

.c4 #top { background: #900; }

.c4 #top p { color: #ff5151; }

.c4 h2 { color: #ffd3b7; }

.c4 h3,
.c4 h4 { color: #bf0000; }

.c4 #content { background: #f3dbda; }

.c4 #foot { background: #900; }

.c4 #sidebar-dx { background:#BF0000 }

/**********************
 * classe marrone
 *********************/
.c5 { background: #eaccaf; }

.c5 a { color: #630; }

.c5 #top { background: #630; }

.c5 #top p { color: #bb5e00; }

.c5 h2 { color: #ffd3b7; }

.c5 h3,
.c5 h4 { color: #f60; }

.c5 #content { background: #f3dfd2; }

.c5 #foot { background: #630; }

.c5 #sidebar-dx { background:#663300 }



/**********************
 * classe gialla
 *********************/
.c6 { background: #FFDB9E; }

.c6 a { color: #630; }

.c6 #top { background: #FF9900; }

.c6 #top p { color: #FFF1CC; }

.c6 h2 { color: #FFF1CC; }

.c6 h3,
.c6 h4 { color: #DA8300; }

.c6 #content { background: #FFF0C8; }

.c6 #foot { background: #630; }

.c6 #sidebar-dx { background:#FF9900 }