/*			style dla  BRUKUŚ-SMAL :		*/

a:link  	{ font-family:Verdana,tahoma;color:#005500;text-decoration:none; }
a:active	{ font-family:Verdana,tahoma;color:#CC5500;text-decoration:none; }
a:visited	{ font-family:Verdana,tahoma;color:#005500;text-decoration:none; }
a:hover 	{ font-family:Verdana,tahoma;color:#CC5500;text-decoration:none; }

.tah16b { font-family:arial,helvetica; line-height:1.3em; font-weight:bold; }
.pdps14 { font-family:Verdana, Tahoma; font-size:14px; text-align:center; text-indent:0; padding:0 24px; }
.tektag { font-family:tahoma, calibri; font-size:13px; text-indent:15px; line-height:1.3em; color:#444444; }

.lidoinst	{ font-size:14px; background-color:#FFFFBB; padding:3px 6px; border:1px solid #555555; }
.nolidois	{ font-family:Verdana,tahoma; font-size:14px; background-color:#FFFFFF; padding:3px 6px; border:1px solid #555555; }
.liztkstu	{ font-size:15px; font-weight:normal; font-style:italic; background-color:#EEEEBB; padding:3px 4px; border:0; }
.tlstpk 	{ background-color:#CCCCCC; }
.tpdkr		{ text-decoration:underline; }
.tprst		{ font-style:normal; }

.tdob		{ text-align:justify; }
.tdsr		{ text-align:center; }
.tdlw		{ text-align:left; }
.tdpr		{ text-align:right; }
.lsmin		{ letter-spacing:0.18pt; }
.ls02p		{ letter-spacing:0.25pt; }
.ls05p		{ letter-spacing:0.50pt; }
.ls1p		{ letter-spacing:1pt; }
.ls2p		{ letter-spacing:2pt; }
.lh10		{ line-height:1.00em; }
.lh125		{ line-height:1.25em; }
.lh13		{ line-height:1.3em; }
.lh14		{ line-height:1.4em; }
.lh15		{ line-height:1.5em; }
.lh16		{ line-height:1.6em; }
.lh18		{ line-height:2.86em; }

.kczrn	{ color:#000000; }
.kszr	{ color:#444444; }
.knbsk	{ color:#0000FF; }
.kbrz	{ color:#800000; }
.kzlnc	{ color:#006600; }
.kzlnj	{ color:#00BB00; }
.kgrnt	{ color:#000080; }

.wtbo		{ font-weight:bold; }
.tbbo		{ font-weight:normal; }
.tpch		{ font-style:italic; }
.ti0		{ text-indent:0; }
.ti15		{ text-indent:15px; }

.tminh		{ font-size:2px; }
.t11		{ font-size:11px; }
.t12		{ font-size:12px; }
.t13		{ font-size:13px; }
.t14		{ font-size:14px; }
.t15		{ font-size:15px; }
.t16		{ font-size:16px; }
.t17		{ font-size:17px; }
.t18		{ font-size:18px; }
.t20		{ font-size:20px; }
.t24		{ font-size:24px; }
.t30		{ font-size:30px; }

.m0515	{ margin: 5px 15px; }
.m0650	{ margin: 7px 50px; }
.m0645	{ margin: 7px 45px; }
.m0945	{ margin: 9px 45px; }
.m1236	{ margin:12px 36px; }
.m1540	{ margin:15px 40px; }



/*  style z firm IZPOL, MAZOVIA, RESURS dostosowane do BRUKÓW:  */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-image: url(grafiki/bruk-z-granitu-tlo4a-w3d.webp);
	background-repeat: repeat;
	/*  próbny  background: url(grafiki/tlo-strony5-fotoWA0004.jpg) no-repeat center fixed;  */
	/* background: #ABB132;	a pierwotny kolor tła był:   #677132 */
	margin: 24px 6px 24px 6px;
	padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers.
						   The text is then set to the left aligned default in the #container selector */
	color: #333333;
}


/*	GŁÓWNE */

/*.vertical-center { margin:0; position:absolute; top:50%; -ms-transform: translateY(-50%); transform:translateY(-50%); }	  niu  */


@media (min-width: 450px) {
#slider {
	max-width: 980px;
	min-height: 130px;
	padding: 30px 15px;
	/*  border-bottom: 1px solid red;  funkcja kontrolna  */
	background-image: url(grafiki/bruk-tlo3.webp);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin:0 auto;
}

.slider_haslo1 {
	font-size:54px; font-weight:bold; letter-spacing:2pt; line-height:0.9em; color:#006600; text-shadow:2px 1px 0 #999; font-family:arial black;
/* busy	background-color: #136c00;
	margin:20px auto; padding: 40px 0;
	font-size: 26px;
	line-height: 40px;
	color: #ffffff;
	text-align: left;
	box-shadow: 2px 2px 4px #000; */
}

.slider_haslo2 { font-size:28px; font-weight:bold; line-height:1.3em; color:#000080; font-family:arial,helvetica; }
}

#wytesto { font-size:16px; letter-spacing:1pt;}	/* wysokość tekstu stopki... */


@media (max-width: 449px) {

#slider {
	max-width: 980px;
	min-height: 130px;
	padding: 30px 12px;
	/*  border-bottom: 3px solid yellow;  funkcja kontrolna  */
	background-image: url(grafiki/bruk-tlo3.webp);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin:0 auto;
}

.slider_haslo1 {
	font-size:44px; font-weight:bold; letter-spacing:2pt; line-height:1.0em; color:#006600; text-shadow:2px 1px 0 #999; font-family:arial black;
/* Mazovia:
	background-color:#136c00; margin:20px auto; padding: 40px 0; font-size: 26px; line-height:40px;
	color:#ffffff; text-align:left; box-shadow: 2px 2px 4px #000; */
}

.slider_haslo2 { font-size:24px;font-weight:bold;line-height:1.4em; color:#000080;font-family:arial,helvetica; text-align:center;margin:0 auto;}

#wytesto { font-size:14px; letter-spacing:0.5pt; }

}


#container {
	position: relative;
	text-align: left;
	max-width: 980px;
	min-width: 220px;
	background: #E0DFDE;
	border: 2px solid #444444;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}


/* MAINCONTENT */

#mainContent {
	margin: 0;
	padding: 0;
	border-top: 1px solid #444444;
	border-bottom: 2px solid #FF0000;
	line-height:1.3em;
	text-indent:15px;
}
#mainContent img { border:1px solid #777777; }


@media (min-width: 720px) {

#mainContent p { margin:15px 40px; }
#mainContent ul { text-align:left; text-indent:0; line-height:1.3em; margin:6px 40px 25px 18px; }
#mainContent ol { text-align:left; text-indent:0; line-height:1.3em; margin:6px 40px 25px 18px; font-weight:bold;}
#mainContent li { color:#009900; letter-spacing:0.18pt; margin-top:8px; }
#mainContent h1 { font-family:Verdana,Tahoma;font-size:19px; text-align:left;text-indent:0; color:#FFFFFF;line-height:1.3em;margin:28px 40px 15px 40px;padding:3px 0; }
#mainContent h2 { font-family:Verdana,Tahoma;font-size:18px;text-indent:0;color:#FFFFFF;line-height:1.3em;margin:26px 40px 15px 40px;padding:3px 0; }
}

@media (max-width: 719px) {

#mainContent p { margin:15px 20px; }
#mainContent ul { text-align:left; text-indent:0; line-height:1.3em; margin:6px 30px 25px 3px; }
#mainContent ol { text-align:left; text-indent:0; line-height:1.3em; margin:6px 30px 25px 3px; font-weight:bold; }
#mainContent li { color:#00BB00; letter-spacing:0.18pt; margin-top:8px; }
#mainContent h1 { font-family:Verdana,Tahoma;font-size:20px;text-align:center;text-indent:0; color:#FFFFFF;line-height:1.3em;margin:22px 20px 15px 20px;padding:3px 0; }
#mainContent h2 { font-family:Verdana,Tahoma;font-size:18px; text-align:left;text-indent:0; color:#FFFFFF;line-height:1.3em;margin:24px 20px 20px 20px;padding:3px 0; }
}
/*	END GŁÓWNE*/



/* ZDJECIA I AKAPITY */

.srdk100 {
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	width: 96%;
	height: auto;
	text-align: center;
}

/* to nie styka z realem:	.srdk100grfka img {
	margin:12px auto;
	max-width:96%;
	height:auto;
} */



@media (min-width: 940px) {

.lewe50 {
	position: absolute;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 8px;
	left: 0px;
}

.prawe50 {
	position: absolute;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 8px;
	right: 0px;
}
}


@media (max-width: 939px) {

.lewe50 {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 8px;
}

.prawe50 {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
}
}


/*******	grafika z tekstem po lewej stronie   *******/

@media (min-width: 680px) {
.tlgrf52 { float:right; padding:6px 30px 16px 26px; width:52%; height:auto; min-width:270px; max-width:640px; }
}

@media (max-width: 679px) {
.tlgrf52 { width:94%; height:auto; min-width:270px; padding:6px 0 9px 0; }
}



@media (min-width: 680px) {
.tlgrf33 { float:right; margin:6px 30px 16px 26px; width:33%; height:auto; min-width:270px; max-width:640px; }
}

@media (max-width: 679px) {
.tlgrf33 { width:94%; height:auto; min-width:270px; padding:6px 0 9px 0; }

.grfnsrd100 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	text-indent: 0;
}

}


/*******	 3 zdjęcia z podpisami   *******/

@media (min-width: 940px) {

.lewe30 {
	position: absolute;
	width: 33%;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	left: 0px;
}

.wyslewo1 {
	left: 0%;
}

.wyslewo2 {
	left: 33.3%;
}

.wyslewo3 {
	left: 66.67%;
}

.pdps1214d3z	{ font-family:Verdana, Tahoma; font-size:12px; text-align:center; text-indent:0; padding:0 24px; }

}


@media (max-width: 939px) {

.lewe30 {
	width: 88%;
	margin: 14px auto;
	padding: 0 0;
	text-align: center;
	list-style: none;
}

.lewe30 img {
	margin: 10px auto;
}

.wyslewo1 { left: inherit; }
.wyslewo2 { left: inherit; }
.wyslewo3 { left: inherit; }

.pdps1214d3z	{ font-family:Verdana, Tahoma; font-size:14px; text-align:center; text-indent:0; padding:0 24px; }

}

/*******	 END dla  3 zdjęcia z podpisami  *******/



/*******	 MENU GŁÓWNE	*******/