@font-face {
    font-family: Herakles;
    src: url('fonts/herakles.woff') format('woff'),
    src: url('fonts/herakles.woff2') format('woff2'),		
         url('fonts/herakles.ttf') format('truetype');
  }
/* FONT  APTOS */
@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos.woff2') format('woff2'),
        url('fonts/Aptos.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-BoldItalic.woff2') format('woff2'),
        url('fonts/Aptos-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-Italic.woff2') format('woff2'),
        url('fonts/Aptos-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
	
BODY {
    background: url("/obrazki/tlo1a.jpg") repeat fixed;
    color: navy;
		}

/* Napis H ELLADA MOU na stronie startowej */
P.MainTitle {
  font-family: Herakles;
  font-size:60pt;
	text-align:center;
	margin-top:-15px;
	margin-bottom:0px;
	color:#0976d0;
}	 

/* Główna big-ramka w której wyświetlają się artykuły (zmodyfikowana w sekcji BOOTSTRAP)*/
.ramka {
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
    background-color: white;
    width: 100%;
		padding:10px;
    font-size: 12.5pt;
    }
		
	
/* Tytuły artykułów */
H3 {
    font-family: Aptos, Verdana, Arial, Helvetica, sans-serif;
    font-size: 160%;
    font-style:italic;
    color: navy;
    text-align: center;
    margin-top:3px;
    margin-bottom:5px;
    }
		@media (max-width: 870px) {
		 H3 {
			font-size: 130%;
		 }
		}
/* Dłuższe nagłówki przed akapitami*/
H2 {
    font-family:  Aptos, Verdana, Arial;
    font-size: 140%;
    color: navy;
    text-decoration:none;
    margin-bottom:4pt;
    margin-left:10px;
    text-align:left;
    }
/* Akapity z których składają sie artykuły*/
P {
    text-align:justify;
    text-indent:0.0pt;
    line-height: 140%;
    color:navy;
    margin-left:10px;
    margin-right:10px;
    font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
    }
/* Krótkie nagłowki przed akapitami (<P>)*/
P.Naglowek {
   margin-bottom:0pt;
   FONT-WEIGHT: bold;
   font-size:110%;   
   margin-left:10px;
   color:blue;
   }
	
/* wyróżnione colorem wyrazy w tekście */
.red {
    color:blue;
    }
.blue {
    color:blue;
		    }
/* Lista wykorzystywana tylko w opisie wycieczki po Kanale Korynckim*/
li.kanal {
   text-align:justify;
   text-indent:0.0pt;
	 margin-right:10px;
   color:navy;
   }
/* Lista wykorzystywana w menu*/
li {
	 margin-right:0px;
   color:navy;
   }
/* "Zwykłe" listy w treści akapitu*/
ul > li {
		font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
	}

/*Pozostałe linki w artykułach*/ 
/*Linki w akapitach <P> skalowalne przez nazwę klasy*/
a.pa:link {
    font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
    color:navy;
    font-size: 12.5pt;
    text-decoration:underline;    
		text-decoration-thickness: 1px;
	  }
a.pa:visited {
    font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
    color:navy;
    font-size: 12.5pt;
    }
a.pa:hover, a.pa > b.red:hover {
    font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
    color:#9595ff;
    font-size: 12.5pt;
    }

A:link {
    font-family: Aptos, Arial, Verdana, Helvetica, sans-serif;
    color:navy;
    font-size: 12.5pt;
    text-decoration:none;
    }
A:visited {
    color:navy;
    font-size: 12.5pt;
    text-decoration:none;
    }
A:hover {
    color:#9595ff;
    text-decoration:none;
    font-size: 12.5pt;
    }
/* Linki do skalowania witryny - wybrany w ramce*/
#a1 { font-size:10.5pt;	text-decoration:none;font-family: Aptos, sans-serif, Arial,  Verdana; }
#a2 { font-size:13.5pt;	text-decoration:none;font-family: Aptos, sans-serif, Arial, Verdana;}
#a3 { font-size:16.5pt;	text-decoration:none;font-family: Aptos, sans-serif, Arial, Verdana;}
#t1 { border:0px solid;margin:0 auto;padding:0px;height:18pt;width:22pt;text-align:center }
#t2 { border:1px solid;margin:0 auto;padding:0px;height:18pt;width:22pt;text-align:center }
#t3 { border:0px solid;margin:0 auto;padding:0px;height:18pt;width:18pt;text-align:center }


/* przyciski 3D 'poprzedni' 'następny' */
.przycisk1{
    float:right; margin:2px 10px 2px 2px;border: 0;
    }
.przycisk2{
    float:left; margin:2px 2px 2px 10px;border: 0;
    }

		
/* modyfikacjacja, niwelująca bootstrapową, kótra psuła zaokrąglanie ramek */ 
table {
		border-collapse: unset;
}

/* ogólne pole tabeli  */
TD {
    font-family: Aptos, Verdana,	 Arial, Helvetica, sans-serif;
    font-size: 12.5pt;
		vertical-align:middle !important;
    }
/* standardowa clasa tabeli bootstrap */
.table {
    margin:0 auto;     /* wyśrodkowanie ramki na stronie */
		width:90%;         /* szerokość tabeli */  
    border-color:gray; /* kolor ramki */
    border-spacing: 0px; /* odstępy pól od siebie */ 

}		

/* standardowa tabela z ramkami i niebieskim nagłowkiem, wyśrodkowana na stronie (70% szerokości)*/
.commontable {
    margin:0 auto;     /* wyśrodkowanie ramki na stronie */
    border:1px solid;  /* grubość i rodzaj ramki */
    border-color:gray; /* kolor ramki */
    width:70%;         /* szerokość tabeli */  
    padding:1px;      /* odstęp wnętrza od ramki */
    border-spacing: 1px; /* odstępy pól od siebie */ 
    }
.td_header {
    color: white;
    background-color: #6699ff;
    font-family: Aptos, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    padding:8px;      /* odstęp wnętrza pola od ramki */
    border:0px solid;
    font-size: 12.5pt;
    }
.td_center1 {
    color:navy;
    font-family: Aptos, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    padding:8px;      /* odstęp wnętrza pola od ramki */
    border:0px solid;
    font-size: 12.5pt;
		vertical-align:middle !important;
    }
.td_center {
    color:navy;
    font-family: Aptos, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    padding:8px;      /* odstęp wnętrza pola od ramki */
    border:0px solid;
    width:20%; /*różnica w stosunku do td_center1*/
    font-size: 12.5pt;
		vertical-align:middle !important;
    }
		
.td_left1 {
    color:navy;
    font-family: Aptos, Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    padding:8px;      /* odstęp wnętrza pola od ramki */
    border:0px solid;
    font-size: 12.5pt;
    }
.td_left {
    color:navy;
    font-family:Aptos,  Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    padding:8px;      /* odstęp wnętrza pola od ramki */
    border:0px solid;
    width:80%; /*różnica w stosunku do td_left1*/
    font-size: 12.5pt;
    }
	
/* zaokrąglona ramka wyswietlająca duży obrazek na stronie - np. na winietach rozdziałów oraz w galerii*/
.zaokr-gal { /* do usunięcia !!! */
  margin: 0 auto;
  text-align: center;
  width: 100%; /* jeśli chcesz, by cała tabela była responsywna */
  max-width: 900px; /* opcjonalnie ogranicz maksymalną szerokość */
}
.zaokr {
  margin: 0 auto;
  text-align: center;
}
.td_zaokr {
  border: 0;
  padding: 0;
}

.img {
  border: 0; 
	
	width: 100%;
  height: auto;
  max-width: 900px;/*100%; /* zapobiega przekraczaniu szerokości rodzica */
  display: block;
  margin: 0 auto;
}
	


/* cyfry licznika odwiedzin */		
.img_licznik {
     border: 0;
     margin-left:-2px;
     margin-right:-2px;
     margin-top:5px; 
	 }	
/* Tabela wyświetlająca miniatury w galerii (cieniowanie ramki)*/
TABLE.galeria {
    margin:0 auto;
    border:none; 
    //border:outset #2716c0 4pt;
    padding:0pt;
    border-spacing:0px;
    }
/* Pola na stronach galerii w których wyświetlają się miniatury zdjęć*/
TD.galeria  {
    padding:4pt;
		}
/* Podpisy pod miniaturkami zdjęć */		
.figure-caption {
	font-size:8pt;
	padding:1px 0 1px 0;
	text-align:center;
	background-color:white;
	border: thin lightgray solid;
  }

.galeria figure:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}	


