@font-face {
  font-family: 'Tangerine';
  src: url('/fonts/Tangerine-Regular.woff2') format('woff2'),
       url('/fonts/Tangerine-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oranienbaum';
  src: url('/fonts/Oranienbaum-Regular.woff2') format('woff2'),
       url('/fonts/Oranienbaum-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'),
       url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: 400; /* Normalna */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'),
       url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: 700; /* Pogrubiona */
  font-style: normal;
  font-display: swap;
}

/* Skip link for accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #000;
    color: #fff;
    padding: 8px;
    text-decoration: none;
    z-index: 1000;
}

.skip-link:focus {
    top: 6px;
}

/* AI fix mobile screens */

@media only screen and (max-width: 960px) {
  #container {
    width: 100%; /* zmiana szerokości kontenera na 100% */
  }
  #content, #topic { /* Dodano #topic, ponieważ w Twoim HTML używasz #topic zamiast #content */
    width: 100%; /* zmiana szerokości treści na 100% */
    left: auto; /* usunięcie lewego marginesu */
  }
  #sideLeft {
    width: 100%; /* zmiana szerokości sidebaru na 100% */
    position: relative; /* usunięcie pozycji absolutnej */
    left: auto; /* usunięcie lewego marginesu */
  }
  #footer {
    width: 100%;
  }
   #topic {
        padding: 20px 10px 0 180px !important; /* Nowy padding: góra 20px, prawo 10px, dół 0, lewo 10px */
        box-sizing: border-box; /* Zapewnia, że padding jest wliczony w szerokość */
        width: 100%; /* Upewnij się, że #topic zajmuje całą dostępną szerokość */
		width: auto; /* lub po prostu usuń regułę width: 100% dla #topic w tej media query */
        min-width: 780px;
    }
}

/* Komenda "*" oznacza, że selektor dotyczy wszystkich elementów na stronie. Ustawienie marginów i paddingów na 0 może być przydatne, jeśli chcesz zresetować stylowanie domyślne przeglądarki dla elementów na stronie. Ustawienie z-index na "auto" oznacza, że każdy element będzie miał swój domyślny poziom warstw. */

* {
    margin: 0;
    padding: 0;
    z-index: auto;
}

html {
    height: 100%; /* Zapewnia, że html zajmuje 100% wysokości viewportu */
}

header, nav, section, article, aside, footer {
    display: block;
}

body {
    background-image: url("../images/bg_0.png");
    background-repeat: no-repeat;
    background-color: #D2CCC9;
    font: 12px/18px Georgia;
    height: 100%; /* Zachowaj */
    width: 100%;
    display: flex; /* NOWOŚĆ: Włącza Flexbox dla body */
    flex-direction: column; /* NOWOŚĆ: Układa elementy potomne (wrapper, footer) w kolumnę */
	/*padding-bottom: 0px !important;
	overflow-x: hidden; /* Zapobiega poziomemu przewijaniu */
}

a {
	color: #770000;
	outline: none;
	text-decoration: underline;
	
}

a:hover,a:active {
	text-decoration:none;	
}

img {
	border: none;
}

input {
	vertical-align: middle;
}

/* wrapper zawiera całą zawartość strony, zarówno treść jak i stopkę */
#wrapper {
    position: relative;
    width: 100%;
    margin-right: 0px;
    flex: 1;
    font-size: 18px;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

#topic {
	padding: 20px 0 0 180px;
}

#podpis_galerii {
	padding: 20px 0 0 180px;
}

/* -----------------Header---------------------------------------------------*/
#header {
	height: 125px;
	z-index: 0;
	/* background-image:url('../images/logo_tlo.png');
	background-repeat:repeat-x;
	z-index: 0;
	padding: 0px 160px 0 20px; */
	background-image: url('../images/headerbg_blk.png');
	background-position:bottom;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #000000;
	position: relative; 
	min-width: 960px;
}


/* Middle----------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}


#container {
	width: 960px;
	margin-left: auto;
    margin-right: auto;
	overflow: hidden;	
}


#content {
	width: 500px;
	top: 90px;
	left: 640px;
	position: absolute;
}


/* Sidebar Left--------------------------------------------------------------*/
#sideLeft {
	width: 150px;
	position: absolute;
}

/* Footer -------------------------------------------------------------------*/
#footer {
    width: 100%;
    padding-top: 10px;
    background: #000000;
    min-height: 102px;
}

#logo_gfx {
position: absolute; 
z-index:1; 
float: left; 
padding: 3px 0 0 15px;
width: 180px;
height: 110px;
}

