* {
border:0;
outline:0;
text-decoration:none;
vertical-align:baseline;
padding:0
}

body {
text-align:center;
background-color:#369;
font:normal 11pt Calibri,Tahoma;
color:#000;
text-decoration:none;
font-weight:400
}

header,section,footer {
display:block;
width:1100px;
float:inherit;
padding:10px;
background:#dcdcdc;
border:1px solid #369;
border-radius:12px;
clear:both;
margin:0 auto
}

nav {
display:block;
width:auto;
padding:8px;
border:0;
margin-left:30px
}

article {
display:block;
width:auto;
padding:10px;
border:0
}

footer,article {
text-align:center
}

section.waski {
width:1220px
}

section.dyst {
width:auto
}

.lewy {
text-align:left
}

.czerwony {
color:red
}

.zaokrl {
border:1px solid #9cf;
border-radius:6px
}

.biale {
background-color:rgba(220,220,220,.7);
border:2px solid #dcdcdc;
border-radius:6px;
margin:0 10px;
padding:10px
}

span.trudno {
background-color:#f8f8f8;
font-weight:700;
text-align:center;
border:1px solid #ffd700;
border-radius:6px;
padding:2px 6px
}

table {
border-spacing:1px;
empty-cells:show;
table-layout:auto;
margin:auto
}

table.fir {
border:0;
border-spacing:20px
}

table.gal {
border:none;
border-spacing:4px
}

tr.ciemny {
background-color:#9cf
}

tr.szary {
background-color:#dcdcdc
}

tr.jasny {
background-color:#add8e6
}

tr.zebra,#menu > li > ul > li:hover {
background-color:#f8f8f8
}

td {
background-color:#dcdcdc;
text-align:center;
vertical-align:top;
padding:6px
}

th {
border:1px solid #9cf;
font-size:11pt;
text-align:left;
vertical-align:top;
padding:6px;
font-weight:400
}

th.zawijas {
white-space:nowrap
}

th.kol {
background-color:#9cf;
border:1px solid #9cf;
border-bottom:2px ridge #369;
color:#006;
font-weight:700;
text-align:center
}

h2 {
color:#006;
font-size:14pt;
font-variant:small-caps;
font-weight:700;
letter-spacing:4pt;
text-align:center;
text-shadow:4px 4px 8px #fff,-4px -4px 8px #fff
}

h3 {
color:#006;
font-size:13pt;
font-weight:700;
letter-spacing:1pt;
text-align:center
}

h3.newyear {
text-align:left
}

h4 {
color:#006;
font-family:Calibri,Tahoma;
font-size:12pt;
font-weight:700;
text-decoration:none
}

h5,p {
color:#000;
font-family:Calibri,Tahoma;
font-size:11pt;
font-weight:400;
text-decoration:none
}

p.opis {
font-size:11pt;
line-height:1.7;
text-align:justify;
text-indent:30px
}

p.lewy {
text-align:left
}

p.prawy {
text-align:right
}

div.jezyki {
text-align:right;
color:#f8f8f8
}

img.malyim {
border:0;
vertical-align:middle;
padding:0px 3px
}

a {
color:#006;
font-weight:700;
text-decoration:none
}

a:link {
color:#006
}

a:hover,a:active {
color:#369;
font-weight:700;
text-decoration:none;
}

a:visited {
color:#006;
font-weight:700;
text-decoration:none
}

hr {
width:85%;
background-color:#369;
color:#369;
height:1px;
border-style:outset
}

input,textarea,select,checkbox {
background-color:#f8f8f8;
border:1px solid #9CF;
border-radius:5px;
color:#000;
font-family:Verdana;
font-size:10pt;
padding:2px 8px
}

input:focus,input:active {
background-color:#fff;
border:1px solid #369
}

input:hover {
background-color:#f8f8f8;
border:1px solid lime
}

fieldset {
background-color:rgba(220,220,220,.8);
border:2px solid #dcdcdc;
border-radius:8px;
display:inline-block
}

#przezr {
background:url(photos/head.jpg) no-repeat left top;
border-radius:20px;
box-shadow:6px 6px 10px #000;
text-align:left;
width:440px;
height:610px;
padding:10px 0 0 20px
}

#przezr a {
color:#f8f8f8;
text-shadow:3px 3px 8px #000;
line-height:1.3
}

ul.spis,ol.spis > li {
line-height:1.7;
text-align:justify;
margin-left:30px
}

#logn {
background:url(photos/skalky.jpg) no-repeat left top;
border:4px solid #dcdcdc;
border-radius:12px;
padding:10px
}

#menu,#menu ul,#menu ol {
list-style-type:none;
margin:0;
padding:0
}

#menu {
background-color:#dcdcdc;
font-size:15px;
height:2em;
line-height:2em;
text-align:center
}

#menu a {
color:#000;
display:block;
font-family:Calibri,Tahoma;
font-size:11pt;
letter-spacing:.3pt;
text-decoration:none;
padding:0
}

#menu > li {
background-color:#9cf;
box-shadow:3px 3px 5px #000;
float:left;
height:2em;
margin-left:6px;
width:130px
}

#menu > li:first-child {
margin-left:0
}

#menu > li > ul {
display:none
}

#menu > li > ul > li {
background-color:#eee;
position:relative
}

#menu > li > ul > li > ol {
display:none;
left:100%;
margin-top:-2em;
position:absolute;
text-align:left;
width:275%
}

#menu > li > ul > li > ol > li > a:hover {
background-color:#f8f8f8;
color:#09c
}

#menu li,ul a {
border-radius:10px
}

#menu .dol {
background-image:url(image/down.png);
background-position:98% center;
background-repeat:no-repeat
}

#menu .prawo {
background-image:url(image/right.png);
background-position:98% center;
background-repeat:no-repeat; 
z-index:8000;
}

#menu > li:hover,#menu > li > ul > li > ol > li {
background-color:#eee
}

#menu > li:hover > a,#menu > li > ul > li:hover > a {
color:#09c
}

#menu > li:hover > ul,#menu > li > ul > li:hover > ol {
display:block
}

#menu > li > ul > li > a,#menu > li > ul > li > ol > li > a {
border-left:1px solid #9cf;
border-top:1px solid #9cf
}

.leaflet-control-layers-list {
    width: auto; /* lub określona szerokość np. 200px */
    max-width: 300px; /* opcjonalnie, aby ograniczyć maksymalną szerokość */
    border: none; /* usuwa białą ramkę */
    text-align: left; /* wyśrodkowuje tekst do lewej */
}

.leaflet-control-layers-expanded {
    width: auto; /* lub określona szerokość np. 200px */
    max-width: 300px; /* opcjonalnie, aby ograniczyć maksymalną szerokość */
    border: none; /* usuwa białą ramkę */
    text-align: left; /* wyśrodkowuje tekst do lewej */
}

.legend {
    background: white;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    line-height: 1.5;
}
.legend h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
}
.legend p {
    margin: 0;
    font-size: 12px;
}
.legend span {
    display: inline-block;
    width: 20px;
    height: 3px;
    margin-right: 5px;
}