.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml60 { margin-left: 60px !important;}
.ml90 { margin-left: 90px !important;}
.ml120{ margin-left: 120px !important;}
.ml150{ margin-left: 150px !important;} 
.ml200 { margin-left: 200px !important;}
.ml250 { margin-left: 250px !important;}
.ml300 { margin-left: 300px !important;}

.ml700 { margin-left: 700px !important;}

.mr20 { margin-right: 20px !important;}
.mr40 { margin-right: 40px !important;}

.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.small, tr.small td {font-size: 12px !important;}

.p10 { padding: 10px; }
.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }

.pb10 {padding-bottom: 10px;}
.pbt10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

table.ptab1 td, table.ptab1 th  {padding: 7px 10px;}

.w50  {width: 100px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w750 {width: 750px !important;}

.h0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.hb0 {
  margin-bottom: 0 !important;
}

.empty {
  padding: 0 !important;
  margin: 0 !important;
}

.error, .info {
  font-weight: bold;
  padding: 20px;
}

.error {
  background: #F88;
  color: #800;
}

.info {
  background: #87CEFA;
  color: #008;
}

.left {float: left;}
.right {float: right;}
.t-right {text-align: right;}
.center { text-align: center;}

.index {
  width: 20px;
  text-align: right;
  float: left;
}

.stroke {
  text-decoration: line-through;
}

.label, .label4 {
  margin-left: 20px;
  float: left;
  width: 200px;
  text-align: right;

  font-family: "Courier New";
}

.label4 {width: 300px;}

.label1, .label3, .value1 {
  padding: 5px !important;
  float: left;
}
.label1, .label3 {
  margin-left: 0 !important;
  margin-right: 10px !important;
  width: 80px;
  text-align: right;
  font-family: "Courier New", monospace;
}

.label3 {
  width: 120px;
}


.label2, .value2 {
  margin: 10px 0;
  float: left;
}

.label2 {
  width: 150px;
  text-align: right;
  font-family: "Courier New";
}

.code {
  font-family: "Courier New";
}

.value2 {
  padding: 0 0 0 10px !important;
}


.clear { clear: both; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

br.clear {
  height: 0;
  margin: 0;
  padding: 0;
}
.full {width: 100%;}
.hidden {display: none;}

.colorR { color: #A00 !important; }
.colorR1 { color: #800 !important; }
.colorR2 { color: #FF8775 !important; }
.colorG { color: #080 !important; }
.colorG1 {color: #7EDE72 !important;}
.colorB { color: #036 !important; }
.colorB1 { color: #008 !important; }
.colorB2 {color: #007FDE !important;}


.comp {
  font-family: "Courier New", monospace;
}

.bg1 {background: #FFF;}
.bg2 {background: #F5F5F5;}
.bg3 {background: #CCF;}


.bt { border-top: 1px solid lightgrey ; }
.bb { border-bottom: 1px dotted grey ; }

tr.bt { border-top: 1px solid grey ; }

tr.bb { border-bottom: 1px solid lightgrey ;}

tr.higher td,
tr.higher th { padding: 5px;}

tr.higher2 td { padding: 10px;}
tr.higher3 td { padding: 30px 0;}

.bt td {padding-top: 15px;}

.btn {
  margin-left: 20px;
}

p.return {
  margin: 20px;
  border-top: 1px dashed grey;
  padding-left: 10px;
  padding-top: 20px;
}

.return a, a.return {
  padding: 5px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  color: #333;
}

.return a:hover, a.return:hover {
  background: #AAA;
  text-decoration: none;
}

.btn {
  padding: 10px 20px;
  border: 1px solid grey;
  border-radius: 5px;
  width: 150px;
  text-align: center;
  text-decoration: none !important;
}

.btn:hover {
  background: #888;
  color: white;
}

.plus {
  padding: 0 3px;
  border: 1px solid grey;
  border-radius: 3px;
  background: grey;
}

.plus a {
  color: white;
}

.plus a:hover {
  color: #A00;
  text-decoration: none;
}

.record {
  margin-top: -1px;
}

.record p {
  margin: 0;
  padding: 10px;
}


.user-box {
  opacity: 0.9;
  border-radius: 2px;
  padding: 10px;

}

.img {
  float: left;
  width: 200px;
  padding: 5px;
  margin-left: 5px;
  margin-right: 20px;
  overflow: hidden;
}

.img img {
  padding: 5px;
  text-align: center;
  background: white;
  border-radius: 5px;
  border: 1px solid grey;
}

.informacje {
  float: left;
  width: 680px;
  margin-top: 5px;
  padding: 5px;
  overflow: hidden;
  border: 1px solid grey;
  border-radius: 5px;
    background: #222;
}

.informacje p {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 5px;
 padding-top: 5px;
}

.informacje .colA {
  float: left;
  width: 180px;
  text-align: right;
  color: #FFF;
  font-family: "Courier New";
}
.informacje .colB {
  float: left;
  width: 455px;
  color: #7EDE72;
}

.uwagi, .uwagi1 {
  margin: 10px 10px !important;
  padding: 10px;
  font: 14px "Verdana", Arial;
  border: 1px solid lightgrey;
  border-radius: 5px;
  box-shadow: 2px 2px lightgrey;
  background: #FEFDFE;
  color: #000;

}

.uwagi1 {
  background: #FFE;
  border: 1px solid #DDC;

  font: 16px "Courier New", monospace;
}

.box {
  background: #EEE;

  border-radius: 5px;
  box-shadow: 0 0 2px 2px lightgrey;
  padding: 10px;
}


.navig-letter, .navig, .nav-bar {
  margin: 40px 0;
  background: #ffe;
}

.nav-bar {
  background: none;
}

.navig {
  border: 1px solid lightgrey;
  border-radius: 5px;
}

.navig-letter a, .nav-bar a {
  margin-left: 5px;
  padding: 5px;
  color: #008;
  font-weight: bold;
  border: 1px solid grey;
  border-radius: 5px;
}

.navig-letter a:hover, .nav-bar a:hover {
  background: #DDD;
  color: #008;
  font-weight: bold;
  text-decoration: none;
}

.navig-letter a.active, .nav-bar a.active {
  background: #A00;
  border: 1px solid #800;
  color: #FFF;
}


.check {
  background: url(img/check.png) 0 7px  no-repeat;
  padding: 5px 10px;
}

.not {
  background: url(img/no.png) 0 7px no-repeat;
  padding: 5px 10px;
}
/*
th.headerSortUp {
    background-image: url(img/asc.png);

}

th.headerSortDown {
    background-image: url(img/desc.png);

}
*/
th.header {
    background-image: url(img/bg.png);
    cursor: pointer;
    background-repeat: repeat-x;
    background-position: center left;
    font-size: 12px;
    font-weight: normal;
    font-family: "Lucida Console";
    padding: 5px 10px;
}