p.accordion {
    margin-top: 0px;
    margin-bottom: 0px;
    qwidth: 100%;
    cursor: pointer;
    border: 1px solid white;
}

p.accordion .nazev {
    background-color: #FFF;
    font-size: 100%;
    color: #000;
    cursor: pointer;
    padding: 0px;    
    text-align: left;
    padding-top: 2px;
    border: none;  
    qwidth: 70%; 

display: inline-block;
transform: translate(0px,0px);
transition: 0.4s;

}

p.accordion.active .nazev {
font-size: 150%;    
padding-left: 0px;
display: inline-block;
transform: translate(-22px,0px);
qwidth: 70%;
transition: 0.4s;
}

p.accordion.active .obory-ico {
width: 30px;
transition: width 0.4s;}

p.accordion .obory-ico {
width: 20px;
transition: width 0.4s;}


p.accordion.active.LLGA .nazev {
font-size: 150%;    
padding-left: 0px;
display: inline-block;
transform: translate(-47px,0px);
width: 70%;
transition: 0.4s;
}



div.panel {
    padding: 0 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;    
    margin-left: 25px;
    transition: 0.4s ease-in-out;   
}

div.panel.show {
    opacity: 1;
    max-height: 1000em;
    height: auto;
    transition: opacity 0.4s ease-in-out;
}

.accordion.active .trojuhelnik {
transform: scale(1.0);
transform: rotate(90deg);
transition: 0.4s;
padding-right: 0px;
padding-left: 0px;
position: relative; top: 0px;

}

.accordion.active .ikona-soubor {
opacity: 0;
transition: 0.4s;
}


.accordion .ikona-soubor {
display: inline-block; border: 0; max-width: 20px; position: relative; top: 5px; padding: 0; margin: 0; padding-left: 0px; padding-right: 5px; vertical-align: top;
opacity: 1;
transition: 0.4s;
}


.trojuhelnik {padding-right: 10px; transform: scale(0.8); transition: 0.4s; vertical-align: top; padding-top: 7px;}