/* AD-Deco */
#haslo {
font-family: 'Tangerine', cursive;
letter-spacing:1px;
font-style:normal;
text-align:left;
margin-left: 743px;
padding: 32px 0 0px 0;
font-size:30pt;
color: #E1BF22;
position: absolute;
text-shadow:1px 2px 2px #ff4e00;
-webkit-font-smoothing: subpixel-antialiased;
z-index: 1; 
}

/* p { margin-bottom: 1.0em; } */

p {
    font-family: 'Roboto', sans-serif; /* Główna czcionka z fallbackiem */
    font-size: 1.2em; /* Rozmiar czcionki, 12 razy większy od rodzica */
    line-height: 0.9; /* Wysokość linii dla lepszej czytelności */
    color: #333; /* Domyślny kolor tekstu, dostosuj do designu */
    margin-bottom: 1.0em;
    padding: 0; /* Brak wewnętrznych odstępów */
    text-align: left; /* Wyrównanie tekstu */
}

/* SZTUKATERIA */
h1 {
font-family: 'Tangerine', cursive;
font-style:normal;
color:white;
letter-spacing:2px;
font-size:80pt;
text-align: right;
margin-right: -50px;
padding: 73px 0px 0px 0px;
text-shadow: 1px 2px 2px #2f6fdb;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
}

h2 {
    font-family: Georgia, serif;                        
    font-style: italic;
    color: #770000; 
    line-height: 0.90em;
    font-size: 19pt;
    font-variant: normal; 
    text-transform: uppercase; /* Zamiana na wielkie litery */
    font-weight: 100; 
    text-align: left;
    padding: 0px 0 15px 10px;
    text-shadow: 1px 1px 2px #2d2d2d;
}

h2::first-letter {
    font-size: 1.5em; /* Lekkie powiększenie pierwszej litery dla efektu */
}

h3 {
    font-family: Georgia, serif;                        
    font-style: italic;
    color: #770000; 
    line-height: 1.0em; /* Nieco większy odstęp niż w h2 dla lepszej czytelności */
    font-size: 16pt; /* Mniejszy rozmiar niż h2, odpowiedni dla h3 */
    font-variant: normal; 
    text-transform: uppercase; /* Zachowujemy wielkie litery dla spójności */
    font-weight: 300; /* Lżejsza waga niż h2, ale wciąż wyraźna */
    text-align: left;
    padding: 10px 0 2px 10px; /* Zmniejszony padding-bottom do 2px */
    margin-bottom: 3px; /* Minimalny margines dolny dla bliskości tabelki */
    text-shadow: 1px 1px 1px #2d2d2d; /* Delikatniejszy cień dla mniejszego nagłówka */
}

h3::first-letter {
    font-size: 1.3em; /* Mniejsze powiększenie pierwszej litery niż w h2 */
}

h4 {
font-family:Georgia,serif;						
font-style:italic;
color: #770000; 
line-height: 0.75em;
font-size:1.6em;
font-variant: small-caps; 
text-transform: none; 
font-weight: 100; 
text-align:left;
padding: 0px 260px 15px 0px;
text-shadow:1px 1px 2px #2d2d2d;
text-align: center;
}



/* GLOWNA TEKST */

#indeks {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  margin-left: 3%;
  margin-right: 3%;
  float: left;
  line-height: 1.0em; /* Zwiększone dla czytelności */
  font-size: 0.9em; /* Określony rozmiar dla spójności */
  text-align: justify;
  color: #000;
}
#indeks strong {
  font-weight: 700; /* Wyraźne pogrubienie dla <strong> */
}

/* GLOWNA TEKST */
#emphasis {
    font-family: 'Roboto', Arial, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-style: italic;
	line-height: 1.0em;
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	color: #000;
}

#stopka_txt {
font-family: 'Oranienbaum', serif;
font-style:normal;
letter-spacing:0.7px; 
line-height: 0.9em; 
font-size: 1.5em; 
margin-left: 21px; 
margin-top: 8px; 
color: white;
position: absolute;
}

#stopka_txt a { /* Selektor dla linków wewnątrz #stopka_txt */
    color: white;
}

#stopka_txt a:visited { /* Kolor odwiedzonych linków */
    color: white;
}

#stopka_txt a:hover { /* Kolor linków po najechaniu myszką (opcjonalnie, możesz zostawić biały lub zmienić) */
    color: orange; /* Możesz tu np. dać jaśniejszy biały lub szary, jeśli chcesz efekt */
}

#stopka_txt a:active { /* Kolor linków w momencie kliknięcia */
    color: orange;
}

