html, body {
	background-color: #C0C0C0;
	color: #000;
	margin: 0 auto;
	padding: 0 auto;
      font-family: Arial, Verdana, sans-serif;
}

.dark-mode {
 background-color: #202020;
}

#NAGLOWEK {
z-index: 1;
     width: 1600px;
     height: 270px;
     border-bottom: 1px solid gray;
     margin-bottom: 10px;
     margin-top: 85px;
     position: static;
     background-color: #DCDCDC;
     border-radius: 10px;
}

body.dark-mode #NAGLOWEK
{
background-color: #181818;
}

#BOXY {
z-index: 1;
     width: 1576px;
     margin: 0 auto;
}

#BOXY2 {
z-index: 1;
    padding-top: 10px;
}

#BOX1 {
z-index: 1;
     width: 392px;
     height: 250px;
     border-right: 1px solid gray;
     float: left;
     background-color: #D3D3D3;
    border-radius: 10px;
    color: blue;
    font-family: "Lucida Console", "Courier New", monospace;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}

body.dark-mode #BOX1
{
background-color: #404040;
border-right: 1px solid #606060;
color: #00FFFF;
}

#BOX2 {
z-index: 1;
     width: 394px;
     height: 250px;
     float: left;
     background-color: #D3D3D3;
     border-radius: 10px;
     color: blue;
     font-family: "Lucida Console", "Courier New", monospace;
     box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}

body.dark-mode #BOX2
{
background-color: #404040;
border-right: 1px solid #606060;
color: #00FFFF;
}

#BOXFOTO {
     width: 300px;
     height: 250px;
     padding: 10px;
     text-align: center;
     font-weight: bold;
     margin: 0 auto;
}

#top {

}

#FOTO {
    width: 1600px;
     margin: 0 auto;
     background-color: #000;
     margin-top: 75px;
     position: static;
     text-align: center;
}

#CALOSC {
width: 1600px;
margin: 0 auto;
	padding: 0 auto;
 background-color: #DCDCDC;
border-radius: 10px;
 box-shadow: inset 0 -3em 5em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}

body.dark-mode #CALOSC
{
background-color: #202020;
border-radius: 10px;
 box-shadow: inset 0 -3em 5em rgba(255, 255, 255, 0.1), 0 0 0 2px rgb(52, 52, 52),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}


#MENUGORNE {
border-radius: 10px;
}

#PODPINANEMENU {
        height: 100%;
        position: fixed;
        width: 75px;
        float: left;
        top: 100px;
        left: 0;
        right: 5px;
}

#MENUWYBORU {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
        color: #FFF;
}

#BLOKGLOWNY {
        width: 100%;
        margin: 0 auto;
	padding: 0 auto;
}

#LE {
        text-align: left; 
        float: left;
}

#SR {
   text-align: center; 
   float: center;
}

#PR {
   text-align: right; 
   float: right;
}



#powiadomienia {
        width: 1600px;
        height: 70%;
        background-color: #F8F8FF;
       margin: 0 auto;
        position: fixed;
        font-size: 120%;
	overflow: auto;
        display: none;
        text-align: left; 
        color: #000;
        outline: 2px solid black;
        z-index: 2;
        top: 92px;
        opacity: 0.9;
}

body.dark-mode #powiadomienia
{
background-color: #222222;
outline: 2px solid #686868;
color: gray;
}

#INFOBOX
{
      padding: 20px;
      font-family: "Lucida Console", "Courier New", monospace;
      color: #696969;
}

body.dark-mode #INFOBOX
{
color: white;
}



#glownemenu {
        width: 1600px;
        height: 600px;
        background-color: #1E90FF;
       margin: 0 auto;
        position: fixed;
        font-size: 120%;
	overflow: auto;
        display: none;
        text-align: left; 
        color: #000;
        outline: 2px solid black;
        z-index: 3;
        top: 92px;
        opacity: 0.95;
}

body.dark-mode #glownemenu
{
background-color: #222222;
outline: 2px solid #686868;
}


#KAFELKI
{
      padding: 20px;
      font-family: "Lucida Console", "Courier New", monospace;
      font-weight: bold;
      color: #FFF;
      margin: 0 auto;
}

