﻿/*! CSS-Bootstrap - modyfikacje dodatkowe dla geografia24 SD  */

@media (min-width: 1700px) {
  .container {
    max-width: 1440px;
  }
}

@media (min-width: 1900px) {
  .container {
    max-width: 1700px;
  }
}

@media (min-width: 2100px) {
  .container {
    max-width: 2000px;
  }
}

@media (min-width: 2400px) {
  .container {
    max-width: 2200px;
  }
}

@media (min-width: 2700px) {
  .container {
    max-width: 2400px;
  }
}

@media (min-width: 3000px) {
  .container {
    max-width: 2600px;
  }
}

.geoprezentacje {
    --bs-aspect-ratio: 65.6%;
}



.lo24_menu_tytul {
	padding-top: 0.1rem;
	padding-right: 0.1rem;
	padding-left: 0.1rem;
	padding-bottom: 0.1rem;
	background-color: #A5D0FF;
	color:#00045F;
	text-align: center;
	font-size: 1.0rem;
		}

.lo24_menu_podtytul{
	margin: 0px;
	padding-top: 0.5rem;
	padding-right: 0.1rem;
	padding-left: 0.1rem;
	padding-bottom: 0.16rem;
	color:#00058D;
	text-align: center;
	font-size: 0.875rem;
		}

.lo24_menu_lekcje_zdalne {
	margin: 0px;
	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	padding-bottom: 0rem;
	color:#00058D;
	text-align: center;
	font-size: 0.200rem;
		}

.geo_body_min_h500 {
	min-height: 360px;
		}

._image_kontakt {
	float: left;
	margin-top: 0;
	margin-right: 0.6rem;
	margin-left: 0.6rem;
	margin-bottom: 0rem;
	border-radius: 0.5rem;
	border: 1px solid #004D9E;
}

.mapy {
	border: 1px solid #004D9E;
	border-radius: 0rem;
	-moz-border-radius: 0rem;
	-webkit-border-radius: 0rem;
	margin: 0.75rem;
}

.mapy_grupa_pole {
	background-color: #FEFFF0;
}

.mapy:hover,
.mapy:focus {
	border: 2px solid #009BFF;
	border-radius: 0rem;
	-moz-border-radius: 0rem;
	-webkit-border-radius: 0rem;
	transition: all 100ms ease-in-out;
}

.fotolinkokno {
	overflow: hidden;
	height: 55px;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 600;
	color: #030644;
	background-color: #C3D6FF;
	margin: 0px;
	border: 1px solid #0051FF;
	border-radius: 0rem;
	-moz-border-radius: 0rem;
	-webkit-border-radius: 0rem;
		}
.fotolinkokno:hover,
.fotolinkokno:focus {
	overflow: hidden;
	color: #FFFFFF;
	background-color: #0051FF;
	border: 1px solid #004D9E;
	border-radius: 0rem;
	-moz-border-radius: 0rem;
	-webkit-border-radius: 0rem;
	transition: all 100ms ease-in-out;
		}

.lo24_geo_autor {
    padding: 0px!important;
	margin: 0px!important;
	text-align: center;
	border-radius: 0.5rem;
	border: 0.5rem solid #FFFFFF;
  	-webkit-box-shadow:  0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
	-moz-box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
	box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
		}

._image_cien {
	border: 1px solid #FFFFFF;
	border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-webkit-box-shadow:  0rem 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.15);
	-moz-box-shadow: 0rem  0.1rem 0.2rem 0.1rem rgba(0,0,0,0.15);
	box-shadow: 0rem  0.1rem 0.2rem 0.1rem rgba(0,0,0,0.15);
}


@media (min-width: 2700px) {._x_tabela_LO24 {width: 74%;}}
@media (min-width: 2400px) and (max-width: 2699px) {._x_tabela_LO24 {width: 78%;}}
@media (min-width: 2100px) and (max-width: 2399px) {._x_tabela_LO24 {width: 82%;}}
@media (min-width: 1900px) and (max-width: 2099px) {._x_tabela_LO24 {width: 86%;}}
@media (min-width: 1600px) and (max-width: 1899px) {._x_tabela_LO24 {width: 90%;}}
@media (min-width: 1200px) and (max-width: 1599px) {._x_tabela_LO24 {width: 94%;}}
@media (min-width: 992px) and (max-width: 1199px) {._x_tabela_LO24 {width: 98%;}}
@media (min-width: 100px) and (max-width: 991px) {._x_tabela_LO24 {width: 108%;	margin-left: -18px; margin-right: -18px;}}