#emphasis_small {
	font-family:Georgia;
	margin-top: -15px;
	font-weight:bold; 
	font-size:0.8em;
	line-height: 0.9em;
	margin-left: 5%;
	text-align: left;
	letter-spacing: 0px;
	color: #000;
	margin-right: 15px;
	text-align: justify;
}


/* LINIA HR zaokraglona w dol */
hr.style-seven {
    height: 28px;
    border-style: solid;
    border-color: #444;
    border-width: 1px 0 0 0;
    border-radius: 9px;
}

hr.style-seven:before { 
    display: block;
    content: "";
    height: 28px;
    margin-top: -31px;    
    border-style: solid;
    border-color: #444;
    border-width: 0 0 1px 0;
    border-radius: 9px;
}

/* LINIA HR zaokraglona w góre */

hr.style-eight {
    height: 28px;
    border-style: solid;
    border-color: #444;
    border-width: 0 0 1px 0;
    border-radius: 9px;
}

hr.style-eight:before {
    display: block;
    content: "";
    height: 28px;
    margin-top: -31px;
    border-style: solid;
    border-color: #444;
    border-width: 0 0 1px 0;
    border-radius: 9px;
}


/*-------------------------MENU----------------------*/
#zawijak{
	
	font-family:Georgia;
	letter-spacing:1px;
	margin:0;
	border:0px solid #999;
	width:180px;
	padding:0px;
}



	#menu {text-align:left;  padding-top:0px; margin-top:0px; }
	/* + */
	#menu .toggle {width:10px; margin-right: 5px; padding-top:25px; float:right; cursor:pointer; color:#2d2d2d; }
	#menu ul.navmenu li:first-child .toggle{border-width:0px 0px 0px 0px; width:180px; }
	#menu .toggled {height:45px; }
	
	
	#menu a.link_aktywny {
	background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(60,126,202,1)), color-stop(16%,rgba(106,168,210,0.92)), color-stop(29%,rgba(120,203,244,0.86)), color-stop(41%,rgba(114,180,224,0.8)), color-stop(50%,rgba(137,179,213,0.75)), color-stop(83%,rgba(192,212,230,0.59)), color-stop(100%,rgba(219,229,239,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7eca', endColorstr='#80dbe5ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-position: -10px 0;
	
	border-right:1px solid #4c8cca;
	border-bottom:1px solid #4c8cca;
	}
	
	
	
	/*Menu Setup*/
	#menu ul { padding:0px; margin:0px; width:180px; }
	#menu ul ul{border:0px; overflow:hidden; }
	#menu ul.navmenu li {margin:0; list-style:none; float:left; border:none; overflow:hidden; width:180px; }
	/* Menu po rozwinieciu */
	#menu ul.navmenu li li {height:24px; padding:0; margin:0; float:none; border-bottom:1px hidden #4c8cca; overflow:hidden; background:#eeeeee;}
	
	.submenu {
        display: none;
    }
	
	/*Links TEKST*/
	#menu ul.navmenu a, #menu ul.navmenu a:visited {
	text-decoration:none; 
	padding:5px; 
	display:block; 
	color:#2d2d2d;
	font-family: georgia, serif;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 0.9em;
	-moz-box-shadow: 4px 4px 5px 1px #4c8cca;
	-webkit-box-shadow: 4px 4px 5px 1px #4c8cca;
	box-shadow: 4px 4px 5px 1px #4c8cca;
	
	-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; 
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
	}
	
	#menu ul.navmenu ul.submenu a:hover{
	color:#2d2d2d; 
	position:relative; 
	bottom:1px;
	


