/* Reset by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {border:0;  margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, textarea, select{font-family:inherit; font-size:inherit;}


/* OPACITY TRANSITION TRANSFORM */
.opacityOK 		{ opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ }
.transitionOK 	{ transition: all 0.3s linear; }   /* -webkit-transition: all 0.3s linear; - Safari */
.transformOK	{ transform:  scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari and Chrome */}

/* OpenSansCondensed */
@font-face {font-family:'OpenSansCondensed';  src: url('fonts/OpenSansCondensed-Regular.woff')  format('woff'), url('fonts/OpenSansCondensed-Regular.woff2')  format('woff2'); font-weight:normal;	}
@font-face {font-family:'OpenSansCondensed';  src: url('fonts/OpenSansCondensed-Bold.woff')     format('woff'), url('fonts/OpenSansCondensed-Bold.woff2')   format('woff2'); font-weight:bold;	}


/*	============================================================================ */
/*		#      #  #######  ##      ##  #      									 */
/*		#      #     #     # #    # #  #      									 */
/*		#      #     #     #  #  #  #  #      									 */
/*		########     #     #   ##   #  #      									 */
/*		#      #     #     #        #  #      									 */
/*		#      #     #     #        #  #      									 */
/*		#      #     #     #        #  #######									 */
/*	============================================================================ */