#LO24_ALL {
	background-color:#C3D6FF;
		}
.lo24_menu_nawigacja {
	background-color: #006DBA;
		}
.btn-primary {
	background-color: #006DBA;
}
.panel_tytul_1 {
  	background-color:#006DBA;
	}
.panel_tytul_2 {
	background-color: #A5D0FF;
	}
.panel_tytul_3 {
	background-color: #E0EFFF;
	}


.test_obiekt {
	color: #00045F;
	font-size: 0.71875rem;
}
.test_obiekt_wyroznienie {
	color: #9E0002;
	font-weight: 700;
}
._x_tabela_naglowek_temat {
	font-size: 0,925rem;
	background-color: #90B2FF;
	line-height: 1.2em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.05rem;
	padding-left: 0.05rem;
	border: 1px solid #00259A;
	border-collapse: collapse;
	color: #000000;
		}
._x_tabela_naglowek_prezentacja {
	font-size: 0,925rem;
	background-color:#F0C300;
	line-height: 1.2em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.05rem;
	padding-left: 0.05rem;
	border: 1px solid #00259A;
	border-collapse: collapse;
	color: #000000;
		}
._x_tabela_naglowek_test {
	font-size: 0,925rem;
	background-color: #10D900;
	line-height: 1.2em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.05rem;
	padding-left: 0.05rem;
	border: 1px solid #00259A;
	border-collapse: collapse;
	color: #000000;
		}
._x_tabela_naglowek_prezentacja2 {
	font-size: 0.875rem;
	background-color:#FFE368;
	line-height: 1.2em;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 0.05rem;
	padding-left: 0.05rem;
	border: 1px solid #00259A;
	border-collapse: collapse;
	color: #02001F;
		}
._x_tabela_naglowek_test2 {
	font-size: 0.875rem;
	background-color: #74FF68;
	line-height: 1.2em;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 0.05rem;
	padding-left: 0.05rem;
	border: 1px solid #00259A;
	border-collapse: collapse;
	color: #02001F;
		}
._x_tabela_dane_srodek_prezentacja {
	font-size:  0.750rem;
	background-color: #FFF4C7;
	line-height: 1.0em;
	font-weight: 400;
	color: #000099;
	text-align: center;
	vertical-align: top;
	padding: 0.2rem;;
	border: 1px solid #00259A;
	border-collapse: collapse;
			}

._x_tabela_dane_srodek_test {
	font-size:  0.750rem;
	background-color: #CBFFC7;
	line-height: 1.0em;
	font-weight: 400;
	color: #000099;
	text-align: center;
	vertical-align: top;
	padding: 0.2rem;;
	border: 1px solid #00259A;
	border-collapse: collapse;
			}
/*! LO24 - IKONY PION - WERSJA IKONY DO POBIERANIA Z OPISEM I NAGŁÓWKIEM */
a.pdf_pion_100_naglowek, a.zip_pion_100_naglowek, a.flash_pion_100_naglowek, a.html_pion_100_naglowek, a.doc_pion_100_naglowek, a.docx_pion_100_naglowek {
	background-color: #E7E9FF;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	-moz-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	border: 1px solid #000066;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	text-align: center;	
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	display: block;
	overflow:visible;
	color:#00265B;
	font-size: 1rem;
	line-height: 1.125rem;
	font-weight: 500;
	background-position: center bottom;
	padding-bottom: 122px;
	min-width: 100px;
	max-width: 400px;	
		}
