@font-face 
{
	font-family: Corbel22;
	src: url(https://www.ksmino.pl/corbel.otf);
}

@font-face 
{
	font-family: jubcz;
	src: url(https://www.ksmino.pl/tt0726m_.ttf);
}


body
{
	margin: 0;
	padding:0;
	background-color:white;

}
           
#CALOSC
{
	width: 100%;
	margin: 0 auto;
	font-family: Calibri !important;
	font-size:9pt;
	line-height:170%;
	background-color:white;
	overflow:hidden;+
	3
}

#NAGLOWEK
{   
	margin-top:5px;
	overflow:hidden;
	height:520px;
	border-bottom:2px solid #56698f;
}

#NAGLOWEK div.naglowektop
{
	font-family: Corbel22 !important!;
	position:absolute;
	z-index:10;
	background-color:#aebdddaa;
	padding-top:10px;
	width:100%;
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:xx-large;
	line-height:120%;
	border-bottom:2px solid #cd7372;
	height:80px;
}	

#NAGLOWEK div.naglowektop img
{
	position:relative;
	top:6px;
	left:10px;
}

#NAGLOWEK div.naglowektop span
{
	font-size:large;
	font-weight:normal;
}

#NAGLOWEK div.naglowekinfo
{
	font-family:jubcz !important;
	position:absolute;
	top:475px;
	z-index:101;
	font-size:x-large;
	text-align:center;
	border-top:2px solid #cd7372;
	width:100%;
	padding:14px 0;
}

#NAGLOWEK div.naglowekinfo a
{
	color:black;
	text-decoration:none;
}

#NAGLOWEK div.menutop
{
	position:absolute;
	top: 115px;
	left:77%;
	z-index:105;
	width:22%;
	background-color:#cd7372;
	color:white;
	font-weight:bold;
	padding:15px 6px;
	font-size:18px;
	text-align:center;
}

#NAGLOWEK div.menutop>a
{
	color:white;
	text-decoration:none;
	margin:0 5px;
}

#NAGLOWEK div.menutop a:hover
{
	color:#d0fff2;
}

#NAGLOWEK div.menutop>a:first-child
{
	margin-left:0;
}

#NAGLOWEK div.menutop img
{
	position:absolute;
	height:24px;
}

#AnimacjaTop
{
 border-bottom: 5px solid #56698f;
 overflow:hidden;
}

#AnimacjaTop img
{
	position:relative;
	z-index:0;
}

#AnimacjaTop img.aktywny{z-index:2;}
#AnimacjaTop img.nastepny{z-index:1;}

#MENU
{
	display:none;
	background-color:white;
	color:black;
}

#MENU ul
{
	margin: 5px 0;
	padding:5px 15px;
}

#MENU li
{
	display:none;
	list-style-type:none;
}

#MENU li.naglowek
{
	display:inline;
}

#MENU a
{
	color:black;
	text-decoration:none;
}

#MENU ul li:not(.naglowek) a
{
	color:gray;
	padding-left:10px;
}

#MENU ul li a:hover
{
	color:#667ab3 !important;
}

#SliderTop
{
   position:absolute;
	overflow:hidden;
	padding-top:3px;
	margin-left:5px;
}

#SliderTop div
{
	white-space:nowrap;
	position:relative;
	left:0;
	font-weight:bold;
	min-width:640px;
	text-align:center;
	height:22px;
	overflow:hidden;
	font-size:10pt;
}

#MENUP
{
	width:8%;
	height:428px;
	text-align:center;
	margin-top:10px;
	overflow:hidden;
	float:right;
}

#MENUP a
{
	text-decoration:none;
	color:black;
	display:block;
	margin-top:25%;
}

#MENUP a:hover
{
	opacity:0.5;
	color:green;
}

#MENUP a img
{
	width:55%;
}

#MENUL
{
	display:none;
}

#MENUBOTTOM
{
	margin:20px auto;
	overflow:hidden;
	text-align:center;
	padding:0 10px;
}

#MENUBOTTOM div
{
	width:15%;
	overflow:hidden;
	float:left;
	margin:1%;
	
}

#MENUBOTTOM div a
{
	color:black;
	text-decoration:none;
}

#MENUBOTTOM div a:hover
{
	color:green;
	opacity:0.5;
}

#MENUBOTTOM div a img
{
	height:35%;
}

#TRESC
{
		padding:5px 25px;
		font-size:14pt;
}

#TRESC div.informacje
{
	text-align:left;
	border:1px solid #008DD2;
	width:268px;
    height:200px;
    overflow:hidden;
    padding:10px 15px;
    padding-bottom:0;
    float:left;
    border-radius:15px;
    margin:5px;
    margin-top:0;
}

#TRESC div.informacje:hover
{
 cursor:pointer;
 border:1px ridge blue;
}

#TRESC div.informacje:hover div.tytul
{
    color:black;
}

#TRESC div.informacje:hover div.data a
{
    color:red;
}

#TRESC div.informacjehidden{display:none !important;}

#TRESC>div.tytul
{
 font-size:x-large;
 font-weight:bold;
 background-color:#a2d9f7;
 margin-bottom:15px;
 padding:5px;
}

#TRESC div.informacje div.tytul
{
    color:grey;
    font-size:larger;
    font-weight:bold;
    padding-bottom:5px;
}

#TRESC div.informacje div.opis 
{
    text-align:center;
    overflow:hidden;
}

#TRESC div.informacje div.opis img
{
    height:150px;
    width:100%;
}

#TRESC div.informacje div.data
{
    margin-top:5px;
    color:grey;
    text-align:right;
}

#TRESC div.informacje div.data a
{
    float:left;
    text-decoration:none;
}

#TRESC div.ogloszenia
{
  border-bottom:1px solid gray;
	width:auto;
	padding:3px;
}

#TRESC div.aktualizacje
{
	margin-bottom:3px;
	cursor:pointer;
	border-bottom:1px solid gray;
	width:auto;
}

#TRESC div.aktualizacje div
{
  width:100px;
  display:inline-block;
  margin-right:3pt;
  padding:5px;
  background-color:#6C88C5;
  color:white;
  font-weight:bold;
  text-align:center;
  font-size:smaller;
}
#TRESC div.aktualizacje span
{
	font-size:x-small;
  padding:5px;
}
#TRESC div.aktualizacje img{display:none;}

#TRESC table.terminyodczytow
{
	width:235px;
  border:1px solid gray;
  border-spacing:0;
  display:inline-table;
  margin-left:20px;
}

#TRESC table.terminyodczytow td{padding:3px;}
#TRESC table.terminyodczytow caption
{
  font-weight:bold;
  cursor:pointer;
  margin-bottom:5px;
}
#TRESC table.terminyodczytow caption span{padding-left:10px; text-align:right; font-size:smaller; color:#324ABE;}

#TRESC table.GieldaMieszkaniowa
{
  border-spacing:0;
	width:100%;
}
#TRESC table.GieldaMieszkaniowa th{background-color:#B8D2F4;}

#TRESC table.GieldaMieszkaniowa td
{
  border-bottom:1px solid black;
  padding-top:15px;
  padding-bottom:15px;
}

#TRESC table.GieldaMieszkaniowa td.GieldaMieszkaniowaOgloszenie
{
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
}

#TRESC table.GieldaMieszkaniowa td.GieldaMieszkaniowaData
{
  text-align:center;
  width:100px;
	font-style:italic;
	background-color:#3869B8;
	color:white;
}


#TRESC div.PanelStron
{
    clear:both;
  text-align:center;
  margin-bottom:3px;
  color:#5E5F60;
}
#TRESC div.PanelStron a:hover{color:red;}

#TRESC div.remont
{
	margin-top:10px;
	border:1px solid black;
}

#TRESC div.remont div.remonttytul
{
  border-bottom:1px solid black;
  background-color:#D9E4EB;
  padding:5px;
}
#TRESC div.remont div.remonttytul div
{
	width:210px;
	float:right;
  font-size:smaller;
  text-align:right;
  color:gray;
}

#TRESC table.menuadm a{text-decoration:none;}

#TRESC table.galeriaminiatury{margin: 0 auto;}

#TRESC table.przetargi{border-spacing:0px 5px;}

#TRESC table.przetargi td
{
 vertical-align:top;
 border-bottom:1px solid #2E71C2;
 padding-left:5px;
 padding-right:5px;
}
#TRESC table.przetargi td.data{font-weight:bold;}

#STOPKA
{
	clear: both;
	color:white;
	background-image:url("../Grafika/IkonyStronaGlowna/tlostopka.png");
	background-size:cover;
	border-top:4px solid #56698f;
	width:100%;
	overflow:hidden;
}

#STOPKA #TabelaInfoStopka
{
 border-spacing:40px 10px; 
 margin:0 auto;
 padding:5px 20px;
 font-size:large;
}

#STOPKA #TabelaInfoStopka td
{
 vertical-align:top;
}

#STOPKA #TabelaInfoStopka a
{
	color:white;
	text-decoration:none;
}

#STOPKA #TabelaInfoStopka a:hover
{
	text-decoration:underline;
}

#STOPKA #TabelaInfoStopka a img
{
	height:25px;
}

#PrzyslonaZmianaStron
{
	position:fixed;
	top:0;
	left:0;
 	z-index:100;
	display:none;
	width:100%;
	height:100%;
	background-color:white;
 	text-align:center;
}

#PrzyslonaZmianaStron img[src='Grafika/LogoP.jpg']
{
	margin-top:100px;
}

#PrzyslonaZmianaStron table
{
	margin: 60px auto;
}

#MarqueBottom{line-height:100%;} 
#QR{display:none;}

div.porownywarkazdjec, div.porownywarkazdjec div/*Dolne zdjęcie, gorne zdjecie*/
{
   width:600px;
	height:450px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:auto 450px;
}

div.porownywarkazdjec div /*gorne zdjecie*/
{
   width:300px;
}

div.porownywarkazdjec div img.suwak
{
   position:relative;
	left:284px;
	width:16px;
	height:inherit;
}

table.formkontaktowy
{
	margin:0 auto;
}
.FormularzKontaktowy{text-align:center;}
.FormularzKontaktowy input[name="Nadawca"], .FormularzKontaktowy input[name="Temat"], .FormularzKontaktowy input[name="email"]{width:200px;}

#MarqueBottom
{
 overflow:hidden;
 border:1px solid #86c9e9 !important;
 height:30px;
 font-size:large;
}


.MarqueBottomSpanText b.adm
{
	margin-left:30px;
	margin-right:5px;
}

a{color:#4475AC;}
a.podswietl{text-decoration:none;}
a:hover{color:red;}

a img{border:none;}

q
{
quotes : '\201E' '\201D' '\00BB' '\00AB';
font-style:italic;
letter-spacing:2px;
}
q:before{content : open-quote;}
q:after{content : close-quote;}

#Informacja116
{
  background-image:url("../Grafika/TloSwiateczne.jpg");
  height:200px;
}
#Informacja117
{
  background-image:url("../Grafika/Kartka2.jpg");
  height:290px;
}

.ui-button{font-size:smaller;}

img.QR
{
 	position:relative;
 	top:-2px;
 	z-index:100;
 	cursor:pointer;
	width:15px;
	height:15px;
	vertical-align:middle;
}

#ReklamaPawilon
{
   position:fixed;
   left:0;
   top:0;
	z-index:11;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#ReklamaPawilon img[src="Grafika/x.png"]
{
   float:right;
   width:18px;
	margin:2px 2px auto auto;
	opacity:0.8;
	filter:alpha(opacity=80);
 	cursor:pointer;
}

#ReklamaPawilon img[src="Grafika/x.png"]:hover
{
   opacity:1;
	filter:alpha(opacity=100);
}

img[src="Grafika/WP2reklama.jpg"]
{
   position:absolute;
 	top:2%;
 	left:10%;
 	z-index:11;
	width:80%;
	border:1px solid black;
}

.ukryj{display:none;}

.blink {
    transition: opacity 2s ease-in-out infinite;
    animation: blinker 1s linear infinite;
  opacity: 1;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5
  }

  100% {
    opacity: 0;
  }
}

#MarqueeFirmy img 
{
    height:50px;
    width: 100px;
}

div.aktualnosci
{
 clear:both;
 width:100%;
 display:inline-block;
}

div.Informacje2 div.data
{
  display:none !important;
}

div.Informacje3 div.data
{
  display:none !important;
}

div.Informacje4 div.data
{
  display:none !important;
}

div.Informacje5
{
    height:130px !important;
    width:265px !important;
}

div.Informacje5 img
{
    height:100px !important;
}

div.Informacje5 div.data
{
  display:none !important;
}


div#AktualnosciSlider, div#AktualnosciSlider2
 {
    
    border-radius: 10px;
    margin:15px;
	margin-bottom:25px;
    width:40%;
    height:453px;
    overflow:hidden;
	float:left;
 }

div#AktualnosciSlider div.tytul:hover, div#AktualnosciSlider2 div.tytul:hover
{
	cursor:pointer;
	color:#667ab3;
}

div#AktualnosciSlider.open, div#AktualnosciSlider2.open
{
	position:absolute;
	left:0;
	top:0;
	z-index:9999999;
	width:100%;
	height:100%;
	background-color:white;
}
div#AktualnosciSlider.open #AktualnosciSliderKropki, div#AktualnosciSlider2.open #AktualnosciSliderKropki
{
	display:none;
}

div#AktualnosciSlider .pojedynczainformacja, div#AktualnosciSlider2 .pojedynczainformacja
{
    height:410px !important;
    display:none;
    overflow:auto;
	padding-right:10px;
}



#AktualnosciSliderKropkiUl, #AktualnosciSlider2KropkiUl
{
    border-top:1px solid #96A7B1;
    list-style-image:url('../Grafika/Ikony/li.jpg');
    padding:5px 10px;
}

#AktualnosciSliderKropkiUl li, #AktualnosciSlider2KropkiUl li
{
    display:inline list-item;
    opacity:0.4;
    cursor:pointer;
}

#AktualnosciSliderKropkiUl li:first-child, #AktualnosciSlider2KropkiUl li:first-child
{
    opacity:1;
}

#AktualnosciSliderKropkiUl .archiwumwiadomosci, #AktualnosciSlider2KropkiUl .archiwumwiadomosci
{
    opacity:1;
    list-style:none;
	vertical-align:text-bottom;
}

#AktualnosciSliderKropkiUl .archiwumwiadomosci  a, #AktualnosciSlider2KropkiUl .archiwumwiadomosci  a
{
    text-decoration:none;
    margin-left:10px;
	color:gray;
}

#AktualnosciSliderKropkiUl .archiwumwiadomosci a:hover, #AktualnosciSlider2KropkiUl .archiwumwiadomosci a:hover
{
	color:#3170a8;
	text-decoration:underline;
}

table.formkontaktowyplany
{
    margin: 0 auto;
}

table.formkontaktowyplany td:first-child
{
    text-align:left;
    padding-right:33px;
}

table.formkontaktowyplany input
{
 width:300px !important;
 float:right;

}

.leciekafelek
{
    width:225px; 
    border:1px solid black; 
    float:left; 
    margin-left:35px;
    cursor:pointer;
}

.leciekafelek:hover
{
    border-color:blue;
}

#Info
{
	clear:both;
	text-align:center;
	font-size:large;
	width:100%;
	background-image:url('../Grafika/IkonyStronaGlowna/tlosrodek.png');
	background-repeat:no-repeat;
	background-size:100%;
	padding:10px;
	height:350px;
	line-height:170%;
}

#Info img:first-child
{
	float:left;
	margin:10px;
}

#Info p
{
	clear:both;
}

#Dialog
{
	position:relative;
	z-index:999999999;
	background-color:white;
}

#Dialog div.tytul img[src="Grafika/IkonyStronaGlowna/ikonkawejdz.jpg"]
{
	display:none;
}

div.ui-dialog
{
	z-index:9999;
}

#imagelightbox{
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
}