@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), url(/includes/woff/GmqVsThQKrrMbbHAp73OgQ.txt) format('woff');}
@font-face {font-family: 'Play';font-style: normal;font-weight: 700;src: local('Play-Bold'), url(/includes/woff/MIt2PY9dXQjYN89-7QaiMw.txt) format('woff');}

html{
 width: 100dvw;
 padding:0;
 margin:0;
 background-color: #000000;
}

body{
 position: relative;
 width: 100dvw;
 min-height: 100dvh;
 background-color: black;
 text-align: center;
 font-family: Play;
 color: white;
 margin: 0;
 padding: 0;
 background-image: url("/gfx/bcg5.png");
 background-repeat: no-repeat;
 background-size: 100vh auto;
 background-attachment: fixed;
}





table.tlumaczenie{
 text-align: center;
 margin: 0;
 width: 90%;
 margin-left: 5%;
 margin-bottom: 3%;
 border: 1px solid rgba(200,200,200,0.5);
 border-collapse: collapse;
}

table.tlumaczenie td{
 border-top: 1px solid rgba(200,200,200,0.5);
 font-size: 12px;
 text-align: left;
 padding: 2px;
 padding-left: 12px;
 width: auto;
}

table.tlumaczenie td input{
 font-size: 14px;
 width: 80%;
 float: left;
 border-color: 1px solid rgba(200,200,200,0.5); 
}


img.fs {
margin: 2px;
height: 20px;
float: left;
}








iframe.ukryte{
 display: none;
}

iframe.live{
 width: 100%;
 height: 750px;
 border: none;
 margin: 0;
 padding: 0;
 margin-top: 20px;
}

div.zaciemnij{
 position: absolute;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100%;
 z-index: 2000;
 background-color: rgba(0,0,0,.9);
 display: none;
}

div.all{
 position: relative;
 display: inline-block;
 border: none; 
 top: 0;
 width: 100dvw;
 padding: 0 !important;
 margin:0 !important;
 background-color: rgba(0,0,0,.1);
}

.arrow-d, .arrow-u {
	/* more triangle */
	position: relative;
    display: inline-block;
    margin-left: 8px;
	height: 0px; width: 0px;
	border: 6px solid;
	border-color: 
		darkcyan
		darkcyan
		transparent
		transparent;
	transform: rotate(135deg); 
}

.arrow-u {
    transform: rotate(-45deg);
}

.arrow-d:before, .arrow-u:before {
	content: '';
	position: absolute;
	top: -1px; right: 0px;
	display: block;
	height: 8px; width: 9px;
	background-color: darkcyan;
	transform: 
		rotate(-45deg) 
		translate(2px, 1px);
}

div.blad{
 width: 30%;
 margin: 1%;
 margin-left: 30%;
 margin-right: 30%;
 display: inline-block;
 padding: 1%;
 border: 2px solid orange;
 border-radius: 3px;
 color: white;
 font-weight: normal;
 font-size: 1em;
 text-shadow: 0px 0px 1px black;
 background-color: red;
}

div.blad::before {
  content: "!";
  width: 55px;
  margin-right: 10px;
  display: block;
  float: left;
  font-size: 3em;
  font-weight: bold;
  background-color: black;
  border-radius: 50%;
  border: 2px solid orange;
  color: orange;
  text-shadow: 0px 0px 1px white;
}

div.info{
 width: 80%;
 max-width: 400px;
 margin:1%;
 display: inline-block;
 padding: 1%;
 border: 2px solid rgba(90,120,245,.9);
 border-radius: 8px;
 color: white;
 font-weight: normal;
 font-size: 1em;
 text-shadow: 0px 0px 1px black;
 background-color: rgba(90,120,225,.8);
}

div.info::before {
  content: "i";
  font-family: times;
  width: 55px;
  height: 45px;
  margin-right: 10px;
  display: block;
  float: left;
  font-size: 2.2em;
  vertical-align: middle;
  font-weight: bold;
  background-color: black;
  border-radius: 50%;
  border: 2px solid rgba(90,120,245,.9);
  color: rgba(90,120,225,.8);
  text-shadow: 0px 0px 1px white;
  padding:0;
  margin:0;
  padding-top: 10px;
}



div.tabc {
 width: 100%;
 display: none; 
 vertical-align: top;
 padding-top: 10px;
} 

div.tabc div.tabela{
 width: 28%;
 margin: .5%;
 display: inline-block;
 vertical-align: top;
 padding-left: 2%;
 padding-right: 2%;
}

div.tabc div.szeroka{
 width: 56% !important;
}

div.tabc div.tabela h1 {
 background-image: url("/gfx/top10.png");
 background-repeat: no-repeat;
 background-size: 80px 80px;
 background-opacity: 80%;
 padding-left: 100px;
 width: calc(80%-100px);
 text-align: left;
 min-height: 60px;
 padding-top: 3%;
}

div.tabc div.tabela h2 {
 padding-left: 10px;
 width: calc(80%-100px);
 text-align: left;
 min-height: 60px;
 padding-top: 3%;
}


div.tabc div.tabela h1 span, div.tabc div.tabela h2 span{
 font-size: .5em;
 color: rgb(220,220,220);
}

div.tabela span.lista_zawodow2{
 position: relative;
 display: block;
 background-color: rgba(200,200,200,.2);
 border: 1px solid rgba(200,200,200,.3);
 margin-bottom: 10px;
 padding: 0px;
 min-height: 100px;
 width: 100%;
 
}

div.tabela span.lista_zawodow2 h2{
 margin: 0;
 text-align: right;
 padding-right: 3%;
 padding-top: 2%;
}

