/* Kolor tła */
body
 {
 text-align: center;
 background-color: #FFFFC8;
 }


/* Klasy np. <p class="nazwa_klasy1 nazwa_klasy2" */
/* Formatowanie bloku <div class="nazwa_klasy1 nazwa_klasy2" .............. </div> */

/* zerowanie po div */
*.wyczysc {
  clear: both;
  line-height: 0px
}

/* Blok  */
/* Formatowanie tekstu */
/* ====================== */

/* => Tytuł podstrony */
*.tytul_01 {
 font-size: 26px;
 color: #FFF;
 background-color: #1E3C82;
 font-weight: bold;
 font-family: Verdana, Arial;
 padding: 10px;
}

.tytul_02 {
 font-size: 40px;
 font-weight: bold;
 font-style: italic;
 font-family: Verdana, Arial, sans-serif;
 padding: 10px;
 text-align: center;
}

*.tytul_03 {
 font-size: 26px;
 color: #FFF;
 background-color: #1E3C82;
 font-weight: bold;
 font-family: Verdana, Arial;
 padding: 10px;
}

*.tytul_04 {
 font-size: 18px;
 color: #1E3C82;
 font-weight: bold;
 font-family: Verdana, Arial;
 padding: 10px;
}

.reczna {
 font-size: 12px;
 font-style: italic;
 color: red;
 font-family: Apple Chancery, cursive;
 padding: 10px;
 text-align: center;
}

/* data wposta w Podstronie - "Aktualności"  */
.aktualnosci_data {
 color: navy;
 font-weight: normal;
 font-size: 11px;
 font-family: Verdana, Arial;
 text-align: right;
}

.czerwono {
 color: red;
}

.czarny {
 color: black;
}

.zaloba {
 padding-left:5%;
 padding-right:5%;
 background-color: #CCCCCC
 }

.fiolet {
 color: #990066;
}

.czerwony {
 color: red;
}

.wysokosc14 {
 font-size: 14px;
}

.tekst_czerwono {
 color: red;
 font-weight: bold;
 font-family: Verdana, Arial;
 text-decoration: none;
}

.podkreslnik {
 text-decoration: underline;
}

.pogrubienie {
 font-weight: bold;
}

/*  ????  */
*.akapit_02 {
 margin-bottom: 2px;
}

/* Blok  */
/* Wyrównanie w linii, akapicie  */

.wyrownanie_rowne {
  text-align: justify;
}

.wyrownanie_srodek {
  text-align: center;
}

.wyrownanie_prawo {
  text-align: right;
}

.wyrownanie_lewo {
  text-align: left;
}

/* Wyrównanie w tabelach  */
.tabela_pion_srodek {
  vertical-align: middle;
}

/* class - szerokość tabeli */
.szer-kom_60 {
 width: 60%; /* Ustawienie szerokości na 60% */
 }


.tabela_pion_gora {
  vertical-align: top;
}

.tabela_pion_dol {
  vertical-align: bottom;
}

/* klasy tabel */
/* tabela na 90% */

*.tabela_pion_gora1 {
  vertical-align: bottom;
  width:100%;
}


/* klasy tabel */
*.tab-stopka {
 table-layout:auto;
 width:100%;
 border:4px solid #1e3c82;
 border-width:22% 32%;
 border-spacing:0px 0px;
}

/* Tabela jednowierszowa - stopka */
*.kom-stopka {
 border:3px solid #1e3c82;
 padding:4px;
 border-spacing:3px;
 text-align:left;
}

/* tabela z zaokrągloiem  */
*.tab.zaokr01 {
 border: 2px solid red;
 border-radius: 25px;
 }

*.tabzaokr02 {
 border: 4px solid #990066;
 padding: 10px;
 border-radius: 50px 20px;
 }

/* Blok  */
/* elastyczny model .tabela {text-align: center;} pudełkowy */
/* Laury - noiminowani, laureaci */

.kontener1 {
 display: flex;
 flex-wrap: wrap;
 margin-top:2%;
 align-items: center;
 }

.element1 {
 max-width: 22%;
 margin-left: 4%;
 margin-right: 2%;
 }

.element2 {
 max-width: 66%;
 margin-left: 2%;
 }

.element3 {
 max-width: 94%;
 margin-left: 2%;
 }

.element4a {
 max-width: 40%;
 margin-left: 1%;
 margin-right: 1%;
 }

