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;     
}
#zawartoscplaczabaw {  
   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: 1200px;
   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;
}
#menuSchemat {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #ffa94d;  
   border-bottom: solid 3px #ffa94d; 
   background: #f7f7e6;
   min-width: 280px;
}
#menuNr1 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000;
   background: #a1d0d6;
   min-width: 280px;
}
#menuNr2 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000;
   background: #f0a197;
   min-width: 280px;
}
#menuNr2aula {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000; 
   border-bottom: solid 3px #000000; 
   background: #23ccc4;
   min-width: 280px;
}
#menuNr3 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000; 
   border-bottom: solid 3px #000000; 
   background: #f5e7d3;
   min-width: 280px;
}
#menuNr4 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000; 
   border-bottom: solid 3px #000000;
   background: #f3e4f5;
   min-width: 280px;
}
#menuNr5 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #ffa94d;  
   border-bottom: solid 3px #ffa94d; 
   background: #fff4e6;
   min-width: 280px;
}
#menuNr6 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #d5f5e2;
   min-width: 280px;
}
#menuNr7 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #f5f5d5;
   min-width: 280px;
}
#menuNr8 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #ded2c1;
   min-width: 280px;
}
#menuNr9 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #c2af97;
   min-width: 280px;
}
#menuNr10 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #f77e8e;
   min-width: 280px;
}
#menuNr11 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #c7db97;
   min-width: 280px;
}
#menuNr12 {
   display: inline-block;
   font-size: 14pt;  
   list-style-type: none;
   padding: 18px;
   border-top: solid 3px #000000;  
   border-bottom: solid 3px #000000; 
   background: #84caf5;
   min-width: 280px;   
}
#tresc {    
   text-align: left; 
   display: inline-block;
   vertical-align: middle; 
   padding-left: 10px;
   padding-right: 10px;
   margin-left: auto;
   margin-right: auto;
   min-width: 280px;
}

#trescplaczabaw {    
   text-align: left; 
   display: inline-block;
   vertical-align: middle; 
   padding-left: 10px;
   padding-right: 10px;
   margin-left: auto;
   margin-right: auto;
   min-width: 280px;
}
.kierunek {
   font-size: 16pt;
   color: #a30000;    
}

#menu li {
   display: inline-block;   
}
#menuSchemat li {
   display: inline-block;   
}
#menuNr1 li {
   display: inline-block;   
}
#menuNr2 li {
   display: inline-block;   
}
#menuNr2aula li {
   display: inline-block;   
}
#menuNr3 li {
   display: inline-block;   
}
#menuNr4 li {
   display: inline-block;   
}
#menuNr5 li {
   display: inline-block;   
}
#menuNr6 li {
   display: inline-block;   
}
#menuNr7 li {
   display: inline-block;   
}
#menuNr8 li {
   display: inline-block;   
}
#menuNr9 li {
   display: inline-block;   
}
#menuNr10 li {
   display: inline-block;   
}
#menuNr11 li {
   display: inline-block;   
}
#menuNr12 li {
   display: inline-block;   
}
.podmenu {    
   display: inline-block;   
   font-size: 16pt;  
   list-style-type: none;
   padding: 1px;
   margin: 3px;
}
.podmenu li {
   display: inline-block;
}
.kontakt {
   background: #ddeed6;
   color: darkblue;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 3px;
   padding-right: 3px;
   margin-bottom: 8px;   
}

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

#stopka img {
   margin-left: 8px;
}
#tresc ul {
   display: block;  
   list-style-type: disc;  
}
#tresc li {
   margin-top: 7px; 
}
#tresc ul.zajecia {
   display:block;  
   list-style-type: disc; 
   margin-right: 7px;
}
#tresc ul.zajecia li {
   margin-top: 7px;
}
#tresc .zajecia span {
   margin-left:7px;
}
#tresc li::marker {
   color: orange;
   list-style: initial; 
}
#tresc h2 {
  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: "📞 ";
}

.container {
  display: grid;
  gap: 12px;
}
.container > div {
  border-radius: 5px;
  padding: 10px;
  background-color: #fff4e6;
  border: 2px solid #4fb9e3;  
}
.container > div > span {
  font-weight:bold; 
  padding-right:30px; 
  margin-left: 10px;
}