div.tabela span.lista_zawodow2 h3{
 margin: 0;
 margin-top:1%;
 padding: 1%;
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 color: white;
 width: 98%;
 text-shadow: 0px 0px 1px black;
}

div.tabela span.lista_zawodow2 h3 span{
 font-size: .65em;
}

div.tabela span.lista_zawodow2 h3.r2{
 background-color: rgba(50,50,250,.4);
}

div.tabela span.lista_zawodow2 h3.r1{
 background-color: rgba(250,220,20,.5);
}

div.tabela span.lista_zawodow2 h3.r3{
 background-color: rgba(250,20,20,.4);
}

div.tabela span.lista_zawodow2 h4 img.sws{
 width: 70%;
 background-color: rgba(255,255,255,.9);
 margin-top: 1%;
 padding: 2%;
}

div.tabela span.lista_zawodow2 h4{
 position: relative;
 display: inline-block;
 width: 25%;
 font-size: .9em;
 vertical-align: top !important;
}

div.tabela span.lista_zawodow2 h4.sws{
 width: 45% !important;
}

div.tabela span.lista_zawodow2 h4 span{
 font-size: .7em;
}

div.tabela span.lista_zawodow{
 position: relative;
 display: block;
 background-color: rgba(200,200,200,.4);
 border: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 padding: 1%;
 min-height: 100px;
 width: 100%;
}

div.tabela span.lista_zawodow h2{
 margin: 0;
 border-bottom: 1px solid rgba(200,200,200,.5);
}

div.tabela span.lista_zawodow h3{
 margin: 0;
 padding: 1%;
 border-bottom: 1px solid rgba(200,200,200,.5);
 color: white;
 background-color: rgba(200,200,200,.45);
 width: 97%;
 text-shadow: 0px 0px 1px black;
}

div.tabela span.lista_zawodow h2 span{
 font-size: .7em;
}

div.tabc div.tabela span.lp2{
 position: relative;
 display: inline-block;
 transform: skew(-15deg);
 background-color: rgba(50,50,240,1);
 padding: 2%;
 width: 14%;
 font-size: 1.9em;
 font-weight: bold;
 z-index: 10;
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-left: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 2px solid rgba(200,200,200,.5);
 height: 35px;
}

div.tabc div.tabela span.separator_kropki{
 font-size: 3.2em;
 width: 99%;
 display: inline-block;
 margin-top: -30px;
}

div.tabc div.tabela span.p0{
 font-size: 1.6em;
 padding-top: 16px;
 margin-top: -3px;
 height: 39px;
}

div.tabc div.tabela span.p1{
 background-color: gold !important;
 color: black;
 font-size: 2em;
 padding-top: 16px;
 margin-top: -5px;
 height: 41px;
 color: black;
}

div.tabc div.tabela span.p2{
 background-color: silver !important;
 font-size: 2em;
 padding-top: 16px;
 margin-top: -5px;
 height: 41px;
 color: black;
}

div.tabc div.tabela span.p3{
 background-color: brown !important;
 font-size: 2em;
 padding-top: 16px;
 margin-top: -5px;
 height: 41px;
 color: black;
}

div.tabc div.tabela span.pw2{
 background-color: rgba(250,250,0,.8) !important;
 color: black;
}

div.tabc div.tabela span.pw2 span{
 color: black !important;
}

div.tabc div.tabela span.pw1{
 background-color: rgba(250,250,0,1) !important;
 font-size: 2em;
 padding-top: 16px;
 margin-top: -7px;
 height: 45px;
 color: black;
}

div.tabc div.tabela span.kierowca2{
 position: relative;
 vertical-align: top;
 display: inline-block;
 padding: 2%;
 width: 50%;
 font-size: 1.1em;
 font-weight: normal;
 text-align: left;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -9px;
 padding-left: 6%;
 height: 35px;
 overflow: hidden;
 text-overflow: ellipsis;
}

div.tabc div.tabela span.data_godz{
 position: relative;
 vertical-align: top;
 display: inline-block;
 padding: 2%;
 width: 19%;
 font-size: 0.8em;
 font-weight: normal;
 text-align: center;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-left: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -7px;
 padding-left: 3%;
 height: 55px;
 transform: skew(-10deg);
}

div.tabc div.tabela span.data_godz span{
 font-size: 1.8em;
 font-weight: bold;
}

div.tabc div.tabela span.kart{
 position: relative;
 display: inline-block;
 transform: skew(-10deg);
 background-color: rgba(50,50,240,1);
 font-size: 1em;
 padding: 2%;
 width: 12%;
 font-size: 1.5em;
 font-weight: bold;
 z-index: 10;
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-left: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 height: 55px;
}

div.tabc div.tabela span.moc_pion{
 position: relative;
 display: inline-block;
 transform: skew(-10deg);
 background-color: rgba(50,50,240,1);
 font-size: 1em;
 padding: 2%;
 width: 6%;
 font-size: .8em;
 font-weight: bold;
 z-index: 10;
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-left: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 height: 55px;
 writing-mode: vertical-lr;
 padding-right: 5%;
 margin-left: -5px;
}

div.tabc div.tabela span.event{
 position: relative;
 vertical-align: top;
 display: inline-block;
 padding: 2%;
 width: 55%;
 font-size: .9em;
 font-weight: bold;
 text-align: left;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-right: 8px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -17px;
 padding-left: 6%;
 height: 55px;
}

div.tabc div.tabela span.best{
 position: relative;
 vertical-align: top;
 display: inline-block;
 padding: 2%;
 width: 50%;
 font-size: 0.9em;
 font-weight: bold;
 text-align: left;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-right: 8px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -7px;
 padding-left: 6%;
 height: 55px;
}

