/*------------------------------------*
NAWIGACJA
*------------------------------------*/

#NawBok {
display: block;
float: left;
width: 100%;
background-color:var(--k9);
}

#NawBok > h2, #CenBok > h2, #NawGrupy > h2 {
display: none;
float: left;
width: 100%;
color: var(--k3);
font-weight: 400;
font-size: 30px;
padding: 0;
margin-bottom: 1px;
}

#NawBok > h3 > a, #NawBok > a {
display: block;
float: left;
width: 100%;
}

.naw_pionO1, .naw_pionZ1 {
font-size: 14px;
font-weight:700;
padding: 12px 12px;
border-bottom:1px solid var(--k5);
color: var(--k7);
transition: 0.5s;
position:relative;
overflow:hidden;
}


.naw_pionZ1:hover {
background-color: var(--k5);
transition: 0.5s;
}

.naw_pionO1 {
color: var(--k2);
background-color: var(--k3);
}

.naw_pionO2, .naw_pionZ2 {
position: relative;
font-size: 13px;
font-weight:700;
padding: 12px 12px 12px 28px;
color: var(--k7);
transition: 0.3s;
}


.naw_pionO2::before, .naw_pionZ2::before {
content: "22A6";
position: absolute;
top: -1px;
left:5px;
font-size: 25px;
font-weight:300;
}


.naw_pionZ2:hover {
color: var(--k2);
background-color: var(--k7);
transition: 0.3s;
}

.naw_pionO2 {
color: var(--k2);
background-color: var(--k4);
transition: 0.3s;
}


.naw_pionO3, .naw_pionZ3 {
position: relative;
font-size: 13px;
padding: 12px 12px 12px 44px;
color: var(--k7);
}

.naw_pionO3::before, .naw_pionZ3::before {
content: "22A6";
position: absolute;
top: -1px;
left:20px;
font-size: 25px;
font-weight:300;
transition: 0.3s;
}


.naw_pionZ3:hover {
color: var(--k2);
background-color: var(--k7);
transition: 0.3s;
}

.naw_pionO3 {
color: var(--k2);
background-color: var(--k3);
transition: 0.3s;
}


.naw_pionO4, .naw_pionZ4 {
font-size: 14px;
padding: 3px 3px 3px 24px;
color: #404193;
}


.naw_pionZ4:hover, .naw_pionO4 {
text-decoration: underline;
}

/*------------------------------------*
GRUPY INNE
*------------------------------------*/

#NawGrupyI > h2 {
display: block;
float: left;
width: 100%;
background: #C20000;
color: white;
font-weight: 700;
line-height: 46px;
font-size: 14px;
padding-left: 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-bottom: 1px;
margin-top: 12px;
cursor: pointer; 
cursor: hand;
}

#NawGrupyI {
display: block;
float: left;
width: 100%;
color: #3D3D3D;
}

#NawGrupyI > div.GrupyUkr {
display: none;
float: left;
width: 100%;
}

#NawGrupyI > div.GrupyOdk {
display: block;
float: left;
width: 100%;
}

#NawGrupyI > div > a {
display: block;
float: left;
width: 100%;
padding: 7px;
font-size: 16px;
color: #C20000;
-webkit-transition: 0.9s;
-moz-transition:  0.9s;
-ms-transition: 0.9s;
-o-transition: 0.9s;
transition: 0.9s;
}

#NawGrupyI > div > a:hover {
background: #dddddd;
-webkit-transition: 0.2s;
-moz-transition:  0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}

#NawGrupyI > div > a.ss_grupy_select {
background: #dddddd !important;
}

/*------------------------------------*
GRUPY
*------------------------------------*/


#NawGrupy {
display: block;
float: left;
width: 100%;
}

#NawGrupy > a {
display: block;
float: left;
width: 100%;
padding: 6px;
-webkit-transition: 0.9s;
-moz-transition:  0.9s;
-ms-transition: 0.9s;
-o-transition: 0.9s;
transition: 0.9s;
}

#NawGrupy > a:hover {
background: #dddddd;
color: white;
-webkit-transition: 0.2s;
-moz-transition:  0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}

#NawGrupy > a.ss_grupy_select {
background: #000000 !important;
}


#NawGrupy > a > img {
display: block;
float: left;
width: 100%;
height:45px;
background-color:var(--k6);
object-fit:contain;
padding: 0px;
}