
body 
{
	font-weight:400;
	margin: 0;
	border: 0;
	font-family: 'Lato', 'Arial Black';
	background-color:#f6f2e4;
}


h1, h2, h3, h4, h5, h6
{
  font-family: "Atma", system-ui;
  font-optical-sizing: auto;
  font-weight: 500 !important;
  font-style: normal;

}

h1 { font-size:3rem; }
h2 { font-size:2.5rem; }
h3 { font-size:2.0rem; }
h4 { font-size:1.75rem; }
h5 { font-size:1.5rem; }

#tresc { z-index:10; position:relative; }

.strona_bez_podmenu
{
	margin-top:3rem; 
}

.strona_z_podmenu
{
	margin-top:3rem; 
}

.strona_z_podmenu .tytul_strony
{
	margin-top:1rem; 
	margin-bottom:2rem; 
}

.tytul_strony 
{
	color:#0066b7 !important; 
	font-size:3rem; 
}


/* klasy pomocnicze */

.no_margin { margin:0px !important; }
.no_padding { padding:0px !important; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }

/* Lista aktualnosci - wpis listy */
.lista_aktualnosci .aktualnosc_belka 
{
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	transition: transform 0.3s;
	height:100%;	
}
.lista_aktualnosci .aktualnosc_belka:hover 
{
    transform: scale(1.05);
}

.lista_aktualnosci .aktualnosc_belka img 
{
	max-width: 100%;
	height: auto;
}
		
