:root {
 --font: "Arial";
 --font-icon: "xxxxx";
 --color-main: #000;
 --color-grey: #888;
 --color-dark-grey: #313131;
 --color-light-grey: #efefef;
 --color-text: #111;
 --color-light-text: #7e7c7d;
 --color-green: #267c01;
 --color-red: #ca0000;
 --color-black: #111;
 --color-white: #fff;
 --color-yellow: #ffcc33;
 --color-facebook: #3a559f;
 --color-youtube: #ea412c;
 --color-twitter: #50abf1;
 --color-linkedin: #0077b5;
 --color-instagram: #555;
 --gradient: linear-gradient(180deg, rgba(31,75,148,1) 0%, rgba(0,111,53,1) 100%);
 --gradient-left: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-right: linear-gradient(270deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-top: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
 --gradient-bottom: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
 --gradient-light: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
 --gradient-light-left: linear-gradient(90deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --gradient-light-right: linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --border-radius: 1px;
 --border-radius-button: 1px;
 --box-shadow: 0 0 10px rgba(160,160,160,0.2);
 --box-shadow-hover: 0 0 10px rgba(160,160,160,0.6); 
 --text-shadow: 0 0 20px rgba(255,255,255,1), 0 0 15px rgba(255,255,255,0.8), 1px 1px 0px rgba(255,255,255,0.9);
 --text-dark-shadow: 0 0 20px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,0.8), 1px 1px 0px rgba(0,0,0,0.9);
 --vcenter: translate(0,-50%);
 --hcenter: translate(-50%,0);
 --center: translate(-50%,-50%);
}

html,body { font-family:arial; font-style:normal; font-weight:normal; color:#000000; text-decoration:none; font-size:12px; letter-spacing:0px; margin:0px; padding:0px; background:#ffffff}

#mobile { position:relative; display:block; padding:1px; margin:0 auto; max-width:640px; text-align:left; background:#ebedec; }

/* header */
#header { position:relative; display:block; padding:10px; margin:0px auto 1px auto; height:45px; text-align:left; color:#ffffff; background:#a70a10; 
background-image: linear-gradient(bottom, #A70A0F 27%, #E01923 64%, #C2151E 82%);
background-image: -o-linear-gradient(bottom, #A70A0F 27%, #E01923 64%, #C2151E 82%);
background-image: -moz-linear-gradient(bottom, #A70A0F 27%, #E01923 64%, #C2151E 82%);
background-image: -webkit-linear-gradient(bottom, #A70A0F 27%, #E01923 64%, #C2151E 82%);
background-image: -ms-linear-gradient(bottom, #A70A0F 27%, #E01923 64%, #C2151E 82%);
}
#header h1 { position:absolute; top:10px; left:10px; padding:0px; margin:0px; width:50%; height:45px; font-size:1.5em; line-height:1em; color:#ffffff; text-align:left;}
#header h1 span { display:block; padding:0px; font-size:0.5em; line-height:1em; color:#ffffff; text-align:left;}

/* search */
#search {position:absolute; top:5px; right:10px; padding:0px; margin:0px; width:40%; height:45px; overflow:visible; border:0; z-index:1; }
#search fieldset { position:relative; top:0px; right:0px; border:0; overflow:hidden; height:100%; width:100%; padding:0px; margin:0px;  }
#search fieldset legend { position:relative; display:block; top:0px; z-index:1; width:auto; overflow:hidden; padding:0px; color:#ffffff;  text-align:left; font-size:0.9em; font-weight:normal;}
#search  input[type=text]{ font-size:1em; font-weight:normal; color:#ffffff; text-align:left; border:1px solid #ffffff; background:transparent; width:60%; margin:0px; padding:2px 1px 2px 1px;}
#search a { font-size:0.8em; color:#ffffff; text-decoration:none;}

/* opcje strony */
#opcje { position:relative; display:block; padding:10px; margin:0 auto; height:auto; text-align:center; background:#e3e3e3; background-image: linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -o-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -moz-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -webkit-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -ms-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);}
#opcje  a:link, #opcje  a:visited { display:inline-block; position:relative; background:#565656; border:1px solid #565656;  padding:5px 7px 5px 7px; margin:1px; font-size:0.9em; color:#ffffff; text-shadow:#565656 2px 1px 1px; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; cursor:pointer; white-space:nowrap; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#opcje  a:active,#opcje  a:hover { background:#333333; }

/* content */
#content { position:relative; padding:10px; margin:0px auto; overflow:visible; height:auto; border:0; text-align:left;
background-image: linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -o-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -moz-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -webkit-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);
background-image: -ms-linear-gradient(bottom, #e3e3e3 24%, #8f8f8f 62%, #c2c2c2 81%);}
#content-inside { position:relative; padding:15px; margin:0; overflow:visible; height:auto; border:1px solid #f1f1f1; background:#ffffff;
-webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

/* sciezka */
#sciezka-navi { position:relative; display:block; text-align:left; padding:0px 0px 10px 0px; margin:0; height:1%; border:0; background:transparent; font-size:0.8em; line-height:1em; color:#8e8e8e;}
#sciezka-navi a { display:inline-block; position:relative; background:#c9c9c9; border:1px solid #c9c9c9; padding:5px 4px 5px 4px; margin:1px; font-size:1em; color:#000000; font-weight:normal; text-align:center; text-transform:none; text-decoration:none; cursor:pointer; white-space:nowrap; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#sciezka-navi  a:active,#sciezka-navi  a:hover { background:#8e8e8e; }

/* bannery */
.bannery { position:relative; padding:0px; margin:0px auto; text-align:center; border-top:1px dotted #ffffff; clear:both; background:#ffffff;}
.bannery a { display:block; position:relative; background:#c9c9c9; border:1px solid #c9c9c9; padding:7px 6px 7px 6px; margin:1px; font-size:1em; color:#000000; font-weight:normal; text-align:center; text-transform:none; text-decoration:none !important; cursor:pointer; white-space:nowrap; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.bannery a:active,.bannery  a:hover { background:#8e8e8e; }

/* foot */
#footer { position:relative; padding:10px; margin:0px auto; text-align:center; border-top:1px dotted #ffffff; clear:both; background:#ffffff;
-moz-box-shadow: inset 0px 0px 15px #e1e1e1; -webkit-box-shadow: inset 0px 0px 15px #e1e1e1; box-shadow: inset 0px 0px 15px #e1e1e1; }
#footer p {margin:3px 0 3px 0; padding:0; font-size:0.8em; color:#565656; text-decoration:none;}

/* ikonki tekstu*/
#drukuj { display:none;} 

/* okna */
.okno { margin:0px; padding:0px; width:auto; text-align:left;}
.okno strong { display:block; font-weight:bold; text-align:left; font-size:1.1em; line-height:1.2em; margin:0px 0px 10px 0px; }
.okno ul { padding:0px; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.okno ul li { padding:10px 0px 10px 0px; margin:0px; margin-bottom:1px; overflow:hidden; list-style:none; position:relative;  border-bottom:1px solid #bfbfbf;  }
.okno ul li.w { border:1px solid #fa0000; padding:10px;  }
.okno ul li a,.okno ul li a:visited { display:block; text-decoration:none; padding:0px; font-size:1.2em; line-height:1em }
/* button */
.okno div.wiecej { position:relative; text-align:right; margin:5px 0px 0px 0px;padding:0px;height:20px;  }
.okno div.wiecejbig { position:relative; text-align:right; margin:5px 0px 0px 0px;padding:0px;height:21px; border-top:1px solid #cccccc; }

/* wyroznywanie boxow - style systemowe */
.firstInRow { margin-left:0 !important;}
.lastInRow { margin-right:0 !important;}

/* ZDJECIA */
.zdjecia { position:relative; padding:0; margin:0; border:0px; width:100%; overflow:hidden; text-align:left; background:transparent; padding:0; }
.zdjecia ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.zdjecia ul li { margin:0; padding:0; margin:0; float:none; display:block; list-style:none;  }
.zdjecia.poziom ul li { width:33%; float:left; display:inline-block; }
.zdjecia.poziom ul li:nth-child(3n+1) { clear:left; }
.zdjecia ul li.naglowek { margin:20px 0px 20px 0px; padding:0px; border:0px; float:left; display:block !important; display:inline; list-style:none; width:100%; }
.zdjecia ul li.clear { margin:0; padding:0; border:0; clear:both; width:100%; list-style:none; height:10px; visibility:hidden; }
.zdjecia ul li div.zalacznik { font-family:Arial; font-size:0.8em; line-height:1em; padding:4px; }
.zdjecia ul li a,.zdjecia ul li a:visited { display:block; padding:2px; margin:0 10px 10px; border:1px dotted #e6e6e6; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;color:#d11d26; text-decoration:none; }
  .zdjecia ul li a:hover { border:1px dotted #e6e6e6; background:#f3f3f3; color:#000; -moz-box-shadow: inset 0px 0px 9px #bdbdbd; -webkit-box-shadow: inset 0px 0px 9px #bdbdbd; box-shadow: inset 0px 0px 9px #bdbdbd;
	-moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; -ms-transition-duration:0.6s; transition-duration:0.6s;  }
.zdjecia h4 { font-size:1.2em;line-height:1em; color:#000000; font-weight:bold; }

/* ZALACZNIKI DO PORBRANIA*/
.zalaczniki { position:relative; padding:0; margin:1em 0; width:auto; overflow:hidden; text-align:left; background:transparent; font-size:0.9em; line-height:1.1em; }
.zalaczniki ul { position:relative; margin:0; padding:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.zalaczniki ul li { margin:0 0 1em 0; padding:0; display:block; list-style:none; }
.zalaczniki ul li.naglowek { margin:0.4em 0 0.4em 0; padding:0; border:0; background:none !important; display:block !important; list-style:none; width:100%; clear:both; background-image:none; }
.zalaczniki ul li.naglowek h3 { font-family:var(--font); font-size:1.2em;line-height:1em; font-weight:normal; text-transform:none; }
.zalaczniki ul li a:link,.zalaczniki ul li a:visited { position:relative; display:block; font-family:var(--font); color:var(--color-black); text-decoration:none; padding:1em ; min-height:40px; font-size:1.1em;line-height:1em; border:2px solid var(--color-dark-grey); background-position:1em 90%; background-size:auto 35px; background-repeat:no-repeat; background-color:var(--color-white);
 -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.zalaczniki ul li a:hover,.zalaczniki ul li a:focus { text-decoration:none; border:2px solid var(--color-main);
 -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s;}
.zalaczniki ul li a strong { position:relative; display:block; height:auto; margin:0 0 1em 0; padding:0; }
.zalaczniki ul li a span { position:relative; display:block; height:auto; margin:0; padding:8px 10px 15px 45px; box-sizing:border-box; font-size:1em; color:var(--color-dark-grey); font-family:var(--font); text-decoration:none; vertical-align:middle; background-position:0 0; background-size:auto 35px; background-repeat:no-repeat;}
.zalaczniki ul li a span:before { font-family:var(--font); content:"\279B"; font-size:1.6em; line-height:1em; color:var(--color-dark-grey); text-decoration:none; position:absolute; top:5px; right:10px; padding:0; }
.zalaczniki ul li a:hover span:before,.zalaczniki ul li a:focus span:before { color:var(--color-main); transition-duration:0.6s; }

/* boxy */
#content blockquote{border:1px solid #dadada; background:transparent; padding:10px; margin:0; margin-bottom:10px; text-align:left; height:1%; }

.box_spec1,.box1,.box2,.box3,.box-grey,.box-white,.box-tranasparent ,.box-gradient{border:1px solid #d9d9d9; padding:10px; margin-bottom:10px; text-align:left; height:1%; background:#e0e0e0;
-moz-box-shadow: inset 0px 0px 15px #e1e1e1; -webkit-box-shadow: inset 0px 0px 15px #e1e1e1; box-shadow: inset 0px 0px 15px #e1e1e1;
-webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
background-image: linear-gradient(bottom, #ffffff 17%, #e0e0e0 59%);
background-image: -o-linear-gradient(bottom, #ffffff 17%, #e0e0e0 59%);
background-image: -moz-linear-gradient(bottom, #ffffff 17%, #e0e0e0 59%);
background-image: -webkit-linear-gradient(bottom, #ffffff 17%, #e0e0e0 59%);
background-image: -ms-linear-gradient(bottom, #ffffff 17%, #e0e0e0 59%); }

/*===============================================*/
/* style globalne */
/*===============================================*/

/* common */
.pad2 { padding:2px;}
.pad5 { padding:5px;}
.pad10 { padding:10px;}
.pad20 { padding:20px;}

.margin_y5 { margin-top:5px;margin-bottom:5px;}
.margin_y10 { margin-top:10px;margin-bottom:10px;}
.margin_y20 { margin-top:20px;margin-bottom:20px;}

.margin_b10 { margin-bottom:10px;}
.margin_b20 { margin-bottom:20px;}

.margin_t10 { margin-top:10px;}
.margin_t20 { margin-top:20px;}

.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center;}

.left { float:left; overflow:hidden;}
.right { float:right; overflow:hidden; }
.clear { clear:both; }
.rel { position:relative; }


.img_center {vertical-align:middle;}
a:active { outline:none; }
a:focus,object { -moz-outline-style:none; }

table { border-collapse:collapse; border-color:#d9d9d9; }
td { font-size:1em; font-weight:normal; }


/* general */
.tytul_dzialu,h2 {
 	font-size:1.2em;
 	font-weight:normal;
 	color:#000000;
	line-height:1.2em; 
	text-align:left;
}

.tytul_tekstu,h1 {
 	font-size:1.3em;
 	font-weight:bold;
 	color:#000000;
	line-height:1.3em;
	margin-bottom:15px;
	text-align:left;

 }

.zajawka,h3 {
 	font-size:1em;
 	font-weight:normal;
 	color:#000000;
 	font-size:1em;
	line-height:1.6em;
}

.tresc,h4,#txt,.txt {
 	font-size:1em;
 	font-weight:normal;
 	color:#000000;
	line-height:1.6em;
 	padding:0px;
	margin:0px;
}

/* listy globalne */
ol { padding:0px 0px 0px 20px; margin:10px 10px 10px 10px; list-style-position:outside; border:0 }
ol li { padding:0px 0px 5px 0px; margin:0px; border:0; }

ul { padding:0px 0px 0px 20px; margin:10px 10px 10px 10px; list-style-image:url("/dokumenty/szablonyimg/2-strz1.gif"); text-align:left; }
ul li { padding:0px 0px 5px 0px; margin:0px; }

/*===============================================*/
/* zdjecia */
/*===============================================*/
.foto {}
.foto_male_right,.foto_right {margin-left:10px !important; float:right;}
.foto_male_left,.foto_left,.imgwraper {margin-right:10px !important; float:left;  }

/*===============================================*/
/* linki */
/*===============================================*/
a:link, a:visited {font-style:normal;color:#004484;text-decoration:underline;}
a:hover,a:active { text-decoration:underline; }

/*===============================================*/
/* menu lista ul li - wielopoziomowe
/*===============================================*/

#meni { position:relative; display:block; padding:0; margin:0; height:auto;text-align:center; background:#f6f6f6; z-index:1;}
#meni ul { padding:0px; margin:0px; text-align:left; list-style-type:squere; list-style-image:none; width:auto; }
#meni ul li { padding:0px; margin:0px; border:0px; display:block !important; list-style:none; position:relative; }
#meni ul li a,#meni ul li a:visited { font-size:1.1em; line-height:1em; text-decoration:none; font-weight:normal; padding:12px 10px 12px 10px; margin:0px; display:block; background:transparent; border:0; width:auto;
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
-moz-box-shadow: inset 3px 3px 3px #e1e1e1;; -webkit-box-shadow: inset 3px 3px 3px #e1e1e1;; box-shadow: inset 3px 3px 3px #e1e1e1; }
#meni ul li a:hover,#meni ul li a:active,#meni ul li a.check { color:#000000; background:#ffffff; }
#meni ul ul { padding:0px; margin:0px 0px 0px 10px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni ul ul li { padding:0px; margin:0px; border:0px; display:block !important; list-style:none; position:relative; }
#meni ul ul li a,#meni ul ul li a:visited { font-size:1.1em; line-height:1.1em; text-decoration:none; font-weight:normal; padding:8px 5px 8px 18px; margin:0px; display:block; border:0; }
#meni ul ul li a:hover,#meni ul ul li a:active,#meni ul ul li a.check { color:#000000; }
#meni ul ul ul { padding:0px; margin:0px 0px 0px 10px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni ul ul ul li { padding:0px; margin:0px; border:0px; display:block !important; list-style:none; position:relative;  }
#meni ul ul ul li a,#meni ul ul ul li a:visited { font-size:1em; line-height:1em; text-decoration:none; font-weight:normal; padding:8px 5px 8px 12px; margin:0px; display:block; background:url("/dokumenty/szablonyimg/2-strz3.gif") no-repeat left center; border:0; }
#meni ul ul ul li a:hover,#meni ul ul ul li a:active,#meni ul ul ul li a.check { color:#000000; }

/* MENU PODZIAL STRON W DZIALE */
#meni_strony { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:1em auto; min-height:25px; text-align:center;  }
#meni_strony ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#meni_strony ul li { position:relative; margin:0 0.5em 0.2em 0; border:0; padding:0; float:left; display:block !important; display:inline; overflow:hidden; list-style:none; }
#meni_strony ul li.noActive { background:#ffffff; color:#a7a7a7; padding:0.18em 0.6em; } 
#meni_strony ul li.selectbox { white-space:nowrap; padding:0; }
#meni_strony ul li.selectbox .forms select { width:auto; padding:0.75em 2em 0.75em 0.5em; }
#meni_strony ul li.selectbox .iloscStron { position:relative; display:inline; padding:0.5em; font-weight:bold;}
#meni_strony a,#meni_strony a:visited { display:block; background:#ffffff; border:1px solid #e6e6e6;  height:auto !important; height:1%; color:#000000; text-shadow:0px 1px 0px #fff !important; line-height:1em; padding:0.3em 0.6em 0.3em 0.6em; font-size:1em; text-decoration:none; font-weight:normal; overflow:hidden; 
-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;text-shadow:0px 1px 0px #fff !important; }
#meni_strony a:hover,#meni_strony a:active,#meni_strony a:focus,#meni_strony a.check  {background:#d11d26; color:#ffffff; text-decoration:none; transition: all 0.2s ease-in;}
#meni_strony span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }


/*===============================================*/
/* MENU PODZIALU TEKSTU */
/*===============================================*/
#meni_tekstu { padding:0px; margin:10px 0px 0px; margin-left:40%;}
#meni_tekstu ul { padding:0px; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto;}
#meni_tekstu ul li { margin:0px; margin-right:3px; padding:3px; float:left; display:block !important; display:inline; list-style:none; position:relative; }
#meni_tekstu ul li span  { color:#ffffff; font-size:0.9em; line-height:1em; font-weight:bold; padding:4px 8px 4px 8px; background:#d11d26; border:1px solid #d11d26; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
#meni_tekstu ul li a,#meni-tekstu ul li a:visited { color:#000000; font-size:0.9em; line-height:1em; padding:4px 8px 4px 8px; font-weight:normal; text-decoration:none; white-space:nowrap; border:1px solid #d11d26; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#meni_tekstu ul li a:hover, #meni-tesktu ul li a:active, #meni-tesktu ul li a:focus { background:#d11d26; color:#ffffff; text-decoration:none;}

/*===============================================*/
/* moduly */
/*===============================================*/


/* komentarze */
#komentarze { margin:20px 0px 20px 0px; text-align:left; font-size:1em; }
#komentarze h1 { font-weight:bold; font-size:1.3em; line-height:1.8em; border-bottom:1px solid #000000;}
#komentarze span.data { font-weight:bold; font-size:0.9em; line-height:1.1emx; letter-spacing:0px; display:inline; padding:2px 9px 2px 4px; margin-left:10px; float:right !important;height:1%; position:relative;}
#komentarze ul { padding:0px; margin:0px; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
#komentarze ul li { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; overflow:hidden; list-style:none; border-bottom:1px dotted #000000; height:1%;}
#komentarze ul li.w { padding:10px 10px 10px 10px; }
#komentarze ul li:hover { }
#komentarze ul li a,#komentarze ul li a:visited { text-decoration:none; font-size:1.2em; }
#komentarze ul li a:hover,#komentarze ul li a:active { text-decoration:none; }

/*search */
.wyniki { padding:2px; border:1px #fa0000 solid; }

/* ajax */
div.ajaxloading {position:absolute; display:block; top:10px; left:10px; padding:5px; width:150px; border:1px dotted #ffff00; background:#000000; z-index:1000; }

/* ranking */
.rabidrating .wrapper { display:none; }

/* tagi*/
a.tagi6 { font-size:2.1em; }
a.tagi5 { font-size:1.9em; }
a.tagi4 { font-size:1.7em; }
a.tagi3 { font-size:1.5em; }
a.tagi2 { font-size:1.2em; }
a.tagi1 { font-size:1em; }

/* listing typ:tabelka*/
#table-listing table, table.table-listing { width:100%; border:0px; }
#table-listing table caption, table.table-listing caption { border:1px #e4e4e4 solid; border-bottom:0; padding:20px 10px 20px 10px; background:transparent; font-size:1.3em; font-weight:bold; text-align:left;}
#table-listing table caption span, table.table-listing caption span { font-size:0.7em; font-weight:normal; }
#table-listing table tr, table.table-listing tr { background:transparent; color:#000000; }
#table-listing table tr:hover, table.table-listing tr:hover { background:#f1f1f1;}
#table-listing table tr th, table.table-listing tr th { min-height:40px; border:1px #e4e4e4 solid; padding:20px 10px 20px 10px; background:#f1f1f1; font-size:1em; text-align:center;}
#table-listing table tr td, table.table-listing tr td { min-height:20px; vertical-align:top; border:1px #e4e4e4 solid; padding:10px;}
#table-listing table tr td.center, table.table-listing tr td.center {text-align:center;}
#table-listing table .hideCol {display:none;}

/*cookies box */
.cookiesBox { position:fixed; bottom:0; left:0; width:100%; margin:0; opacity:1; z-index:1000;}
.cookiesBox .cookiesBoxItem { position:relative; display:block; box-sizing:border-box;padding:2em 4em;margin:0 auto; width:100%; font-size:1em; letter-spacing:0; text-align:left; background:#010101; color:#fff; border-top:1px solid #fff; z-index:4;}
.cookiesBox .cookiesBoxItem a:link,.cookiesBox .cookiesBoxItem a:visited{ color:#fff; }
.cookiesBox .cookiesBoxItem a:hover,.cookiesBox .cookiesBoxItem a:focus{ color:#fff000; }
.cookiesBox .cookiesBoxItem .CookiesButtons { text-align:right; margin:1em 0 0; }



/*dialog alert */
.alerts { position:relative; display:flex; align-items:center; justify-content:flex-start; padding:1em; margin:2em auto; text-align:left; font-size:1.4em; line-height:1.1em; color:var(--color-black); font-family:var(--font); border:1px solid var(--color-grey); border-radius:var(--bordr-radius); z-index:1; }
.alerts._warn { color:var(--color-black); background-color:var(--color-yellow); border:1px solid var(--color-yellow); border:0; }
.alerts._alert { color:var(--color-white); background-color:var(--color-red); border:1px solid var(--color-red); border:0; }
.alerts._ok { color:var(--color-white); background-color:var(--color-green); border:1px solid var(--color-green); border:0; }
.alerts i.element { position:relative; display:block; padding:10px; width:60px; height:60px; text-align:center; font-style:normal; border:1px solid var(--color-light-grey); }
.alerts i.element:before { content:"\26A0"; font-size:3em; line-height:60px; }
.alerts div.content { padding:1em; font-size:1em; line-height:1em; font-weight:normal; text-align:left; }

/* LoginBox */
.forms.loginBox { position:relative; display:block; margin:0; } 
.forms.loginBox input[type=text], .forms.loginBox input[type=password] { width:100%; height:100%; box-sizing:border-box; padding-left:30px }
.forms.loginBox .loginFiled:before, .forms.loginBox .passField:before, .forms.loginBox .emailField:before { position:absolute; top:50%; left:5px; transform:var(--vcenter); display:block; width:20px; height:20px; overflow:hidden; font-family:var(--font-icon); font-size:20px; line-height:20px; font-weight:normal; }
.forms.loginBox .loginFiled:before { content:"\e101"; }
.forms.loginBox .passField:before { content:"\e101"; }
.forms.loginBox .emailField:before { content:"\e101"; }


/*fast LoginBox */
.forms.loginBox.quick fieldset { display:flex; }
.forms.loginBox.quick .emailField { width:100%; }

/* Pass strenth */
.passStrength { position:relative;margin:0.3em 0; }
.passStrength.bar { display:block; height:0.6em; }
.passStrength.hint { margin:0.2em 0 0 0; font-size:0.9em; color:var(--color-light-text); }


/*payment */
.payment {display:block;}
.payment span[class^="i-"],.payment span[class*=" i-"] { display:inline-block; padding:0.3em; margin:0; font-size:1em; line-height:1em; }
.payment .i-error { background-color:var(--color-red); color:var(--color-white);}
.payment .i-ok { background-color:var(--color-green); color:var(--color-white); }
.payment .i-normal { background-color:var(--color-grey); color:var(--color-black); }
.payment .i-alert { background-color:var(--color-yellow); color:var(--color-black); }

/*index*/
.index { position:relative;}
.index h3 { position:relative; padding:0.5em 0; font-size:3em; line-height:1.2em; color:var(--color-black); text-align:left; font-weight:700; text-decoration:none; text-transform:uppercase; }
.index .box { position:relative; background-color:var(--color-light-grey); padding:1.5em; margin:0; text-align:left; font-size:1em; line-height:1em; color:var(--color-black); }
.index ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;}
.index ul li { margin:0; border:0; padding:0; list-style:none; position:relative; }
.index ul li a:link,.index ul li a:visited { position:relative; padding:0.4em; display:inline-block; text-decoration:none; font-size:1.3em; line-height:1.2em; color:var(--color-black); }
.index ul li a:hover,.index ul li a:focus { background-color:var(--color-main); color:var(--color-white); }
.index ul li a span { font-size:0.6em; padding:0.2em; margin:0 0.5em; background-color:var(--color-main); color:var(--color-white); }


/* MAPS */
.maps { position:relative; padding:0; margin:0; } 
.maps .map, article .map { display:block; width:100%; height:650px; }
.maps #objectList { display:block; margin:2em 0; }
.maps #drukuj-ikonki { position:relative; text-align:right; padding:0; margin:1em 0; } 
.maps .box-podsumowanie { position:relative; display:flex; justify-content:space-between; align-items:stretch; flex-direction:row; border:0; padding:0; margin:0 0 1em 0; box-sizing:border-box; } 
@media only screen and (max-width:768px) { .maps .box-podsumowanie { flex-direction:column; } }
/* maps - search */
.maps .search { text-align:left; margin-bottom:1em;}
.maps .search form { border:1px solid var(--color-light-grey); width:100%; margin:0; box-sizing:border-box;}
.maps .search legend, .maps .search label { position:absolute; top:0; left:-10000em; width:1px; height:1px;}
.maps .search input[type=text] { width:85%; border:0;}
.maps .search button { position:absolute; top:0; right:0; display:block; width:50px; height:100%; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-dark-grey); }
.maps .search button:before { position:absolute; top:50%; transform:var(--vcenter); left:0; width:100%; text-indent:0; font-size:1.4em; line-height:50px; font-family:var(--font-icon); content:"\e106"; color:var(--main-color); }
.maps .search button:hover,.maps .search button:focus { color:var(--color-black); } 
/* maps - legend and options */
.maps .legenda, .maps .opcje { position:relative; padding:2em; margin:0; width:50%; }
.maps .legenda .forms, .maps .opcje .forms { overflow:visible; background:transparent;}
.maps .legenda legend, .maps .opcje legend { padding:0; margin:0 0 1em 0;}
.maps .legenda ins,.maps .legenda .ins,
.maps .legenda ins,.maps .legenda .ins, .maps .opcje ins,.maps .opcje .ins { position:relative; display:block; overflow:visible; height:auto; padding:0; margin:0.5em; text-align:left; background:transparent; border-bottom:1px solid var(--color-light-grey); }
.maps .legenda .marker { display:inline-block; vertical-align:middle; border:0; border-left:1px solid var(--color-light-grey); width:20px; height:20px; padding:0; margin:0 0.5em 0 0; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:80% 100%; }
/* maps - dsc */
.maps .opis { position:relative; padding:2em; margin:0; width:50%; }
.maps .opis strong { display:block; font-weight:bold; font-size:1.4em; line-height:1em; text-align:left; margin:0 0 1em 0; }
.maps .opis p { display:block; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.1em; }
/* mapy - image */
.maps .image { position:relative; padding:2em; margin:0; width:44%; }
/* mapy - hint */
.map-object { position:relative; padding:1em; margin:0; width:auto; height:auto; box-sizing:border-box; }
.map-object strong { display:block; margin:0 0 0.8em 0; font-family:var(--font); text-align:left; font-size:1.2em; line-height:1em; }
.map-object p { font-family:var(--font); text-align:left; font-size:1em; line-height:1.2em; margin:0; }
.map-object a.button:link, .map-object a.button:visited { padding:1em; margin:1em 0; }
.map-object .forms { width:350px; }
 /* maps - fix horizontal view */
.MapaPozioma .maps .map { height:750px; }
.MapaPozioma .maps .box-podsumowanie { flex-direction:column; }
.MapaPozioma .maps .legenda,.MapaPozioma .maps .opcje { width:100%; box-sizing:border-box; text-align:center; }
.MapaPozioma .maps .legenda ins, .MapaPozioma .maps .legenda .ins,
.MapaPozioma .maps .opcje ins, .MapaPozioma .maps .opcje .ins { display:inline-block; border-bottom:0; }
.MapaPozioma .maps .legenda legend,.MapaPozioma .maps .opcje legend { margin:0 auto 1em; }
 /* maps - popup if not exist */
.map-popup { position:absolute; top:20%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:15px 15px 0 0; z-index:10; }
.map-popup-content { border:1px solid var(--color-grey); background-color:var(--color-white); box-shadow:var(--box-shadow-hover); }
.map-popup .usun { position:absolute; top:0; right:0; width:30px; height:30px; }
/*fix */
.txt .extendedArea { display:none; }


/*===============================================*/
/* okna popup */
/*===============================================*/

/*okno zwykle*/
.okno_tlo {  padding:15px}

/*okno drukuj*/
.okno_tlo_print { background:#000000;}
.okno_tlo_print h1, .okno_tlo_print h4,.okno_tlo_print h3,.okno_tlo_print h2 ,.okno_tlo_print table,.okno_tlo_print a,.okno_tlo_print * { color:#000000; }
.okno_tlo_print #drukuj, .okno_tlo_print #text-size, .okno_tlo_print #opcje-strony { display:none;}

/*===============================================*/
/* formularze */
/*===============================================*/
.forms { position:relative; display:block; overflow:hidden; border:0; margin:0px; padding:5px 0px 5px 0px;}
.forms .required { font-weight:normal; color:#900000; font-size:1.2em; }
.forms br { clear:both; margin:0; padding:0; overflow:hidden; }
.forms img { border:0; vertical-align:middle; }
.forms form { height:auto; margin:0px auto 0px auto; background:transparent; padding:0px; color:#000000;}
.forms fieldset { position:relative; display:block; z-index:1; height:auto; padding:10px 0px 10px 0px; margin:0px; border:0; overflow:visible; }
.forms legend { position:relative; display:block; z-index:1; white-space:normal; overflow:hidden; width:100%; padding:5px 0px 2px 20px; border-bottom:1px dashed #a5a5a5; background:url("/dokumenty/szablonyimg/2-strz1.gif") no-repeat 0 center; text-align:left; font-family:MyriadProCondRegular, Arial Narrow; font-size:1.4em; font-weight:bold; }
.forms legend.subtitle { position:relative; display:block; top:0px; z-index:1; width:auto; overflow:hidden; padding:8px;  text-align:left; font-size:1em; font-weight:bold;}
.forms ins,.forms .ins { position:relative; display:block; overflow:visible;  text-align:left; margin:1px 0px 1px 0px; background:transparent; font-size:1em; text-decoration:none; }
.forms ins.box_error  { border:1px solid #ff0000; }
.forms ins.submit { padding:10px; text-align:center; }
.forms ins.title { padding:20px 0; font-weight:bold; }
.forms ins.subtitle { font-weight:bold; }
.forms ins.all { padding:8px 0; }
.forms label,.forms .label { position:relative; padding:0px;  border:0px; text-align:right; font-size:1em; font-weight:normal;}
.forms label span.error { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em;}
.forms div.form_input { position:relative; padding:0px; width:auto; margin:0px; background:transparent; text-align:left; color:#000000; font-size:0.9em;}
.forms div.form_input label,.forms div.form_input .label { position:relative; top:0; left:0; padding:0px 5px 0px 5px; width:auto; border:0; text-align:left; font-size:1em; font-weight:normal;}
/* ustawienie dwa w rzedzie */
.forms .twoRows{ float:left; width:50%; margin:0; }
.forms .twoRows ins,.forms .twoRows .ins { padding:0.2em; white-space:nowrap; }
.forms .twoRows label,.forms .twoRows .label { position:relative; top:auto; left:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); padding:0 0.5em 0.5em 0; float:none; width:auto; border:0; text-align:left; }
.forms .twoRows .reset label,.forms .twoRows .reset .label {display:block; padding:0 0 0.5em 0; float:none; width:100%; text-align:left; box-sizing:border-box;}
.forms .twoRows .reset .left label,.forms .twoRows .reset .left .label { position:relative; top:auto; transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0); left:auto; display:inline; vertical-align:middle; padding:0 0.5em 0 0; float:none; width:auto; border:0; text-align:left;}
.forms .twoRows .form_input { position:relative; display:inline; float:none; padding:0; width:auto; margin:0; text-align:left; font-size:0.9em;}
.forms .twoRows .reset .form_input {float:none; width:100%; }
.forms .twoRows input[type=text],.forms .twoRows input[type=file],.forms .twoRows input[type=password] { width:90%; }
.forms .twoRows select { width:90%; }
.forms .twoRows input[type=text].data {width:50%;}
.forms .twoRows input.data{ width:50%; font-size:0.9em; padding:0.6em 0; }
.forms ins img {width:auto !important; height:auto !important;}


/* pola formularza */
.forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select { font-size:1em; font-weight:normal; color:#000000; text-align:left; border:1px solid #cbcbcb; background:transparent;  margin:0px; padding:2px 1px 2px 1px;
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
-moz-box-shadow: inset 3px 3px 3px #e1e1e1; -webkit-box-shadow: inset 3px 3px 3px #e1e1e1; box-shadow: inset 3px 3px 3px #e1e1e1;}
.forms input[type=text].number {width:20%;}
.forms input[type=text].data {width:30%;}
.forms input[type=password] { width:120px; border:1px #cbcbcb dotted; }
.forms input[type=radio],.forms input[type=checkbox] { border:0; margin:3px 5px 3px 1px; background:transparent; }
.forms textarea { font-size:1em; color:#000000; border:1px solid #cbcbcb; font-weight:normal; background:transparent; text-align:left; padding:1px; overflow-y:auto; overflow-x:hidden; }
.forms input[type=submit],.forms input[type=button]  { font-size:1em; color:#ffffff; font-weight:normal; text-align:center; text-transform:normal; height:auto; border:0; padding:2px 10px 2px 10px; margin:1px; background:#565656; cursor:pointer; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.forms input[type=submit]:hover,.forms input[type=button]:hover { background:#333333;}  
.forms input[type=image] { border:0; }
.forms input:disabled,.forms textarea:disabled {opacity:0.3;filter:alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"; }
.forms input[type=text]:readonly {opacity:0.3;filter:alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"; }
.forms input:focus,.forms select:focus,.forms textarea:focus { background:#d9d9d9;}

.infoForm { position:relative; display:inline-block; border:1px solid #ccc; padding:1em 1em 1em 50px; margin:1em 0 0 0; text-align:left; font-size:0.9em; line-height:1em; color:#222; font-family:'Tahoma',sans-serif; }
.infoForm * { color:#000; }
.infoForm:before { font-family:arial; content:""; font-size:2em; line-height:1em; color:#777; background-color:#ccc; width:35px; height:100%; text-align:center; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; }

/* kroki formularz */
.steps {position:relative; background-color:#f3f3f3; margin:1em 0; padding:1em;}
.steps:before { content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); width:100%; height:1px; background:#ccc; z-index:0; }
.steps > ul { display:flex; flex-flow:wrap; justify-content:space-between; margin:0; padding:0; list-style-type:none; list-style-image:none; width:auto; float:none; z-index:2; }
.steps > ul > li { position:relative; padding:0; margin:0; margin:1em; overflow:hidden; list-style:none; text-align:left; }
.steps > ul > li div { position:relative; width:40px; height:40px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:1.2em; font-weight:700; border:2px solid #ccc; border-radius:100%; z-index:1;}
.steps > ul > li div:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%; height:100%; border-radius:100%; background:#000; z-index:-1; }
.steps > ul > li div.deactive { color:#ccc; }
.steps > ul > li div.deactive:before { background:#fff;  }
.steps > ul > li div.current {  color:#fff; border:2px solid #ca0000; }
.steps > ul > li div.current:before {  background:#000; }

/* pliki upload */
.forms ul[id^="upload_list_"] { display:none; padding:0; margin:0; }
.forms ul[id^="upload_list_"] li { position:relative; display:block; padding:1em 0; margin:0; overflow:hidden; overflow:visible; list-style:none; box-sizing:border-box;}
.forms ul[id^="upload_list_"].show { display:block;}
.forms input[type=file].uploadInput { display:none; }
.forms .file { position:relative; display:block; border:1px solid #ccc; padding:1em; box-sizing:border-box; margin:0 0 1em 0;}
.forms .file h4 { display:block; padding:0; margin:0; border:0; overflow:hidden; font-size:1.1em; line-height:1.1em; font-weight:normal; text-decoration:none; text-align:left; }
.forms .file .progress { display:inline-block; padding:0; margin:5px 0; border:1px solid #ccc; overflow:hidden; width:80%; height:20px;}
.forms .file .progress span { display:block; background-color:#2ab718; padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.forms .file .usun { float:right; z-index:2; }