
.jegtree {
margin:1em;
}
.jegtree input{
position:absolute;
clip:rect(0,0,0,0);
}
.jegtree input ~ ul{
display:none;
}
.jegtree input:checked ~ ul{
display:block;
padding:0;
}
.jegtree li{
line-height:1.2;
position:relative;
padding:0 0 1em 1em;
list-style:none;
}
.jegtree ul li{
padding:1em 0 0 1em;
margin-top: 0rem;
}
.jegtree > li:last-child{
padding-bottom:0;
}
.jegtree_label{
position:relative;
display:inline-block;
}
label.jegtree_label{
color:#444;
font-weight: 900;
cursor:pointer;
}
label.jegtree_label:hover{
color:666;
}
label.jegtree_label:before{
background:rgb(100,100,100);
color:#fff;
position:relative;
z-index:1;
float:left;
margin:0 1em 0 -2.075em;
width:1em;
height:1em;
border-radius:1em;
border: .15em solid rgb(100,100,100);
content:'+';
text-align:center;
line-height:.8em;
}
:checked ~ label.jegtree_label:before{
content:'-';
background:#fff;
color:#000;
border: .15em solid rgb(100,100,100);
line-height:.7em;
}
.jegtree li:before{
position:absolute;
top:0;
bottom:0;
left:-.5em;
display:block;
width:0;
border-left:.15em solid #777;
content:'';
}
.jegtree_label:after{
position:absolute;
top:0em;
left:-1.5em;
display:block;
height:.5em;
width:1em;
border-bottom:.15em solid #777;
border-left:.15em solid #777;
border-radius:0 0 0 1em;
content:'';
}
label .jegtree_label:after{
border-bottom:0;
}
:checked ~ label.jegtree_label:after{
border-radius:0 .6em 0 0;
border-top:.15em solid #777;
border-right:.15em solid #777;
border-bottom:0;
border-left:0;
bottom:0;
top:0.5em;
height:auto;
}
.jegtree li:last-child:before{
height: 1em;
bottom: auto;
}
.jegtree > li:last-child:before{
display: none;
}
.branch {
border: none;
outline: none;
cursor: pointer;
}
.jegtreeactive {
cursor: default;
font-size: 110%;
font-weight:bold;
}
.jegtree_label_first{
position:relative;
display:inline-block;
}
.jegtree_label_first:after{
position:absolute;
top:-0.5em;
left:-3em;
display:block;
height:.5em;
width:1.5em;
border-top:.15em solid #777;
border-right:.15em solid #777;
border-radius:1 0 0 0em;
content:'';
}

.expando {
display: inline-block;
background-color: rgb(200,200,200);
color: rgb(100,100,100);
font-size: 150%;
line-height: .75em;
margin: 0 0 .2em .9em;
text-align: center;
border: .15em solid rgb(100,100,100);
-k-border-radius: 1em;
-khtml-border-radius: 1em;
-o-border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
height:1em;
width:1em;
}

.collapso {
display: inline-block;
background-color: rgb(200,200,200);
color: rgb(100,100,100);
font-size: 150%;
line-height: .75em;
margin: -1em 0 0 .9em;
text-align: center;
border: .15em solid rgb(100,100,100);
-k-border-radius: 1em;
-khtml-border-radius: 1em;
-o-border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
height:1em;
width:1em;
}

.sec{display:none;}

.sec:target{display:inline-block;}

.bgimg{display:inline-block;}