background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(60,126,202,1)), color-stop(16%,rgba(106,168,210,0.92)), color-stop(29%,rgba(120,203,244,0.86)), color-stop(41%,rgba(114,180,224,0.8)), color-stop(50%,rgba(137,179,213,0.75)), color-stop(83%,rgba(192,212,230,0.59)), color-stop(100%,rgba(219,229,239,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7eca', endColorstr='#80dbe5ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background-position: -10px 0;
	}
	
	
	/*Heading Outer div*/
	#menu ul.navmenu .menutop{ border-width:0 1px; overflow:hidden; width:180px; background:#eeeeee; }
	/*Header Links*/
	#menu ul.navmenu .menutop a{width:150px;float:left;margin:0 0 1px 0; border-top:1px solid #CCC;}
	
	
	/*Header Link Hover*/
	#menu ul.navmenu .menutop a:hover {
	color:#2d2d2d; 
	position:relative; 
	bottom:1px;
	
background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(60,126,202,1)), color-stop(16%,rgba(106,168,210,0.92)), color-stop(29%,rgba(120,203,244,0.86)), color-stop(41%,rgba(114,180,224,0.8)), color-stop(50%,rgba(137,179,213,0.75)), color-stop(83%,rgba(192,212,230,0.59)), color-stop(100%,rgba(219,229,239,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7eca', endColorstr='#80dbe5ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-position: -10px 0;
	;}
	
	/*Removes white border for the first header*/
	#menu ul.navmenu li:first-child .menutop a {border-width:0px;}
	
	/*Single Menu Width Fix*/
	#menu ul.navmenu .menusingle a{width:170px;}
	
	/*Border Radius and Special Border Width*/
	#menu ul.navmenu li:first-child .menutop{border-width:1px 1px 0 1px;}
	#menu ul.navmenu li:last-child .menutop{border-width:0px 1px 1px 1px;}
	#menu ul.navmenu li:last-child ul.submenu{ }
	#menu ul.navmenu li:last-child .menutop-open{ }

.clearing { clear: both; }

.alert, .error { 
color: #770000; 
font-family:Georgia,serif; 
font-variant: small-caps; 
text-transform: none; 
text-align:left;
padding: 0px 0 10px 0;
font-size:1.1em;
line-height: 0.8em;
text-shadow:1px 1px 2px #2d2d2d;
-webkit-font-smoothing: subpixel-antialiased;

}

ol.forms {
	float: left;
	list-style: none;
	width: 95%;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	font-family:Georgia;
	font-size:0.8em;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.0em;
	padding-right: 2%;
	text-align: right;
	width: 25%;
}

ol.forms input { width: 45%; 
	-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background-color:rgba(74, 111, 215, 0.3);
	border:1px solid #000000;
	display:inline-block;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	padding:6px 26px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

ol.forms textarea {
	height: 20em; 
	width: 60%; 
	-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background-color:rgba(74, 111, 215, 0.3);
	border:1px solid #000000;
	display:inline-block;
	font-family:Georgia;
	font-size:15px;
	font-style:italic;
	padding:6px 26px;
	text-shadow:1px 1px 0px #ffffff;
}

ol.forms input {

font-size:15px;
}

ol.forms textarea { font: 1em Georgia, serif; }

ol.forms button {
	-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background-color:transparent;
	border:1px solid #000000;
	display:inline-block;
	color:#000;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	padding:6px 26px;
	text-decoration:none;
	text-shadow:1px 1px 0px #2d2d2d;
	cursor: pointer;
	margin-left: 18%;
}

ol.forms button:active {
	position:relative;
	background-color:#4c8cca;
	top:2px;
}

ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}

ol.forms li.buttons {
	padding-left: 11%;
	width: 89%;
}

/* O FIRMIE RAMKA Z ELEMENTAMI*/
	#navcontainer ul
		{
			list-style-type: none;
			text-align: left;
			line-height: 0.9em; 
			padding:0;
			
		}
		
		#navcontainer ul li a
		{
			background: transparent url('../images/list-off.png') left no-repeat;
			line-height: 1.3em; 
			padding-left: 20px;
			text-align: left;
			font-family:Georgia;
			font-size:16px;
			font-weight:bold;
			text-decoration: none;
			color: #2d2d2d;
		}
		
		#navcontainer ul li p
		{
			line-height: 1.0em; 
			text-align: center;
			font-family:Georgia;
			letter-spacing: 0.5px;
			font-size:1.1em;
			font-weight:bold;
			border-bottom: 1px solid #000;
			color: #770000;
			margin:10px;
			padding: 5px;
		}
		
		#navcontainer ul li a:hover
		{
			background: transparent url('../images/list-on.png') left center no-repeat;
			border-bottom:1px solid #000;
			color: #770000;
			
		}
		
/*----------- TONIC GALLERY PAGINATION STYLES -----------*/	
	
#loading_progress {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 22pt;
    text-align: center;
    color: #770000; /* Bazowy kolor */
    font-weight: 700;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 210px;
    left: 50%;
    transform: translateX(-50%);
    /* Dodatki graficzne */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Tylko czarny cień dla głębi */
    background: linear-gradient(45deg, #770000, #CC3333); /* Gradient tła */
    -webkit-background-clip: text; /* Gradient tylko na tekście (dla WebKit) */
    background-clip: text; /* Gradient tylko na tekście */
    color: transparent; /* Ukrycie koloru tekstu, aby pokazać gradient */
    padding: 5px 15px; /* Lekki padding dla lepszego efektu */
    border-radius: 8px; /* Zaokrąglone rogi dla tła */
    animation: pulse 2s ease-in-out infinite; /* Subtelna animacja pulsowania */
    z-index: 10; /* Zapewnia, że tekst jest nad innymi elementami */
}

/* Animacja pulsowania */
@keyframes pulse {
    0% {
        transform: translateX(-50%) scale(1);
        text-shadow: 
            0 2px 4px rgba(0, 0, 0, 0.3),
            0 0 8px rgba(119, 0, 0, 0.5);
    }
    50% {
        transform: translateX(-50%) scale(1.05); /* Lekkie powiększenie */
        text-shadow: 
            0 3px 6px rgba(0, 0, 0, 0.4),
            0 0 12px rgba(119, 0, 0, 0.7); /* Wzrost intensywności cienia */
    }
    100% {
        transform: translateX(-50%) scale(1);
        text-shadow: 
            0 2px 4px rgba(0, 0, 0, 0.3),
            0 0 8px rgba(119, 0, 0, 0.5);
    }
}
		

#portfolio_pagination {
	float: left;
	margin-top: 20px;
	margin-left: auto; margin-right: auto;
}