div.tabc div.tabela span.karnet{
 position: relative;
 vertical-align: top;
 display: inline-block;
 padding: 2%;
 width: 33%;
 font-size: 2.9em;
 font-weight: bold;
 text-align: right;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-right: 8px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -7px;
 padding-left: 6%;
 height: 55px;
}

div.dane_data{
 display: inline-block;
 width: 30%;
 margin: 1%;
 padding: 1%;
 text-align: center;
 border: 1px solid rgba(200,200,200,.5);
 border-bottom: 0px;
 margin-bottom: 0;
 border-radius: 5px 5px 0 0;
 color: white;
 text-shadow: 0px 0px 1px black;
 background-color: rgba(200,20,20,.8);
}

a.powrot{
 display: inline-block;
 float: left;
 height: 70px;
 color: white !important;
 text-shadow: 0px 0px 1px black;
 text-decoration: none;
 border: 1px solid rgba(200,150,10,0.9);
 background-color:  rgba(220,170,20,0.7);
 border-left: 27px solid rgba(200,150,10,0.9);
 font-size: 1em;
 font-weight: bold;
 border-radius: 5px;
 border-bottom: 0px;
 margin-bottom: 0;
 margin-right: 1%;
 width: 10%;
 writing-mode: vertical-rl;
 text-align: center !important;
 padding: 1%;
 padding-right: 2%;
}


div.dane_data span{
 width: 100%;
 padding: 0;
 margin: 0;
}

div.dane_data span.godz{
 font-size: 2em;
 font-weight: bold;
}

div.tabc div.tabela span.best span, div.tabc div.tabela span.event span{
 font-size: 1.8em;
 text-align: right;
 width: 99%;
 display: inline-block;
 padding-top: 10px;
 font-weight: normal;
}

div.tabc div.tabela span.event span{
 width: 90%;
 text-align: right;
 position: absolute;
 bottom: 2px;
 right: 8px;
}

div.tabc div.tabela span.kart span{
 padding-left: 10%;
 font-size: 0.45em;
 color: rgba(230,230,230,.7);
 margin-top: -10px;
}

div.tabc div.tabela span.kierowca2 span{
 padding-right: 10%;
 font-size: 0.7em;
 color: rgba(230,230,230,.7);
}

div.tabc div.tabela span.czas2{
 display: inline-block;
 vertical-align: top;
 text-align: right;
 padding: 2%;
 width: 20%;
 font-size: 1.3em;
 font-weight: bold;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 height: 35px;
}

div.tabc div.tabela span.czas2 span{
 padding-left: 10%;
 font-size: 0.6em;
 font-weight: normal;
 color: rgba(230,230,230,.7);
 padding-top: -10px;
 display: block;
  transform: skew(-15deg);
}

div.tabc div.tabela span.lp{
 position: relative;
 display: inline-block;
 transform: skew(-15deg);
 background-color: rgba(50,50,240,1);
 font-size: 1em;
 padding: 2%;
 width: 8%;
 font-size: 1.1em;
 font-weight: bold;
 z-index: 10;
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-left: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
}

div.tabc div.tabela span.kierowca{
 position: relative;
 display: inline-block;
 padding: 2%;
 width: 61%;
 font-size: 1.1em;
 font-weight: normal;
 text-align: left;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 margin-bottom: 6px;
 z-index: 1;
 margin-left: -5px;
 padÿng Ⱏ翴t: 4%;
 text-overflow: ellipsis !important;
 white-space: nowrap;
}

div.tabc div.tabela span.czas{
 display: inline-block;
 padding: 2%;
 width: 16%;
 font-size: 1.1em;
 font-weight: normal;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 z-index: 2;
}

div.tabc div.tabela span.data{
 display: inline-block;
 vertical-align: top;
 text-align: right;
 padding: 2%;
 width: 20%;
 font-size: 1.3em;
 font-weight: bold;
 background-color: rgba(200,200,200,.4);
 border-bottom: 1px solid rgba(200,200,200,.5);
 border-top: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 height: 35px;
}

a.przycisk-inline{
 display: inline-block;
 padding: 9px;
 background-color: rgba(250,250,250,.1);
 border: 1px solid rgba(250,250,250,.4);
 border-bottom: none;
 font-size: .7em;
 font-weight: normal;
 color: rgb(220,220,220);
 margin-right: 10px;
 margin-left: 60%;
 transform: skew(-19deg);
}

div.wyniki{
 width: 98%;
 padding: 0;
 margin: 0;
 margin-top: 5px;
 margin-left: 1%;
 margin-right: 1%;
 text-align: left;
 vertical-align: middle;
 background-color: rgba(200,200,200,.4);
 border: 1px solid rgba(200,200,200,.5);
}

div.ww{
 background-color: rgba(200,200,20,.6) !important;
}

div.wyniki span{
 width: auto;
 vertical-align: middle;
 display: inline-block;
 margin: 0px !important;
 padding: 0px !important;
 text-align: center;
 height: 100%;
 padding-top: 1% !important;
 padding-bottom: 1% !important;
 text-shadow: 0px 0px 1px black;
}

div.wyniki span.poz{
 width: 7% !important;
 font-size: 1.1em;
}

div.wyniki span.numer_karta{
 width: 12% !important;
 font-size: 1.3em;
 transform: skew(-10deg);
 font-weight: bold;
 text-align: center;
 border-left: 1px solid rgba(200,200,200,.5);
 border-right: 1px solid rgba(200,200,200,.5);
 background-color: rgba(20,20,200,.5);
}

div.wyniki span.nazwisko{
 width: 21% !important;
 font-size: 0.95em;
 text-align: left;
 padding-left: 1% !important;
}