.element4b {
 max-width: 54%;
 margin-left: 1%;
 }



/* elastyczny model pudełkowy */
.kontener2 {
 width: 45%;
 margin: 0 2.5%;
 }

.kontener2 > img {
 width: 100%;
 padding-top: 56.25%;
 display: block;
 }

.obraz_wys30 > img {
  height: 100%;
  widht: auto;
  max-height: 30px;
 }

.obraz_wys50 > img {
  height: 100%;
  widht: auto;
  max-height: 50px;
 }

.obraz_wys80 > img {
  height: 100%;
  widht: auto;
  max-height: 80px;
 }


.obraz_wys100 > img {
  height: 100%;
  widht: auto;
  max-height: 100px;
 }

.obraz_szer100 > img {
  widh: 100%;
  heightt: auto;
  max-widh: 100px;
 }


/* <table width="100%" border="2" style="color: white"> */
/* table {table-layout:fixed; padding:15px; background-color:#DFF;   width:100%;         border:1px dashed #000;      }*/
/*
border:1px solid blue;
	text-align:left;
	padding-left:5px;
	width:200px;
	ridge
	ridge #1e3c82
	double
	solid
	 radius 5px
	 rules="all"
*/

.tab-2 {
 table-layout:fixed;
 border:5px solid blue;
 border-spacing:5px 2px;
 padding:15px
 width:100%;
 text-align:left;
}

/* margin-top    margin: 0; 	padding: 0;	} ul { margin-top: 0px; } */
/* left right top bottom      */
.bez_marginesu {
	margin:0;
}

.margines-0 {
	margin-block-end: 0px;
  }

.margines-gora {
	margin-top: 0px;
  }

.margines-dol {
	margin-bottom: 0px;
  }

/* margines lewy - kasowanie  */
.margines-lewy_Minus-25 {
	margin-left: -25px;
  }

/* tabulator - pierwszy wiersz - 2% */
.tabulator-lewy_Minus-2 {
	margin-left: 2%;
	text-indent: -2%;

  }


/* #...... - identyfikator Id  np. <div id="wysrodkuj">  */
#wysrodkuj
  {
  width: 800px;
  margin: auto;
  text-align: left
  }

#naglowek
  {
  background-color: #FFFFC8 ;
  text-align: center
  }

/* Dwa okna */
#panel-lewy
  {
  float: left;
  background-color: #FFFFC8;
  width: 510px;
  padding: 10px;
}

#panel-prawy {
  float: right;
  background-color: #FFFFC8;
  width: 250px;
  padding: 10px;
}

/* Jedno na szekokości dwóch okien */
#panel-caly {
  float: left;
  background-color: #FFFFC8;
  width: 760px;
  padding: 10px;
}

#panel-prawy {
  float: right;
  background-color: #FFFFC8;
  width: 250px;
  padding: 10px;
}


/* Dwa okna - menu */
#panel-lewy1 {
  float: left;
  background-color: #FFFFC8;
  width: 180px;
  padding: 10px;
}

#panel-prawy1 {
  float: right;
  background-color: #FFFFC8;
  width: 580px;
  padding: 10px;
}

/* Dwa okna - wyśrodkowane w pionie */
#panel-lewy2 {
  float: left;
  background-color: #FFFFC8;
  width: 200px;
  padding: 10px;
  vertical-align: middle;
}

#panel-prawy2 {
  float: right;
  background-color: #FFFFC8;
  width: 560px;
  padding: 10px;
  vertical-align: middle;
}


/* Dwa okna - wyśrodkowane w pionie i poziomie */
#panel-lewy3 {
  float: left;
  background-color: #FFFFC8;
  width: 520px;
  padding: 10px;
  vertical-align: middle;
}

#panel-prawy3 {
  float: right;
  background-color: #FFFFC8;
  width: 240px;
  padding: 10px;
  vertical-align: middle;
}

/* Dwa okna - wyśrodkowane w pionie i poziomie */
#panel-lewy4 {
  float: left;
  background-color: #FFFFC8;
  width: 100px;
  padding: 10px;
  vertical-align: middle;
}

#panel-prawy4 {
  float: right;
  background-color: #FFFFC8;
  width: 660px;
  padding: 10px;
  vertical-align: middle;
}

#wyczysc {
  clear: both;
  line-height: 0px
}

#stopka {
 background-color: #FFFFC8;
}