#BELKAGORNA {
        width: 100%;
	background-color: #1E90FF;
        margin: 0 auto;
	padding: 0 auto;
        position: fixed;
        height: 90px;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: 2px solid black;
        z-index: 4;
}

body.dark-mode #BELKAGORNA 
{
background-color: #484848;
border-bottom: 2px solid #686868;
}

#GLOWNA {
          width: 1600px;
}

#LOGOMALE {
        background-image: url("images/logo_2023_male.png");
        margin-left: 20px;
        width: 550px;
        height: 90px;
}

body.dark-mode #LOGOMALE
{
}



#MENU {
	width: 400px;
	float: left;
	overflow: hidden;
	position: static;
}

#BOCZNA {
      background-color: #F0F0F0;
      width: 370px;
      margin: 0 auto;
      padding: 5px;
      font-weight: bold;
      color: #000;
     border-radius: 5px;
}

body.dark-mode #BOCZNA
{
 background-color: #484848;
 color: #FFF;
}

#PRAWA {
      width: 1160px;
      background-color: #F0F0F0;
      margin: 0 auto;
      padding: 5px;
      font-weight: bold;
      color: #000;
     border-radius: 5px;
     margin-bottom: 10px;
}

body.dark-mode #PRAWA
{
 background-color: #484848;
 color: #FFF;
}

#TRESC {
	width: 1200px;
      position: static;
      float: right;
}

#TEKST {
      width: 1170px;
      font-size: 16px;
      margin: 0 auto;
}

#MARG {
      font-size: 15px;
      line-height: 6mm;
      margin: 0 auto;
      padding: 10px;
}

#PADDING {
      padding: 10px;
}

#KOMENTARZ {
      margin: 0 auto;
      width: 1500px;
      margin-bottom: 10px;
      overflow: hidden;
}

#KOM {
      margin: 0 auto;
      width: 970px;
      float: left;
      background-color: #BBBBBB;
     border-radius: 15px;
     font-weight: normal;
           padding: 15px;
}

body.dark-mode #KOM {
   background-color: #222222;
}

#NICK {
      margin: 0 auto;
      width: 400px;
      float: left;
}


#BELKAGORNAIKONY
{
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}


#STOPKA {
	clear: both;
      width: 1600px;
      text-align: center;
      background-image: url("images/logo22.png");
      height: 150px;
      border-top: 2px solid grey;
      margin-top: 10px;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 0px rgb(255, 255, 255),
    3.9em 3.9em 1em rgba(0, 0, 0, 0.3);
}


#KONCOWY {
      text-align: center;
      padding: 10px;
      color: #505050;
      margin-left: 800px;
}

#OPIS {
font-weight: normal;
}

#IKONA {
position: relative;
margin-top: 10px;

}

#DYMEK
{
left: 65px;
bottom: 17px;
position: absolute;
border-radius: 10px;
background-color: #FFF;
font-size: 20px;
padding: 7px;
}

body.dark-mode #DYMEK 
{
background-color: #FFF;
color: blue;
}

#KAFELEKGLOWNA a.menu:link
{
     width: 300px;
     height: 200px;
     float: left;
     background-color: #006400;  
     background-image: url("images/ikony/dom_duzy.png");
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: relative;
color: white; 
text-decoration: none;
display: block;
}

#KAFELEKGLOWNA a.menu:visited 
{
color: navy; 
text-decoration: none;
outline: 2px solid red;
}

#KAFELEKGLOWNA a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKGLOWNA a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKDOM a.menu:link
{
     width: 300px;
     height: 200px;
     float: left;
     background: rgb(131,58,180);
background: linear-gradient(0deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 100%);   
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: relative;
color: white; 
text-decoration: none;
display: block;
}

#KAFELEKDOM a.menu:visited 
{
color: navy; 
text-decoration: none;
outline: 2px solid red;
}

#KAFELEKDOM a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKDOM a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKGALERIA a.menu:link
{
     width: 300px;
     height: 200px;
     float: left;
     background-color: #006400;  
     background-image: url("images/ikony/galeria.png");
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: blue;
     text-align: right;
      border-radius: 5px;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
    position: relative;
    color: blue; 
text-decoration: none;
display: block;
}

#KAFELEKGALERIA a.menu:visited 
{
color: navy; 
text-decoration: none;
}