/* === małe obrazki po prawej lub lewej stronie akapitu, równo z boczną linią tekstu - stare, bez caption === */
		
.img_right,
.img_left {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

.img_right {
  float: right;
  margin: 3px 0px 3px 7px;
}

.img_left {
  float: left;
  margin: 3px 7px 3px 0px;
}

/* Responsywne zachowanie na małych ekranach */
@media (max-width: 768px) {
  .img_right,
  .img_left {
    float: none;
    margin: 0.5em auto;
    display: block;
  }
}
		
/* === małe obrazki po prawej lub lewej stronie akapitu  - nowe z caption === */
figure {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 0.5em auto;
  max-width: 100%;
}

/* === FLOATY DLA DESKTOP === */
.figure_r {
  float: right;
  margin: 0.1cm 0.25cm 0 0.2cm;
  max-width: 360px;
  width: 100%;
}

.figure_l {
  float: left;
  margin: 0 0.2cm -0.1cm 0.25cm;
  border: none;
  max-width: 360px;
  width: 100%;
}

.figure_r img,
.figure_l img {
  width: 100%;
  height: auto;
  display: block;
}

.portrait {
  max-width: 250px;
}
.width-300 {
  max-width: 300px;
}
.width-400 {
  max-width: 400px;
}

.figure_c {
  width: 100%;
  text-align: center;
}
.figure_c img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}