a.pdf_pion_100_naglowek:hover, a.zip_pion_100_naglowek:hover, a.flash_pion_100_naglowek:hover, a.html_pion_100_naglowek:hover, a.doc_pion_100_naglowek:hover, a.docx_pion_100_naglowek:hover{
	background-color: #DADEFF;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	-moz-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	border: 1px solid #000099;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	text-align: center;
	text-shadow: 0.2rem 0.2rem 0.2rem rgba(255,255,255,1);
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	display: block;
	overflow: visible;
	transition: all 500ms ease-in-out;
	color:#820002;	
	font-size: 1rem;
	line-height: 1.125rem;
	font-weight: 500;
	background-position: center bottom;
	padding-bottom: 122px;
	min-width: 100px;
	max-width: 400px;	
		}

a.pdf_pion_100_naglowek {
	background-image:url(../_lo/przycisk/100/pion/PDF_pion_normalny.png);
		}
a.pdf_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/PDF_pion_aktywny.png);
		}
a.zip_pion_100_naglowek {
	background-image:url(../_lo/przycisk/100/pion/ZIP_pion_normalny.png);
		}
a.zip_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/ZIP_pion_aktywny.png);
		}
a.flash_pion_100_naglowek 
{background-image:url(../_lo/przycisk/100/pion/FLASH_pion_normalny.png);
		}
a.flash_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/FLASH_pion_aktywny.png);
	padding-left: 104px;
	height: 119px;		
		}
a.html_pion_100_naglowek {
	background-image: url(../_lo/przycisk/100/pion/HTML_pion_normalny.png);
		}
a.html_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/HTML_pion_aktywny.png);
		}
a.doc_pion_100_naglowek {
	background-image:url(../_lo/przycisk/100/pion/DOC_pion_normalny.png);
		}
a.doc_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/DOC_pion_aktywny.png);
		}
a.docx_pion_100_naglowek {
	background-image:url(../_lo/przycisk/100/pion/DOCX_pion_normalny.png);
		}
a.docx_pion_100_naglowek:hover {
	background-image:url(../_lo/przycisk/100/pion/DOCX_pion_aktywny.png);
		}


/*! LO24 - IKONY PION - WERSJA SAMEJ IKONY DO POBIERANIA */
/*! LO24 - IKONY  - NOWE IKONY DO TEST I PREZENTACJI - 2020 */
a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75  {
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	-moz-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	border: 1px solid #000066;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	display: inline-block;
    	}

a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, 
a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover {
	background-size:100%;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	-moz-box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	box-shadow: 0.2rem 0.2rem 0.3rem 0rem rgba(0,0,0,0.4);
	border: 1px solid #000099;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	display: inline-block;
	transition: all 300ms ease-in-out;
		}

a.excel_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_excel.png);}
a.html_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_html.png);}
a.mp4_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_mp4.png);}
a.online_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_online.png);}
a.pdf_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_pdf.png);}
a.word_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_word.png);}
a.youtube_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_youtube.png);}
a.zip_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_zip.png);}
a.test_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test.png);}
a.test10_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test_10.png);}
a.test15_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test_15.png);}
a.test20_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test_20.png);}
a.test30_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test_30.png);}
a.testmax_pion_ikona_75 {background-image:url(../_lo/przycisk/geo_75/przycisk_test_max.png);}

a.excel_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_excel_a.png);}
a.html_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_html_a.png);}
a.mp4_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_mp4_a.png);}
a.online_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_online_a.png);}
a.pdf_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_pdf_a.png);}
a.word_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_word_a.png);}
a.youtube_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_youtube_a.png);}
a.zip_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_zip_a.png);}
a.test_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_a.png);}
a.test10_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_10_a.png);}
a.test15_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_15_a.png);}
a.test20_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_20_a.png);}
a.test30_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_30_a.png);}
a.testmax_pion_ikona_75:hover {background-image:url(../_lo/przycisk/geo_75/przycisk_test_max_a.png);}

