html, body {
	background-color: gray;
	background-image: url(/gfx/pizda.jpg);
	color: black;
	font-family: verdana, helvetica,sans-serif;
	font-size: 16px;
	margin: 0;
	padding:0;

}

body {
	padding-top:10px;
	font-size: 1em;
}

a.skiper {
	display: block;
	position: absolute;
	left: -1500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

a.skiper:focus, a.skiper:focus-visible {
	left:20px;
	top:30px;
	color: yellow;
	width: 6em;
	height: auto;
	font-weight: bold;
	font-size: 1.1em;
	background-color:#205577;
	padding: 0.5em;
	border: solid yellow 1px;
	z-index: 2000;
}

#background1 {
	padding: 0 25px 0 20px;
	background-image: url(/gfx/bgrup.png);
	background-position: 100% 7px;
	background-repeat: no-repeat;

}

#background2 {
	padding: 0 25px 0 20px;
	background-image: url(/gfx/bgrri.png);
	background-position: top right;
	background-repeat: repeat-y;
}

#background3 {
	padding: 0 25px 0 20px;
	background-image: url(/gfx/bgrdn.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#background4 {
	padding: 0 0 25px 0;
	background-image: url(/gfx/bgble.png);
	background-position: 20px bottom;
	background-repeat: no-repeat;
}

#content {
	margin: 0 auto 30px auto;
	padding:0;
	height: 100%;
	max-width: 1039px;

}

#upperlist {
	width: 100%;
	margin:0;
	min-height:124px;
	position: relative;
	background-color: #1780c1;
	background-image: url(/gfx/upgradient.png);
	background-repeat: repeat-y;
	background-position: top right;
	font-family: arial, helvetica, sans-serif;
}

#upperlist h1 {
	margin:0;
	padding:0;
	font-size: 2em;
	font-weight:bold;
	text-indent:5px;
	color: white;
	width: 403px;
	height:83px;
	display:block;
	position: absolute;
	left:0;
	top:0;
	}

#upperlist h1 a {
	display:block;
	width:403px;
	height:83px;
	color:white;

}

#upperlist span.a {
	display: block;
	width:198px;
	height:83px;
	position:absolute;
	left:0;
	top:0;
	overflow: hidden;
}

#upperlist span.b {
	display: block;
	width:403px;
	height:83px;
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
	background-image:url(/gfx/ss.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* outline removed - custom focus styles below */

#upperlist a:focus span.b,
#upperlist a:active span.b {
	outline: solid 1px white;
}

#banner {
	height:202px;
	border-top: solid white 1px;
	background-color:#0682bd;
	background-image:url(/gfx/banbg.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	position: relative;
}

#banner span {
	position: absolute;
	display: block;
	width: 178px;
	height: 202px;
	background-image: url(/gfx/banimg.png);
	background-position: 0 -4px;
	background-repeat: no-repeat;
}

#lmenu {
	margin: 0;
	padding:6px 0 0 0;
	border-top: solid white 1px;
	background-color: #21699b;
	background-image: url(/gfx/lmenu.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 0.9em;
	font-family: arial, helvetica, sans-serif;
	min-height:3.5em;
}


#lmenu li {
	padding:0;
	margin:0;
	list-style:none;
	display: block;
	float: left;
	width: 11em;
	border-right: solid white 1px;
	display: table;
	height: 3.5em;
	overflow: hidden;
}

#lmenu li a, #lmenu li div {
	width: 100%;
	height: 3.5em;
	text-align: center;
	text-decoration: none;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	display: table-cell; vertical-align: middle;
}

#lmenu li div {
	background-color: #205577;
}
#lmenu a:hover, #lmenu a:focus, #lmenu a:active {
	background-color: #102a3a;
	background-color: #205577;
}


#umenu {
	padding: 0;
	margin:0;
	list-style:none;
	z-index: 1500;
	position: absolute;
	right: 40px;
	bottom: 0;
}

#umenu li {
	float: left;
	margin: 0 0 0 -2px;
	z-index: 1500;
}

#umenu li a, #umenu li div {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	min-width: 118px;
	color: white;
	text-decoration: none;
	background-image:url(/gfx/um_al.png);
	background-position: 0 8px;
	background-repeat: no-repeat;
}

#umenu span {
	display:block;
	text-align: center;
	min-width: 108px;
	background-image:url(/gfx/um_ar.png);
	background-position: 100% 8px;
	background-repeat: no-repeat;
	padding: 20px 5px 10px 5px;

}