/* === MEDIA QUERY: dla małych ekranów === */
@media screen and (max-width: 768px) {
  .figure_r,
  .figure_l {
    float: none;
    display: block;
    text-align: center;
    margin: 0.5em 2mm;
    width: auto;
    max-width: 100%;
  }

  .figure_r img,
  .figure_l img {
    width: 100%;
    height: auto;
    display: block;
  }

  .caption div {
    flex-direction: column;
    align-items: center;
    gap: 0.25em;
  }
	
	.figure_c figcaption, .figure_c {
    max-width: 100%;
    width: auto;
  }  
	
	.figure_c {
    margin: 0.5em 2mm;
		width:95%;
  }
	.margin-auto {
		margin: 0 auto;
	}

}


.caption {
  font-size:10.5pt;

	padding: 0.2mm 0 0 1mm ;
	color:black;
	background-color:white;
	border: thin silver solid;
	border-color:lightgray;
  }

/* link bez podkreślenia */
.caption a {
  font-size:10.5pt;
}

/* link z podkreśleniem */
.caption > a.pa {
  font-size:10.5pt;
}
/* === mini galeria na winiecie perełek i tylko tam === */
	.gallery {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.gallery figure {
		margin: 0;
		text-align: center;
		width: 132px;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	.gallery img {
		width: 132px;
		height: 94px;
	}
	.gallery figcaption {
		font-size: 0.9em;
		color:#666;
		margin-top: 0px;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
	}

	.gallery figure:hover {
		transform: translateY(-4px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}
	
	.gallery figure:hover figcaption {
		color:black;
	}
/* === END: mini galeria na winiecie perełek i tylko tam === */


/* tekst opisu zdjęcia wyświetlany pod zdjęciem w galerii */
P.galeria {
		margin-top: 10px;
    margin-left:20px;
    margin-right:20px;
    }		
		
 /* Style dla tabeli historii IO Ateny 2004 */
.szare1 { 
    BACKGROUND-COLOR: #e0e0e0; 
    text-align:center;
    font-size:12pt;
    }
.szare2 { 
    BACKGROUND-COLOR: white; 
    text-align:center;
    font-size:12pt;
    }

	.center {
		text-align:center;
	}		
.linia { 
		text-align:center;
		/*display: none;*/
    }

.logo-baner {
		margin-bottom:7px;
		margin-top:1px;
		text-align:center;
  }
.ICO2 {
	height: 20px;
	width: 20px;
	margin-right:-5px;
	margin-top:-6px;
	margin-left:-4px;
	margin-bottom:-5px;
	}
	

	
/* style dla okienka logowania */	
table.login {
	border:outset lightgray 4pt;
	padding:0px;
	border-spacing:0;
	margin:0 auto;
	text-align:center
}
td.login-title {
	background-color:#6699ff;
	height:38px;
	text-align:center;
	color: white;
  font:16pt Arial;
}
td.login-background {
  background-color:#c6e1ff;
}
	
table.login-inner {
	border:0px solid;
	padding:13px;
	border-spacing:3;
	margin:0 auto;
	text-align:
	center;
	width:350px;
}
td.login-checkbox {
	font-size:9pt;
	text-align:left;
	padding-left: 12px; 
}
td.login-input {
	style=font-size:12px;
}
	
hr {
	height: 1px;
	background-color: lightgray;
}	

.back-to-top,.back-to-top:visited {
	position:fixed;
	bottom:50px;
	right:70px;
	z-index:10;
	transition:opacity 300ms ease-in-out;
	opacity:0; visibility:hidden;
	box-shadow: 8px 8px 15px -8px rgba(66, 68, 90, 1);		
	border-radius: 4px;	

}
back-to-top-img {
  margin:0 auto;
  border:none; 
}
div.background {
	background-color:#bddcff;
}

/*********************** Filmiki w treści ****************************/

.video-wrapper-r {
  float: right;
  margin: 0 10px 0 10px;
}
.video-wrapper-l {
  float: left;
  margin: 0 10px 0 10px;
}
.video-wrapper-l figcaption, .video-wrapper-r figcaption {
	margin-top:-7px;
}
@media (max-width: 768px) {
  .video-wrapper-l, .video-wrapper-r {
    float: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px auto;
    max-width: 100%;
    width: fit-content;
  }

  .video-wrapper-r iframe, .video-wrapper-l iframe {
    max-width: 100%;
    height: auto;
  }
	.video-wrapper-l figcaption, .video-wrapper-r figcaption {
  	width: 100%;
  	text-align: center;
		margin-top: 0;
	}
}

/**********************************************************************/
		
/*********************** B O O T S T R A P ****************************/

/**********************************************************************/
		
.alert {
  border-color:lightgray;
  margin: 0 0 5px 0; 
	padding-top: 5px ;
	padding-bottom: 5px ;
	font-family: Aptos;
  font-size:11.5pt;
	line-height: 1.2;
	
}

.alert .alert-link {
  text-decoration:underline;
	font-family: Aptos;
  font-size:12pt;
}
.alert > a.pa {
	font-family: Aptos;
  font-size:11pt;
}
.alert-info {
	background-color: #bddcff;
	color: navy;
}
.alert-danger {
	background-color: #ffbbbb;
}

/* druga linia pozycji menu (podtytuł) */		
I.extraMenu {
    color:black;
    font-size: 10pt;
		display: block; 
		margin-top: -16pt;
		margin-left: 1pt;
    }		
/* druga linia pozycji submenu (podtytuł) */	
I.extraMenuSub {
    color:black;
    font-size: 10pt;
		line-height: 1;
		display: inline-block; 
		vertical-align: top;
		margin-top: 1pt;
		margin-left: 1pt;
    }
/* zmniejszony dopisek w tej samej linii menu*/	
I.extra {
    color:black;
    font-size: 10pt;
}		

/* przyciski */

.btn-default { 
  background-color: white; 
	border-color:lightgray;
	color:navy;
  }	
.btn-default.active {
  background-color: #92c5fe; 
	border-color:lightgray;
	color:navy;
  }
.btn-default:hover, .btn-default.active:hover {
	background-color: ;
	color:navy;
}

/* przyciski w rozdziale Porady praktyczne */
.btn-porady {
      font-size: 12pt;
			color:navy;
      margin-bottom:5px;
			 font-family: Aptos, Verdana, Geneva, Arial, Helvetica, sans-serif;
			//width:280px;
    }
.btn-porady:hover {
      background-color: ; 
			background-color: #92c5fe; 
      //color:white;
 		}


.przyciski {
	text-align: center;
	margin-top:2px;
	margin-bottom:3px;
	border-color:lightgray;
  }

.btn-kolor{
	margin-top:-2px;
	border-color:lightgray;
  }	
.btn-kolor:hover {
	background-color:;
  }	
.li-kolor { 
	  margin-top:3px;
    float: left; 
		width: 40px; 
		height: 30px; 
		margin-left:9px;
		}
.li-kolor > a { 
	  font-size: 10pt;
		border:outset lightgray 1pt;
} 
// puste ale potrzebne - dalej w warunkach na rozmiar
.separator {
   }	
/* menu rozdziału */	
.dropdown {
  margin-top:2px;
}

.dropdown > button {
  background-color: white;
  border-color:lightgray;
	color:navy;
 	background-image: none;
	font-size: 12pt;
	height: 34px;
	}
.dropdown > button:hover, .open > .dropdown-toggle.btn-default:hover {
	background-color: ;

}


/* nawigator */
.breadcrumb {
  height: 34px;
	margin-bottom:0px;
	margin-top:2px;
	padding-top:5px  !important; 
  padding-bottom:-2px !important;
	background-color: white;
	border: 1px solid;
  border-color:lightgray;
	font-size: 12pt;
	font-family:  Aptos, Verdana, sans-serif;
}

.breadcrumb .active {
	font-size: 12pt;
	font-family: Aptos, Verdana, sans-serif;
}

.breadcrumb  > li > a {
	color:navy;
	font-size: 12pt;
}

.breadcrumb  > li > a:hover {
    color:#9595ff;
    text-decoration:none;
    }
		
/* stopka */
.footer {
  height: 34px;
	padding-top:6px  !important; 
  padding-left: 10px;
  padding-right: 10px;
	background-color: #bddcff;
	border: 1px solid;
  border-color:lightgray;
	color: navy;
	font-size: 12pt;
	font-family:  Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	text-align:right;
}
.footer > a {
	text-decoration: none;
	color:navy;
}
.footer > a:hover {
	color:#9595ff;
	text-decoration: none;
}
		
/* dostosowanie odstępów miedzy kolumnami i tytułu oraz innych elementów w zależności od rozmiaru okna */
/* definicja nowych wymiarów (szerokości) ekranu: xxl - ponad 1600px; xxs - poniżej 440px 		         */
.visible-xxs {
    display: none !important;
}
.hidden-xxs {
    display: block !important;
}
table.hidden-xxs {
    display: table !important;
}
.visible-xxl {
    display: none !important;
}
.hidden-xxl {
    display: block !important;
}

/* Extra Large devices (displays from 1600px) */
@media (min-width: 1600px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;

  }
  .col-xxl-12 {
    width: 100%;
  }
  .col-xxl-11 {
    width: 91.66666667%;
  }
  .col-xxl-10 {
    width: 83.33333333%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-8 {
    width: 66.66666667%;
  }
  .col-xxl-7 {
    width: 58.33333333%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-5 {
    width: 41.66666667%;
  }
  .col-xxl-4 {
    width: 33.33333333%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-2 {
    width: 16.66666667%;
  }
  .col-xxl-1 {
    width: 8.33333333%;
  }

	.visible-xxl {
			display: block !important;
	}
	.hidden-xxl {
			display: none !important;
	}
	/*zwężenie menu do z 2 do 1,5 kolumny na 12 */
	div[class^="r-marg-0"]{
		 width: 13%;
		 margin-left:-36px;
		 margin-right:10px;
	 }
	 .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    div[class^="col"]{padding-left:15px; padding-right:15px;}
    div[class^="r-marg-0"]{padding-left:15px; padding-right:0px;}
		P.MainTitle {font-size:60pt;}
}
/* tablets                                      */
@media (max-width: 1024px) {
	.breadcrumb > li {
			margin-left:-8px;
			margin-right:4px;
			}
	
	.breadcrumb > li + li:before {
		padding: 0 4px;
		content: "/";
	}		
	P.galeria {margin: 10px 10px 0px 10px }
		}	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{   
    div[class^="col"]{padding-left:10px; padding-right:10px;}
    div[class^="r-marg-0"]{padding-left:10px; padding-right:0px;}
		P.MainTitle {font-size:60pt;}
}


/* poprawka dla linii - znika na małych ekranach */
@media (max-width: 870px) {
	.linia {
    display: none !important;
    visibility: hidden !important;
		}
}	

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
		/* Dostosowanie rozmiarów i kolorystyki menu bocznego (sidebar) */ 
		/* ustawienia dla pionego menu/paska bocznego */ 
	  .sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	  }
	  .sidebar-nav .navbar ul {
		float: none;
	  }
	  .sidebar-nav .navbar ul:not {
		display: block;

	  }
	  .sidebar-nav .navbar li {
		float: none;
		display: block;
	  }
	  .sidebar-nav .navbar li a {
		padding-top: 4px;
		padding-bottom: 2px;
	  }
		/* logo w menu tylko na małych ekranach         */
		.navbar-header > a, .navbar-header > img {
				display: none !important;
		}

    div[class^="col"]{padding-left:15px; padding-right:15px;}
    div[class^="r-marg-0"]{padding-left:15px; padding-right:0px;}
		P.MainTitle {font-size:40pt;}
}

/* Small devices (tablets, up to 767px) */
@media (max-width: 767px)  
{ 
    div[class^="col"]{padding-left:7px; padding-right:7px;}
    div[class^="r-marg-0"]{padding-left:7px; padding-right:7px;}
		P.MainTitle {font-size:28pt;}
	  .przyciski {
	  	margin-top:2px;
	  	margin-bottom:1px;
		}
	
	.alert {
		margin: 3px 0 3px 0;
	}		
	.table {
		width:95%;           
		}		
	.zaokr {
			border-spacing:1px;
			}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: navy;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: white;
			background-color: #0000d5  }
	
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f61208;
    background-color: navy  }
	
	.navbar-header > img {
				margin-top:0px;
				margin-rigt:10px;
				margin-left:0px;
				margin-bottom:-100px;
				height:57px;
		}

  .ramka {
		  padding-left:0px;
		  padding-right:0px;
		  padding-bottom:10px;
		  padding-top:10px;
      }
	.breadcrumb,
	.breadcrumb > li,
	.breadcrumb > li > a,
	.breadcrumb .active
	    {
			font-size: 12pt;
	    }		
	.breadcrumb {
	    margin-left:0px;
		  height: 30px;
	    }
	.back-to-top,.back-to-top:visited {
  	bottom:50px;
	  right:50px;
	}		
	I.extraMenuSub {

		line-height: 1;
		vertical-align: top;
		margin-top: 4pt;
    }
	I.extraMenu {
	  margin-top: -14pt;
	}
}	
	
@media (width < 768px)  {
  .logo-baner {
    display: none !important;
  }
}
@media (width < 768px)  {
  .korekta767 {
    display: none !important;
  }
}
.navbar-brand-text > a {
  padding: 30px 20px;
  font-size: 24px;
  font-family: Verdana;
}

@media (min-width: 440px) {
	.navbar-brand {
	  height: 80px;
  	padding: 0px 0px;
  }
	.navbar-brand-text{
  	padding: 30px 10px;
  }
	.navbar-brand-text > a {
  	font-size: 22px;
  	font-family: Verdana;
  }
}
@media (min-width: 560px) {
	.navbar-brand-text {
		padding: 30px 50px;
	}
	.navbar-brand-text > a {
	font-size: 30px;
	font-family: Verdana;	
	}
}
@media (min-width: 660px) {
	.navbar-brand-text {
		padding: 30px 100px;
	}
}
/* Extra Small devices (phones up to 440px) */
@media (max-width: 440px) {
  /* poprawka menu bocznego dla rozmiarów mniejszych niż XS (768px) */
	.navbar-brand {
		height: 0px;
	}
	.navbar-brand-text {
		padding: 20px 0;
		font-size: 24px;
		font-family: Verdana;
		}
	.navbar-toggle {
		padding: 12px 10px;
		margin-top: 8px;
		margin-right:8px;
	}	
	.breadcrumb, .separator {
			display: none !important;
	    }			
	.visible-xxs {
			display: block !important;
	}
	.hidden-xxs {
			display: none !important;
	}
	table.visible-xxs {
		display: table !important;
	}
	table.hidden-xxs {
		display: none !important;
	}
		.navbar-header > button {
		margin-top:9px;
	}	
	.navbar-header > img {
		display: none !important;
	}
}



/* zmiana kolorów menu i paska bocznego */

/* kolor linków wszystkich menu i podmenu */
.dropdown > a,
.dropdown > .dropdown-menu  > li > a,
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a 
{
		font-size: 12pt;
 		color:navy;
}

/* Powiększenie czcionki menu i wszystkich podmenu na smartfonach*/
@media (max-width: 767px)
{

	/* kolor linków wszystkich menu i podmenu */
	.dropdown > a,
	.dropdown > .dropdown-menu  > li > a,
	.navbar-default .navbar-nav > li > a, 
	.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a,
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a 
	{
			font-size: 16pt;
	}

}
/* kolor i tło fokusa dla wszystkich linków menu i podmenu */
/*.dropdown > button:hover,*/
.dropdown > .dropdown-menu  > li > a:hover,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu  > li >  a:hover{   
	color: white;
	background-color: #0000d5}

/* menu najwyższego poziomu */

.dropdown .dropdown-menu,
.navbar-default 
  {
  background-color: white;  border-color:lightgray; margin-bottom:14px;
	}

/*  podmenu I poziomu*/
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #c6e1ff;   
  }

/*  podmenu II poziomu*/
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {
  background-color: #92c5fe; 
}
/*  podmenu III poziomu*/
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu
{
  background-color: #64adff; 
}	
	
/* rozwinięty link menu i podmenu we wszystkich stanach*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > li > .dropdown-menu >  .open > a,
.navbar-default .navbar-nav > li > .dropdown-menu >  .open > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu >  .open > a:focus,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu >  .open > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu >  .open > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu >  .open > a:focus 
{  color: navy;
  background-color: white;
}

/* rozdzielacz dla wszystkich podmenu */
.navbar-default .divider ,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider ,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu  > li >  .divider {
  background-color:lightgray;
	margin: 2px 2px;
  }
/* rozdzielacz dla menu głównego */
.divider {
  background-color: lightgray;
	margin: 2px 2px;
	height:1px;
}

/* tytuł menu w rozmiarze XS*/

.navbar {
	margin-bottom:3px;
	margin-top:3px;
  }
.navbar-toggle {
  padding: 12px 10px;
		margin-right:19px;
		margin-top: 20px;
  }



.navbar-default .navbar-brand {
  color: navy;
  }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: navy;
  }
.btn-danger {
  background-color: #6699ff;
	border-color:gray;
}
.btn-danger:hover {
  background-color: gray;
	border-color:black;
}
.btn-danger:focus,
.btn-danger.focus, 

.btn-danger:active.focus:hover,
.btn-danger.active.focus:hover,
.btn-danger:active,
.btn-danger.active,
 {
  background-color: lightgray;
	border-color:yellow;
}

/* ==== RADIUSY i CIENIE - globalne działania na podstawie przełącznika ===*/

	.img_right, .img_left, figure {
		border-radius: 4px;
  }
	.caption, .figure-caption, .gallery figcaption  {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
  }
	.gallery img,
	.galeria img,
	.figure_r img,
	.figure_l img,
	.figure_c img
	{
		border-radius: 4px 4px 0 0;
	}


	.ramka,
	.dropdown .dropdown-menu, .navbar-default,																										 /* menu główne */
	.navbar-default .navbar-nav > li > .dropdown-menu,                      											 /* menu I poziomu */
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu, 											 /* menu II poziomu */
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu  /* menu III poziomu */

  {
		border-radius: 5px  !important; /*zaokrąglone narożniki*/
	}
	.back-to-top,.back-to-top:visited {
    border-radius: 4px;
	}
	.rad, .przycisk1, .przycisk2
	{
		/*border-radius: 20px; */
	}

	.navbar-nav {
		padding: 5px 0;
	}
	
	TABLE.galeria-bad {
    border-radius: 7px;
    border:outset #2716c0 1pt;

	}
	.zaokr-bad
	{
	  border-radius: 7px;
    border:outset #2716c0 1pt;
    padding:0px;
    border-spacing:4px;
	}
	.navbar-header > img {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}


	.back-to-top, .back-to-top:visited,
	.alert, .ramka, .logo-baner,
	.btn-default, .btn-default:hover, .btn-default.active:hover,	.breadcrumb,										 /* przyciski i navigaor */
	.dropdown .dropdown-menu, .navbar-default,																										 /* menu główne */
	.navbar-default .navbar-nav > li > .dropdown-menu,                      											 /* menu I poziomu */
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu, 											 /* menu II poziomu */
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu	 /* menu III poziomu */
	{
		-webkit-box-shadow: 8px 8px 15px -8px rgba(66, 68, 90, 1);
		-moz-box-shadow: 8px 8px 15px -8px rgba(66, 68, 90, 1);
		box-shadow: 8px 8px 15px -8px rgba(66, 68, 90, 1);		
		box-shadow: 4px 4px 7px 0px rgba(66, 68, 90, 0.35);		
		box-shadow: 2px 3px 5px rgba(66, 68, 90, 0.4);
  }

	.img_licznik {
		-webkit-box-shadow: 5px 5px 10px 0px rgba(66, 68, 90, 1);
		-moz-box-shadow: 5px 5px 10px 0px rgba(66, 68, 90, 1);
		box-shadow: 5px 5px 10px 0px rgba(66, 68, 90, 1);	
		box-shadow: 4px 4px 7px 0px rgba(66, 68, 90, 0.65);	
  }
	
	P.MainTitle {
		text-shadow: 4px 4px 6px rgba(66, 68, 90, 1);
	}

  .logo-baner
	{
		border-radius: 10px;
  }