/* Reset ---------------------------------------------------- */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}


a, ins, del {
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  HomeContent: "";
}

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

html, body {
  width: 100%;
  height: 100%; /* Dodajemy pełną wysokość */
  margin: 0;
  padding: 0;
}

body {
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #1a1a1a;
  background: #d1d9e0;
  
  /* Flexbox robi magię */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Środek w pionie */
  align-items: center;     /* Środek w poziomie */
}

/* Headings */
h2 {font-size: 22px}
h3 {font-size: 20px}
h4 {font-size: 18px}
h5 {font-size: 16px}
h6 {font-size: 14px}

h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 10px;
}

/* Anchors */
a {outline: 0;}
a img {border: none; text-decoration: none;}
a:link, a:visited {color: #716aab;}
a:hover, a:active {}



::-moz-selection {background: #716aab; color: #fff;}
::selection {background: #716aab; color: #fff;}


/* Custom ----------------------------------------------------------------------- */


#container {display:block; margin:0px auto 0 auto; width:600px; text-shadow:1px 1px #fff; text-align:center; }



p {font-size:15px; line-height:21px; margin-bottom:24px; padding-bottom:24px; border-bottom: 1px solid #e8e8e8; color:#8a8a8a; }
 p a:hover {color:#f20530; text-decoration:underline;}
ul {display: block;list-style: none outside none;margin: 10px 0 0 0px; text-align:center;}

 ul li {display: inline-block;height: 32px;padding-left: 44px; margin-left:34px;text-align:left; }
 ul li:first-child {margin-left:0;}
 ul li span {color: #989696;display: block;font-size: 11px; margin-bottom:3px; } 
 ul li a {color: #14427B;font-size: 14px; font-weight:bold;}
	 ul li a:hover {color: #F20519;}
	 
 .info {display:block; font-size:12px;}
 .info p {font-size:12px; line-height:18px;}
 
 .underconstruction {
  /*background: url(centrumpojazdow.png) center top no-repeat;*/
  
  /* 1. Cień nadający głębię - podąża za kształtem loga (alpha channel) */
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.35));
  
  /* 2. Przesunięcie i powiększenie, by logo "wyszło" do przodu */
  transform: translateY(-5px) scale(1.02);
  
  /* Płynność efektu (jeśli będziesz chciał dodać interakcję) */
  transition: all 0.4s ease-in-out;
}

/* Opcjonalnie: wzmocnienie efektu po najechaniu myszką */
.underconstruction:hover {
  filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.45));
  transform: translateY(-12px) scale(1.05);
}