body {margin: 0px; padding: 2px; font-size: medium; font-family: Verdana, Arial, sans-serif; color: rgb(225, 225, 225); background: rgb(80, 96, 117) url("../graph/layout/woda.gif") repeat-x right top fixed;}

/* headers */
h1 {font-size: 175%; font-family: "Comic Sans", "Comic Sans MS", cursive; text-align: left;}
h2 {font-size: 150%; font-family: "Comic Sans", "Comic Sans MS", cursive; text-align: left;}
h3 {font-size: 125%; font-family: "Comic Sans", "Comic Sans MS", cursive; text-align: left;}
/* links */
a         { color: rgb(204, 204, 102); background-color: inherit;}
a:link    { color: rgb(204, 204, 102); background-color: inherit;}
a:visited { color: rgb(153, 153, 51);  background-color: inherit;}
a:hover   { color: rgb(255, 255, 102); background-color: inherit;}
a:active  { color: rgb(255, 255, 102); background-color: inherit;}
/* local links */
a.local:link    {color: rgb(204, 204, 102); background-color: inherit;}
a.local:visited {color: rgb(204, 204, 102); background-color: inherit;}
a.local:hover   {color: rgb(255, 255, 102); background-color: inherit;}
a.local:active  {color: rgb(255, 255, 102); background-color: inherit;}
/* index links */
a.index         {text-decoration: none; background-color: inherit}
a.index:link    {color: rgb(204, 204, 102)}
a.index:visited {color: rgb(204, 204, 102)}
a.index:hover   {color: rgb(255, 255, 102)}
a.index:active  {color: rgb(255, 255, 102)}

p.spec:first-letter {font: bold 175% "Comic Sans", "Comic Sans MS", cursive}

div#doc-title           {margin-top: 125px;}
div#doc-title h1        {margin-bottom: 0px;}
div#doc-title h1.single {margin-bottom: auto;}
div#doc-title h2        {margin-top: 0px;}

/* page layout */

/* border */
body.mnu #brd-left {width: 250px; position: absolute; left: 1px; top: 1px;}
body.mnu>#brd-left {position: fixed;}
body.mnu #brd-top  {height: 207px; background: url("../graph/layout/blok.gif")  no-repeat left top;}
body.mnu #brd-btm1 {height: 65px;  background: url("../graph/layout/lina3.gif") no-repeat left top;}
body.mnu #brd-btm2 {height: 155px; background: url("../graph/layout/hak1.gif")  no-repeat left top;}

/*body.nomnu #left-sep {float: left; width: 0px; height: 450px}*/
body.nomnu #brd-top  {width:  200px; height: 81px; position: absolute; left: 1px; top: 1px; background: url("../graph/layout/hak2a.gif") no-repeat left top;}
body.nomnu>#brd-top  {position: fixed;}
body.nomnu #brd-left {width:  100px; position: absolute; left: 1px; top: 82px;}   
body.nomnu>#brd-left {position: fixed;}
body.nomnu #brd-mid  {height: 346px; background: url("../graph/layout/hak2b.gif") no-repeat left top;}
body.nomnu #brd-line {height:  26px; background: url("../graph/layout/lina4.gif") no-repeat left top;}
body.nomnu #brd-btm  {height:  85px; background: url("../graph/layout/lina5.gif") no-repeat left top;}

/* content */
#content            {margin: 0; padding: 1ex 2ex 0ex 2ex;} 
body.mnu   #content {margin-left: 250px;}
body.mnu>#content.bckg {background: url("../graph/layout/babelki.gif") fixed no-repeat right top;}
body.nomnu #content {margin-left: 120px;}

