.akordeon

{

    width: 100%;

    color:#000;

}

.akordeon-item

{

    position: relative;

}

.akordeon-item .akordeon-item-head

{

     height: 48px;

    padding-top: 4px;

}



.akordeon-item .akordeon-item-head:hover{ background:#087f45; color:#fff; }

.expanded .akordeon-item-head{ background:#008544; color:#fff; }

.akordeon-item .akordeon-item-head:hover .akordeon-heading{ color:#fff; }



.expanded .akordeon-item-head .akordeon-icon span{ color:#fff; }

.akordeon-item .akordeon-item-head:hover .akordeon-icon span{ color:#fff; }



.akordeon-item .akordeon-item-body

{

    border-bottom: none;

    overflow: hidden;

}

.akordeon-icon

{

    float: right;

    cursor: pointer;

    behavior: url(PIE.htc);

}

.akordeon-heading

{

     float: left;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 7px;

}

.akordeon-icon span

{

    color: #087f45;
    font-size: 25px;
    position: absolute;
    right: 6px;
    top: 7px;
    font-weight: bold;
    text-align: center;

}

.akordeon-item.expanded .akordeon-icon span

{

    top: 0px;

}

.akordeon-item-head-container

{

    width: 100%;

    position: absolute;

    left:0px;

    cursor: pointer;

}



.akordeon-item.expanded .akordeon-item-body

{

    border-top: solid 1px #5c5c5c;

}

.akordeon-item-content

{

    padding: 10px;

    min-height: 120px;

    height: 100px;

    overflow:auto;

}

.akordeon-border-bottom

{

    border-bottom: solid 1px #008544;

}

.akordeon-border-top

{

    border-top: solid 1px #008544;

}

.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom

{

    border-bottom: solid 1px black !important;

}