div.wyniki span.bestlap{
 width: 15% !important;
 font-size: 1.25em;
 text-align: right;
 font-weight: bold;
 padding-right: 1% !important;
}

div.sto{
 margin-top: 8px;
}

div.wyniki span.laps{
 width: 15% !important;
 font-size: 1.25em;
 text-align: right;
 font-weight: bold;
 padding-right: 1% !important;
}

div.wyniki span.diff{
 width: 12% !important;
 font-size: 0.85em;
 text-align: right;
 font-weight: bold;
 color: rgba(240,240,240,.8);
 padding-right: 12% !important; 
}

div.wyniki span.sektor{
 width: 12% !important;
 font-size: 0.85em;
 text-align: right;
 font-weight: bold;
 color: rgba(240,240,240,.8);
}

div.wyniki span.bestlap2{
 width: 20% !important;
 font-size: 1.3em;
 text-align: right;
 font-weight: bold;
 padding-right: 1% !important;
}

div.wyniki span.sektor2{
 width: 22% !important;
 font-size: 1.1em;
 text-align: right;
 font-weight: bold;
 color: rgba(240,240,240,.8);
}

div.wyniki span.v{
 color: rgb(191,130,255) !important;
}

div.wyniki span.g{
 color: rgb(50,250,40) !important;
}

div.nn span{
 font-size: 0.7em !important;
 background-color: transparent !important;
 font-weight: bold !important;
 border: none !important;
}

a.przycisk-inline:hover {
 cursor: pointer;
}

div.pasek_gora{
 position: sticky;
 z-index: 1000;
 display: inline-block;
 top: 0;
 left:0;
 width: 100dvw;
 height: 120px;
 padding: 0;
 margin:0;
 border-bottom: 3px solid rgba(200,10,10,.4);
 background-color: rgba(0,0,0,.98);
}

div.pasek_gora span.gora{
 display: inline-block;
 vertical-align: top;
 text-align: left;
 width: clamp(10px, 100dvw, 1200px);
}

div.all span.srodek{
 display: inline-block;
 vertical-align: top;
 text-align: center;
 width: clamp(10px, 100dvw, 1200px);
}

span.gora span.menu_gora{
 display: inline-block;
 vertical-align: top;
 top: 0;
 padding: 8px;
 margin: 0;
 padding-left: 2dvw;
 padding-right: 2dvw;
 border-left: 16px solid rgba(150,150,150,.6);
 border-bottom: 2px solid rgba(150,150,150,.2);
 border-radius: 0 0 8px 8px;
 font-weight: 100;
 background-color: rgba(180,180,100,.2);
 transform: skewX(-19deg);
 margin-right: 1dvw;
 float: right;
}

img.logo_naglowek{
 display: inline-block;
 width: 150px;
 padding:0;
 margin:0;
}

div.nag_tor{
 width: 100%;
 vertical-align: bottom;
 text-align: left;
 padding:0;
 margin:0;
}



input[type=checkbox]:checked{
 width: 35px;
 height: 30px;
 display: inline-block !important;
 float: left;
 position: relative;
 margin-right: 5%;
}

select{
 font-size: 22px;
 padding: 1%;
 background-color: rgba(240,240,240,0.7);
 border: 1px solid rgba(180,180,180,0.7);
 border-radius: 6px 6px 0px 0px;
 min-width: 200px;
 position: relative;
 left: 40%;
}

span.oboklogo{
 float: right;
 width: calc(100% - 130px);
 margin: 0;
 padding: 0;
 text-align: center;
}

span.tor_wybrany{
 display: inline-block;
 text-align: center;
 width: auto;
 margin-top: 3px;
 border: 1px solid rgba(150,150,150,.2);
 border-radius: 5px;
 padding: 5px;
}

span.gora img.logo{
 display: inline-block;
 padding: 0;
 margin: 0;
 margin-left: .7dvw;
 margin-right: .7dvw;
 width: 100px;
 
}

span.gora img.logo:hover{
 cursor: pointer;
}

h1.naglowek{
display: inline-block;
padding-left: 25px !important;
padding-right: 35px !important;
padding-bottom: 5px !important;
margin: 0;
padding: 0;
transform: skew(-15deg);
border-bottom: 1px solid rgba(200,200,200,.5);
max-width: 75%;
margin-top: 1%;
}

h1.naglowek::before {
  content: "";
  width: 20px;
  border: 1px solid black;
  margin-right: 10px;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
}

hr{
 clear: both;
 padding-top: 15px;
 border: none;
 border-bottom: 1px solid rgba(200,200,200,.3);
}

h4.dane{
 text-align: left;
 font-weight: normal;
 display: inline-block;
 width: 400px;
}


a.menu{
 display: inline-block;
 text-align: center;
 margin-top: .6dvw;
 font-size: clamp(.79em,calc(.55em + 0.7dvw),1em);
 font-weight: bold;
 padding-left: 1%;
 padding-right: 1%;
 padding-top: 5px;
 padding-bottom: 5px;
 color: rgba(255,240,240,.8);
 text-transform: uppercase;
 float: left;
 min-height: 20px;
 text-decoration: none;
 border-right: 1px solid rgba(150,150,150,.4);
 transition: all .3s;
 border-bottom: 2px solid transparent;
}

a.menu:hover{
 border-bottom: 2px solid rgba(255,40,40,.8);
 color: rgba(255,40,40,1);
 cursor: pointer;
}

a.gora{
 float: right !important;
 padding-top: 2px;
}

span.jezyk {
 display: inline-block;
 float: right !important;
 padding: 0;
 margin: 0;
 margin-right: 10px;
 border-left: 1px solid transparent;
 border-right: 1px solid transparent;
 min-width: 100px;
}

span.ukryte{
 position: relative;
 visibility: hidden;
 display:none;
 width: 100%;
}

