/* CSS Document */
/* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none; 
}
/* вид текста label */
.hide + label,
.hide:checked + label {
  padding: 0;
  width: 70px; 
  list-style: none;
  text-align: inherit;
  height:auto;
  border-width:0;
  float: inherit;
  color: #080808;
  font-weight:bold;
 }


/* вид текста label при активном переключателе */
.hide:checked + label {
    color: #d32e46;
    border-bottom: 0;
	margin-bottom:2px;
	
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block;
	margin-bottom:2px;	   
}

.hide + label:before {
  background-color: lightsteelblue;
  border:  lightsteelblue 1px outset;
  color: #080808;
  content: "+";
  display: block;
  float: left;
  font-size: 16px;
  font-weight: inherit; 
  height: 12px;
  line-height: 12px;
  margin: 2 0 2 -15px;
  text-align: center;
  width: 14px;
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  border-bottom: #080808 0.5px;
}
.hide:checked + label:before {
  content: "\2212";
  background-color: lightsteelblue;
  border:  lightsteelblue 1px inset;
  color: #080808;
    -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  border-radius: 60%;
  border-bottom: #080808 0.5px;
}