#umenu span span {
	display:inline;
	background-image: none;
	padding: 0px 1px 10px 1px;
}
#umenu li a:hover,#umenu li a:focus,#umenu li a:active {
	background-image: url(/gfx/um_bl.png);

}

#umenu li a:hover span,#umenu li a:focus span,#umenu li a:active span {
	background-image: url(/gfx/um_br.png);

}

#umenu li a:hover span span,#umenu li a:focus span span,#umenu li a:active span span{
	background-image: none;
	background-color: #1d9dd9;

}

#umenu li div {
	background-position: 0 0px;
	background-image: url(/gfx/um_bl.png);
}
#umenu div span {
	background-position: 100% 0;
	background-image: url(/gfx/um_br.png);
}

#umenu div span span {
	background-image:none;
	padding-top: 5px;
	background-color: #1d9dd9;
}
#bottommenu {
	display: block;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	background-color: white;
}

#bottommenu li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #206084;
}

#bottommenu a {
	color: #40c0ff;
	text-decoration: underline;
	padding: 2px 1em;
}

#bottommenu li span {
	padding: 2px 1em;
}

#bottommenu a:hover {
	color: #206084;
	background-color: #d8d8d8;
}

/* accessibility extended styles */

#bottommenu a:focus, #bottommenu a:active {
	background-color: #206084;
	color: yellow;
	font-weight: bold;
}

/* niwelacja powyższego */
#bottommenu a.mouser:focus, #bottommenu a.mouser:active {
	color: #206084;
	background-color: #d8d8d8;
	font-weight: normal;
}

#bgcommon {
	background-color: white;
}
#footer {
	margin: 1em 15px 0 15px;
	background-color: #212f53;
	background-image: url(/gfx/bp_phone.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
#subwoofer {
	color: white;
	font-weight: normal;
	padding: 0;
	line-height: 110%;
	background-image: url(/gfx/bp_ul.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.suba {
	padding: 10px 0 10px 130px;
	min-height: 62px;
	background-image: url(/gfx/bg_ssup.png);
	background-position: top right;
	background-repeat: no-repeat;

}
#subwoofer span.teleniefon {
	display: block;
	padding: 0 0 0 130px;
	font-weight: bold;
	font-size: 1.3em;
	min-height: 33px;
	background-image: url(/gfx/bg_ssdn.png);
	background-position: bottom right;
	background-repeat: no-repeat;

}

.auraltext {
	position: absolute;
	left: -1000px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#langs {
	position: absolute;
	right:10px;
	top: 5px;
	margin: 0;
	padding: 0;
}

#langs li {
	display: block;
	float: left;
	list-style:none;
	margin: 0 0 0 2px;
}
#langs li a {
	display: block;
	width: 29px;
	height: 19px;
	border-color: #265583;
	border-width: 1px;
	border-style:solid;
	position: relative;
	color: white;
	overflow: hidden;
}

#langs li a:hover,
#langs li a:focus,
#langs li a:active {
	border-color: white;
}

#langs span.x {
	width: 25px;
	height: 15px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	border: #265583 solid 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#langs span.pl {
	background-image:url(/gfx/pl.png);
}

#langs span.en {
	background-image:url(/gfx/gb.png);
}

#langs span.de {
	background-image:url(/gfx/de.png);
}


.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}


/* ── Mobile & Accessibility additions ───────────────────────────── */

/* Minimum touch target size */
#umenu li a, #umenu li div,
#bottommenu a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Better focus ring for all interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid #1d9dd9;
    outline-offset: 2px;
}

/* Keyboard focus in upperlist - restore visible ring */
#upperlist a:focus-visible {
    outline: 3px solid white;
    outline-offset: 2px;
}

/* Lang switcher focus */
#langs li a:focus-visible {
    outline: 3px solid white;
    outline-offset: 2px;
}

/* Ensure blockquote is readable */
#tresc blockquote {
    margin: 1em 0 1em 1.5em;
    padding: 0.5em 1em;
    border-left: 4px solid #1d9dd9;
    color: #205577;
    font-style: italic;
}

/* YouTube responsive wrapper - ensure it works */
.yt-wrap iframe {
    border: 0;
}

/* High-contrast mode support */
@media (forced-colors: active) {
    #umenu li a, #umenu li div,
    #bottommenu a {
        border: 2px solid ButtonText;
    }
}