span.cale{
 position: relative;
 display: inline-block;
 width: 100%;
 padding: 0;
 margin: 0;
}

span.godz{
 display: inline-block;
 padding: 5px; 
 font-size: 1em;
 font-weight: normal;
 width: 250px;
}

span.info_tor{
 font-size: .8em;
 font-weight: bold;
 color: rgb(160,160,160);
 display: inline-block;
 padding: 5px;
 margin: 5px;
}

a.przycisk{
 display: inline-block;
 font-size: .6em;
 background-color: rgba(220,10,10,.75);
 border: 2px solid rgba(30,30,30,.65);
 border-radius: 9px;
 padding: 5px;
 color: white;
 margin: calc((100% - 296px) / 8) ;
 width: 60px;
 height: 10px;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 vertical-align: bottom;
 padding-top: 50px;
}

span.jezyk span{
 color: rgb(200,200,200);
 font-weight: bold;
 text-transform: uppercase;
 display: inline-block;
 float: left;
 padding-top: 10px;
 padding-left: 10px;
}

span.jezyk:hover span{
 color: rgb(50,50,50);
}

img.flaga_norm {
 border: 1px solid rgba(150,150,150,.7);
 border-radius: 5px;
 height: 25px;
 margin: 5px;
 padding: 0;
}

span.jezyk div.podmenu {
 position: absolute;
 visibility: hidden;
 margin: 0; 
 margin-left: -1px;
 border: 1px solid rgba(200,200,200,0.7);
 border-radius: 0px 0px 5px 5px;
 background-color: rgba(250,250,250,0.95);
 border-top: none;
 visibility: hidden;
 opacity: 100;
 min-width: 100px;
}

span.jezyk div.podmenu a{
 display: block;
 border-top: 1px solid rgba(50,50,50,.2);
 padding-top: 12px;
 padding-bottom: 12px;
} 

span.jezyk:not(:hover) div.podmenu {font-size: 0; margin: 0; opacity: 0; padding: 0; visibility: hidden; transition: visibility .15s;}

span.jezyk:hover{
 cursor: pointer;
 border: 1px solid rgba(200,200,200,0.7);
 background-color: rgba(250,250,250,0.95);
 border-top: none;
 border-bottom: none; 
}

span.jezyk:hover div.podmenu {visibility: visible; transition: visibility .4s .15s;}

div.tory{
 display: inline-block;
 width: 42%;
 margin: 3%;
 padding: 0;
 background-color: transparent;
 text-align: left;
 vertical-align: top;
 border-bottom: 1px solid rgba(250,250,250,.4);
 transition: all .5s; 
}

div.tory img{
 display:inline-block;
 border: 1px solid white;
 border-left: none;
 border-top: none;
 background-color: white;
 float: left;
 margin: 0;
 padding: 15px;
 width: 120px;
 box-shadow: 4px 4px 8px black;
 opacity: 90%;
}

div.tory img.ciemne{
 opacity: 60%;
}

div.tory h2{
 display: inline-block;
 color: rgb(210,240,210);
 text-shadow: 0 0 1px black;
 text-align: left;
 padding: 0;
 margin: 0;
 padding-left: 1%;
 font-size: 1.2em;
 width: calc(99% - 295px);
 font-weight: 100;
 padding-bottom: 2px;
 float: right;
}

div.tory h3{
 display: inline-block;
 color: rgb(210,240,210);
 text-shadow: 0 0 1px black;
 text-align: left;
 padding: 0;
 margin: 0;
 padding-left: 2%;
 font-size: 0.8em;
 width: calc(99% - 295px);
 font-weight: 100;
 padding-bottom: 8px;
 float: right;
 transform: skewX(-15deg);
}

div.tory h4{
 display: inline-block;
 color: rgb(210,240,210);
 text-shadow: 0 0 1px black;
 text-align: left;
 padding: 0;
 margin: 0;
 padding-left: 2%;
 font-size: .8em;
 width: calc(99% - 295px);
 font-weight: 100;
 padding-bottom: 8px;
 float: right;
 transform: skewX(-15deg);
}

div.tory h5{
 display: inline-block;
 color: rgb(210,240,210);
 text-shadow: 0 0 1px black;
 text-align: left;
 padding: 0;
 margin: 0;
 padding-left: 2%;
 font-size: 1em;
 width: 45%;
 margin-right: 2%;
 font-weight: 100;
 padding-bottom: 8px;
 float: left;
 transform: skewX(-15deg);
}

div.tory div.prawa{
 float: right;
 max-width: 135px;
 min-width: 135px;
 min-height: 100px;
 text-align: right;
}

span.info{
 font-size: .75em;
 font-weight: normal;
 color: rgb(160,160,160);
 display: inline-block;
 padding: 5px;
 margin: 2px;
}

span.info::after {
  content: "";
  width: 14px;
  border: 1px solid black;
  margin-left: 5px;
  float: right;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
}

span.off::after {
  background: rgb(90,90,90);
}

span.off{
 color: rgb(90,90,90);
}

div.tory h2 span{
 font-size: .7em;
 font-weight: bold;
 text-transform: uppercase;
 color: rgba(210,240,210,.7);
 text-shadow: 0 0 1px black;
}

div.tory a.telefon, a.telefon{
 display: inline-block;
 color: rgb(210,240,210);
 text-shadow: 0 0 1px black;
 border: 1px solid rgba(250,250,250,.3);
 text-align: center;
 padding: 0;
 margin: 0;
 margin-right: 10px;
 padding: 5px;
 margin-left: 5%;
 font-size: 1.6em;
 font-weight: bold;
 transform: skewX(-19deg);
 width: auto;
 text-decoration: none;
 background-color: rgba(200,200,200,.15);
 float: right;
}