#KAFELEKGALERIA a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKGALERIA a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKFORUM a.menu:link
{
     width: 525px;
     height: 200px;
     float: left;
     background-color: #006400; 
     background-image: url("images/ikony/forum.png"); 
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: #FFF;
     text-align: left;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     position: relative;
color: white; 
text-decoration: none;
display: block;
}

#KAFELEKFORUM a.menu:visited 
{
text-decoration: none;
color: white;
}

#KAFELEKFORUM a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKFORUM a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKBAZATABORU a.menu:link
{
     width: 300px;
     height: 200px;
     float: left;
     background-color: #006400;  
     background-image: url("images/ikony/bazataboru.png");
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: red;
     text-align: right;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: relative;
color: red; 
text-decoration: none;
display: block;

}

#KAFELEKBAZATABORU a.menu:visited 
{
text-decoration: none;
color: white;
}

#KAFELEKBAZATABORU a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKBAZATABORU a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKKONTAKT a.menu:link
{
     width: 225px;
     height: 200px;
     float: left;
     background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: white;
     text-align: right;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     position: relative;
text-decoration: none;
display: block;
}

#KAFELEKKONTAKT a.menu:visited 
{
text-decoration: none;
color: white;
}

#map {
        width: 1500px;
        height: 800px;
        margin: 0 auto;
	padding: 0 auto;
        z-index: 0;
        position: static;
}

body.dark-mode #map
{
filter: brightness(0.7);
}

#KAFELEKKONTAKT a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKKONTAKT a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKPLAN a.menu:link
{
     width: 525px;
     height: 200px;
     float: left;
     background-color: #006400; 
     background-image: url("images/ikony/plan.png"); 
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: #000;
     text-align: left;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     position: relative;
text-decoration: none;
display: block;
}

#KAFELEKPLAN a.menu:visited 
{
text-decoration: none;
color: black;
}

#KAFELEKPLAN a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKPLAN a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#KAFELEKWYDARZENIA a.menu:link
{
     width: 375px;
     height: 200px;
     float: left;
     background-color: #006400; 
     background-image: url("images/ikony/wyd.png"); 
     outline: 2px solid white;
     padding: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     color: black;
     text-align: right;
      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     position: relative;
text-decoration: none;
display: block;
}

#KAFELEKWYDARZENIA a.menu:visited 
{
text-decoration: none;
color: black;
}

#KAFELEKWYDARZENIA a.menu:hover 
{
color: red;
outline: 2px solid red;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


#KAFELEKWYDARZENIA a.menu:active 
{
color: navy; 
outline: 2px solid blue;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#CALOSC2 {
width: 1600px;
margin: 0 auto;
	padding: 0 auto;
 background-color: #DCDCDC;
}

body.dark-mode #CALOSC2
{
background-color: #202020;
}

#GALERIA {
       background-color: #F0F0F0;
      width: 1600px;
      margin: 0 auto;
      font-weight: bold;
      color: #000;
     border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
     box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}

body.dark-mode #GALERIA
{
background-color: #484848;
color: #FFF;
 box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 1px rgb(255, 255, 255),
    0.9em 0.9em 1em rgba(0, 0, 0, 0.3);
}

#GALERIANIC {
      width: 1600px;
      margin: 0 auto;
      color: #000;
     border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

body.dark-mode #GALERIANIC
{
color: #FFF;
}


#GAL_LEWY {
        width: 800px;
        float: left;
}

#GAL_PRAWY {
        width: 800px;
        float: left;
}

a.pojazd:link {
color: blue; 
font-size: 24px;
}
a.pojazd:visited 
{
color: red; 
}
a.pojazd:hover 
{
color: magenta;
}
a.pojazd:active 
{
color: orange; 
}

body.dark-mode a.pojazd:link {
color: cyan;
font-size: 24px;
}

a.miasto:link {
color: red; 
font-size: 18px;
}
a.miasto:visited 
{
color: red; 
}
a.miasto:hover 
{
color: blue;
}
a.miasto:active 
{
color: orange; 
}

body.dark-mode a.miasto:link {
color: orange;
font-size: 18px;
}

a.autor:link {
color: red; 
font-size: 20px;
}
a.autor:visited 
{
color: red; 
}
a.autor:hover 
{
color: blue;
}
a.autor:active 
{
color: orange; 
}