#pkt1 {
      margin-left: 0%;
      margin-right: 0%;
      text-align: justify;
}

#pkt2 {
      margin-left: 0%;
      margin-right: 0%;
      text-align: justify;
}

#pkt1 ul {
      list-style-type: disc;
		margin-top: 0;
}

#pkt2 ul {
      list-style-type: disc;
		margin-top: 0;
}

#pkt1 li {
 font-size: 12px;
 color: navy;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
 line-height: 1.4em;
 margin-top: 0;
}

#pkt2 li {
 font-size: 12px;
 color: navy;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
 line-height: 1.4em;
 margin-top: 0;
}


/* tabela z zaokrągloiem  */
/* #tab-zaokr.01 {*/
/*  border: 2px solid red;*/
/*  border-radius: 25px;*/
/* }*/
/* #Tab-zaokr02 {*/
/*  border: 4px solid #990066;*/
/*  padding: 10px;*/
/*  border-radius: 50px 20px;*/
/* }*/




p {
 font-size: 12px;
 color: navy;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
}

p1 {
 font-size: 12px;
 color: black;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
}

/* margin-top    margin: 0; 	padding: 0;	} ul { margin-top: 0px; } */

li {
 font-size: 12px;
 color: navy;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
 }

th {
 font-size: 12px;
 color: navy;
 font-weight: bold;
 font-family: Verdana, Arial;
 text-decoration: none;
}

td {
 font-size: 12px;
 color: navy;
 font-weight: normal;
 font-family: Verdana, Arial;
 text-decoration: none;
}

a:link, a:visited, a:active {
 font-size: 12px;
 color: blue;
 font-weight: bold;
 font-family: Verdana, Arial;
 text-decoration: none;
}

a:hover {
 font-size: 12px;
 color: red;
 font-weight: bold;
 font-family: Verdana, Arial;
 text-decoration: none;
}


Caption
       {
        color: green;
        font-weight: bold;
        font-size: 12px;
        font-family: Verdana, Arial;
    }
dd    {
        color: navy;
        font-weight: normal;
        font-size: 12px;
        font-family: Verdana, Arial;
    }
input
       {
        color: navy;
        font-weight: normal;
        font-size: 12px;
        font-family: Verdana, Arial;
    }
address
       {
        color: navy;
        font-weight: normal;
        font-size: 12px;
    }

h1 {
 color: blue;
 font-weight: bold;
 font-size: 18px;
 font-family: Verdana, Arial;
}

h2 {
 color: blue;
 font-weight: bold;
 font-size: 16px;
 font-family: Verdana, Arial;
}

h3 {
 color: navy;
 font-weight: bold;
 font-size: 14px;
 font-family: Verdana, Arial;
}

h4 {
 color: red;
 font-weight: bold;
 font-size: 11pt;
 font-family: Verdana, Arial;
}

h5 {
 color: white;
 background-color: #1e3c82;
 font-weight: bold;
 font-size: 20px;
 font-family: Verdana, Arial;
}

h6	{
 color: red;
 font-weight: bold;
 font-size: 16pt;
 font-family: Verdana, Arial;
}

h7	{
 color: blue;
 font-weight: bold;
 font-size: 8pt;
 font-family: Verdana, Arial;
}

h8	{
		color: blue;
	   font-weight: bold;
      font-size: 14pt;
	   font-family: Verdana, Arial;
	}
h9	{
		 color: blue;
	    font-weight: bold;
	    font-size: 10pt;
	    font-family: Verdana, Arial;
	}
h10	{
       font-size: 11pt;
	    font-weight: bold;
	    font-family: Verdana, Arial;
       color: blue;
	}
h11	{
	    font-size: 8pt;
	    font-weight: bold;
		font-style: italic;
	    font-family: Verdana, Arial;
        color: red;
	}
h12	{
	    font-size: 8pt;
	    font-weight: bold;
		font-style: italic;
	    font-family: Verdana, Arial;
        color: blue;
	}
h14	{
	    font-size: 14pt;
	    font-weight: bold;
	    font-family: Verdana, Arial;
        color: red;
	}
h15	{
	    font-size: 18pt;
	    font-weight: bold;
		font-style: italic;
	    font-family: Verdana, Arial;
        color: blue;
	}
h16	{
	    font-size: 33pt;
	    font-weight: bold;
	    font-style: italic;
	    font-family: Verdana, Arial;
       color: blue;
	}