#portfolio_pagination ul{
	margin: 0;
	padding: 0;	
	
}

#portfolio_pagination ul li {
display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	margin: 7px;
	background: #2d2d2d;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

#portfolio_pagination ul li:hover,#portfolio_pagination ul li.selected {
		box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #2d2d2d,
		inset 0 0 0 8px #fff;
}

/*----------- ITEM STYLES  -----------*/

.wrapper_gallery {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	max-width: 755px;
	height: auto;
	width: 100%;
	left: 95px;
}

.wrapper_gallery_elew {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	max-width: 755px;
	height: auto;
	width: 100%;
	left: 95px;
}

.portfolio_item {
	background-repeat: no-repeat;
	margin-left: 9%;
    margin-right: auto; 
	margin-top: 5px;
	display: inline-block;
}

.portfolio_item a{
	display: block;
}

.portfolio_item img{
	border-width:0px;
}

.page_wrapper {
	float: left;
}

/* O FIRMIE */
	#navcontainer1 ul
		{
			list-style-type: none;
			text-align: left;
			line-height: 1.3em; 
			padding-left:15%;
			margin-top:-20px;
			margin-bottom: 10px;
		}
		
		#navcontainer1 ul li a
		{
			background: transparent url('../images/list-off.png') left no-repeat;
			line-height: 1.2em; 
			padding-left: 15px;
			text-align: left;
			font-family:Georgia;
			font-size:18px;
			font-weight:bold;
			text-decoration: none;
			color: #2d2d2d;
		}
		
		
		#navcontainer1 ul li a:hover
		{
			background: transparent url('../images/list-on.png') left center no-repeat;
			border-bottom:1px solid #000;
			color: #770000;
		}
		

#screenshot{
	position:absolute;
	-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	padding:5px;
	display:none;
	color:#000;
	
font-family:Georgia,serif;						
font-style:italic;
color: #770000; 
font-size:12pt;
font-variant: small-caps; 
text-transform: none; 
font-weight: 100; 
text-align:center;
padding: 10px 10px 10px 10px;
text-shadow:1px 1px 2px #2d2d2d;
	}
	
	/* RAMKI DOUBLE NA GÓRZE */
#ramka_glowna {
width: 57%;
margin-top:10px;
margin-bottom:10px;
-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background: rgba(255,255,255,0.55);
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	display:inline-block;
	padding:8px 8px;
}


#ramka_kontakt {
	width: 88%; 
	-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	background-color:rgba(45, 45, 45, 0.8);
	display:inline-block;
	padding:6px 16px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	
}

#ramka_opis_dzialu {
	margin-left: 200px;
	max-width:755px;
	
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -5px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         -5px 7px 5px rgba(50, 50, 50, 0.75);

background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(60,126,202,1)), color-stop(16%,rgba(106,168,210,0.92)), color-stop(29%,rgba(120,203,244,0.86)), color-stop(41%,rgba(114,180,224,0.8)), color-stop(50%,rgba(137,179,213,0.75)), color-stop(83%,rgba(192,212,230,0.59)), color-stop(100%,rgba(219,229,239,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7eca', endColorstr='#80dbe5ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	display:relative;
	padding: 10px 16px;
	margin-bottom: 24px;
	margin-top: 5px;
}

#ramka_opis_panele3d {
	margin-left: 200px;
	max-width:755px;
	
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -5px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         -5px 7px 5px rgba(50, 50, 50, 0.75);

background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	display:relative;
	padding: 10px 16px;
	margin-bottom: 24px;
	margin-top: 5px;
}

