@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=latin-ext');


	ul.mktree  li { list-style: none; }
	ul.mktree, ul.mktree ul , ul.mktree li {margin-left:10px;padding:0px;display: inline;}
	ul.mktree  li           .bullet { padding-left: 15px; }
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../../images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../../images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../../images/bullet.gif) center left no-repeat; }
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  li { font-size: 8pt; }
	ul.mktree  li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 8pt; }

* {
	font-family: "Roboto Condensed", Tahoma, Arial, serif;
}
body {
	background: #e9f1f5;
	color: #696969;
	font-family: "Roboto Condensed", Tahoma, Arial, serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.center { text-align: center; }
.red { color: red; }
.green { color: green; }

a img { border: 0; }

img {
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #7faba5;*/
}

table, tr, td, th {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: center;
}

td.dark {
	/* background: #A4CCCE; */
}

table.nav {
  border-collapse: separate;
  border-spacing: 0px;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  padding: 2px;
}

table.nav tr td {
  /* border: 1px #5f5f5f solid; */
  cursor: pointer;
  height: 40px;
  text-align: left;
  width: 230px;
  margin: 0px;
  font-size: 13px;
  padding-left: 16px;
  text-transform: uppercase;
}

table.nav tr td:hover {
	/*background: #000000;*/
	color: #ffffff;
	background-color: #1D8CD1;
	border: 0!important;
}

/*table.nav tr td.mouseOut {*/
	/* background: url(../images/sti-button_gray.png); */
	/*background: #000000;
	color: #afafaf;
	border: 0!important;*/
/*}*/

/*table.nav tr td.mouseOn {*/
	/*  background: url(../images/sti-button_blue.png);*/
	/*background: #76D569;*/
/*}*/

table.nav tr td.checked {
	/*  background: url(../images/ppf-button_yellow.png);*/
	background: #ffffff;
	color: #696969;
}

h1, h2, h3, h4, h5  {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

h1, h2 {
	color: #003a8c;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 16px;
	margin: 10px auto;
	margin-bottom: 15px;
	padding-left: 5px;
	text-align: center;
}
h3 {
	color: #375d93;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 11px;
	margin: 10px 0px 1px 15px;
	padding-left: 5px;
	text-align: left;
}
h4 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 10px 15px 5px 15px;
	text-align: left;
}
h5 {
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-bottom: 3px;
}
h6 {
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-right: 15px;
	text-align: right;
}
form{
	margin: 0px auto;
	padding: 0px;
}
p {
	font-size: 15px;
	font-weight: normal;
	line-height: 14px;
	/* margin: 8px 10px; */
	text-align: justify;
}

p.caption, div.caption {
/*	background-color: #ACB9DE;*/
	background-color: #ABBCDF;
	border: 0;
	color: #000;
	line-height: 16px;
	height: 16px;
	padding: 0px;
	margin: 1px;
	vertical-align: middle;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

p.legend, div.legend {
	/* background-color: #ACBBDE; */
	border: 0;
	/* color: #696969; */
	line-height: 15px;
	padding: 2px;
	margin: 1px;
	vertical-align: middle;
	letter-spacing: 0px;
	font-size: 12px;
	text-align: justify;
	/* width: 75%; */
	font-weight: 300;
}

.important {
	font-weight: bold;
}
div.h1 {
	color: #000;











	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 16px;
	margin: 10px auto;
	margin-bottom: 5px;
	padding-left: 5px;
}
div.images {
	display: block;
	background-color: #fff;
	padding: 10px;
	margin: 0 auto;
	color: #000;
	text-align: left;
	line-height: 14px;
}
a, a:link, a:visited {
	text-decoration: none;
	/* font-weight: bold; */
	color: #696969;
	/*	border-bottom: 1px solid #999;*/
}
a:hover {
	color: #000080;
/*	border-bottom: 1px solid #000;*/
}
div.uplink {
	display: block;
	text-align: right;
}
div.upLink a, div.upLink a:link, div.upLink a:visited {
	text-decoration: none;
 }

table.FormBox {
	/* border: 1px solid #5F5F5F; */
	background-color: #fff;
	margin: 0px auto;
	padding: 10px;
}
table.FormBox tr td {
	color: #696969;
	font-size: 15px;
	margin:0px;
	padding: 3px;
}
.FormCapt {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

select, input, textarea, table.FormBox tr td select,
table.FormBox tr td input, table.FormBox tr td textarea {
	border: 1px solid #d6d6d6;
	font-size: 15px;
	color: #353535;
	padding: 3px;
    margin: 2px;
}

input:disabled {
    background: #dddddd;
    color: white !important;
}

.button, table.FormBox tr td input.butt {
	border: 1px solid #5F5F5F;
	background-color: #fafafa;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	width: 90px;
	cursor: pointer;
}

.FormBoxLabel {
	text-align: right;
	width: 110px;
}

.FormBoxData {
	text-align: left;
	text-transform: uppercase;
	/* background-color: #f5f5f5; */
}

span.butt input {
	border: 1px solid #5F5F5F;
	background-color: #fafafa;
	color: #000;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 90px;
	cursor: pointer;
}
span.FormBoxData {
	border: 0px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	text-align: middle;
}

/* TABELA DANE */
table.DataBox {
	border-collapse: collapse;
	margin: 0px auto;
	padding: 0px;
	background-color: white;
	width: 100%;
}

table.DataBox tr th, table.DataBox tr td {
	/*  border: 1px solid #505396;*//* border: 1px solid #f4f4f4; */
	color: #525252;
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
	/* text-align: right; */
}

table.DataBox tr th {
	font-weight: bold;
	/*	background-color: #80A0C8;*/
	background-color: #1d8cd1;
	color: white !important;
}

/* TABELA OSTRZEZENIA */
table.WarningOut {
  border: 1px solid #2196f3;
  border-collapse: collapse;
  margin: 0px auto;
  padding: 0px;
  background-color: #FF938B;
}

table.WarningIn tr th, table.WarningIn tr td {
  border: 0px;
  background-color: #f6f8f8;
  color: #D73700;
  font-weight: normal;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 10px;
  vertical-align: middle;
}

.pageInfo {
	margin: 10px 0;
	font-weight: bold;
	color: #c00;
	text-align: center;
}

.veryImportant {
	color: #cc0000;
	font-size: 140%;
	font-weight: bold;
	margin: 10px;
	text-align: center;
}

table.title {
  /* background: url('../../images/ppf-bgr_title.png'); */
  color: #0;
  background-color: white;
  font-size: 16px;
  color: #444;
  font-weight: 100;
  height: 50px;
  letter-spacing: 2px;
  line-height: 25px;
  margin: 0px;
  margin-top: 3px;
  padding: 0px;
  text-align: left;
  width: 100%;
  padding-left: 20px;
  /* text-transform: uppercase; */
  /* border: 1px solid #7E97AC; */
}

table.lr {
  color: #0;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /* border: 1px solid #7faba5; */
  vertical-align: top;
  background-color: #000;
}

.title {
	/* text-transform: uppercase; */
	font-size: 18px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
}

.header {
	text-transform: uppercase;
	font-size: 14px;
	height: 25px;
	/* font-weight: bold; */
	/* text-align: center; */
	line-height: 25px;
	background: url('../images/sti-bgr_header.png') center repeat-y 100%;
	/* border: 1px solid #7faba5; */
	width: 100%;
	color: #696969;
	margin-bottom: 12px;
}

.BlackBox {
	border: 1px solid #5F5F5F;
	margin: 0 auto;
	padding: 0;
 	background: #FFF;
}

var {
	margin: 0;
	padding: 0;
}

td.caption, th.caption, .FormBox .caption, .BlackBox .caption {/*	background-color: #ACBDDE;*/background-color: #1D8CD1;color: #000;/* padding: 10px; */line-height: 16px;height: 16px;margin: 0;margin-bottom: 1px;padding: 10px;vertical-align: middle;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;/* font-weight: bold; */border: 0;text-align: center;}

.aboutPage {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
}

.nedit {
	text-align:right;
}

div.fileinputs {
	position: relative;
}

input.file {
	border: 1px solid #5F5F5F;
	font-size: 13px;

/*	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;*/
}

.zamiennik {
	color: red;
	text-align: right;
}

.promopic {
	float: none;
}

.zamoft {
	color: red;
	text-align: right;
}
a.sort {
    color: white;
    font-weight: 400;
}

.main-content
{

padding: 10px;
	}

.box-table
{


	background-color: white;
	}

.top-nav

{
	background-color:white;border-right:0;-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	}

.logo-nav
{

	padding-left:20px;
	}
.white

{color:white!important;}


.auth-window

{

background-color: white;

width: 450px;

text-align: center;

height: 250px;
	}


	.login-window

	{
		margin:auto;
		width:230px;

		}


		.login-input

		{
			width:100%;
    height: 40px;
    padding-left: 10px;

    border: 1px solid rgba(235,235,235,1);
    font-size: 11px;
			background-color:#fff;
			}
	.password-input

	{
		width:100%;
    height: 40px;
    padding-left: 10px;

    border: 1px solid rgba(235,235,235,1);
    font-size: 11px;
			background-color:#fff;
		}


		.login-btn

		{
			border: 0px;
    height: 38px;
    width: 112px;
    margin-top:10px;

    color: #FFFFFF;
    cursor: pointer;
    background-color: #1d8cd1;

			}

		@media (max-width: 768px) {
    .resp-hidden {
       display: none;
    }
}


		/*Nav*/


.logo-img

{float:left;}


* {
	  box-sizing: border-box;
}

header {
	background-color:white;

}

.inner {
	  max-width: 1000px;
	  margin: 0 auto;
	  padding: 0px 20px;
	  position: relative;
	  float:left;
	  margin-top:5px;
}

.logo {
	  text-decoration: none;
	  color: #777;
	  font-weight: 800;
	  font-size: 30px;
	  line-height: 40px;
}

h1 {
	  text-align: center;
	  width: 100%;
	  margin-top: 120px;
	  color: #eee;
	  font-weight: 800;
	  font-size: 40px;
}

nav > ul {
  	float: right;

}

nav > ul > li {
  	text-align: center;
	  line-height: 40px;
	  margin-left: 70px;
}

nav > ul li ul li {
	  width: 100%;
  	text-align: left;
}

nav ul li:hover {
	  cursor: pointer;
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
}
nav ul li:hover > a {
	  color: #777;
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	outline: none;
  	width: 100%;
	  text-decoration: none;
}

nav > ul > li {
  	float: left;
}
nav a {
	  color: white;
}
nav > ul li ul {
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
}
nav > ul li ul li > a {
	  text-decoration: none;
}

[type="checkbox"], label {
	  /* display: none; */
}

@media  (max-width: 768px) {
	.title-bar {
		display: none;
	}

}
@media  (min-width: 769px) {
.inner {
		display: none;
	}

}
@media  (min-width: 769px) {
.inner {
		display: none;
	}

}

@media  (max-width: 768px) {
.logo-img {
		margin-top: 18px;
		}
}

@media (max-width: 769px) {
	nav ul {
		  display: none;
	}

	label {
  		display: block;
  		width: 40px;
  		height: 40px;
  		cursor: pointer;
  		right: 20px;
  		margin-top: 2px;
 }

label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #777;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
}

	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;

		  right: 20px;
		  margin-left: -100px;
	}

	nav a {
		  color: #777;
	}

	nav ul li {
		  display: block;
  		float: none;
  		width: 100%;
  		text-align: left;

        text-indent: 20px;
	}

	nav > ul > li {
  		margin-left: 0px;
	}

	nav > ul li ul li {
  		display: block;
	    float: none;
	}

	nav > ul li ul {
	    display: block;
  		position: relative;
  		width: 100%;
		z-index: 9999;
		float: none;
	}
h1 {
	    font-size: 26px;
}
}

.resp-ch
{
display:none;
}