/* Klasa linii poziomych */
.linia90 {
 color: blue;
 background-color: blue
 border: none;
 border: 1px solid blue;
 width: 90%;
 height: 5px;
}
.linia80 {
 color: blue;
 background-color: blue
 border: none;
 border: 1px solid blue;
 width: 80%;
 height: 5px;
}

.linia50 {
 color: blue;
 background-color: blue
 border: none;
 border: 1px solid blue;
 width: 70%;
 height: 5px;
}

/* Menu pionowe */


.liniaCienka {
 color: navy;
 background-color: navy;
 border: none;
 width: 100%;
 height: 1px;
}

hr {
 color: blue;
 background-color: blue
 border: none;
 border: 1px solid blue;
 width: 100%;
 height: 5px;
}


/* Menu pionowe */
ul.menu-pion {
 display: block;
 list-style: none;
 margin: 0;
 padding: 5;
 width: 140px;
}

ul.menu-pion a:link, ul.menu-pion a:visited {
 display: block;
 font-size: 12px;
 font-weight: bold;
 font-family: Verdana, Arial;
 color: #FFF;
 background-color: #1e3c82;
 border: 2px solid #FFFFFF;
 width: 140px;
 padding: 5px;
 text-decoration: none;
}

ul.menu-pion a:hover {
 color: #1e3c82;
 background-color: #fff;
 border: 2px solid #000000;
 border-bottom-color: #fff;
 padding: 7px 3px 3px 7px;
}

/* Menu pionowe1 */
ul.menu-pion1 {
 display: block;
 list-style: none;
 margin: 0;
 padding: 5;
 width: 160px;
}

ul.menu-pion1 a:link, ul.menu-pion1 a:visited {
 display: block;
 font-size: 12px;
 font-weight: bold;
 font-family: Verdana, Arial;
 color: #FFF;
 background-color: #1e3c82;
 border: 2px solid #FFFFFF;
 width: 160px;
 padding: 5px;
 text-decoration: none;
}

ul.menu-pion1 a:hover {
 color: #1e3c82;
 background-color: #fff;
 border: 2px solid #000000;
 border-bottom-color: #fff;
 padding: 7px 3px 3px 7px;
}


/* Odnośniki pionowe */
ul.odnosnik-pion {
 display: block;
 list-style: none;
 margin: 0;
 padding: 5px;
 width: 660px;
}

ul.odnosnik-pion a:link, ul.odnosnik-pion a:visited {
 display: block;
 font-size: 12px;
 font-weight: bold;
 font-family: Verdana, Arial;
 color: #FFF;
 background-color: #1e3c82;
 border: 2px solid #FFFFFF;
 width: 660px;
 padding: 5px;
 text-decoration: none;
}

ul.odnosnik-pion a:hover {
 color: #1e3c82;
 background-color: #fff;
 border: 2px solid #000000;
 border-bottom-color: #fff;
 padding: 7px 3px 3px 7px;
}

/* Odnośniki pionowe 1 */
ul.odnosnik-pion1 {
 display: block;
 list-style: none;
 margin: 0;
 padding: 10px;
 width: 720px;
}

ul.odnosnik-pion1 a:link, ul.odnosnik-pion1 a:visited {
 display: block;
 font-size: 16px;
 font-weight: bold;
 font-family: Verdana, Arial;
 color: #FFF;
 background-color: #1e3c82;
 border: 7px solid #FFFFC8;
 width: 720px;
 padding: 10px;
 text-decoration: none;
}

ul.odnosnik-pion1 a:hover {
 color: #1e3c82;
 background-color: #fff;
 border: 2px solid #000000;
 border-bottom-color: #fff;
 padding: 7px 3px 3px 7px;
}


ol.podpunkty1 {
   counter-reset: mojalista;
}

ol.podpunkty1 > li {
   list-style: none;
   counter-increment: mojalista;
   margin-left: -1em;
}

ol.podpunkty1> li:before {
   content:counter(mojalista) ")  ";
   text-indent: -2em;
   display: inline-block;
/*   text-align: right; */

}
ol.podpunkty2> li:before {
   content:counter(mojalista) ")  ";
   text-indent: -2em;
   display: inline-block;
/*   text-align: right; */

@counter-style nazwaA {
	system: extends decimal;
	suffix: ")";
}
ol {
	list-style-type: nazwaA;
}