:root {
  --pzpn-red: #90181B;
  --pzpn-gold: #CFAE78; 
  --pzpn-gold-click: #cda25b;
  --pzpn-white: #FFFFFF;
  --pzpn-radius: 35px;
  --pzpn-green:#6D9C4C;
  --pzpn-orange:#CA7237;
  --pzpn-blue:#B4C7E7;
}
.whiteBackgroundRadius{
  background-color: var(--pzpn-white);
border-radius: 15px;
opacity:0.6;
}
.whiteLab{
    background-color:#FFF;
    border-radius: 2px;
}

@font-face {
  font-family: PZPN;
  src: url('../other/PZPN_Regular.woff2') format('woff2'),
       url('../other/PZPN_Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


*{
  font-family: PZPN, sans-serif;
}

.przezrocze {
    background: black;
    opacity:0.7;
}




/* definition */
.overflow{
overflow:hidden;
}

.osl
{    

}

.spisTresci {
    width: 1250px;
    position: absolute;
    height: 663px;
    top: 0px;
    color: white;
    left:0;

}

.spisTresci ul {
    overflow: auto;
    height: 590px;
    width: 1245px;
}

.spisTresci li {
    list-style: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
    color: #ffffff;
}

.spisTresci li.spisActive {
    color: black;
}

.spisTresci .tytulSpisu {
    position: relative;
    width: 1280px;
}

.spisTresci .tytulSpisu div:nth-child(1) {
    position: relative;
    width: 1208px;
    text-align: center;
    margin-top: 10px;
    font-size: 30px;
    display: inline-block;
}

.spisTresci .zamknijSpis {
    position: relative;
    background: url(../img/zamknij4.png);
    height: 30px;
    background-size: 30px;
    width: 30px;
    display: inline-block;
    cursor: pointer;
}
/*
.spisTresci .zamknijSpis:hover {
    height: 30px;
    background-size: 30px !important;
    width: 30px;
    background: url(../img/Cpb188.png);
}
*/
.title span {
  //  font-weight: bold !important;

}

button
{
    background-size: contain;
}

.vis_none
{
display:none !important;
}

.zaslonaPop {
    background-color: #000000 !important;
    opacity: 0;
}
.popup_c, .popup_BZ{
	background-color:white;
	border-radius:25px;
	cursor:pointer;
}

.popup_c:hover span{
	color: #C45224 !important;
}
.popup_BZ:hover span{
	color: #C45224 !important;
}


.interlinia26 span{
    line-height: 26px !important;;

}

.buttonsSter{
	background-color:#90181B;
	border-radius:35px;
	cursor:pointer;
}

/*.buttonsSter:hover {
	background-color:#c45224;

}*/

.liniaB{
background-color: #00589d;
cursor:auto;
}


.sound.clicked:hover{
    background-image:url('../img/glosnik_0001_Warstwa-3.png') !important;
}

.bClikc{
cursor:pointer;
}



.pzpnRedBackground{
    background-color: var(--pzpn-red);
}
.pzpnGoldBackground{
    background-color: var(--pzpn-gold);
}
.pzpnWhiteBackground{
    background-color: var(--pzpn-white);
}
.backgroundPzpnBlue {
    background-color: var(--pzpn-blue);

}

.pzpnPGR{
border-top-right-radius: var( --pzpn-radius);
}
.pzpnLGR{
border-top-left-radius: var( --pzpn-radius);
}
.pzpnPDR{
border-bottom-right-radius: var( --pzpn-radius);
}
.pzpnLDR{
border-bottom-left-radius: var( --pzpn-radius);
}

.sprawdz:hover span{
text-shadow: 0px 0px 7px white;
}
.redRam {
    border-style: solid none solid solid;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-color: var(--pzpn-red);
    border-width: 3px;
}
.ram_left_bord{
    border-style: solid none solid solid;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-color:  var(--pzpn-red);
    border-width: 7px;
}
.ram_right_red
{
    border-style: solid solid solid none ;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    border-color:  var(--pzpn-red);
    border-width: 2px;
}

.ram_gold
{
    border-style: solid;
    border-radius: 30px;
    border-color:  var(--pzpn-gold);
    border-width: 3px;
    background-color: white;
}

.ram_right_bord{
    border-style: solid solid solid none ;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    border-color:   var(--pzpn-red);
    border-width: 2px;
}
.ram_right_gold{
    border-style: solid solid solid none ;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    border-color:   var(--pzpn-gold);
    border-width: 4px;
}
#Player {
    background-color: black;
}