/* main menu */
div#mmnu {}
div#mmnu div.sep1  {height: 16px; font-size: 0; background: url("../graph/layout/lina1.gif") no-repeat left top;}
div#mmnu div.sep2  {height: 22px; font-size: 0; background: url("../graph/layout/lina2.gif") no-repeat left top;}
div#mmnu div.opt1, div#mmnu div.aopt1 {height: 55px; background: no-repeat left top;}
div#mmnu div.opt1  {background-image: url("../graph/layout/deska1a.gif");}
div#mmnu div.aopt1 {background-image: url("../graph/layout/deska1b.gif");}
div#mmnu div.opt2, div#mmnu div.aopt2 {height: 55px; background: no-repeat left top;}
div#mmnu div.opt2  {background-image: url("../graph/layout/deska2a.gif");}
div#mmnu div.aopt2 {background-image: url("../graph/layout/deska2b.gif");}
div#mmnu a, div#mmnu span {color: rgb(102, 102, 102); font-size: larger; font-family: Times New Roman, serif; font-weight: bold; font-style: italic; line-height: 55px; padding: 10px 15px 15px 85px;}
div#mmnu a         {text-decoration: none; outline-style: none;}
div#mmnu a:link    {color: rgb(75, 75, 75);    background-color: inherit;}
div#mmnu a:visited {color: rgb(75, 75, 75);    background-color: inherit;}
div#mmnu a:hover   {color: rgb(225, 225, 225); background-color: inherit;}
div#mmnu a:active  {color: rgb(225, 225, 225); background-color: inherit;}
/* short menu */
div#smnu {clear: both; margin: 5ex 0 0 0; padding: 0; text-align: center;}
body.mnu   div#smnu {margin-left: 250px;}
body.nomnu div#smnu {margin-left: 100px;}
div#smnu hr        {width: 50ex; margin: 0 auto;}
div#smnu hr#top    {}
div#smnu hr#bottom {margin-top: 1ex;}
div#smnu a, div#smnu span {text-decoration: none; outline-style: none; }
div#smnu span      {color: rgb(153, 153, 153); background-color: inherit;}
div#smnu a:link    {color: rgb(225, 225, 225); background-color: inherit;}
div#smnu a:visited {color: rgb(225, 225, 225); background-color: inherit;}
div#smnu a:hover   {color: rgb(255, 255, 255); background-color: inherit;}
div#smnu a:active  {color: rgb(255, 255, 255); background-color: inherit;}

/* footer */
#footer {clear: both; margin: 3ex 0 0 0; text-align: center;}
body.mnu   #footer {margin-left: 250px;}
body.nomnu #footer {margin-left: 100px;}
#footer p  {margin-top: 3ex; margin-bottom: 0; margin-right: 10%; margin-left: 10%; font-style: italic; font-size: smaller;}
#footer hr {width: 85%; margin: 3ex auto 4ex auto}
#counter       {margin: 0; padding: 0;}
#cbox          {padding: 3px 0px; font-size: medium; font-weight: bold; font-family: courier, monospace; border: 1px solid; border-color: rgb(153, 153, 153) rgb(102, 102, 102) rgb(102, 102, 102) rgb(153, 153, 153);}
#cbox span.cnr {margin: 0 2px; padding: 0 2px; border: 1px solid; border-color: rgb(102, 102, 102) rgb(153, 153, 153) rgb(153, 153, 153) rgb(102, 102, 102);}
#counter p     {margin: 0.75ex 0 0 0; font-size: smaller;}
/* info */
#info {clear: both; margin: 3ex 0 13ex 0; font-style: italic; font-size: smaller;}
#tools     {float: left; margin: 0 0 0 1ex;}
#tools img {margin: 3px 0 0 0}
#w3c       {float: right; margin: 3ex 1ex 0 0;}

/* inne */
#error {margin: 10% 10%; padding: 5ex 5ex 5ex 10ex; text-align: center; font-family: cursive; font-size: 125%; line-height: 200%; border: 2px solid; background: url("../graph/ico/error.gif") no-repeat 5ex 50%;}

#spdr-l {background: transparent url("../graph/ico/spider01.gif") no-repeat left top; height: 100px; margin: 0px;}
body.nomnu #spdr-l {display: none;}