#loadingInfo
{
	content:url("/Foto/ajax_loader.gif");
}

.loadingInfo
{
	display: none;
}

fieldset
{
	text-align: left;
	vertical-align: top; 
	margin: 20px auto;
	border-radius: 5px 5px 5px 5px;
}

legend
{
	font-weight: bold; 
	font-size: 13px;
	text-align: left;
}

img
{
	border: none;
}



/*Wszystkie odno�niki*/
A:link 
{
  color: black;
  text-decoration: none;
}
A:visited
{
  color: black;
  text-decoration: none;
}
A:active 
{
  color: black;
  text-decoration: none;
}
A:hover 
{
  color: black;
  text-decoration: underline;
}

/* Linki w g?�wnym menu*/
p.obiekt_menu_top
{
	font-size: 12px;
	font-weight: bold;
	width: 90px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	margin-right: 10px;
	margin-top: 5px;
	float: right;
	background-image:url('Foto/tlo/tlo_grey.png');
	background-repeat:repeat-x;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #888;
}

p.obiekt_menu_top a
{
	color: white;
}

p.obiekt_menu_left
{
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	width: 90%;
	text-align: center;
	padding-top: 5px;
	margin: 20px auto;
	background-image:url('Foto/tlo/tlo_grey.png');
	background-repeat:repeat-x;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #888;
}

p.obiekt_submenu
{
	font-size: 12px;
	text-align: left;
}

/*Zegar i liczba odwiedzin w index.php*/
table.zegar
{
	width: 70%;
	font-size: 12px;
	text-align: center;
	margin: 20px auto; 
	background-color: #FFF399; 
	border: none; 
	border-collapse: collapse;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #888;
}

table.zegar tr
{
	border: none; 
	border-collapse: collapse;
}

table.zegar tr td
{
	border: none; 
	border-collapse: collapse;
}

/* Kalendarz w zak?adce kalendarium*/
table.kalendarium
{
	border: 1px solid blue;
	border-collapse:collapse;
	background-color: lightblue;
	font-size: 14px; 
	text-align: center;
}

table.kalendarium tr
{ 
	height: 25px; 
	border: 1px solid blue;
	border-collapse: collapse;
}

table.kalendarium tr th
{
	text-align: center; 
	width: 50px;
	background-color: #EEEE90;
	border: 1px solid blue;
	border-collapse: collapse;
}

table.kalendarium tr td
{
	height: 25px;
	border: 1px solid blue;
	border-collapse: collapse;
	cursor: pointer;
	box-sizing: border-box;
}

/* Szczeg�?y wydarze? w kalendarium*/
table.kal_szczeg
{
	border: 1px solid black;
	border-collapse:collapse; 
	font-size: 13px;
	text-align: center;
}

table.kal_szczeg tr
{ 
	border: 1px solid black;
	border-collapse: collapse;
}

table.kal_szczeg tr th
{
	background-color: #EEEE90;
	text-align: center; 
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 12px;
}

table.kal_szczeg tr td
{
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 12px;
}

