body {
    color: #000000;
    background-color: #FFFFFF;
    font-family: Arial;
}
#naglowek {
   font-size: 21pt;
   text-align: center; 
   margin-left: 18px; 
   margin-right: 18px;   
}
#zawartosc {  
   font-size: 12pt;
   text-align: center;
   padding-top: 10px; 
   padding-bottom: 10px;
   margin-bottom: 18px;
   margin-top: 17px;
   margin-left: auto; 
   margin-right: auto; 
   max-width: 760px;
   min-width: 300px;     
}
#stopka {
   font-size: 10pt;
   text-align: center;
   padding-top: 10px;
   margin-top: 10px;
   margin-left: 18px; 
   margin-right: 18px;
   border-top: solid 3px  #000000;     
}
#menu {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px  #000000;  
   border-bottom: solid 3px  #000000;
   background: #ecf5e9;
   min-width: 280px;
}
#menu3D {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px  #000000;  
   border-bottom: solid 3px  #000000;
   background: #E0E6ED;
   min-width: 280px;
}

.kierunek {
   font-size: 16pt;
   color: #a30000; 
}
#menu li {
   display: inline-block;
}
#menu3D li {
   display: inline-block;
}

a:link {color: #090ded;}
a:visited {color: #000000; }
a:active {color: #090ded;}
a:hover {background-color: #d6eeee;}
a {text-decoration: none;}


#tresc {    
   text-align: left; 
   display: inline-block;
   vertical-align: middle; 
}
#tresc ul {
  display:block;  
  list-style-type: circle;  
}
#tresc li::marker {
  color: #a30000;
}
#stopka .databezaca {
   display: inline-block; 
   margin-right: 21px;
}
#stopka .aktualizacja {
   display: inline-block; 
   margin-left: 21px;
}
#stopka .walidatory {
   display: block; 
   margin-top: 12px;
   margin-left: auto;
   margin-right: auto;
}
#clock {
  padding-right: 0px; 
}
#ostaniaAktualizacja {
	padding-right: 0px;	
}
h1 {
   font-size: 14pt;
   text-decoration:underline;
   color: #000000;
}
h2 {
   font-size: 12pt;
   text-decoration:blink;
   color: #000000;
}
h3 {
   font-size: 12pt;
   text-decoration:blink;
   color: #000000;
}
#tresc a[href^="mailto"]::before {
  content: "📧 ";
}

#tresc a[href^="tel"]::before {
  content: "📞 ";
}

*{
	color: #000000;
   box-sizing: border-box; 
}

.box1 {  
  display: grid;
  column-gap: 7px; 
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: 0.75fr 0.75fr  1.50fr;
}
.wrapper3D {
  display: grid;
  row-gap: 8px;
  border-radius: 5px;  
  border: 2px solid #a9b1ba;
  background-color: #E0E6ED;  
  grid-template-columns: repeat(1, 1fr);
}
.box {
  border: 2px solid #777b80;
  border-radius: 5px;
  background-color: #fff9db;
  padding: 0.3em;
  color: #d9480f;
}
.nested {
  border: 2px solid #ffec99;
  border-radius: 5px;
  background-color: #fff9db;
  padding: 0.3em;
  color: #000000;
}
.nested.lewy {
  font-weight:bold;
  color: #000000;
}
.nested.srodkowy {
   color: #000000;
}
.nested.prawy {
   color: blue;
   text-align: center;
}