.lista_aktualnosci .aktualnosc_belka .m 
{ 
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
		
.lista_aktualnosci .aktualnosc_belka a span 
{ 
	position:absolute; 
	bottom:5%;
	left:0; 
	right:0;			
	text-align:center; 
	background-color:rgb(6 27 59 / 75%);
	color:#FFF;
	min-height:20%; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	font-size:1.70rem;
	font-weight:700;
	flex: 1;
	flex-direction: column;
	padding: 0 10px 0px 10px;
	
}






.sekcjaPodmenu { margin-top:8px; }

.sekcjaPodmenu .podmenu:not(:first-child)
{
	margin:30px 0 0 0;
}

.sekcjaPodmenu .podmenu
{
	border-left:1px solid #3f51b591;
	border-right:1px solid #3f51b58f;
	border-bottom: 1px solid #607D8B;
	
	border-radius:5px;	
   
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3dd+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,243,221,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,243,221,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,233,194,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.podmenu .panel-body > div:last-child a { border-bottom:0px;  }

.sekcjaPodmenu .podmenu .panel-heading
{
	
}

.sekcjaPodmenu .podmenu .panel-heading img
{
	width:48px;
	position:absolute;
	left:5px; 
	bottom:-4px;
}


.sekcjaPodmenu .podmenu:last-child
{
	border-bottom:1px solid #b8b8b8;
}

.sekcjaPodmenu .podmenu .panel-heading
{
	border-radius:5px;
}

.sekcjaPodmenu .podmenu:last-child .panel-body > div:last-child
{

}

.sekcjaPodmenu .podmenu .panel-heading
{
	  background: rgba(30,87,153,0.9);
	  color:#FFFFFF;
	  font-size:1.8rem;
	  font-weight:500;
	  padding:0.2rem 0 0.1rem 6.0rem;
	  position:relative;
	 font-family: "Atma", system-ui;
}

.sekcjaPodmenu .podmenu .panel-heading i
{
	margin:0px 0.8rem 0px 0;
	font-size:2rem;
	vertical-align:middle;
	position:relative;
	bottom:1px;
}


.sekcjaPodmenu .podmenu .panel-body
{
	padding:0px;
   
}

.sekcjaPodmenu .glyphicon
{
	color:#507193; 
}

.sekcjaPodmenu .podmenu .panel-body > div
{

}

.sekcjaPodmenu .podmenu .panel-body > div:hover
{
	background: rgba(120,180,50,1); 
}

.sekcjaPodmenu .podmenu .panel-body a
{
	font-size:1.7rem;
	font-weight:700;
	font-style:italic;
	color:#213c56;
	width:100%;
	display:inline-block;
	padding:0.3rem 0.5rem 0.3rem 1rem;
	text-decoration:none; 
	border-bottom:2px solid #c9c9c9; 
}

.sekcjaPodmenu .podmenu .panel-body a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.aktualnosc {  }
.aktualnosc .naglowek { text-align:center; margin-top:3rem; }







/* MAIN MENU */


/* tabela na divach */
.div_t_ph { } /* div table place holder dla poprawnie dzialajacego :after table */
.div_t { display:table; width:100%; }
.div_rg { display:table-row-group;}
.div_r { display:table-row; }
.div_c { display:table-cell; vertical-align:middle; }


/* ------------------------------------------------------------------- */

/* ZIC */
.zic 
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/zakl_icons.png') no-repeat;
    vertical-align: middle;
}

.zic.v10 { background-position:0 0;}
.zic.v11 { background-position:0 -16px;}
.zic.v12 { background-position:0 -32px;}
.zic.v13 { background-position:0 -48px;}
.zic.v14 { background-position:0 -64px;}
.zic.v15 { background-position:0 -80px;}
.zic.v16 { background-position:0 -96px;}
.zic.v17 { background-position:0 -112px;}
.zic.v18 { background-position:0 -128px;}
.zic.v19 { background-position:0 -144px;}

.zic.v20 { background-position:-16px 0;}
.zic.v21 { background-position:-16px -16px;}
.zic.v22 { background-position:-16px -32px;}
.zic.v23 { background-position:-16px -48px;}
.zic.v24 { background-position:-16px -64px;}
.zic.v25 { background-position:-16px -80px;}
.zic.v26 { background-position:-16px -96px;}
.zic.v27 { background-position:-16px -112px;}
.zic.v28 { background-position:-16px -128px;}
.zic.v29 { background-position:-16px -144px;}

.zic.v30 { background-position:-32px 0;}
.zic.v31 { background-position:-32px -16px;}
.zic.v32 { background-position:-32px -32px;}
.zic.v33 { background-position:-32px -48px;}
.zic.v34 { background-position:-32px -64px;}
.zic.v35 { background-position:-32px -80px;}
.zic.v36 { background-position:-32px -96px;}
.zic.v37 { background-position:-32px -112px;}
.zic.v38 { background-position:-32px -128px;}
.zic.v39 { background-position:-32px -144px;}

.zic.v40 { background-position:-48px 0;}
.zic.v41 { background-position:-48px -16px;}
.zic.v42 { background-position:-48px -32px;}
.zic.v43 { background-position:-48px -48px;}
.zic.v44 { background-position:-48px -64px;}
.zic.v45 { background-position:-48px -80px;}
.zic.v46 { background-position:-48px -96px;}
.zic.v47 { background-position:-48px -112px;}
.zic.v48 { background-position:-48px -128px;}
.zic.v49 { background-position:-48px -144px;}

.zic.v50 { background-position:-64px 0;}
.zic.v51 { background-position:-64px -16px;}
.zic.v52 { background-position:-64px -32px;}
.zic.v53 { background-position:-64px -48px;}
.zic.v54 { background-position:-64px -64px;}
.zic.v55 { background-position:-64px -80px;}
.zic.v56 { background-position:-64px -96px;}
.zic.v57 { background-position:-64px -112px;}
.zic.v58 { background-position:-64px -128px;}
.zic.v59 { background-position:-64px -144px;}

.zic.v60 { background-position:-80px 0;}
.zic.v61 { background-position:-80px -16px;}
.zic.v62 { background-position:-80px -32px;}
.zic.v63 { background-position:-80px -48px;}
.zic.v64 { background-position:-80px -64px;}
.zic.v65 { background-position:-80px -80px;}
.zic.v66 { background-position:-80px -96px;}
.zic.v67 { background-position:-80px -112px;}
.zic.v68 { background-position:-80px -128px;}
.zic.v69 { background-position:-80px -144px;}

.zic.v70 { background-position:-96px 0;}
.zic.v71 { background-position:-96px -16px;}
.zic.v72 { background-position:-96px -32px;}
.zic.v73 { background-position:-96px -48px;}
.zic.v74 { background-position:-96px -64px;}
.zic.v75 { background-position:-96px -80px;}
.zic.v76 { background-position:-96px -96px;}
.zic.v77 { background-position:-96px -112px;}
.zic.v78 { background-position:-96px -128px;}
.zic.v79 { background-position:-96px -144px;}

.zic.v80 { background-position:-112px 0;}
.zic.v81 { background-position:-112px -16px;}
.zic.v82 { background-position:-112px -32px;}
.zic.v83 { background-position:-112px -48px;}
.zic.v84 { background-position:-112px -64px;}
.zic.v85 { background-position:-112px -80px;}
.zic.v86 { background-position:-112px -96px;}
.zic.v87 { background-position:-112px -112px;}
.zic.v88 { background-position:-112px -128px;}
.zic.v89 { background-position:-112px -144px;}

.zic.v90 { background-position:-128px 0;}
.zic.v91 { background-position:-128px -16px;}
.zic.v92 { background-position:-128px -32px;}
.zic.v93 { background-position:-128px -48px;}
.zic.v94 { background-position:-128px -64px;}
.zic.v95 { background-position:-128px -80px;}
.zic.v96 { background-position:-128px -96px;}
.zic.v97 { background-position:-128px -112px;}
.zic.v98 { background-position:-128px -128px;}
.zic.v99 { background-position:-128px -144px;}

.zic.v100 { background-position:-144px 0;}
.zic.v101 { background-position:-144px -16px;}
.zic.v102 { background-position:-144px -32px;}
.zic.v103 { background-position:-144px -48px;}
.zic.v104 { background-position:-144px -64px;}
.zic.v105 { background-position:-144px -80px;}
.zic.v106 { background-position:-144px -96px;}
.zic.v107 { background-position:-144px -112px;}
.zic.v108 { background-position:-144px -128px;}
.zic.v109 { background-position:-144px -144px;}

.zic.v110 { background-position:-160px 0;}
.zic.v111 { background-position:-160px -16px;}
.zic.v112 { background-position:-160px -32px;}
.zic.v113 { background-position:-160px -48px;}
.zic.v114 { background-position:-160px -64px;}
.zic.v115 { background-position:-160px -80px;}
.zic.v116 { background-position:-160px -96px;}
.zic.v117 { background-position:-160px -112px;}
.zic.v118 { background-position:-160px -128px;}
.zic.v119 { background-position:-160px -144px;}

.zic.v120 { background-position:-176px 0;}
.zic.v121 { background-position:-176px -16px;}
.zic.v122 { background-position:-176px -32px;}
.zic.v123 { background-position:-176px -48px;}
.zic.v124 { background-position:-176px -64px;}
.zic.v125 { background-position:-176px -80px;}
.zic.v126 { background-position:-176px -96px;}
.zic.v127 { background-position:-176px -112px;}
.zic.v128 { background-position:-176px -128px;}
.zic.v129 { background-position:-176px -144px;}

.zic.v130 { background-position:-192px 0;}
.zic.v131 { background-position:-192px -16px;}
.zic.v132 { background-position:-192px -32px;}
.zic.v133 { background-position:-192px -48px;}
.zic.v134 { background-position:-192px -64px;}
.zic.v135 { background-position:-192px -80px;}
.zic.v136 { background-position:-192px -96px;}
.zic.v137 { background-position:-192px -112px;}
.zic.v138 { background-position:-192px -128px;}
.zic.v139 { background-position:-192px -144px;}

.zic.v140 { background-position:-208px 0;}
.zic.v141 { background-position:-208px -16px;}
.zic.v142 { background-position:-208px -32px;}
.zic.v143 { background-position:-208px -48px;}
.zic.v144 { background-position:-208px -64px;}
.zic.v145 { background-position:-208px -80px;}
.zic.v146 { background-position:-208px -96px;}
.zic.v147 { background-position:-208px -112px;}
.zic.v148 { background-position:-208px -128px;}
.zic.v149 { background-position:-208px -144px;}

.zic.v150 { background-position:-224px 0;}
.zic.v151 { background-position:-224px -16px;}
.zic.v152 { background-position:-224px -32px;}
.zic.v153 { background-position:-224px -48px;}
.zic.v154 { background-position:-224px -64px;}
.zic.v155 { background-position:-224px -80px;}
.zic.v156 { background-position:-224px -96px;}
.zic.v157 { background-position:-224px -112px;}
.zic.v158 { background-position:-224px -128px;}
.zic.v159 { background-position:-224px -144px;}

.zic.v160 { background-position:-240px 0;}
.zic.v161 { background-position:-240px -16px;}
.zic.v162 { background-position:-240px -32px;}
.zic.v163 { background-position:-240px -48px;}
.zic.v164 { background-position:-240px -64px;}
.zic.v165 { background-position:-240px -80px;}
.zic.v166 { background-position:-240px -96px;}
.zic.v167 { background-position:-240px -112px;}
.zic.v168 { background-position:-240px -128px;}
.zic.v169 { background-position:-240px -144px;}

.zic.v170 { background-position:-256px 0;}
.zic.v171 { background-position:-256px -16px;}
.zic.v172 { background-position:-256px -32px;}
.zic.v173 { background-position:-256px -48px;}
.zic.v174 { background-position:-256px -64px;}
.zic.v175 { background-position:-256px -80px;}
.zic.v176 { background-position:-256px -96px;}
.zic.v177 { background-position:-256px -112px;}
.zic.v178 { background-position:-256px -128px;}
.zic.v179 { background-position:-256px -144px;}

.zic.v180 { background-position:-270px 0;}
.zic.v181 { background-position:-270px -16px;}
.zic.v182 { background-position:-270px -32px;}
.zic.v183 { background-position:-270px -48px;}
.zic.v184 { background-position:-270px -64px;}
.zic.v185 { background-position:-270px -80px;}
.zic.v186 { background-position:-270px -96px;}
.zic.v187 { background-position:-270px -112px;}
.zic.v188 { background-position:-270px -128px;}
.zic.v189 { background-position:-270px -144px;}
.zic.v189 { background-position:-270px -144px;}


.lista_plikow 
{
    margin: 0px auto;
    max-width: 800px;
}

.lista_plikow .card-header
{
	background-color:rgb(53 137 194); 
	color:#FFF;
	border:1px solid rgb(38 81 109);
}

.pliki_download_tab
{
    width: 100%;
}
.pliki_download_tab TH
 {
    color: #4a4a4a;
    padding: 2px 3px 2px 3px;
}
.pliki_download_tab TD:nth-child(1), .pliki_download_tab TH:nth-child(1)
{
    width: 45px;
    text-align: center;
    padding: 3px 0 5px 0;
}

.pliki_download_tab TD:nth-child(2), .pliki_download_tab TH:nth-child(2)
{
    font-size:1.3rem;
    font-weight:700;
}
.pliki_download_tab TD:nth-child(3), .pliki_download_tab TH:nth-child(3)
{
    text-align: center;
    width: 80px;
}

.pliki_download_tab TD:nth-child(3)
{
    font-size: 0.8em;
    color: #999999;
}

.pliki_download_tab TD:nth-child(4), .pliki_download_tab TH:nth-child(4) 
{
    text-align: center;
    width: 100px;
}

.pliki_download_tab TD:nth-child(5), .pliki_download_tab TH:nth-child(5) 
{
    text-align: center;
    width: 60px;
}


.pliki_download_tab TR:hover TD
{
    background: linear-gradient(to right, rgba(255, 255, 255, 0.01), #F2F2F2 10%, #D4D4D4 40%, #D4D4D4 60%, #F2F2F2 90%, rgba(255, 255, 255, 0.01)), #ffefd7;
    background-size: 100% 1px, 100%;
    background-repeat: no-repeat;
    background-position: bottom, top;
}

.pliki_download_tab TR
{
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01), #F2F2F2 10%, #D4D4D4 40%, #D4D4D4 60%, #F2F2F2 90%, rgba(255, 255, 255, 0.01));
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.pliki_download_tab TR:last-child
{
    background: none;
}

.lista_plikow i { font-size:2.8rem; }



.listaPodpietychStron
{

}

.listaPodpietychStron > a
{
	font-size:1.5rem;
	display:block;
	padding:5px 10px 5px 10px;
}

.listaPodpietychStron > a:hover
{
	background-color:#507193;
	border-radius:5px;
	color:#FFFFFF;
	text-decoration:none;  
}

.listaPodpietychStron > a:hover span
{
	color:#FFFFFF;
}

.listaPodpietychStron .glyphicon
{
	font-size:1.7rem;
	color:#507193;
}


.galeria img
{
	transition-property: all;
	transition-duration: 0.2s; 
	filter: brightness(1.05) contrast(1.05); 
}

.galeria img:hover
{
    transform: scale(1.02);
}


/* galeria zdjec */

.pliki_gal 
{
    text-align: center;
}
.pliki_gal .obr_war 
{
    display: inline-block;
}

.pliki_gal.gal_vb B 
{
    font-size: 15px;
    color: #bb2020;
    display: block;
    margin: 5px auto 0px auto;
}

.pliki_gal.gal_vm B 
{
    font-size: 11px;
    color: #bb2020;
    display: block;
    margin: 5px auto 0px auto;
}

.pliki_gal.gal_vs B 
{
    font-size: 11px;
    color: #bb2020;
    display: block;
    margin: 5px auto 0px auto;
}


.pliki_gal.gal_vb .obr_war 
{
    margin: 0 auto 30px auto;
}

.pliki_gal.gal_vm .obr_war 
{

}

.pliki_gal.gal_vs .obr_war 
{
	margin: 5px;
}

.pliki_gal.gal_vs img 
	{
	max-width:168px; 
	max-height:112px;
	vertical-align:middle;
}

.pliki_gal.gal_vb
{

}

.pliki_gal.gal_vm
{

}

.pliki_gal.gal_vs *
{
	vertical-align:middle;
}



.listaPodpietychGalerii a 
{
	position:relative;
	display:inline-block;
	background-size:cover;
	margin:15px auto 15px auto;
	border-radius:4px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.4);
	transition-property: all;
	transition-duration: 0.2s;
	filter: brightness(1.05) contrast(1.05);
}

.listaPodpietychGalerii a:hover 
{
  transform: scale(1.02);

}

.listaPodpietychGalerii .thumb
{

}

.listaPodpietychGalerii img 
{
	max-width:100%;
	max-height:100%;
}

.listaPodpietychGalerii .thumb span
{
	display:block;
	position:absolute;
	bottom:10px;
	right:4px;
	left:4px;
	bottom:4px;
	background-color:rgba(0,60,100,0.5);
	font-size:2rem;
	color:#FFF;
	font-weight:700;
	padding:5px 0 5px 0px;
	text-align:center;
	text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

ul.pagination li a
{
    transition: background-color .3s;
    border: solid 1px #c0c0c0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 2px 2px rgba(255,255,255, 1);

}

ul.pagination li a:hover 
{
    border:1px solid orange;
    background: #ffbe72;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#ffbe72));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #ffbe72);
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover 
{
    border:1px solid orange;
    background: #ffbe72;
    color:#3d3d3d; 
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#ffc580));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #ffc580);
}

ul.pagination li 
{
    
}

.karuzela_v1 {  }
.karuzela_v1 .tytul_karuzeli { background-color:rgba(0,60,100,0.5); border-radius:0 10px 10px 0; color:#FFF; position:absolute; top:0px; z-index:1000; padding:5px 5px 5px 10px;  }
.karuzela_v1 .carousel-caption { width:100%; left:0; bottom:0;  }
.karuzela_v1 .carousel-indicators { bottom:0; }
.karuzela_v1 .carousel-caption h3 
{ 
	padding:5px 0 5px 0; 
	background-color:rgba(0,60,100,0.5);
	font-size:2rem;
	color:#FFF;
	font-weight:700;
	text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

.karuzela_v1 img 
{ 
	max-width:100%;
	max-height:100%; 
}

.karuzela_v1 .item 
{
	background-position:center; 
	background-size:cover; 
	transition-property: all;
	transition-duration: 0.5s;
}


.top-buffer { margin-top:20px; }
.top-buffer40 { margin-top:40px; }

.carousel img 
{
    min-width: 100%;
}

















.grayscale *
{
    filter: grayscale(1);
}

.sm-font 
{
    font-size: 1.2rem !important;
}

.med-font 
{
    font-size: 1.5rem !important;
}

.big-font 
{
    font-size: 2rem !important;
}

.deklaracja-dostepnosci-logo { position:absolute; top:5px; left:20px; border:2px solid white; border-radius:3px;  }






/* bootstrap dodatkowe */

.stopka_war  
{
	position:relative; 
}
.stopka_war .stopka_main
{
	border:0px solid red; 
	background-size:cover !important;
	background-position:top center !important;
	min-height:450px; 
	padding:100px 0 0 0;
}

.stopka_war .stopka_karta
{
	color:#ffffff; 
	border-radius:10px; 
	background-color:rgba(100,125,20,0.4);
	padding:20px; 
	height:100%; 
	z-index:11;
	position:relative; 
}

.stopka_war .stopka_sloneczko, .stopka_war .stopka_znak
{
	position:absolute; 
}

.stopka_war .stopka_sloneczko
{
	position:absolute; 
	right:0; 
	top:-50px;
	z-index:10;
}

.stopka_war .stopka_znak
{
	position:absolute; 
	left:0; 
	top:0;
	z-index:10;
	
	
}

.stopka_war .link_fb
{
	margin:10px 0 10px 0;
	box-shadow:1px 1px 0px rgba(0,0,0,1);
	border-radius:10px; 
	transition: transform 0.3s;
}

.stopka_war .link_insta
{
	margin:10px 0 10px 0;
	transition: transform 0.3s;
}

.stopka_war .link_fb:hover, .stopka_war .link_insta:hover
{
    transform: scale(1.05);
}

.stopka_war .stopka_karta :is(h1, h2, h3, h4, h5, h6) 
{
    color: #e8ffa4;
	font-weight:700; 
}


/* stopka  */
.stopka_stats_war
{
	background-color:#A4BE5D;
	background:url('../pliki/org/stopka_tlo_opt_jpg-2.jpg') no-repeat;
	background-position:bottom center;
	background-size:cover; 
}
	
.stopka_stats .zic 
{
    margin: 0 0.3rem 0 0;
}

.stopka_stats * 
{
    vertical-align: middle;
}


.stopka_war .stopka_stats
{
    font-size: 1.1rem;
	background-color:rgba(100,125,20,0.7);
	color:white;
	padding:8px 5px 6px 5px;
	border-radius:5px 5px 0 0;
	width: fit-content;
	margin:0px auto; 
	overflow:hidden; 
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.stopka_war .stopka_stats a { color: white; text-decoration:none; }
.stopka_war .stopka_stats > div { padding:0px 10px 0px 10px; } 




@keyframes twinkle {
	0% { filter: saturate(1.0) hue-rotate(0.0turn) brightness(1.0); }
	25% { filter: saturate(1.5) hue-rotate(-0.1turn) brightness(1.0); }
	50% { filter: saturate(1.0) hue-rotate(0.0turn) brightness(1.1); }
	75% { filter: saturate(1.0) hue-rotate(0.6turn) brightness(1.3); }
	100% { filter: saturate(1.0) hue-rotate(0.0turn) brightness(1.0); }
}


.main_menu_war_big
{
	position:relative; 
	overflow:hidden;
}

.main_menu_war_big:before
{
	content: '';
	position: absolute;
	top: -1vh;
	right: 0;
	bottom: 0;
	left: 0;
	
	z-index:2; 
	background-image: url('../images/gwiazdki_tlo3.png');
	background-repeat:no-repeat; 
	background-position:top left;	
	background-size:50vh;

    opacity: 1;
    animation: twinkle 6s infinite ease-in-out;	
	overflow:hidden; 
}

.main_menu_war_big .main_menu
{
	position: relative;
	border:0px solid red;
	display:flex;
	align-content:center; 
	justify-content: center;
	background-image: url('../images/przedszkole_rajcza_gora_v9.jpg');
	background-repeat:no-repeat; 
	background-position:top center;
	background-size:cover;
	height:100vh;
	padding:40vh 15vh 20vh 15vh; 
}

.main_menu_war_big .main_menu:before 
{
	content: '';
	position: absolute;
	top: -120px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:3;
	background-image: url('../images/sloneczko.png'), url('../images/ksiezyc_bez_gwiazdek.png');
	background-repeat:no-repeat;
	background-position:90% 5%, 5% 10%;
	background-size: 200px, 200px;
	animation: sun-move 4s ease-in-out infinite;
	overflow:hidden; 
	border:0px solid red; 
}

@keyframes sun-move 
{

	0% { transform: translateY(0) rotate(1deg); }
	50% { transform: translateY(10px) rotate(2deg); }
	100% { transform: translateY(0) rotate(1deg); }
}

.main_menu_war_big .main_menu:after 
{
	content: '';
	position: absolute;

	bottom: 0%;
	left: 0;
	right:0; 
	height:5vh; 
	
	background-image: url('../images/gwiazdki_pasek.png'), linear-gradient(to bottom, rgba(248, 246, 237, 0) 70%, #f8f6ed 100%);
	background-repeat:repeat-x, repeat-x;
	background-position: center bottom, center bottom;
	background-size:50vh, 100%;	
}

.main_menu_war_big .main_menu .menu-container 
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 1fr);
	border:0px solid red;
	position:relative; 
}

.main_menu_war_big .main_menu .menu-item 
{
	color: white;
	font-size: 1.8rem;
	font-weight:500;
	opacity: 0;
	transition: background-color 0.2s ease;
	padding: 0px;
	aspect-ratio: 1 / 1;
	z-index:5;
	border:5px solid rgba(0,0,0,0);
	transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	
	font-family: "Atma", system-ui;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}


.main_menu_war_big .main_menu DIV.menu-item:nth-child(6)
{
	border-width:2px 2px 1px 2px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(8)
{
	border-width:2px 1px 2px 2px;
	border-color:rgba(0,0,0,0.3);
	
}

.main_menu_war_big .main_menu .menu-item:nth-child(9)
{
	border-width:2px 1px 1px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(10)
{
	border-width:2px 1px 1px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(11)
{
	border-width:2px 1px 1px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(12)
{
	border-width:1px 1px 1px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(13)
{
	border-width:2px 2px 2px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(15)
{
	border-width:1px 1px 2px 2px;
	border-color:rgba(0,0,0,0.3);
}


.main_menu_war_big .main_menu .menu-item:nth-child(16)
{
	border-width:1px 1px 2px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(17)
{
	border-width:1px 1px 2px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item:nth-child(18)
{
	border-width:1px 2px 2px 1px;
	border-color:rgba(0,0,0,0.3);
}

.main_menu_war_big .main_menu .menu-item i 
{
	font-size: 5rem;
	margin-bottom: 2rem;
}

.main_menu_war_big .main_menu .menu-item a 
{
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;	
	width: 100%;
	height: 100%;
	padding:1vh 0 0 0;
	text-shadow: 0.070em 0.070em 0 hsl(0deg 0% 20%);
}

.main_menu_war_big .main_menu .menu-item:hover { filter:brightness(1.1); border:5px solid rgba(0,0,0,0.1); box-shadow:inset 0 0 10px rgba(0,0,0,0.8); }

.main_menu_war_big .main_menu .color1 { background-color: #ff7043; color:#ffffff; }
.main_menu_war_big .main_menu .color2 { background-color: #606a74; color:#ffffff; } 
.main_menu_war_big .main_menu .color3 { background-color: #009688; color:#ffffff; } 
.main_menu_war_big .main_menu .color4 { background-color: #6fa550; color:#ffffff; } 
.main_menu_war_big .main_menu .color5 { background-color: #b75757; color:#ffffff; } 
.main_menu_war_big .main_menu .color6 { background-color: #476d90; color:#ffffff; } 
.main_menu_war_big .main_menu .color7 { background-color: #e5bf2e; color:#ffffff; } 
.main_menu_war_big .main_menu .color8 { background-color: #8d6e63; color:#ffffff; } 
.main_menu_war_big .main_menu .color9 { background-color: #22a4de; color:#ffffff; } 
.main_menu_war_big .main_menu .color10 { background-color: #8b445c; color:#ffffff; } 
.main_menu_war_big .main_menu .color11 { background-color: #5c6bc0; color:#ffffff; } 
.main_menu_war_big .main_menu .color12 { background-color: #ff5252; color:#ffffff; } 
.main_menu_war_big .main_menu .color13 { background: #b44592; color:#ffffff;}
.main_menu_war_big .main_menu .color14 { background-color: #3b5998; color:#ffffff; }	
	
.main_menu_war_big .main_menu .empty { background: none; }
.main_menu_war_big .main_menu i { color:#ffffff; text-shadow: .05em .05em 0 hsl(0deg 0% 28.66%); }

.main_menu_war_big .main_menu .rounded-top-left-right { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.main_menu_war_big .main_menu .rounded-bottom-left { border-bottom-left-radius: 1rem; }
.main_menu_war_big .main_menu .rounded-bottom-right { border-bottom-right-radius: 1rem; }
.main_menu_war_big .main_menu .rounded-top-right-bottom-right { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.main_menu_war_big .main_menu .rounded-top-left-bottom-left { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

/* Animacje */
.main_menu_war_big .main_menu .animate-from-top { animation: slideFromTop 1.5s ease-out forwards; }
.main_menu_war_big .main_menu .animate-from-left { animation: slideFromLeft 1.5s ease-out forwards; }
.main_menu_war_big .main_menu .animate-from-right { animation: slideFromRight 1.5s ease-out forwards; }
.main_menu_war_big .main_menu .animate-from-bottom { animation: slideFromBottom 1.5s ease-out forwards; }
.main_menu_war_big .main_menu .animate-fade-in { animation: fadeIn 1.5s ease-out forwards; }

@keyframes slideFromTop 
{
	from { transform: translateY(-100%); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

@keyframes slideFromLeft 
{
	from { transform: translateX(-100%); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

@keyframes slideFromRight 
{
	from { transform: translateX(100%); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}

@keyframes slideFromBottom 
{
	from { transform: translateY(100%); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

@keyframes fadeIn 
{
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes glowMove 
{
    0% { transform: translateX(0px) scale(1) rotate(0deg); }
    25% { transform: translateX(-4px) scale(1.15) rotate(-3deg); }
    50% { transform: translateX(4px) scale(1.05) rotate(3deg); }
    75% { transform: translateX(-2px) scale(1.08) rotate(-1deg); }
    100% { transform: translateX(0px) scale(1) rotate(0deg); }
}

.main_menu_war_big .logo_link
{
	border:0px solid red; 
	position:absolute;
	width:36.5vh; 
	height:35.5vh;
	z-index:10; 
	left:0vw;
	top:-25vh;
}

.main_menu_war_big .logo_link span
{
	display:flex;
}


.main_menu_war_big .napis_logo
{
	border:0px solid red;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:10;
	background-color:rgba(255,255,255,0.9);
	border-radius:10px;
	box-shadow:0px 0px 20px rgba(118, 120, 75,0.5);
	border:0px solid rgba(255,255,255,0.7);
	padding:0 2vh 1vh 2vh;
}

.main_menu_war_big .napis_logo_gw1
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:3%; 
	z-index:10; 

    animation: glowMove 12s ease-in-out infinite;
	
}

.main_menu_war_big .napis_logo_gw2
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	
	animation: glowMove 13s ease-in-out infinite;
}

.main_menu_war_big .napis_logo_gw3
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	
	animation: glowMove 11s ease-in-out infinite;
}

.main_menu_war_big .napis_logo_gw4
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	animation: glowMove 14s ease-in-out infinite;
}
















.kontakt_box
{

}

.kontakt_box > div > div > div
{
	background-color: #3987b6;
	color: #FFF;
	border-radius:10px;
	text-shadow:2px 2px 0px rgba(0,0,0,0.45);
	font-size: 2rem;
	
}

.kontakt_box > div > div > div  > div:nth-child(2)
{
	border:0px solid red; 
	

}

.kontakt_box .tel 
{
	font-size: 2rem;
}

.kontakt_box .fas 
{

	font-size: 3rem;
	font-weight: bold;
	vertical-align: middle;
	padding-top:0.6rem; 
}

















.menu_kafelki .tile 
{
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	transition: transform 0.3s;
	height:100%;	
}
.menu_kafelki .tile:hover 
{
    transform: scale(1.05);
}

.menu_kafelki .tile img 
{
	max-width: 100%;
	height: auto;
}
		
.menu_kafelki .tile .m 
{ 
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
		
.menu_kafelki .tile a span 
{ 
	position:absolute; 
	bottom:5%;
	left:0; 
	right:0;			
	text-align:center; 
	background-color:rgb(6 27 59 / 75%);
	color:#FFF;
	min-height:20%; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	font-size:1.70rem;
	font-weight:700;
	flex: 1;
	flex-direction: column;
	padding: 0 10px 0px 10px;
	
}
		







.main_menu_war_small
{
	background-image: url('../images/przedszkole_rajcza_gora_v9.jpg');
	background-repeat:no-repeat; 
	background-position:left 30%;
	background-size:cover;
	border-bottom:1px solid #53440f; 
}


.main_menu_war_small .logo_link
{
	position:relative; 
	border:0px solid red; 
	min-width:120px; 
	min-height:120px;
	z-index:10; 
}

.main_menu_war_small .napis_logo
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	z-index:10;
	background-color:rgba(255,255,255,0.9);
	border-radius:10px;
	box-shadow:0px 0px 10px rgba(118, 120, 75,0.5);
	padding:0 0.5vh 0.5vh 0.5vh;
}

.main_menu_war_small .napis_logo_gw1
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:3%; 
	z-index:10; 

    animation: glowMove 12s ease-in-out infinite;
	
}

.main_menu_war_small .napis_logo_gw2
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	
	animation: glowMove 13s ease-in-out infinite;
}

.main_menu_war_small .napis_logo_gw3
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	
	animation: glowMove 11s ease-in-out infinite;
}

.main_menu_war_small .napis_logo_gw4
{
	border:0px solid red; 
	position:absolute;
	top:0;
	width:50%;
	left:25%;
	top:-0%; 
	z-index:10; 
	animation: glowMove 14s ease-in-out infinite;
}

.main_menu_war_small .nav-item
{
	color: white;
	font-size: 1.8rem;
	font-weight:500;
	padding: 0px;
	aspect-ratio: 1 / 1;
	z-index:5;
	border:0px solid rgba(0,0,0,0);
	font-family: "Atma", system-ui;
	transition: filter 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease;
}

.main_menu_war_small .nav-link
{

}


.main_menu_war_small .main_menu .color1 { background-color: #ff7043; color:#ffffff; }
.main_menu_war_small .main_menu .color2 { background-color: #606a74; color:#ffffff; } 
.main_menu_war_small .main_menu .color3 { background-color: #009688; color:#ffffff; } 
.main_menu_war_small .main_menu .color4 { background-color: #6fa550; color:#ffffff; } 
.main_menu_war_small .main_menu .color5 { background-color: #b75757; color:#ffffff; } 
.main_menu_war_small .main_menu .color6 { background-color: #476d90; color:#ffffff; } 
.main_menu_war_small .main_menu .color7 { background-color: #e5bf2e; color:#ffffff; } 
.main_menu_war_small .main_menu .color8 { background-color: #8d6e63; color:#ffffff; } 
.main_menu_war_small .main_menu .color9 { background-color: #22a4de; color:#ffffff; } 
.main_menu_war_small .main_menu .color10 { background-color: #8b445c; color:#ffffff; } 
.main_menu_war_small .main_menu .color11 { background-color: #5c6bc0; color:#ffffff; } 
.main_menu_war_small .main_menu .color12 { background-color: #ff5252; color:#ffffff; } 
.main_menu_war_small .main_menu .color13 { background: #b44592; color:#ffffff;}
.main_menu_war_small .main_menu .color14 { background-color: #3b5998; color:#ffffff; }

.main_menu_war_small .main_menu .nav-link 
{
	color: inherit;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	width: 100%;
	height: 100%;
	padding:0.70vh 0 0 0;
	text-shadow: 0.070em 0.070em 0 hsl(0deg 0% 20%);
	box-shadow: none !important;
	
}

.main_menu_war_small .main_menu .nav-item
{
	min-width:100px;
	min-height:100px;
	/* box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4); */
}

.main_menu_war_small .main_menu .nav-item:first-child
{
	border-radius:10px 0px 0px 10px;
}

.main_menu_war_small .main_menu .nav-item:last-child
{
	border-radius:0px 10px 10px 0px;
}



/* MEDIA QUERIES */

@media(max-width:767px)
{
	html { font-size: 62.5%; }
	body { font-size:1.5rem; }

	.st_g .main_menu_war_big { display:none; }
	.st_g .main_menu_war_small { display:block; }
	.st_ps .main_menu_war_big { display:none; }
	.st_ps .main_menu_war_small { display:block; }

	.main_menu_war_small .navbar-nav
	{
		display:flex; 
		flex-wrap: wrap;
		padding: 0;
		 flex-direction: row;
		margin-top:5px; 
	}

	.main_menu_war_small .main_menu:before 
	{
		background-image: none;
	}
	
	.main_menu_war_small .main_menu .nav-item
	{
		max-height:40px;
		min-height:40px;
		width:50%; 
		box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4);
		box-sizing: border-box; /* żeby padding nie rozwalał 50% */
		border-radius:0px !important;
		
	}

	.main_menu_war_small .main_menu .nav-link
	{
	  display: inline-flex;          /* ustawia flex w jednej linii */
	  align-items: center;           /* wyrównanie pionowe */
	  gap: 0.5rem;                   /* odstęp między ikoną a tekstem (opcjonalnie) */
	  text-decoration: none;         /* usunięcie podkreślenia */
	  flex-direction: row;
	}	

	.main_menu_war_small .main_menu .fa, .main_menu_war_small .main_menu .fas
	{
		display:inline-block; 
	}
	
	.main_menu_war_small .main_menu span
	{
		display:inline-block; 
	}
	
}

@media(min-width:768px)
{
	.st_g .main_menu_war_big { display:none; }
	.st_g .main_menu_war_small { display:block; }
	.st_ps .main_menu_war_big { display:none; }
	.st_ps .main_menu_war_small { display:block; }

	.main_menu_war_big { display:none; }
	.main_menu_war_small { display:block; }	

	.main_menu_war_small .main_menu:before 
	{
		background-image: none;
	}

	.main_menu_war_small .main_menu:before 
	{
		background-image: none;
	}
	
	.main_menu_war_small .main_menu .nav-item
	{
		max-height:40px;
		/* min-height:80px; */
		box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4);
	}

	.main_menu_war_small .nav-item:hover 
	{
		filter:brightness(1.1); 
		box-shadow: inset 0px 0px 5px rgba(0,0,0,0.6);
	}	

	.main_menu_war_small .main_menu .fa, .main_menu_war_small .main_menu .fas
	{
		display:inline-block; 	
	}
	
	.main_menu_war_small .main_menu span
	{
		display:inline-block; 	
	}	
}

@media(min-width:992px)
{
	html { font-size: 62.5%;  }
	body { font-size:1.5rem; }

	.st_g .main_menu_war_big { display:block; }
	.st_g .main_menu_war_small { display:none; }
	.st_ps .main_menu_war_big { display:none; }
	.st_ps .main_menu_war_small { display:block; }
	
	.main_menu_war_small .fas, .main_menu_war_small .fab
	{
		display:block;
		text-align:center;
		font-size:2rem; 
	}

	
	.main_menu_war_small .nav-link span
	{
		font-size:1.5rem;
		display:block;
		margin:1vh 0 0 0;
	}	
}

@media(min-width:1200px)
{
	.main_menu_war_small { position:relative; overflow:hidden; }
	.main_menu_war_small .main_menu:before 
	{
		content: '';
		position: absolute;
		top: -120px;
		left:0;
		right:0;
		bottom:0; 
		background-image: url('../images/sloneczko.png');
		background-repeat:no-repeat;
		background-position:99% 7%;
		background-size: 200px;
		animation: sun-move 4s ease-in-out infinite; 
		border:0px solid red; 
		overflow:hidden;
	}

	
	.main_menu_war_big .main_menu .menu-item 
	{
		color: white;
		font-size: 1.5rem;
	}

	.main_menu_war_big .main_menu .menu-item i 
	{
		font-size: 3.5rem;
		margin-bottom: 2rem;
	}	
}


.fb_main_image {
    text-align: center;
    margin-bottom: 25px;
}

.fb_main_image img {
    max-width: 100%;
    height: auto;
}

.tresc_posta_fb {
    line-height: 1.6;
    margin-bottom: 20px;
    white-space: normal; /* lub pre-line jeśli chcesz większą zgodność z FB */
}