div.abs-wniosek {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(233,194,166,1) 50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
td.abs-wniosek {
	background-image: linear-gradient(315deg, rgba(0,0,0,0) 75%, #E9C2A6 75%) !important;
}

/* Tabela w zak?adce kontakt.php*/
table.adres
{
	font-size: 14px;
}

table.adres tr
{
	height: 30px;
}

/*Okno do wprowadzania lub edycji*/
div.pop_up
{
  /*height: auto;
  text-align: center;
  border: 1px solid black; 
  position: absolute; 
  display: block; 
  z-index: 11; 
  background-color: orange;
  border-radius: 10px;*/
	/*display: none;*/
	background: lightblue;
	padding: 10px; 	
	border: 5px solid grey;
	/*float: left;*/
	font-size: 1.2em;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 20px #000;
	/*-moz-box-shadow: 0px 0px 20px #000;*/
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	/*-moz-border-radius: 10px;*/
	border-radius: 10px;
	font-size: 14px;
}

div.pop_up p.pop_up_menu_top:hover
{
	background-color: #EEEE90; 
}

p.pop_up_menu_top
{
	font-size: 13px;
	font-weight: bold;
	width: 100px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	border-radius: 5px;
	border: 1px solid black;
	cursor: pointer;
	background-color: silver;
	/*box-shadow: 3px 3px 3px #888;*/
}

p.pop_up
{
	font-size: 14px;
}
/*Tabela w okienkach do wprowadzania lub edycji*/
table.pop_up
{
  margin: 0 auto 10px auto;
  text-align: center;
  font-size: 14px;
}
table.pop_up tr th
{
    font-weight: bold;
    font-size: 18px;
    color: black;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto;
 
}

table.pop_up tr td
{
    font-weight: normal;
    font-size: 14px;
    color: black;
    padding: 0;
    text-align: left;
}

table.pop_up tr th.belka
{
	background-color: #87CEEB;
	border-radius: 5px;
}

/* Ikona x na oknach do edycji*/
p.zamknij
{
     /*text-align: right;
     margin: 0 5px 0 auto;*/
	float: right; 
	margin: -28px -28px 0 0;
}

.zamknij img
{
	width: 30px;
	height: 30px;
}

p.komunikat
{
     font-weight: bold;
     text-align: center; 
     color: red; 
     margin: 20px auto;
}

div.error
{
	width: 990px;
	font-weight: normal;
	margin: 5px auto;
	text-align: left; 
	border: 1px solid red; 
	background-color: pink;
	position: absolute; 
	z-index: 200; 
	top: 0;
}

p.naglowek_1
{
	font-weight: bold;
	margin: 10px auto;
	font-size: 20px;
	color: black;
}

p.opis
{
	line-height: 30px;
	font-weight: normal;
}

p.opis_2
{
	line-height: 20px;
	font-weight: normal;
	margin: 10px auto;
}

p.pogrubione
{
	font-weight: bold;
}

p.akapit
{
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
	line-height: 25px;
}

table.show_zl
{
	border: 1px solid black;
	text-align: center;
	border-collapse: collapse;
	font-size: 12px;
}

table.show_zl tr:hover
{
	background-color: #EEEE90; 
}

table.show_zl tr th
{
	border: 1px solid black;
	background-color: #EEEE90;
	text-align: center;
	font-size: 12px;
}
table.show_zl tr td
{
	border: 1px solid black;
	text-align: center;
	font-size: 12px;
}

table.show_zl.show_zl11 tr td
{
	font-size: 11px;
}

div.koment
{
	background-color: white;
	width: 95%;
	height: auto;
	margin: 10px auto; 
	font-size: 13px; 
	clear: both;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888;
}

div.koment_header
{
	text-align: left;
	background-color: #EEEE90;
	width: 100%;
	height: 20px;
	padding-top: 5px;
	border-radius: 5px;
}

div.koment_text
{
	text-align: left;
	width: 100%;
	height: auto;
	padding: 5px 10px;
	margin: 5px auto;
}

div.dymek
{
	background-color: orange;
	position: absolute; 
	z-index: 11;
	border: 1px solid grey;
	border-radius: 5px 0 5px 5px;
	padding: 10px;
	text-align: left;
	
}

div.menu_adm
{
	border: 1px solid black; 
	padding: 7px 10px;
	margin: 0 2px;
	border-radius: 5px;
	background-color: #EEEE90;
}

/* Style dla kalendarza */
.ikona-kalendarza {width: 30px; height: 20px; border: 0; background: url(Foto/calendar.png) no-repeat; width: 21px; height: 21px; position: relative; /*top: 1px; */cursor: pointer; vertical-align: bottom;}
.kalendarz {width: 150px; background: #fff; height: 222px; padding: 5px; border: 1px solid #ddd; /*-moz-border-radius: 4px;*/ -webkit-border-radius: 4px; z-index: 200;}
.kalendarz .sterowanie {width: 100%; margin: 0 auto; position: relative; top: -10px;}
.kalendarz .input-prev, .kalendarz .input-next {width: 30px; height: 20px; border: 1px solid #ddd; cursor: pointer; background: #fff; font: 11px Arial; color: #333; /*-moz-border-radius: 2px*/}
.kalendarz .nazwa-miesiaca {font: 11px Arial; color: #666; text-align: center;}
.kalendarz .kalendarz-table {margin-top: 30px}
.kalendarz .kalendarz-table table {font: 12px Arial; color: #666; position: absolute; top: 0; left: 0; margin-top: 70px; width: 100%;}
.kalendarz .kalendarz-table table th {font: bold 11px Arial; color: #333; padding-top: 3px;}
.kalendarz .kalendarz-table table td.dzien {border: 1px solid #ddd; padding: 2px; font: 12px Arial}
.kalendarz .kalendarz-table table td.dzien:hover {background: #D1EBFD; cursor: pointer;}
.kalendarz .guziki-prev-next {margin-top: 7px; display:flex; justify-content: space-between; align-items: center;}
.kalendarz select{-moz-appearance: none; -webkit-appearance: none; padding: 0px; text-align: center; text-align-last: center;}
.kalendarz .select-rok{z-index: 201; position: absolute; top: 1px; left: 57px;}

/*Nowe okienko popup*/
#fade 
{
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 99;
}
.popup_block
{
	display: none;
	background: lightblue;
	padding: 20px; 	
	border: 5px solid grey;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 20px #000;
	/*-moz-box-shadow: 0px 0px 20px #000;*/
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	/*-moz-border-radius: 10px;*/
	border-radius: 10px;
}
img.btn_close 
{
	width: 30px;
	height: 30px;
	float: right; 
	margin: -35px -35px 0 0;
}

/********************************* nowy pop_up 2 ******************************/
/*Okno do wprowadzania lub edycji*/
div.pop_up2
{
	display: none;
	background: lightblue;
	padding: 10px; 	
	border: 3px solid grey;
	/*float: left;*/
	font-size: 14px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 100;
	opacity: 1;
	/*-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;*/
	box-shadow: 0px 0px 20px #000;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
	border-radius: 10px;
}

div.pop_up2 p.pop_up_menu_top:hover
{
	background-color: #EEEE90; 
}

p.pop_up_menu_top
{
	font-size: 13px;
	font-weight: bold;
	width: 100px;
	height: 20px;
	text-align: center;
	padding-top: 5px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	border-radius: 5px;
	border: 1px solid black;
	cursor: pointer;
	background-color: silver;
	/*box-shadow: 3px 3px 3px #888;*/
}

/*Tabela w okienkach do wprowadzania lub edycji*/
table.pop_up2
{
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
table.pop_up2 tr th
{
    font-weight: bold;
    font-size: 18px;
    color: black;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto;
 
}

table.pop_up2 tr td
{
    font-weight: normal;
    font-size: 14px;
    color: black;
    padding: 0;
    text-align: left;
}


div.pop_up2 div.belka
{
	margin: 5px auto;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	background-color: #87CEEB;
	border-radius: 5px;
}

#fade2 
{
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
}

#loader 
{
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
}

img.btn_close2 
{
	width: 30px;
	height: 30px;
	float: right; 
	cursor: pointer;
	margin: -30px -30px 0 0;
}

#dkm_okno td {
	width: 25%;
	font-weight: bold;
}

/* .tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}
   */
.tooltip span {
	display: none;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	/* opacity:0;
	transition: opacity 0.2s ease; */
}
  
.tooltip:hover span {
	display: block;
	background-color: black;
	/* opacity: 1; */
}
.tooltip span:hover {
	display: none;
}