div.login {
 display: inline-block;
 width: 40%;
 text-align: left;
}

div.dane {
 display: inline-block;
 width: 95%;
 text-align: left;
}

div.login span, span.form_nag, div.dane span{
 display: inline-block;
 position: relative;
 left: 30px;
 font-size: 14px;
 color: rgba(250,250,250,.65);
 font-weight: bold;
 margin: 0;
 padding: .6%;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 0;
 border: 1px solid rgba(180,10,10,0.7);
 background-color: rgba(160,40,40,0.7);
 border-bottom: none;
 transform: skew(-15deg);
  max-width: 80% !important;
 width: auto !important;

}

div.login input{
 background-color: rgba(200,20,20,.8);
 border: 1px solid rgba(180,180,180,0.7);
 border-radius: 3px;
 box-shadow: 2px 2px 1px rgba(130,130,130,0.2); 
 width: 90%;
 padding: 3%;
 margin: 1%;
 margin-bottom: 25px;
 margin-top: 0;
 font-size: 25px;
 font-weight: bold;
 text-align: center;
 transition: all .3s;
}

div.dane input{
 background-color: rgba(200,20,20,.8);
 border: 1px solid rgba(180,180,180,0.7);
 border-radius: 3px;
 box-shadow: 2px 2px 1px rgba(130,130,130,0.2); 
 width: 90%;
 padding: 3%;
 margin: 1%;
 margin-bottom: 25px;
 margin-top: 0;
 font-size: 25px;
 font-weight: bold;
 text-align: center;
 transition: all .3s;
 color: white;
 text-shadow: 0px 0px 1px black;
}

div.dane input:disabled{
 background-color: red;
}

button.login, a.login{
 display: block;
 color: white !important;
 text-shadow: 0px 0px 1px black;
 text-decoration: none;
 float: right;
 transform: skew(-10deg);
 border: 2px solid rgba(200,150,10,0.9);
 background-color:  rgba(220,170,20,0.7);
 border-left: 27px solid rgba(200,150,10,0.9);
 font-size: 13px;
 font-weight: bold;
 padding: 5%;
 padding-top: 2%;
 padding-bottom: 2%;
 border-radius: 5px;
}

button.login:hover{
 cursor: pointer;
}

img.logo_toru{
 background-color: white;
 border: 1px solid black;
 border-radius: 5px;
 box-shadow: 3px 3px 6px black;
}

div.nagnag{
 position: sticky !important;
 display: inline-block;
 z-index: 900;
 top: 123px;
 left: 0;
 width: 100%;
 text-align: left;
 padding: 0px;
 margin: 0px;
 background-color: rgba(40,40,50,.95);
 min-height: 100px !important;
 padding-top: 0%;
 border: 1px solid rgba(200,200,200,.25);
 border-top: none;
 border-radius: 0px 0px 10px 10px;
 box-shadow: 0px 0px 5px rgba(0,0,0,.95);
 background-image: url("/gfx/tlo_top_nag4.png");
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position:  left center;
 text-align: center;
}

select{
 background-color: rgba(200,20,20,.8);
 color: white;
 text-shadow: 0px 0px 1px black;
 font-size: 1em;
 padding: .6%;
 font-weight: bold;
 width: 200px !important;
}

select.moc{
 min-width: 25% !important;
 width: 20% !important;
 margin: 1%;
 margin-left: 5%;
 left: 10px;
 display: inline-block;
 text-align: center; 
 border-radius: 5px; 
 color: white;
 margin-top: 3%;
}

select.uklad{
 min-width: 30% !important;
 width: 30% !important;
 margin: 1%;
 margin-top: 0;
 left: 10px;
 display: inline-block; 
 border-radius: 5px; 
 color: white;
 margin-top: 3%;
}

select.wtabeli{
 min-width: 70% !important;
 width: 80% !important;
 margin: 1%;
 margin-top: 0;
 left: 10px;
 display: inline-block; 
 border-radius: 5px; 
 color: white;
 margin-top: 3%;
 padding: 2%;
}

h4.czasy{
 margin: 0;
}

select.moc_czasy{
 min-width: 40% !important;
 width: 40% !important;
 margin: 1%;
 margin-left: 5%;
 left: 10px;
 display: inline-block;
 text-align: center; 
 border-radius: 5px; 
 color: white;
 margin-top: 3%;
 text-align: center;
 padding-top: 2%;
 padding-bottom: 2%;
}

select.uklad_czasy{
 min-width: 70% !important;
 width: 90% !important;
 margin: 1%;
 margin-top: 0;
 left: 10px;
 display: inline-block; 
 border-radius: 5px !important; 
 color: white;
 margin-top: 3%;
 text-align: center;
 padding-top: 2%;
 padding-bottom: 2%;
}

div.nagnag img{
 float: right;
 display: inline-block;
 width: 190px;
 margin: 1.5%;
 background-color: white;
}

div.nagnag select.tor{
 margin: 0px;
 left: 10px;
 display: inline-block;
}

div.nagnag select.moc{
 min-width: 5% !important;
 width: 10% !important;
 margin: 0;
 margin-left: 5%;
 left: 10px;
 display: inline-block;
 text-align: center; 
 border-radius: 5px; 
}

div.nagnag select.uklad{
 min-width: 20% !important;
 width: 24% !important;
 margin: 1%;
 margin-top: 0;
 left: 10px;
 display: inline-block; 
 border-radius: 5px; 
}


div.tabc div.tabela span.ew1{
 background-color: rgba(250,250,0,.7) !important;
 color: black;
}


.mobile_big{
 display: none !important;
}