#ramka_opis_dzialu_elewacyjna {
	margin-left: 200px;
	max-width:755px;
	display:relative;
	padding: 10px 16px;
	margin-bottom: 24px;
	margin-top: 5px;
	
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -5px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         -5px 7px 5px rgba(50, 50, 50, 0.75);

background: -moz-linear-gradient(-45deg,  rgba(241,218,54,1) 4%, rgba(243,222,77,1) 16%, rgba(253,250,225,0.8) 95%, rgba(254,252,234,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,rgba(241,218,54,1)), color-stop(16%,rgba(243,222,77,1)), color-stop(95%,rgba(253,250,225,0.8)), color-stop(100%,rgba(254,252,234,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ccfefcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#galeria_produkt {
    width: 650px;
    height: 401px;
        margin-left: auto; /* Wyśrodkowanie poziome */
    margin-right: auto; /* Wyśrodkowanie poziome */
    margin-top: 15px; /* Margines tylko na górze */
    margin-bottom: 15px; /* Margines tylko na dole */
    display: flex;
    justify-content: center;
    gap: 30px;
}

.ramka {
    width: 302px;
    height: 401px;
    border: 1px solid #000000;
    -moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    background-color: rgba(45, 45, 45, 0.25);
    border-top: 4px double;
    border-bottom: 4px double;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);

    /* Wyśrodkowanie obrazka w ramce, jeśli nie jest dokładnie jej rozmiaru */
    display: flex;
    justify-content: center;
    align-items: center;
}

#produkt_1, #produkt_2 {
    width: 300px; /* Nowa szerokość obrazu */
    height: 401px; /* Nowa wysokość obrazu */
    object-fit: cover;
    display: block;
}


#partnerzy_img {
margin-top:10px;
margin-bottom:10px;
height: 190px;
-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
	background-color:rgba(45, 45, 45, 0.45);
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	padding:8px 16px;
}

#o_firmie_img {
margin-top: 10px;
margin-bottom: 10px;
border:1px solid #000000;
padding:6px 6px;
-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
}

#partnerzy_desc {
width: 100%;
height: 190px;
margin-top:10px;
margin-bottom:10px;
padding:8px 16px;

box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);

border-top:4px double;
border-bottom:4px double;
border-left: 1px solid;
border-right: 1px solid;
border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	                        
background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(60,126,202,1)), color-stop(16%,rgba(106,168,210,0.92)), color-stop(29%,rgba(120,203,244,0.86)), color-stop(41%,rgba(114,180,224,0.8)), color-stop(50%,rgba(137,179,213,0.75)), color-stop(83%,rgba(192,212,230,0.59)), color-stop(100%,rgba(219,229,239,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(60,126,202,1) 0%,rgba(106,168,210,0.92) 16%,rgba(120,203,244,0.86) 29%,rgba(114,180,224,0.8) 41%,rgba(137,179,213,0.75) 50%,rgba(192,212,230,0.59) 83%,rgba(219,229,239,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7eca', endColorstr='#80dbe5ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#ramka_elewacyjna_bot {
width: 100%;
height: 190px;
margin-top:10px;
margin-bottom:10px;
padding:8px 16px;
	
	border-top:4px double;
	border-bottom:4px double;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
	
-webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -5px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         -5px 7px 5px rgba(50, 50, 50, 0.75);

background: -moz-linear-gradient(-45deg,  rgba(241,218,54,1) 4%, rgba(243,222,77,1) 16%, rgba(253,250,225,0.8) 95%, rgba(254,252,234,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,rgba(241,218,54,1)), color-stop(16%,rgba(243,222,77,1)), color-stop(95%,rgba(253,250,225,0.8)), color-stop(100%,rgba(254,252,234,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(241,218,54,1) 4%,rgba(243,222,77,1) 16%,rgba(253,250,225,0.8) 95%,rgba(254,252,234,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ccfefcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#tytul {
font-family:Georgia,serif; 
font-variant: small-caps; 
text-transform: none; 
text-align:left;
line-height: 0.8em;
color: #770000; 
padding: 0px 0 10px 0;
font-size:1.1em;
text-shadow:1px 1px 2px #2d2d2d;
-webkit-font-smoothing: subpixel-antialiased;
}


#panel3d {
    width: 100%; /* Sprawia, że szerokość zdjęcia dopasowuje się do szerokości rodzica */
    height: 100%; /* Sprawia, że wysokość zdjęcia dopasowuje się do wysokości rodzica */
    object-fit: fill;
}

#googleMap {
    width: 90%;
    height: 300px; /* Wysokość div'a pozostaje taka sama, a zdjęcie dopasuje się do niej */
    border: 1px solid #000000;
    margin: 0 auto;
    -moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    background-color: rgba(45, 45, 45, 0.25);
    border-top: 4px double;
    border-bottom: 4px double;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
}



#opis_dzialow {
	background:url(../images/quote-bg.png) left top no-repeat;
	background-position:0px 0; 
	padding:6px 35px 0px 35px;
	margin-bottom: 6px;
	
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.1em; /* Zwiększone dla czytelności */
  font-size: 1.2em; /* Określony rozmiar dla spójności */
  text-align: justify;
  color: #000;

}
#opis_dzialow strong {
  font-weight: 700; /* Wyraźne pogrubienie dla <strong> */
}

/* CYTATY*/
blockquote {
	margin: 0px 15px 0px 5px;
	padding:10px 4px 10px 10px;
	color:#36bcda; 
	quotes:none;
	font-style:italic;
}



blockquote.quote {
  background: url(../images/quote-bg.png) 0 0 no-repeat;
  width: 90%;
  padding: 0 0 0 35px;
  margin-bottom: 20px;
  line-height: 1.1em; /* Zwiększone dla większej przejrzystości */
  font-size: 0.9em; /* Zwiększone z 0.9em dla lepszej widoczności */
  color: #333; /* Łagodniejszy odcień niż #000 dla subtelniejszego kontrastu */
   font-family: "Times New Roman", Times, serif;
  font-style: italic; /* Kursywa dla elegancji */
  font-weight: 500; /* Lekko pogrubiona dla wyrazistości */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* Subtelny cień dla głębi */
  text-align: left;
}

#kontakt {
	font-family:Georgia;
	font-style:normal;
	color:white;
	font-size:0.8em;
	line-height: 1.1em;
	text-shadow:1px 1px 0px #000;
	text-align: center;
}

#kontakt a { /* Linki wewnątrz #kontakt */
    color: white;
    text-decoration: none; /* Opcjonalnie: usuwa podkreślenie linków */
}

