/* скрываем чекбоксы и блоки с содержанием */
.hide {
    display: none;
}
.hide + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label {
    border-bottom: 1px dotted green;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block; 
}




/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}

/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
    font-family: Arial, sans-serif;
    font-weight: normal;
}

/* demo контейнер */
.demo1 {
    margin: 0% 0% 0% 0%;
}
/* demo контейнер */
.demo {
    margin: 0% 20% 2% 20%;
}



/* скрываем чекбоксы и блоки с содержанием */
.hide1 {
    display: none; 
}
.hide1 + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide1 + label {
    margin-left: 20px;
    border-bottom: 1px dotted green;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block; 
}




/* вид текста label при активном переключателе */
.hide1:checked + label {
    color: red;
    border-bottom: 0;
}

/* когда чекбокс активен показываем блоки с содержанием  */
.hide1:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}


/* скрываем чекбоксы и блоки с содержанием */
.hide2 {
    display: none; 
}
.hide2 + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide2 + label {
    margin-left: 40px;
    border-bottom: 1px dotted green;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block; 
}




/* вид текста label при активном переключателе */
.hide2:checked + label {
    color: red;
    border-bottom: 0;
}

/* когда чекбокс активен показываем блоки с содержанием  */
.hide2:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}



/* <style>
 */    

 tr:nth-child(2n) {background: #f0f0f0;} /* Цвет фона */
 tr:hover td{background: #FAF0E6;} /* фон строки при наведении */
 p { text-align: justify; /* text-indent: 2em; */ font-family: Arial; margin-bottom: 0.2em; margin-top: 0.2em; }
/* */
/* </style> */

/*    hr {
 border: none; Убираем границу
 background-color: CadetBlue; Цвет линии
 color: CadetBlue; Цвет линии для IE6-7
  Толщина линии
 width: 30%;
 
} */