.www{
 display: inline-block !important;
}

.mobile{
 display: none !important;
}

 ul{
  width: 95%;
  list-style: none;
  margin: 0;
  padding: 0;
 }
 
 li{
  margin: 2%;
 }

@media screen and (max-width: 950px) {

div.tabc div.tabela span.p0{
 font-size: 1.4em;
 padding-top: 15px;
 margin-top: -2px;
 height: 33px;
}

div.tabc div.tabela span.p1, div.tabc div.tabela span.p2, div.tabc div.tabela span.p3{
 font-size: 1.8em;
 padding-top: 15px;
 margin-top: -5px;
 height: 38px;
 color: black;
}

div.tabc div.tabela span.pw1{
 background-color: rgba(250,250,0,1) !important;
 font-size: 1.8em;
 padding-top: 15px;
 margin-top: -5px;
 height: 38px;
 color: black;
}

 ul{
  width: 95%;
  list-style: none;
  margin: 0;
  padding: 0;
 }
 
 li{
  margin: 0;
  margin-top: 2%; 
 }
 
 h1.naglowek{
  display: inline-block;
  padding-left: 5px !important;
  padding-right: 15px !important;
  padding-bottom: 3px !important;
  margin: 0;
  padding: 0;
  transform: skew(-15deg);
  border-bottom: 1px solid rgba(200,200,200,.5);
  max-width: 95%;
  font-size: 22px; 
 }

 h1.naglowek::before ,  a.menur::before {
  content: "";
  width: 15px;
  border: 1px solid black;
  margin-right: 10px;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
 }
 
a.menurr::before {
  content: "";
  width: 10px;
  border: 1px solid black;
  margin-right: 10px;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
 }
 
div.tory{
  width: 75%;
  max-width: 500px;
 }

span.gora{
 width: 100vw;
}

span.oboklogo{
 width: 100vw;
}

div.pasek_gora{
 height: 50px !important;
 border-color: rgba(255,20,20,.8) !important;
 box-shadow: 0 0 3px black;
 padding-top: 10px;
}

a.kreseczki{
  background-image: url("/gfx/menu.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50px;
  display: inline-block;
  margin-left: 5dvw;
  float: left;
  width: 50px;
  height: 50px;
 }

div.menu_rozwijane a.menur, div.menu_rozwijane a.menurr{
 display: inline-block;
 text-align: left;
 width: 95%;
 font-size: 22px;
 font-weight: bold;
 padding: 2.5%;
 padding-top: 25px;
 padding-bottom: 25px;
 color: rgba(255,240,240,.8);
 text-transform: uppercase;
 text-decoration: none;
 border-bottom: 1px solid rgba(150,150,150,.6); 
 border-top: 1px solid rgba(150,150,150,.6); 
 background-color: rgba(150,150,150,.2);
}

div.menu_rozwijane a.menurr{
 padding-left: 15% !important;
 width: 80%;
 font-size: 20px !important;
 border-bottom: 1px solid rgba(150,150,150,.3); 
 border-top: 1px solid rgba(150,150,150,.3); 
 color: rgba(255,240,240,.7);
 background-color: rgba(80,80,80,.35);
}

 span.jezyk{
  border-left: 1px solid rgba(150,150,150,.6); 
 }

div.nagnag{
 position: sticky !important;
 display: inline-block;
 z-index: 900;
 left: 0;
 width: 100%;
 text-align: center !important;
 padding: 0px;
 margin: 0px;
 background-color: rgba(70,70,70,.85);
 min-height: 20px !important;
 padding-top: 1%;
 border: none;
 border-radius: 0;
 border-bottom: 1px solid rgba(200,200,200,.8);
 box-shadow: 0px 0px 5px rgba(0,0,0,.95);
 top: 63px;
}
 
div.menu_rozwijane a.menur, div.menu_rozwijane a.menurr{
 display: inline-block;
 text-align: left;
 width: 95%;
 font-size: 22px;
 font-weight: bold;
 padding: 2.5%;
 padding-top: 25px;
 padding-bottom: 25px;
 color: rgba(255,240,240,.8);
 text-transform: uppercase;
 text-decoration: none;
 border-bottom: 1px solid rgba(150,150,150,.6); 
 border-top: 1px solid rgba(150,150,150,.6); 
 background-color: rgba(150,150,150,.2);
}

div.menu_rozwijane a.menurr{
 padding-left: 15% !important;
 width: 80%;
 font-size: 20px !important;
 border-bottom: 1px solid rgba(150,150,150,.3); 
 border-top: 1px solid rgba(150,150,150,.3); 
 color: rgba(255,240,240,.7);
 background-color: rgba(80,80,80,.35);
}

 span.jezyk{
  border-left: 1px solid rgba(150,150,150,.6); 
 }
 
.www{
 display: none !important;
}

.mobile{
 display: none !important;
} 
 
.mobile_big{
 display: inline-block !important;
} 

hr.mobile_big{
 display: block !important;
 clear: both;
 padding-top: 15px;
 border: none;
 border-bottom: 1px solid rgba(200,200,200,.3) !important;
}

}

@media screen and (max-width: 650px) {

div.tabc div.tabela span.p0{
 font-size: 1.6em;
 padding-top: 13px;
 margin-top: -2px;
 height: 35px;
}

div.tabc div.tabela span.p1, div.tabc div.tabela span.p2, div.tabc div.tabela span.p3{
 font-size: 1.8em;
 padding-top: 15px;
 margin-top: -4px;
 height: 36px;
 color: black;
}

div.tabc div.tabela span.pw1{
 background-color: rgba(250,250,0,1) !important;
 font-size: 1.8em;
 padding-top: 15px;
 margin-top: -5px;
 height: 38px;
 color: black;
}

 ul{
  width: 98%;
  list-style: none;
  margin: 0;
  padding: 0;
 }
 
 li{
  margin: 0;
  margin-bottom: 2%;
 }
 
 h1.naglowek{
  display: inline-block;
  padding-left: 5px !important;
  padding-right: 15px !important;
  padding-bottom: 3px !important;
  margin: 0;
  padding: 0;
  transform: skew(-15deg);
  border-bottom: 1px solid rgba(200,200,200,.5);
  max-width: 95%;
  font-size: 22px; 
 }

 h1.naglowek::before ,  a.menur::before {
  content: "";
  width: 15px;
  border: 1px solid black;
  margin-right: 10px;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
 }
 
a.menurr::before {
  content: "";
  width: 10px;
  border: 1px solid black;
  margin-right: 10px;
  display: inline-block;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   );   
 }
 
div.tabc div.tabela h1 {
 background-image: url("/gfx/top10.png");
 background-repeat: no-repeat;
 background-size: 80px 80px;
 background-opacity: 80%;
 padding-left: 100px;
 width: calc(80%-100px);
 text-align: left;
 min-height: 60px;
 padding-top: 3%;
} 

div.tabc div.tabela h1 span{
 font-size: .7em;
 color: rgb(220,220,220);
}


div.blad{
 width: 80%;
 margin:1%;
 display: inline-block;
 padding: 3%;
 border: 2px solid orange;
 border-radius: 3px;
 color: white;
 font-weight: normal;
 font-size: 1em;
 text-shadow: 0px 0px 1px black;
 background-color: red;
}

div.blad::before {
  content: "!";
  width: 55px;
  margin-right: 10px;
  display: block;
  float: left;
  font-size: 3em;
  font-weight: bold;
  background-color: black;
  border-radius: 50%;
  border: 2px solid orange;
  color: orange;
  text-shadow: 0px 0px 1px white;
}

 div.login, div.dane{
  width: 90%;
 }

div.login span, div.dane span{
 left: 40px;
 font-size: 14px;
 max-width: 80% !important;
 width: auto !important;
}

button.login, a.login{
 font-size: 16px;
 color: black;
 padding: 8%;
 padding-top: 5% ;
 padding-bottom: 5%;
 margin-right: 3%;
}

 div.tory{
  width: 100dvw;
  margin: 0;
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding: 0;
  max-width: none;
 }
 
 div.tory h2 span{
  font-weight: 100;
 }
 
 div.tory h2{
  padding-top: 8px;
 }
 
div.pasek_gora{
 height: 50px !important;
 border-color: rgba(255,20,20,.8) !important;
 box-shadow: 0 0 3px black;
 padding-top: 10px;
}

div.nagnag{
 position: sticky !important;
 display: inline-block;
 z-index: 900;
 left: 0;
 width: 100%;
 text-align: center !important;
 padding: 0px;
 margin: 0px;
 background-color: rgba(70,70,70,.85);
 min-height: 100px !important;
 padding-top: 1%;
 border: none;
 border-radius: 0;
 border-bottom: 1px solid rgba(200,200,200,.8);
 box-shadow: 0px 0px 5px rgba(0,0,0,.95);
 top: 63px;
}

div.nagnag select{
 background-color: rgba(200,20,20,.8);
 color: white;
 text-shadow: 0px 0px 1px black;
}

div.nagnag img{
 float: left;
 width: 30%;
 margin: 1.5%;
 background-color: white;
}

div.nagnag select.tor{
 width: 60% !important;
 margin: 0px;
 left: 10px;
 display: inline-block;
}

div.nagnag select.moc{
 min-width: 20% !important;
 width: 25% !important;
 border-bottom: none;
 position: relative;
 display: inline-block;
 text-align: right !important;
 left: 60%;
}

div.nagnag select.uklad{
 min-width: 50% !important;
 width: 60% !important;
 margin: 1%;
 margin-top: 0;
 left: 10px;
 display: inline-block; 
 border-radius: 5px; 
}

span.gora{
 width: 100vw;
}

span.oboklogo{
 width: 100vw;
}

div.tabc {

} 

div.tabc div.tabela{
 width: 95%;
}

div.tabc div.szeroka{
 width: 95% !important;
}

div.tabela h1{
 font-size: 22px;
}

select{
 left: 40px;
 color: black;
 font-size: 18px;
 font-weight: bold;
}


a.kreseczki{
  background-image: url("/gfx/menu.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50px;
  display: inline-block;
  margin-left: 5dvw;
  float: left;
  width: 50px;
  height: 50px;
 }

div.menu_rozwijane a.menur, div.menu_rozwijane a.menurr{
 display: inline-block;
 text-align: left;
 width: 95%;
 font-size: 22px;
 font-weight: bold;
 padding: 2.5%;
 padding-top: 25px;
 padding-bottom: 25px;
 color: rgba(255,240,240,.8);
 text-transform: uppercase;
 text-decoration: none;
 border-bottom: 1px solid rgba(150,150,150,.6); 
 border-top: 1px solid rgba(150,150,150,.6); 
 background-color: rgba(150,150,150,.2);
}

div.menu_rozwijane a.menurr{
 padding-left: 15% !important;
 width: 80%;
 font-size: 20px !important;
 border-bottom: 1px solid rgba(150,150,150,.3); 
 border-top: 1px solid rgba(150,150,150,.3); 
 color: rgba(255,240,240,.7);
 background-color: rgba(80,80,80,.35);
}

 span.jezyk{
  border-left: 1px solid rgba(150,150,150,.6); 
 }
 
 .www{
  display: none !important;
 }

 .mobile{
  display: inline-block !important;
 }

}