#kontakt a:visited { /* Odwiedzone linki */
    color: white;
}

#kontakt a:hover { /* Linki po najechaniu myszką */
    color: orange; /* Możesz tu zmienić kolor, np. na #ccc (jasnoszary), by dać efekt */
}

#kontakt a:active { /* Linki w momencie kliknięcia */
    color: orange;
}

/* Cookies */
#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925; 
}

.customGallery {
    text-align: center;
    width: 820px;
    margin: 0 auto; /* Centruje galerię w poziomie */
	overflow: visible;
}

.customThumbnail {
    float: left;
    margin: 5px;
    width: 246px; /* Szerokość miniatury z uwzględnieniem padding i border */
    height: 148px; /* Wysokość miniatury z uwzględnieniem padding i border */
    overflow: hidden;
    position: relative;
    display: block; /* Zapewnia odpowiednie formatowanie dla linków */
    -moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    background-color: rgba(45, 45, 45, 0.45);
    border-top: 4px double rgba(121, 0, 0, 0.8);
    border-bottom: 4px double rgba(0, 0, 0, 0.7);
    border-left: 1px solid rgba(0, 0, 0, 0.7);
    border-right: 1px solid rgba(121, 0, 0, 0.8);
    padding: 3px; /* Dodaje odstęp wewnątrz ramki */
    box-sizing: border-box; /* Zapewnia, że padding i border są wliczone w wymiary */
	margin-bottom: 10px; /* Zwiększ wartość, aby uwzględnić cienie */
}

.customThumbnail img {
    width: 100%; /* Zapewnia, że obrazy są responsywne i pasują do kontenera */
    height: auto;
    transition: all 0.3s ease; /* Płynna animacja dla efektów hover */
}

#info_html {
    width: 90%;
    height: 400px; /* Zostawiamy stałą wysokość */
    border: 1px solid #000000;
    margin-left: 20px;
    margin-bottom: 15px;
    -moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    
	background-image: url('../images/tlo_zamowienie.jpg'); /* Ścieżka do obrazka tła */
    background-size: cover; /* Obraz pokryje całą powierzchnię elementu, zachowując proporcje */
    background-position: center; /* Wyśrodkowuje obraz w poziomie i pionie */
    background-repeat: no-repeat; /* Zapobiega powielaniu obrazka */
	
    border-top: 4px double;
    border-bottom: 4px double;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: rgba(121, 0, 0, 0.8) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(121, 0, 0, 0.8);
    /* Dodajemy flexbox do centrowania zawartości */
    display: flex;
    justify-content: center; /* Wyśrodkowanie poziome */
    align-items: center; /* Wyśrodkowanie pionowe */
    overflow: hidden; /* Upewnij się, że nic nie wyjdzie poza ramkę */
    position: relative; /* Potrzebne dla absolutnego pozycjonowania dzieci */
}

