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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
table {
	border-spacing: 0;
}
a {
  color: #8d2a22;
}
a:hover {
  text-decoration: none;
}

body {
  color: #333;
  font-family: Arial;
  font-size: 62.5%;
}

#top {
  background: #333;
  color: #eee;
  height: 75px;
  font-size: 1.2em;
  padding: 15px 20px 0 20px;
}
h1 {
  font-size: 1.5em;
  display: block;
  height: 40px;
}
.menu {
  
}
#top a {
  background: #555;
  display: block;
  width: 100px;
  height: 25px;
  float: left;
  margin-right: 4px;
  text-align: center; 
  padding-top: 10px; 
  text-decoration: none;
  color: #ddd;
}
#top a:hover {
  background: #666;
}
#top a.activ {
  background: #fff;
  color: #333; 
}
#top a.right {
  float: right;
}
#top a.logout {
  background: #852016;
}
#top a.logout:hover {
  background: #9f2b20;
}


.err {
  background-color: #a52317;
  height: 30px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  padding-top: 12px;
  text-align: center;
}

/* *************************login********************** */

.login {
  background: #333;
  width: 380px;
  margin: 150px auto 0 auto;
  padding: 40px;
  color: #eee;
  font-size: 1.2em;
}
.login label {
  width: 102px;
  display: block;
  float: left;
  margin-top: 9px;
  text-align: right;
  padding-right: 20px;
}
.login input.text {
   border: 0;
   padding: 4px;
   width: 250px;
   margin-top: 5px;
}
.login input.but {
   margin: 30px auto 0 auto;
   display: block;
   padding: 5px 20px 5px 20px;
   border: 1px solid #ddd; 
   font-weight: bold;
}

/* *************************content********************** */

#content {
  padding: 20px 40px 40px 40px;
  font-size: 1.2em;
}
.inform label, table label {
  width: 110px;
  display: block;
  float: left;
  margin-top: 10px;
}
table label {
  width: 63px;
  margin-top: 6px;
}
input.text {
  width: 300px;
  float: left;
  margin-top: 5px;
  padding: 4px;
  border: 1px solid #ccc;
}
table input.text {
  width: 500px;
  float: none;
  margin-top: 2px;
  padding: 2px;
}
table th input.text {
  width: 500px;
}
.inform select {
  width: 310px;
  float: left;
  margin-top: 5px;
  padding: 3px;
  border: 1px solid #ccc;
}
.inform input.file {
  float: left;
  margin-top: 5px;
}
.inform div, table div {
  clear: both;
}
.inform input.button {
  display: block;
  padding: 4px 15px 4px 15px;
  margin: 60px 0 0 110px;
  font-weight: bold;
  clear: both;
}

table {
  margin-top: 40px;
  border-bottom: 1px solid #aaa; 
}
table.nom {
  margin: 0;
}
th {
  background: #aaa;
  text-align: left;
  padding: 8px;
  border-bottom: 2px solid #fff;
}
td {
  border-bottom: 2px solid #fff;
  padding: 8px;
}
table.cenik td, table.cenik th  {
  padding-top: 5px;
}
tr.l {
  background: #eee;
}
td.lm-o {width: 100px;} 
td.lm-d {width: 130px;}
td.lm-s {width: 80px; text-align: right;}
td.lm-e {padding: 40px; font-weight: bold; text-align: center;}
td.nk-n {width: 150px;}
td.b, th.b {width: 110px; text-align: center;}

.head {
  padding: 20px 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
}
.obr {
  background: #ddd;
  float: left;
  text-align:center;
  position: relative;
  padding: 2px 2px 2px 2px;
  height: 140px;
  margin: 10px 10px 0 0;
}
.obr a{
  display: block;
  padding: 5px;
}

/* ***************************FORMAT********************** */
  
.center {
  text-align: center;
}  
  
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear {
  clear: both;
}

.w100p {
  width: 100%;
}