@media (min-width: 3000px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 118px; height: 165px; margin: 0.2rem 1.25rem;}}
@media (min-width: 2400px) and (max-width: 2999px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 103px; height: 144px; margin: 0.2rem 0.75rem;}}
@media (min-width: 2000px) and (max-width: 2399px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 88px; height: 124px; margin: 0.2rem 0.3rem;}}
@media (min-width: 1600px) and (max-width: 1999px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 77px; height: 107px; margin: 0.1rem;}}
@media (min-width: 1200px) and (max-width: 1599px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 65px; height: 91px; margin: 0.075rem;}}
@media (min-width: 992px) and (max-width: 1199px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 53px; height: 74px; margin: 0.05rem;}}
@media (min-width: 100px) and (max-width: 991px) {a.excel_pion_ikona_75, a.html_pion_ikona_75, a.mp4_pion_ikona_75, a.online_pion_ikona_75, a.pdf_pion_ikona_75, a.word_pion_ikona_75, a.youtube_pion_ikona_75, a.zip_pion_ikona_75, 
a.test_pion_ikona_75, a.test10_pion_ikona_75, a.test15_pion_ikona_75, a.test20_pion_ikona_75, a.test30_pion_ikona_75, a.testmax_pion_ikona_75, a.excel_pion_ikona_75:hover, a.html_pion_ikona_75:hover, a.mp4_pion_ikona_75:hover, a.online_pion_ikona_75:hover, a.pdf_pion_ikona_75:hover, a.word_pion_ikona_75:hover, a.youtube_pion_ikona_75:hover, a.zip_pion_ikona_75:hover, a.test_pion_ikona_75:hover, a.test10_pion_ikona_75:hover, a.test15_pion_ikona_75:hover, a.test20_pion_ikona_75:hover, a.test30_pion_ikona_75:hover, a.testmax_pion_ikona_75:hover  {width: 44px; height: 62px; margin: 0.025rem;}}

a.przycisk_powrot {
	cursor: pointer;
	width: 150px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background-color: #87C3FD;
	color: #002764;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	font-family: verdana, sagoe, arial, cambria, sans-serif;
	border: 1px thin #0064FF;
	border-radius: 6px;
		}
a.przycisk_powrot:hover {
	background: #B9DBFD;
	border: 1px thin #0E72FF;
		}  
a.przycisk_powrot:active {
	background: #B9DBFD;
	border: 1px thin #0E72FF;
	color: #fff;
		}

._text_wyroznienie_rama_czerwona {
  	display: inline-block;
  	padding: 0.25em 0.4em;
  	font-size: 1.0rem;
  	font-weight: 700;
  	text-align: center;
	vertical-align: baseline;
	border-radius: 0.25rem;
  	color: #fff;
  	background-color: #dc3545;
}

.map-container{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.map-container iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.carousel {
    border-radius: 0.5rem;
	border: 0.75rem solid #FFFFFF;
  	-webkit-box-shadow:  0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
	-moz-box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
	box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0,0,0,0.3);
		}

.carousel-item {
  transition: transform 2.6s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2.6s;
}

.carouselgeo {
	background-color: #000000;
	-webkit-box-shadow: 0.1rem 0.1rem 0.2rem 0rem rgba(0,0,0,0.3);
	-moz-box-shadow: 0.1rem 0.1rem 0.2rem 0rem rgba(0,0,0,0.3);
	box-shadow: 0.1rem 0.1rem 0.2rem 0rem rgba(0,0,0,0.3);
	border: 0.075rem solid #FFFFFF;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
		}
.karuzelarogi {
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
		}

     .carousel-control-lewo, .carousel-control-prawo {
        position: absolute;
        top: 82%;
     }
     .carousel-control-lewo {
        position: absolute;
        left: -3%;
     }
     .carousel-control-prawo {
        position: absolute;
        right: -3%;
     }

        /* PASEK DOLNY START */
        /* Dodatkowy styl dla płynnej animacji chowania paska */
        #bottom-notification-bar {
            transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
            z-index: 1050; /* Zapewnia, że pasek jest nad innymi elementami */
        }

        /* Klasa dodawana przez JS, aby schować pasek */
        .slide-down-hidden {
            transform: translateY(150%);
            opacity: 0;
        }

        /* Przykładowa treść strony, aby zobaczyć pasek w kontekście */
        body {
            padding-bottom: 100px; /* Aby pasek nie zasłaniał stopki na stałe, jeśli byłby statyczny */
        }
        .dummy-content {
            min-height: 80vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background-color: #f8f9fa;
        }
        /* PASEK DOLNY KONIEC */


