/* base color: EFFBCB */
BODY {
  font-size: 12px;
  font-family: tahoma, arial, "Arial CE", helvetica, sans-serif;
  background-color:  #A5AD8C;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  color: black; 
}

CAPTION {
  font-size: 14px;
  color: crimson;
  font-weight: bold;
  caption-side: top 
}

FORM { padding: 0px; margin: 0px;}

DIV.menu { margin-bottom: 8px;}

A.menu {
  font-size: 12px;
  color: #EFFBCB;
  font-weight: bold;
  text-decoration: underline;
  font-variant: small-caps;
}

A.menu:hover {
  font-size: 12px;
  font-weight: bold;
  color: #fafafa;
  text-decoration: none;
  font-variant: small-caps;
}

A.smenu {
  font-size: 12px;
  color: crimson;
  background-color: floralwhite;
  font-weight: bold;
  text-decoration: underline;
  font-variant: small-caps;
}

A.smenu:hover {
  font-size: 12px;
  background-color: #fafafa;
  color: #CAD4AB;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
}

A {
  font-size: 12px;
  color: #A5AD8C;
  color: #757d5c;
  font-weight: bold;
  text-decoration: underline;
}

A:hover {
  font-size: 12px;
  color: crimson;
  font-weight: bold;
  text-decoration: none;
}

A.admin {
  font-size: 11px;
  color: crimson;
  font-weight: bold;
  text-decoration: underline;
}

A.admin:hover {
  font-size: 11px;
  color: #A5AD8C;
  font-weight: bold;
  text-decoration: none;
}


TABLE {
  padding: 0px;
  margin: 0px;
}

TABLE.content {
  padding: 0px;
  margin: 0px;
  width: 95%;
  background-color: #EFFBCB;
}

TABLE.info {
  border: 2px solid green;
  width: 80%;
}

TABLE.error {
  border: 2px solid red;
  width: 80%;
}

TD.header {
  margin: 0px;
  padding: 0px;
  background-color:  #A5AD8C;
}

TABLE.footer {
  width: 100%;
  table-layout: auto;
  background-color: #CAD4AB;
}

TD.footer {
  margin: 0px;
  padding: 0px;
  background-color: #CAD4AB;
}

TD.header2 {
  margin: 0px;
  padding: 0px;
  color: black;
  background-color: #CAD4AB;
  border-left: 0px solid #A5AD8C;
  background-image: url("./grafika/linia33.jpg");
  BACKGROUND-REPEAT: repeat-x;
}


TABLE.header {
  width: 100%;
  table-layout: auto;
  background-color: #8BA8B3;
}

TABLE.main {
  width: 100%;
  height: 500px;
  table-layout: auto; 
}

TABLE.box {
  background-color: #EFFBCB;
  width: 100%;
}

TD.box {
  background-color:  #CAD4AB;
  padding: 3px;
}

TD.box-header {
  margin: 0px;
  padding: 3px;
  background-color: #EFFBCB;
  color: crimson;
  font-weight: bold;
}

TABLE.r-box {
  background-color: #FAE6CA;
  width: 100%;
  vertical-align: top;
}

TD.r-box {
  background-color:  #EFFBCB;
  padding: 3px;
}

TD.r-box-header {
  margin: 0px;
  padding: 3px;
  background-color: #FAE6CA;
  color: crimson;
  font-weight: bold;
}


TABLE.menu {
/*  background-color: #C9C9C9; */
  width: 100%;
}

TD.menu {
/*  background-color: #A9ACEC; */
  padding: 1px;
}

TD.menu-header {
  margin: 0px;
  padding: 2px;
  background-color: #9BC7D4;
  color: #80A7BF;
  font-weight: bold;
}


TD.main-aa {
background-image: url("./grafika/linia11.jpg");
BACKGROUND-REPEAT: repeat-y;
width: 10px;
}

TD.main-bb {
background-image: url("./grafika/linia22.jpg");
BACKGROUND-REPEAT: repeat-y;
width: 10px;
}

TD.main-a {
  width: 15%;
  background-color: #A5AD8C;
  padding: 3px;
  margin: 0px;
  vertical-align: top;
}

TD.main-b {
  background-color: #EFFBCB;
  padding: 3px;
  margin: 0px;
  width: 70%;
  vertical-align: top;
}

TD.main-c {
  width: 15%;
  background-color: #CAD4AB;
  padding: 3px;
  margin: 0px;
  vertical-align: top;
}


TD.bbottom {
  margin: 0px;
  padding: 2px;
  border-bottom: 1px solid  #A5AD8C;
}

TD.btop {
  margin: 0px;
  padding: 2px;
  border-top: 1px solid  #A5AD8C;
}


TD.bbottom-s {
  margin: 0px;
  padding: 2px;
  border-bottom: 1px solid crimson;
}

TD.error { padding: 2px; color: red; }
TD.info { padding: 2px; color: green; }

LABEL {
display: block;
font-size: 11px;
font-weight: bold;
color: #A5AD8C;
color: #757d5c;
}

input,textarea {
  font-size: 13px;
  color: black;
  font-family: monospace;
  font-family: tahoma, arial, helvetica, sans-serif;
  background-color: floralwhite;
  border: 1px solid #A5AD8C;
}

/*
HR {
  color: darkorange;
  height: 2px;
  padding: 0px;
  margin: 0px;
}
*/

DIV.info,P.info { font-size: 11px;}
DIV.title {font-size: 13px; color: black; font-weight: bold;}

H1 {font-size: 20px; color: gray;}
H2 {font-size: 18px; color: gray;}
H3 {font-size: 16px; color: gray;}
H4 {font-size: 14px; color: gray;}
H5 {font-size: 12px; color: gray;}
H6 {font-size: 10px; color: gray;}

PRE {
font-size: 13px;  
font-family: tahoma, arial, helvetica, sans-serif;
/* font-family: monospace; */
}

DIV,P,SPAN {font-size: 13px;}
.small {font-size: 10px;}


.submit {
  font-size: 11px;
  font-weight: bold;
  border: 1px silver #fafafa;
  background-color: crimson;
  color: #fafafa;
  cursor: hand;
  padding: 2px;
}

.cancel {
  font-size: 11px;
  font-weight: bold;
  background-color: #fafafa;
  border: 1px silver #4473AD;
  color: #4473AD;
  cursor: hand;
  padding: 2px;
}


ul {
list-style-type: none;
list-style-image: url(grafika/arrow.jpg);
}


IMG {
padding: 0px;
margin: 0px;
float: auto;
border: 0px solid crimson;
}


.red {color:crimson; font-weight: bold; font-size: 11px;}