* {
	margin: 0;						/* rozpoczecie od krawędzi przegladarki */
	padding: 0;
}

html {
  scroll-behavior: smooth;			/* plynny scroll */
}

#container 
{ 
	width: 980px;  					/* użyj 20px mniej niz optymalne  1004px */
	margin: 10px auto; 		          /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 			/* this overrides the text-align: center on the body element. */
} 


#header 
{ 
	background: transparent;					/* tlo pod gornym DIV-em. */ 	
} 
#header h1 
{
	margin: 0; 
	padding: 0px 0; 
}
.headerBody 
{
	  background: -webkit-linear-gradient(#6990d2, #ffec8b); 	/* For Safari 5.1 to 6.0 */
  	  background: -o-linear-gradient(#6990d2, #ffec8b); 	/* For Opera 11.1 to 12.0 */
  	  background: -moz-linear-gradient(#6990d2, #ffec8b); 	/* For Firefox 3.6 to 15 */
  	  background: linear-gradient(#6990d2, #ffec8b); 		/* Standard syntax */
	height:200px;
	width:940px;
 	border-radius: 15px 15px 15px 15px; 
	url(grafika/0032.png), url(grafika/DK kop.png)  left top no-repeat;
	padding: 5px 20px; 
}
.headerBody h2 
{
	color: purple;
	padding: 20px;
	font-size: 48px;
}
.headerBody p 
{
	color:#F888FF;						/*kolor czcionka */
	padding:10px 20px;   					/* polozenie w dół i w prawo */
}
























body  
{
	font-family: Arial, Helvetica, sans-serif;				/* styl czcionka */
	font-size: 12px;						/* wielkość czcionki */
	background: black;						/* tlo strony pod DIV-ami */

	background: url(grafika/paskiTJR.png) fixed;		/* tlo strony pod DIV-ami   stojace   */
	background-size:100%;			/* tlo strony pod DIV-ami    i na cala strone*/

	margin: 0px; 				/* najlepiej 0 margin dla kazdej przegladarki */
	padding: 0px;				/* najlepiej 0 padding dla kazdej przegladarki */
	text-align: center; 			/* Text i tak bedzie po lewej domyslnie w  #container selector */
	color: #000000; 					/* kolor czcionki w glownym DIV-ie*/
}





































/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsRtHdr #sidebar1 p" rule. */


#sidebar1 
{	
	padding: 0px 0px; 			/* top and bottom padding create visual space within this div */
	width: 210px;					/* szerokosc menu */
	miXXXn-height: 100%;					/* wysokosc menu */
	margin: 15px 0px 0px 0px;				/* margines  menu   gora prawa dol lewa */
	background: #ffec8b;				/* tlo pod menu */
	padding-top: 0px;					/* przesuniecie tylko od gory */
	padding-bottom: 30px;				/* przesuniecie tylko od dolu */
	vertical-align: top;					/* pionowe wyrownanie */
    	float: left;					/* umiejscowienie z */
	position: fixed; 
 	border-radius: 15px 15px 15px 15px; 			/* zaikraglenie menu */
	text-align:center;
}


#sidebar1 p 
{
	margin-left: 10px; 				/* the left and right margin should be given to every
 						element that will be placed in the  side columns */
	margin-right: 10px;
}


#sidebar1 h3 
{
	width: 190px;
	height: 29px;
	font-size: 14px;
	font-weight: bold;
	padXXXding-left: 25px;
	padXXXding-top: 10px;
	color: red;
	backgrXXXXound: url(../images/title.png) no-repeat;
	text-align:center; 	
}


        .menu ul
{
     	display: block;					/* uklad jedno pod drugim */
   	padding: 0px 0px 0px 0px;				/* przesuniecie przyciskow */
	margin: 0px;					/* margines przciskow z boku */
	margin-top: 0px;					/* margines przyciskow z gory */
	width:  0px;					/* szerokosc domyslna przycisku na zero */
	list-style: none;					 	/* styl listy */
	marXXXgin-bottom: 0px; 					/* margines od dolu przyciskow */
	padXXXding-top: 0px; 					/* margines od gory przyciskow */


}

        .menu li
{
  	list-style-type: none;					/* styl listy */
  	margin: 0px;					/* ODSTĘP miedzy PRZYCISKami dookola */
  	margin-bottom: 2px;					/* ODSTĘP miedzy PRZYCISKami DÓŁ */
  	padding: 0px;					/* odsuniecie ramki od przycisku */
  	float: left;					/* umiejscowienie z ... */
	padding: 7px;					/* ODSTĘP miedzy PRZYCISKami DÓŁ */
	padding-left: 20px;					        /* polozenie przyciskow od lewej */

  	clear: both;					/* czyść */

}

        .menu li a 
{
     	display: block;					/* uklad jedno pod drugim */
	width:  160px;					/* szerokosc  przycisku  */
  background: #cee5f5;
  background-image: -webkit-linear-gradient(top, #cee5f5, #2980b9);
  background-image: -moz-linear-gradient(top, #cee5f5, #2980b9);
  background-image: -ms-linear-gradient(top, #cee5f5, #2980b9);
  background-image: -o-linear-gradient(top, #cee5f5, #2980b9);
  background-image: linear-gradient(to bottom, #cee5f5, #2980b9);
  -webkit-border-radius: 10;						/* zaokraglenie przyciskow */
  -moz-border-radius: 10;						/* zaokraglenie przyciskow */
  border-radius: 10px;						/* zaokraglenie przyciskow */
  text-shadow: 4px 4px 4px #666666;
  -webkit-box-shadow: 4px 3px 3px #666666;
  -moz-box-shadow: 4px 3px 3px #666666;
  box-shadow: 4px 3px 3px #666666;
  font-family: Georgia;
  color: #ffec8b;							/* kolor nazwy przycisku */
  colXXXor: blue;
  font-size: 15px;
  padding: 5px 0px 5px 0px;
  border: solid #aacfe6 3px;
  text-decoration: none;

}

        .menu li a:hover 
{ 
background: #1f668f;
  background-image: -webkit-linear-gradient(top, #1f668f, #c4e1f5);
  background-image: -moz-linear-gradient(top, #1f668f, #c4e1f5);
  background-image: -ms-linear-gradient(top, #1f668f, #c4e1f5);
  background-image: -o-linear-gradient(top, #1f668f, #c4e1f5);
  background-image: linear-gradient(to bottom, #1f668f, #c4e1f5);
  text-decoration: none;
	color: white;					/* kolor nazwy przycisku po najechaniu*/

}

        .menu li:hover 
{
	borXXXder-top: 5px solid #CCC; 		 /* ramka przycisków po najechaniu szer typ kolor */
}






.clearfloat 
{ 						/* this class should be placed on a div or break element 							and should be the final element before the close 								of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

































#mainContent 
{ 

	margin: 15px 0 0 230px; 		/* the left margin on this div element creates the column down the
					left side of the page - no matter how much content the sidebar1
					div contains, the column space will remain. You can remove this 							margin if you want the #mainContent div's text to fill the
					#sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 30px; 			     /* odleglosc tekstu od krawedzi DIV-a gora lewa*/
	background: #6990d2; 				/* tło DIV-a głownrgo */
				backXXXground: lightblue; /* DO USUNIECIA */
 	border-radius: 15px 15px 15px 15px; 			/* zaokraglenie DIV-a głownrgo */


      
} 




.img h4	
{
	padding-top: 0px; 						/* margines od gory przyciskow */
	display: inline-block;					/* wyswietlanie DIV-a ze zdjeciami  */
	position: relative; 					/* pozycja DIV-a ze zdjeciami  */
	width:100%;					/* szerokosc DIV-a ze zdjeciami  */
	text-align: center; 			/* this overrides the text-align: center on the body element. */	
	backXXXground: red; 				/* tło DIV-a ze zdjeciami  */
}




a {
	color:darkblue;						/*  linki  DIV-a głownrgo */
	text-decoration: none;				/* dekoracja LINKOW DIV-a głownrgo */
}
a:hover {
	color:#ffec8b;						/*  linki  DIV-a głownrgo */
	text-decoration: none;					/*  linki  DIV-a głownrgo */
}






h1{
	margin:10px;						/* margines */
	padding:10px;						/* przesuniecie */
	padding-top: 20px;
	padding-bottom: 0px;
	font-size:28px;						/* wielkosc nazwy MENU */
	color:#ffec8b;						/* . */
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);				/* . */
	text-align:center;						/* . */
	font-weight:900;						/* waga czcionki czyli grubosc */
}



h2{
	text-align:center;
}




h3{
	tXXXXXext-align:center;
}


li{
	padding-left: 30px;
	list-style-type: none;
	padding-bottom: 7px;
}


p{
	margin:10px;						/* margines */
	padding:10px;						/* przesuniecie */
	font-size:20px;						/* wielkosc  */
	coXXXXlor:white;						/* . */
	text-indent: 1.5cm;						/*  wciecie TAB  */
    teXXxt-shadow:1px 1px 1px rgba(255,255,255,0.9);				/* . */
	tXXXXext-align:center;					/* . */
	font-weight:400;						/* . */
 	line-height: 30px;
	text-align:justify;
	padding-bottom: 90px;
}





p.date 

{

    	text-align: right;

}


























#footer { 
	margin: 15px 0 0 0;						/* margines stopki od gory */
	padding: 0 10px 0 20px; 			/* this padding matches the left alignment of the 
						elements in the divs that appear above it. */
	background: #ffec8b;						/*  kolor tla stopki */
	  backXXground: -webkit-linear-gradient(#ffec8b, #6990d2); 	/* For Safari 5.1 to 6.0 */
  	  backXXground: -o-linear-gradient(#ffec8b, #6990d2); 	/* For Opera 11.1 to 12.0 */
  	  backXXground: -moz-linear-gradient(#ffec8b, #6990d2); 	/* For Firefox 3.6 to 15 */
  	  backXXground: linear-gradient(#ffec8b, #6990d2); 		/* Standard syntax */
	height:73px;						/*  wysokosc stopki */
	width:950px;						/*  szerokosc stopki */
	text-align:center;
	margin-bottom:10px;						/*  margines od dolu */
 	border-radius: 15px 15px 15px 15px; 				/*  zaokraglenie rogów */


} 

.footerIN { 
   	color: #6990d2; 						/*  kolor copyright  */
   	font-family:arial; 
   	font-size: 11pt; 
    	text-align: center;
    	letter-spacing: 2px;	
	font-weight:900;						/* . */
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;


}

#footer p 
{
	color:#FFFFFF;
	padding:3px;
}
#footer a 
{
	color:white;
}
#footer a:hover 
{
	color:#ffec8b;						/* kolor czcionki po najechaniu */
	foXXXXnt-weight:normal;
	font-weight:900;						/* . */
}
.clearfloat 
{ 						/* this class should be placed on a div or break element 							and should be the final element before the close 								of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



























































      		/* ------------------------------      STRZAŁKA DO GORY     ----------------------------------- */













.back-to-top 
{
	position: fixed;
	bottom: 2em;
	right: 30px;
	text-decoration: none;
	color: blue;
	background-color: rgba(255, 236, 139, 0.99);			/*  kolor i przezroczystosc */
	border-radius: 15px 15px 15px 15px; 				/*  zaokraglenie rogów */
  	font-family: Georgia;
	font-size: 20px;
	font-weight:900;						/* waga czcionki czyli grubosc */
	padXXding: 1em;
	padding: 10px 20px 10px 20px;
	display: none;

}


.back-to-top:hover 
{
	background-color: rgba(105, 144, 210, 0.80);
	text-decoration: none;
}