a:link		{text-decoration:none; font-weight:bold; color:#0000DD}
a:active 	{text-decoration:none; color:#FF0080}
a:visited	{text-decoration:none; font-weight:bold; color:#0000DD}
a:hover 	{color:#FF0080}

.popast {font-family:verdana,tahoma;font-size:14px;text-indent:20px;color:#222;line-height:1.4em;margin:12px 3.2%;text-align:left}
.teceope {font-family:helvetica,calibri;font-size:23px;font-weight:bold;color:#222;background-color:#FFFF88;line-height:1.35em;letter-spacing:1pt;margin:0 7px;text-align:center;padding:2px 4px}
.cztena {background:#FFFFAA;text-decoration:none;padding:1px 4px}
.tetece {background:#FFFFAA;text-decoration:none;letter-spacing:1pt;padding:2px 3px}
.tnag		{font-family:helvetica,calibri;font-size:16px;font-weight:bold;color:#000}
.tstpk		{font-family:helvetica,calibri;font-size:21px;font-weight:bold;color:#222}
.t1tab		{font-family:calibri,helvetica;font-size:16px;color:#222}
.t12	{font-size:12px}
.t15	{font-size:15px}
.t16	{font-size:16px}
.t18	{font-size:18px}
.tdob		{text-align:justify}
.tdsr		{text-align:center}
.tdlw		{text-align:left}
.tdpr		{text-align:right}
.txtbb	{font-weight:normal}
.wtbgrnd	{color:purple;background:#ffdebb;padding:2px}
.lh13		{line-height:1.3em}
.lh15		{line-height:1.5em}
.lh18		{line-height:1.8em}
.ls015p {letter-spacing:0.15pt}

h1 {font-family:verdana,tahoma;font-size:19px;color:#222;font-weight:normal;margin:14px 3.6%;text-indent:0;background:#FFED00;text-align:left;padding:5px 14px;line-height:1.4em;box-shadow:2px 2px 2px #222}
h2 {font-family:verdana,tahoma;font-size:18px;color:#222;font-weight:normal;margin:14px 3.6%;text-indent:0;background:#FFED00;text-align:left;padding:4px 14px;line-height:1.4em;box-shadow:2px 2px 2px #222}

body {margin:15px auto;background:#444 url('tlojas.webp');
	font-family:verdana,tahoma;font-size:14px;line-height:18px;color:#222;text-align:justify}
#container {max-width:1000px;margin:14px auto;text-align:center;background:#FFC800;border:2px solid #FF0000}

#szybkapomoc {display:block;width:92%;min-width:280px;background-color:#FFF;border-radius:9px;margin:14px auto;padding:2px 3px}

/* RESPONSIVE MENU*/

/* #menu-trigger {color:#000;background:#FFC800;font-weight:700;text-transform:uppercase;padding:0;margin:0;cursor:pointer} */

menu {margin:0;background:#FFC800}


@media (min-width: 270px) {

menu {
	width:100%;min-width:270px;
	font-size:12px;
	text-align:center;
	padding:10px 0 5px 0;
	margin:0;
}

menu a:link		{font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;color:#3333CC}
menu a:active	{font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;color:#3333CC}
menu a:visited	{font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;color:#3333CC}
menu a:hover	{font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;color:#3333CC}

/* #menu-trigger {display:none;} */

nav {
	display:inline-block !important;
	width:100%;
	background:#FFC800;
	padding:12px 0 6px 0;
	text-align:center;
}

nav ul {margin:0;padding:0}

nav ul li {
	display:inline-block !important;
	list-style-type:none;
	text-align:center;
	min-width:68px;
	/* height:33px; zbędne, bo wynika z PADDING + font-size; PADDING zdefiniowano w NAV a ....  */
	font-size:12px;
	font-family:verdana,tahoma;
	line-height:13px;letter-spacing:0.15pt;
	margin:0 0 0 0;
	padding:0 3px 7px 3px /* odstęp w pionie między przyciskami po złamaniu wiersza z nimi	*/
	/* odstępy w poziomie między przyciskami */
}

nav a {display:block;width:auto;height:26px;border-radius:6px;-webkit-border-radius:6px}

 /* Nie-Aktywny-Przycisk-MENU: */
#napmenu {font-weight:bold;line-height:13px;color:#FFFFFF;background:url(tloklawi.webp) repeat-x right top;padding:7px 11px;margin:0 3px;border-radius:6px;-webkit-border-radius:6px;display:block}

nav a:link		{font-family:Verdana,Tahoma;color:#FFFF66;text-decoration:none;padding:7px 11px;background:url(tloklawi.webp) repeat-x right top}
nav a:active	{font-family:Verdana,Tahoma;color:#44FF44;text-decoration:none;padding:7px 11px;background:url(tloklawi.webp) repeat-x right top}
nav a:visited	{font-family:Verdana,Tahoma;color:#FFFF66;text-decoration:none;padding:7px 11px;background:url(tloklawi.webp) repeat-x right top}
nav a:hover 	{font-family:Verdana,Tahoma;color:#44FF44;text-decoration:none;padding:7px 11px;background:url(tloklawi.webp) repeat-x right top}

}

/*--- END RESPONSIVE MENU*/

/*--- HEADER */

@media (min-width: 921px) {
	#header {
		position: relative;
		min-height: 270px;
	}
	#header01 {
		position: absolute;
		width: 28%;
		min-height: 200px;
		padding-bottom: 20px;
	}
	#header02 {
		position: absolute;
		width: 44%;
		min-height: 200px;
		padding-bottom: 20px;
		left: 28%;
	}
	#header03 {
		position: absolute;
		width: 28%;
		min-height: 200px;
		padding-bottom: 20px;
		left: 72%;
	}

}

@media (max-width: 920px) {
	#header {
		position: relative;
		min-height: 610px;
	}
	#header01 {
		position: absolute;
		width: 50%;
		min-height: 200px;
		padding-bottom: 20px;
	}
	#header02 {
		position: relative;
		max-width: 461px;
		min-height: 200px;
		padding-bottom: 20px;
		left: inherit;
		margin: 0 auto;
		text-align: center;
	}
	#header03 {
		position: absolute;
		width: 50%;
		min-height: 200px;
		padding-bottom: 20px;
		left: 50%;
	}

}

@media (max-width: 500px) {
	#header {
		position: relative;
		min-height: 920px;
	}
	#header01 {
		position: relative;
		width: 100%;
		min-height: 200px;
		padding-bottom: 20px;
	}
	#header02 {
		position: relative;
		width: 100%;
		max-width: 461px;
		min-height: 200px;
		padding-bottom: 20px;
		left: inherit;
		margin: 0 auto;
	}
	#header03 {
		position: absolute;
		width: 100%;
		min-height: 200px;
		padding-bottom: 20px;
		left: inherit;
	}
}

@media (max-width: 400px) {
	#header {
		position: relative;
		min-height: 870px;
	}
}

@media (max-width: 350px) {
	#header {
		position: relative;
		min-height: 830px;
	}
}

/*--- END HEADER */


.cien {box-shadow:5px 5px 5px}


@media (min-width: 971px) {

.lewe60 {position:absolute;width:60%;margin:0 auto;text-align:center;padding:0;list-style:none;top:0;left:0}	/*   para pól wspólnych 60% + 40%   */
.prawe40 {position:absolute;width:40%;margin:0 auto;text-align:center;float:right;padding:0;list-style:none;top:0;right:0}

.lewe65 {position:absolute;width:65%;margin:0 auto;text-align:center;padding:0;list-style:none;top:0;left:0}
.prawe35 {position:absolute;width:35%;margin:0 auto;text-align:center;float:right;padding:0;list-style:none;top:0;right:0}


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

.prawe65 {
	position: absolute;
	float: right;
	width: 65%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}

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

.prawe45 {
	position: absolute;
	float: right;
	width: 45%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}

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

.prawe35 {
	position: absolute;
	float: right;
	width: 35%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}

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

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

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

.prawe23 {
	position: absolute;
	float: right;
	width: 21%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}


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

.prawe30 {
	position: absolute;
	float: right;
	width: 30%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}

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

.wsunwprawo10 {
	left: 10px;
}

.wsunwprawo20 {
	left: 20px;
}

.wsunwprawo35 {
	left: 35%;
}

.wsunwprawo70 {
	left: 70%;
}

.wsunwlewo10 {
	right: 10px;
}

.wsunwlewo20 {
	right: 20px;
}

.wsunwlewo30 {
	right: 30px;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.duzepokazukryj {
	display: block;
}

.malepokazukryj {
	display: none;
}

.width441 {
	max-width: 441px;
	width: 100%;
}

.width300 {
	max-width: 300px;
	width: 100%;
}

}

@media (max-width: 970px) {

.lewe60 {width:100%;margin:0 auto;text-align:center;padding:0;list-style:none}	/*   para pól wspólnych 60% + 40%   */
.prawe40 {width:100%;margin:0 auto;text-align:center;padding:0;list-style:none}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wsunwprawo10 {left:inherit}

.wsunwlewo20 {left:inherit}

.wsunwprawo20 {left:inherit}

.wsunwprawo30 {left:inherit}

.wsunwprawo35 {left:inherit}

.wsunwprawo70 {left:inherit}

.wsunwlewo10 {left:inherit}

.wsunwlewo20 {left:inherit}

.wsunwlewo30 {left:inherit}

.floatright {float:inherit}

.floatleft {float:inherit}

.duzepokazukryj {
	display: none;
}

.malepokazukryj {
	display: block;
}

.width441 {
	max-width: 441px;
	width: 100%;
}

.width300 {
	max-width: 300px;
	width: 100%;
}

}