.container2 {
  display: grid;
  gap: 12px;
}
.container2 > div {
  border-radius: 5px;
  padding: 10px;
  background-color: #fff4e6;
  border: 2px solid #ffa94d;  
}
.container2 > div > span {
  font-weight:bold; 
  padding-right:30px; 
  margin-left: 10px;
}

 
.containerSchemat {
  display: grid;
  gap: 8px;    
}
.containerSchemat > div {
  border-radius: 7%;
  padding: 3px;
  background-color: #fff4e6;
  border: 2px solid #f76707;
  margin-left: auto; 
  margin-right: auto;
}
/*
  width: 100vh;
  height: 100vh;
  max-width: 370px;
  max-height: 510px;
  */
.containerSchemat > div > span {
  padding: 8px;
}
.schematOsrodka {
	/* dotyczy <picture>
	/*
  border-radius: 7%;
  padding: 3px;
  background-color: #fff4e6;
  border: 2px solid #f76707;
  */
  margin-left: auto; 
  margin-right: auto;
  width: 100vh;
  height: 100vh;
  max-width: 360px;
  max-height: 500px;
}

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

.box1 {  
  display: grid;
  column-gap: 7px; 
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: 1.1fr 1.8fr;
}
.wrapper {
  display: grid;
  row-gap: 8px;
  border-radius: 5px;  
  border: 2px solid #f76707;
  background-color: #fff4e6;  
  grid-template-columns: repeat(1, 1fr);
}
.box {
  border: 2px solid #fff4e6;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0.3em;
  color: #d9480f;
}
.nested {
  border: 2px solid #fff4e6;
  border-radius: 5px;
  background-color:#ffffff;
  padding: 0.3em;
  color: #000000;
}
.nested.lewy {
  font-weight:bold;
  color: #000000;
}
.nested.prawy {
   color: #000000;
}

.box1kontakt {  
  display: grid;
  column-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: 1.2fr 0.8fr;
}
.nested.lewykontakt {
  font-weight:normal;
  color: #000000;
}
.nested.prawykontakt {
   color: #000000;
   padding-left: 12px;
}

.wrapperNr11 {
  display: grid;
  row-gap: 8px;
  border-radius: 5px;  
  border: 2px solid #326640;
  background-color: #c7db97;  
  grid-template-columns: repeat(1, 1fr);
}
.boxNr11 {
  border: 2px solid #c7db97;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0.3em;
  color: #d9480f;
}
.nestedNr11 {
  border: 2px solid #c7db97;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0.3em;
  color: #000000;
}
.box1kontaktNr11 {  
  display: grid;
  column-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: 1fr 1fr;
}

 @media only screen and (max-width: 650px) {
  .box.box1kontakt {
      display: block;       
   }
 }

.box1pomieszczenia {  
  display: grid;
  column-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: 0.2fr 1.8fr;
}

.wrapperkadra {
  display: grid;
  gap: 7px;
  border-radius: 5px;
  border: 2px solid #f76707; 
  background-color: #fff4e6;  
  grid-template-columns: repeat(1, 1fr);
}
.box1kadra {  
  display: grid;  
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
}

.nested img {
   border: 1px solid orange;
   border-radius: 50%;
   padding: 3px;  
   max-width: 100%;
   min-height: 100px;
   max-height: 200px; 
}
.nested span.maleokno {
   color: blue;
   cursor: pointer;
   font-style: italic;
   font-size: 80%; 
}
.button { 
  text-align: center;
  cursor: pointer;
}
.button1 {
  padding-left: 12px; 
  padding-right: 12px; 
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button1a {
  text-align: center;
  background-color: #ffffff;
  border-radius: 12px;
  color: blue; 
  border: 1.5px solid #ffa94d;
}
.button1a:hover {
  background-color: #fff9db;
  color: black;
}

#tresc.tlo {

}
#tresc.tlo img {

}
.tloregulaminu {
  position: absolute;
  padding-top: 43px;
  margin-left: auto;
  margin-top: auto;
  opacity: 0.3;
  width: 700px;
  height: 1250px;
}
.tloregulaminubalon {
  position: absolute;
  padding-top: 30px;
  margin-left: auto;
  margin-top: auto;
  opacity: 0.5; 
}