html {font-size:105%}
body {background: #eee; color:#000;  text-align:center; line-height:1.3; padding:0; font-weight:normal; font-family:OpenSansCondensed, Arial, sans-serif; } 

.row {display:flow-root; clear:both; width:100%; }
.all {display:flow-root; clear:both; width:960px; margin:0 auto; outline:0px solid #eee}
#tresc {padding-bottom:30px;}
	

/* PASEK ========= */
.pasek {width:100%; height:20px; background-color:#063;   }





/* OGOLNIE */
h1, h2, h3, h4, h5, h6 {text-align:left; color:#063; font-weight:bold; line-height:1.2em; clear:left; text-decoration:none; }
h1 {font-size:2.4rem;  padding:30px 0 10px; text-align:center;}
h2 {font-size:2.2rem;  padding:30px 0 10px; text-align:center;}
h3 {font-size:1.3rem;  padding:15px 0 0px; }
h4 {font-size:1.1rem;  padding:20px 0px 0px;}
h5 {font-size:1.0rem;  padding:10px 0px 0px; }
h6 {font-size:1.0rem;  padding:10px 0px 0px; }

h1 span {display:none;}


p {padding:5px 0 3px; text-align:left;}
p.pasek {border-left:6px solid #063; border-bottom:1px solid #ccc; background-color:#f3f3f3; padding:16px 20px 8px; text-align:center; margin-top:20px; }
ul {padding:2px 0px 4px 22px; text-align:left; list-style-type: square; }
ol {padding:2px 0px 4px 19px; text-align:left;  }
img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold;}
a {color:#000;}

.fs15 {font-size:150%;}
.fs13 {font-size:140%;}
.fs13 {font-size:130%;}
.fs12 {font-size:120%;}
.fs11 {font-size:110%;}

em {font-style:italic;}

.l {text-align:left;}
.p, .r {text-align:right;}
.c {clear:both; text-align:center; }

.clear {clear:both;}
.divclear {clear:both;}
.clearfix {display:flow-root;}

.nowrap {white-space:nowrap;}
.przerwa {clear:both; height:200px;}
.podpis {float:right; width:5cm;  text-align:center;  font-size: 0.8rem; border-top: 1px dotted #999; margin-top:1cm; }

.prn {display:none;}
pre {text-align:left; line-height:1.1;}

/* MSG MSGBLAD */
.msgblad {font-size:1.3rem; color:#d44; border:3px solid #d44; background:#fff; text-align:center; padding:20px; margin:20px 15px; border-radius:5px; box-shadow:0px 0px 8px #bbb}
.msg     {font-size:1.3rem; color:#063; border:2px solid #063; background:#fff; text-align:center; padding:20px; margin:20px 15px; border-radius:5px; box-shadow:0px 0px 8px #bbb}



/*  a, a p, a img 
p a, li a {display:inline-block; text-decoration:none; padding:1px 2px; box-shadow: 0 -3px 0 #44771177 inset; }
p a:hover, li a:hover, p a:focus, li a:focus {background:rgb(133,184,65); color:#fff; } */



a, a p, a h3, a h2, a h1, a img, a div, a span, input {text-decoration:none; transition: all 0.3s ease-out; }
a img { transition: all 0.1s ease-out;}
a:hover img, a:focus img  {opacity:0.6;}


/*	============================================================================ */
/*		 #####    ####    #     # #     #										 */
/*		 #    #  #    #    #   #   #   # 										 */
/*		 #    # #      #    # #     # #  										 */
/*		 #####  #      #     #       #   										 */
/*		 #    # #      #    # #      #   										 */
/*		 #    #  #    #   #    #     #   										 */
/*		 #####    ####   #      #    #   										 */
/*	============================================================================ */



/* flex: flex-grow(0) flex-shrink(1) flex-basis(auto);  UWAGA: flex: 5 <=> flex-grow: 5 + flex-shrink: 1 + flex-basis: 0%; */


/* FLEX */
#lista {padding:20px 0; margin:0; list-style:none;}
#lista li {margin:0 auto; text-align:center; max-width:960px;}

.flex1 {display:flex; flex-wrap: nowrap; align-items:stretch; justify-content:flex-start;		margin:15px 0; border-radius:6px;  background-color:#fff; border:1px solid #ddd; box-shadow:1px 1px 8px #ddd; } /* align-items: stretch;  */
.flex1 div {flex:0 0 100px;}
.flex1 h3  {flex:1 1 auto;} 

.flex1 img {width:100px; height:100%; min-height:67px; object-fit:cover; border-radius:6px 0 0 6px; }
.flex1 h3  {text-align:left; font-size:1.05rem; line-height:1.3; padding:5px 10px;}
.flex1 span {font-weight:normal;}

.flex1:hover, .flex1:focus {background-color:#063;} 
.flex1:hover h3, .flex1:focus h3 {color:#fff;}




/* boxy bez wielkiego linka */
.box  {float:left; width:290px; margin:15px; padding:0; outline:0px solid #eee; }
.box2 {float:left; width:610px; margin:15px; padding:0; }
.boxmax {float:none; width:95%; margin:20px auto 15px;}

.min img {width:100%}
a img {border-radius:6px;}




/*  GALERIA #galflex > div.item > a.aitem ====================================================================================================================== */
#galflex {display:flex; flex-wrap:wrap; justify-content:center; padding-bottom:30px; margin:auto;}
#galflex .item {flex: 1 1 44%;  margin:1.5%; max-width:500px; min-width:300px; }
#galflex .aimg {display:block; background-color:#063; border:0px solid #000; border-radius:6px; overflow:hidden;} 
#galflex .item img {width:100%; object-fit:cover;}




/*	============================================================================ */
/*		#           #     #     #   ####   #      # #######						 */
/*		#          # #     #   #   #    #  #      #    #   						 */
/*		#         #   #     # #   #      # #      #    #   						 */
/*		#        #     #     #    #      # #      #    #   						 */
/*		#       # ##### #    #    #      # #      #    #   						 */
/*		#       #       #    #     #    #  #      #    #   						 */
/*		####### #       #    #      ####    ######     #   						 */
/*	============================================================================ */

/* SKIPLINK ======================= */
.skiplink {display:block; padding:10px; background-color:#fff; color:#000; border:2px solid #000; position:absolute; left:10px; top: -100px;}
.skiplink:focus {top:10px;} 


/* TOP =============================================================================================================================================== */
#top  {padding:3px 0; background-color:#fff;}
#toplogo {display:inline-block; width:275px; height:100px; background:transparent url('img/logo_cza.png') no-repeat center; background-size:contain; border-radius:6px; }
#toplogo {overflow:hidden; text-indent:400px; white-space:nowrap;}

#topstart {display:inline-block; vertical-align:top; height:100px; padding:0 20px;  line-height:100px; font-size:1.5rem; font-weight:bold; text-align:center; color:#000;  border-radius:6px; }
#toplogo:hover, #toplogo:focus, #topstart:hover, #topstart:focus {background-color:#eee;} 


/* MENU ========= */
#rowmenu {background:linear-gradient(#fff, #fff); border-bottom:1px solid #ddd; padding:10px 0}
.menu {display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 auto; padding:15px 0 10px; list-style:none; }
.menu1 { padding-bottom:0;}	
.menu a  {display:block; padding:5px 8px 4px; font-size:1.0rem; font-weight:bold; color:#666; text-align:center; text-decoration:none; background-color:#eee; border-radius:3px; box-shadow: 1px 1px 4px #ddd; border:1px solid #ccc;} 
.menu1 a {padding:9px 8px 8px 33px; background:#eee url('img/gm/1.png') no-repeat 3px 70%; background-size:27px 36px;} 
.menu a:hover, .menu a:focus, .menu a.on {background-color:#063; color:#fff!important; } 

.menu1 a#k0 {background-image:none; padding:8px 17px 6px 18px;}
.menu1 a#k1 {background-image:url('img/gm/1.png'); color:#000;}
.menu1 a#k2 {background-image:url('img/gm/2.png'); color:#060;}
.menu1 a#k3 {background-image:url('img/gm/3.png'); color:#c00;}
.menu1 a#k4 {background-image:url('img/gm/4.png'); color:#609;}
.menu1 a#k5 {background-image:url('img/gm/5.png'); color:#630;}
.menu1 a#k6 {background-image:url('img/gm/6.png'); color:#069;}
.menu1 a#k7 {background-image:url('img/gm/7.png'); color:#b80;}
.menu1 a#k9 {background-image:url('img/gm/9.png'); color:#666;}



/* WPIS ========================================================================================================================================== */

#wpis {width:640px; margin:10px auto;}
#wpis p, #wpis li, #wpis td {}

#wpis img {width:100%;}

.info {font-size:1.0rem; }
h1#tyt {font-size:1.8rem;  padding:15px 50px 5px;}


/*  wpis linki */
#wpis p a, #wpis li a {display:inline-block; text-decoration:none; padding:1px 2px; box-shadow: 0 -3px 0 #11447755 inset; border-radius:3px;} 
#wpis a:hover, #wpis a:focus, #wpis a.on  {background:#11447799; color:#fff; }

#ulinfo li {font-size:1.1rem; padding-top:5px;}


/* BOTTOM ========================================================================================================================================== */
#bottom  {color:#fff;  padding-top:15px;  text-align:left; background:#063;}
#bottom a {color:#fff;}
#bottom a:hover {background-color:#fff; color:#063;}

#bottom a#avn {display:block; text-align:center; font-size:0.8rem; padding:7px 5px; margin:0 auto; color:#fff; color:#ffffff33; text-decoration:none}
#bottom a#avn:hover, #bottom a#avn:focus {color:#063; background:#fff;}

#bottom #czasdzialania {text-align:center; font-size:0.8rem; padding:7px 5px; margin:0 auto; color:#ffffff33;}

#botmenu {margin:0 auto; padding:10px 0 5px; list-style:none; text-align: center;}
#botmenu li {display:inline-block; margin:0 5px;}


/* LINKTOP */
#linktop {display:block; width:35px; height:35px; padding:0; position:fixed; bottom:10px; right:10px; z-index:100; overflow:hidden; text-align:center; white-space:nowrap; text-indent:50px; background: #77777777 url(img/ik_top.svg) no-repeat center; background-size:25px; border-radius:6px;}
#linktop:hover, #linktop:focus {background-color:#333333ff; transform: scale(1.2);}




/*	=====================================================#====================== */
/*		 ####  ######   ####  ###### ######   ####     ####   #      #     #	 */
/*		#    #      #  #    #      # #       #    #   #    #  #   #   #   # 	 */
/*		#          #  #           #  #      #        #      # #  #     # #  	 */
/*		 ####     #   #          #   #####  #        #      # # #       #   	 */
/*		     #   #    #         #    #      #    ### #      # ##        #   	 */
/*		#    #  #      #    #  #     #       #    #   #    #  #         #   	 */
/*		 ####  ######   ####  ###### ######   ####     ####   #######   #   	 */
/*	============================================================================ */


/* FACEBOOK ======================================================================================= */
#wpis .fb a {font-size:1.0rem; color: #fff; font-family:Arial; font-weight:bold;}
#wpis .fb a {box-shadow:none; border:2px solid #1877F2; padding:6px 10px 4px 30px; border-radius:4px; background: #1877F2 url(img/ik_fac.svg) no-repeat left;}
#wpis .fb a:hover {background:#fff; color:#1877F2;}


/* YOUTUBE https://benmarshall.me/responsive-iframes/ =============================================*/
.youtube {position: relative; height:0; overflow: hidden; padding-bottom: 56.25%; margin-top:40px;}
.youtube iframe {position: absolute; top:0; left:0; width:100%; height:100%;}


/*  MAPA  ====================================================================================  */
#map { height:650px; border:0px solid #999;}

#map .infowindow  {max-width:200px;}
#map .infowindow p  {padding:5px 0 0 0; font-size:14px; text-align:center;}
#map .infowindow img  {width:100px; height:66px; box-shadow:none;}
#map .infowindow a:hover * {color:#063;}




/*	============================================================================ */
/*		#######    #      #####   ######  #       ###### 						 */
/*		   #      # #     #    #  #       #       #      						 */
/*		   #     #   #    #    #  #       #       #      						 */
/*		   #    #     #   #####   #####   #       #####  						 */
/*		   #   # ##### #  #    #  #       #       #      						 */
/*		   #   #       #  #    #  #       #       #      						 */
/*		   #   #       #  #####   ######  ######  ###### 						 */
/*	============================================================================ */




/*	============================================================================ */
/*		#######   ####    #####    ##      ##									 */
/*		#        #    #   #    #   # #    # #									 */
/*		#       #      #  #    #   #  #  #  #									 */
/*		#####   #      #  #####    #   ##   #									 */
/*		#       #      #  #  #     #        #									 */
/*		#        #    #   #   #    #        #									 */
/*		#         ####    #    #   #        #									 */
/*	============================================================================ */


/* PRZYCISKI ========= */
.przycisk, .submit  {color:#fff; background:#447711; display:inline-block; min-width:200px; line-height:1.2em; padding:14px 20px 10px;  margin:0 auto; border:none; border-radius:27px; box-shadow:none;  }
.przycisk, .submit  {font-size:1.6rem; font-weight:bold;  text-align:center; text-decoration:none;  }
.przycisk:hover, .submit:hover,
.przycisk:focus, .submit:focus {color:#fff; background:#000;}

.przyciski {text-align:center; line-height:60px;}
.przyciski {text-align:center; line-height:60px;}
.przyciskbig .przycisk, .przyciskbig .submit {font-size:3.0rem; padding:24px 90px 20px; border-radius:50px;}

/* FORMULARZ TYPOWY */
form 		{width:98%; display:block; clear:both;  padding:0px; padding-bottom:100px; margin:0px auto 10px; line-height:1.1;}
fieldset	{width:100%; padding:5px 0 20px; margin:5px auto 30px; border-radius:5px; box-shadow:0px 0px 8px #bbb;}
legend		{float:left; padding:20px 30px 15px;  text-align:left; font-weight:bold; color:#063; font-size:1.3rem; border:none; text-transform:uppercase ;}
legend::first-letter {font-size:1.7rem;;}

.frow 		{float:left; width:100%; padding:8px 0px; clear:both; outline:0px solid #efe}
/* div.checkbox, div.radio {padding:8px 0 7px;} */

.fcoll		{float:left; width:22%; margin:0 0.5%; text-align:right; padding-top:4px;}
.fcolr		{float:left; width:75%; margin:0 0.5%; text-align:left; }

label  		 {display:block; vertical-align: top;  margin-top:2px;}
.fcolr label {float:left; cursor:pointer; padding-top:4px; width:90%; width:calc(100% - 35px);   }
.fcolr label:hover {background-color:#dfd;}
div.label label   {text-align:left; padding:5px 30px 3px; line-height:1.1}
div.label label a {text-decoration:underline;}

label.tyt	{font-size:1.05rem; text-align:right; }
label.for 	{font-size:0.95rem; text-align:left; line-height:1.2;}
label.for a {background:#bda; display:inline-block; padding:0 3px; border-radius:4px;}

input		 {float:left; max-width:95%;  padding:3px 1%; font-size:1.08rem;  border-radius:2px}
input.text	 {}
input.number {}
input.file   {}
textarea     {float:left; width:95%;  padding:3px 1%; font-size:1.08rem;  border-radius:2px}

input.checkbox	{clear:both; transform:scale(1.8); margin:10px 10px 0 5px; padding:0; } /*  width:auto;  height:25px; min-width:25px;  vertical-align: top; - ładnie działa w chromie */
input.radio 	{clear:both; transform:scale(1.8); margin:10px 10px 0 5px; padding:0; } 

/* KOLORY  */
form fieldset {border:1px solid #ccc;}
form input.file, form textarea {border:1px solid #666;} /* form input.text, */
/* form input.text, form input.file, form textarea {background:#eee; } */
form input.text, form input.file, form textarea {color:#000; }

form legend, form fieldset  {background:#f6f6f6; }


/* valid/invalid */
form input {border:1px solid #666; background-color:#fff}
form input:invalid {border:1px solid #f00; background-color:#fff6f6; box-shadow:0px 0px 2px #f00;}
form input:valid   {border:1px solid #290;}

/* focus 
form input.text:focus, form input.number:focus, form input.file:focus, form textarea:focus {border: 1px solid #063; color:#063; background-color:#cfc;}  
*/

/*  placeholder */
form ::placeholder {color:#ccc;}


/* disabled */
form input.disabled, form textarea.disabled {background:#fff; color:#666;}
form input.disabled:focus {background:#fff; color:#666;}
form input.disabled::placeholder  {color:#fff; opacity: 0; }
/* form span.disabled   {display:inline-block; width:48%; color:#666;} */


.hlp {display:block; margin-top:-3px; color:#666;}





/*	============================================================================ */
/*		    #      #####     ##     ##   #   ##      #							 */
/*		   # #     #    #    # #   # #   #   # #     #							 */
/*		  #   #    #     #   #  # #  #   #   #  #    #							 */
/*		 #     #   #     #   #   #   #   #   #   #   #							 */
/*		# ##### #  #     #   #       #   #   #    #  #							 */
/*		#       #  #    #    #       #   #   #     # #							 */
/*		#       #  #####     #       #   #   #      ##							 */
/*	============================================================================ */

.admin * { line-height:18px}
.admin {display:block; clear:left; width:90%;  list-style: none;  margin:3px auto 2px; padding:2px!important; }
.admin li {line-height:1.2em; text-align:center; padding:0;}

.admin a {display:inline; float:none; text-decoration:none;  }
.admin a span { font-size:1.4rem; line-height:0.8em; font-weight:600;  padding:0 3px; }
.admin a:hover {text-decoration:underline;}

/* admin kolor */
.admin, .admin li, .admin a, .admin li strong, .admin a strong, #bottom .admin a, #wpis .admin a {color:#039; background-color:#bef; box-shadow: none;}
.admin {border: 1px solid #bef; background-color:#bef; border-radius:2px; }
.admin a:hover, .admin a:hover strong  {background-color:#ff0; color:#039}

.admin i.fa-arrows-v {opacity:0.3}

table.admin {background:#fff; border:none; box-shadow:none;}
table.admin .admin { box-shadow:none; margin:0;}


/*	============================================================================ */
/*		   #    #     # # #     #    #      ####      #  #####					 */
/*		  # #   ##    # # ##   ##   # #    #    #     #  #    					 */
/*		 #   #  # #   # # # # # #  #   #  #           #  #    					 */
/*		#     # #  #  # # #  #  # #     # #           #  #### 					 */
/*		####### #   # # # #     # ####### #           #  #    					 */
/*		#     # #    ## # #     # #     #  #    # #   #  #    					 */
/*		#     # #     # # #     # #     #   ####   ###   #####					 */
/*	============================================================================ */

 


/*	======================================================================================== */
/*		#####  #####  ####  #####    ###   #     #   #### #     # #     # #     # #####		 */
/*		#    # #     #    # #    #  #   #  ##    #  #    # #   #  #     # ##    # #    		 */
/*		#    # #     #      #    # #     # # #   #  #       # #   #  #  # # #   # #    		 */
/*		#####  ####   ####  #####  #     # #  #  #   ####    #    # # # # #  #  # #### 		 */
/*		#  #   #          # #      #     # #   # #       #   #    ##   ## #   # # #    		 */
/*		#   #  #     #    # #       #   #  #    ##  #    #   #    #     # #    ## #    		 */
/*		#    # #####  ####  #        ###   #     #   ####    #    #     # #     # #####		 */
/*	======================================================================================== */



@media all and (max-width:960px)
/* 2 kolumny szerokie */
	{
	.all {width:800px;}
	#top {height: auto;}
	#toplogo   {float:none; margin:5px auto; }
	#topmenu {clear:both; width:auto; padding:5px;}
	#topmenu li a   { } 
	#wsieci {top:30px;}

	.box2 {width:450px;}
	}


	
@media all and (max-width:800px)
/* 2 kolumny */
	{
	.all {width:640px;}
	.box2 {width:290px;}

	}


@media all and (max-width:640px)
/* 1 kolumna */
	{
	html {font-size:100%}
	body {text-align:center;}
	.all	{width:99%; padding:0 0 0 1%}
	.box {width:95%; float:none; margin:15px auto;}
	.box2 {width:95%; }
	.pro {float: none; margin:30px auto; padding:5px 0; width: 95%; ;}
	.pro h3 {border:none; padding-top:0;}
	.pro .box2 {margin-top:0px;}
	
	h1 {font-size:1.8rem;}
	h2 {font-size:1.6rem;}
	h3 {font-size:1.3rem;}
	h4 {font-size:1.1rem;}
	h5 {font-size:1.0rem;}
	h6 {font-size:1.0rem;}
	
	
	#toplogo {font-size:1.0rem;}

	#topmenu li a {padding: 10px 7px; font-size:1rem;}
	

	#wpis {width:95%;}
	
	.mapa {padding-bottom: 96.25%;} 


	}



/*	============================================================================ */
/*		#####    #####   #     #  #    #  										 */
/*		#    #   #    #  #     #  #   #   										 */
/*		#     #  #    #  #     #  #  #    										 */
/*		#     #  #####   #     #  ###     										 */
/*		#     #  #  #    #     #  #  #    										 */
/*		#    #   #   #   #     #  #   #   										 */
/*		#####    #    #   #####   #    #  										 */
/*	============================================================================ */


@media print
	{
	#top, .pasek, #wsieci, #bottom, #linktop, .admin, form.FORM, .przyciski {display:none} 
	h1, h2.msg {font-size:20px;}
	


	.noprn {display:none} 
	.prn {display:block} 
	
	
	}