.infographic-container {
    width: 600px; /* Oryginalna szerokość infografiki */
    height: 600px; /* Oryginalna wysokość infografiki */
    /* Skalowanie, aby 600px * X = ~400px (600 * 0.666 = 400) */
    transform: scale(0.76);
    transform-origin: center center;
    position: relative; /* Upewnij się, że pozycjonowanie absolutne działa wewnątrz kontenera */
}

.center-icon {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #b6b8b7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 100;
    border: 4px solid white;
}

.center-text {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-align: center;
    line-height: 1.2;
}

.segment {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
    cursor: pointer;
    z-index: 50;
}

.segment:hover {
    transform: scale(1.1);
    z-index: 55;
}

.segment-icon {
    font-size: 36px;
    margin-bottom: 12px;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}

.segment-text {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    line-height: 1.2;
}

/* Pozycje segmentów w kole */
.s1 { top: 50px; left: 225px; background: #3B5B80; }
.s2 { top: 125px; right: 75px; background: #6488B2; }
.s3 { bottom: 125px; right: 75px; background: #9BB0C1; }
.s4 { bottom: 50px; left: 225px; background: #D4CDBC; }
.s5 { bottom: 125px; left: 75px; background: #CCB480; }
.s6 { top: 125px; left: 75px; background: #B8A068; }

/* Strzałki */
.arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #333;
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
    z-index: 60;
    opacity: 0.8;
}

.a1 { top: 150px; left: 360px; transform: rotate(30deg); }
.a2 { top: 285px; right: 130px; transform: rotate(90deg); }
.a3 { bottom: 150px; right: 210px; transform: rotate(150deg); }
.a4 { bottom: 150px; left: 210px; transform: rotate(210deg); }
.a5 { bottom: 285px; left: 130px; transform: rotate(270deg); }




/* Styl dla tabelek porównawczych */
.table-comparison {
    width: 100%;
    max-width: 755px; /* Spójne z #ramka_opis_dzialu */
    margin: 0 auto 20px auto; /* Odstęp tylko na dole, 0 na górze dla bliskości z h3 */
    border-collapse: collapse;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #2d2d2d;
    background: rgba(255, 255, 255, 0.55); /* Tło zgodne z #ramka_glowna */
    border-top: 4px double rgba(121, 0, 0, 0.8);
    border-bottom: 4px double rgba(0, 0, 0, 0.7);
    border-left: 1px solid rgba(0, 0, 0, 0.7);
    border-right: 1px solid rgba(121, 0, 0, 0.8);
    -moz-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -5px 7px 5px rgba(50, 50, 50, 0.75);
    padding: 0 8px; /* Skrócony zapis: 0 góra/dół, 8px prawo/lewo */
    box-sizing: border-box;
}

/* Styl dla nagłówków tabeli */
.table-comparison th {
    background: -moz-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%);
    background: linear-gradient(135deg, rgba(60,126,202,1) 0%, rgba(106,168,210,0.92) 16%, rgba(120,203,244,0.86) 29%, rgba(114,180,224,0.8) 41%, rgba(137,179,213,0.75) 50%, rgba(192,212,230,0.59) 83%, rgba(219,229,239,0.5) 100%);
    color: #2d2d2d;
    font-weight: 700;
    font-family: Georgia, serif;
    font-size: 1.0em;
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #4c8cca;
}

/* Styl dla komórek tabeli */
.table-comparison td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}

/* Naprzemienne tło wierszy dla czytelności */
.table-comparison tr:nth-child(even) {
    background: rgba(238, 238, 238, 0.8);
}

/* Styl dla symboli w tabeli (??, ?, ??) */
.table-comparison .symbol {
    font-size: 1.2em;
    margin-right: 8px;
}

/* Linki w tabeli */
.table-comparison a {
    color: #770000;
    text-decoration: underline;
}

.table-comparison a:hover {
    text-decoration: none;
}

/* Responsywność */
@media only screen and (max-width: 960px) {
    h3.table-heading {
        font-size: 14pt;
        padding: 8px 0 2px 8px;
        margin-bottom: 2px;
    }

    h3.table-heading::first-letter {
        font-size: 1.2em;
    }

    .table-comparison {
        max-width: 100%;
        margin: 0 auto 10px auto;
        font-size: 0.8em;
    }

    .table-comparison th, .table-comparison td {
        padding: 8px;
    }
}