body {margin: 5px 0px 0px 2px; font-size: medium; font-family: Verdana, Arial, sans-serif; color: rgb(153, 153, 153); background-color: rgb(0, 25, 60);}

/* document elements */
/* ----------------- */

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

p.spec:first-letter {font: bold 175% cursive}


/* page layout */
/* ----------- */

/* header */
#brd-top  {height: 45px; background: url("../graph/layout/brd-tm.gif")  repeat-x  top;}
#brd-tl1  {float: left;  height: 45px; width: 30ex; background: url("../graph/layout/brd-tl1.gif") no-repeat left top;}
#brd-tl2  {float: left;  height: 45px; width: 100%; background: url("../graph/layout/brd-tl2.gif") no-repeat right top;}
#brd-tr   {float: right; height: 45px; width: 30px; background: url("../graph/layout/brd-tr.gif") no-repeat right top;}
#brd-hdr1 {width: 30ex; padding: 1ex 0 0 0; background: url("../graph/layout/hdr-r.gif") no-repeat right top;}
#brd-hdr2 {}
#brd-hdr2 h3 {line-height: 2ex; margin: 0; padding: 0 4ex 2ex 4ex; text-align: right; color: rgb(204, 204, 204); font-style: italic; font-variant: small-caps; font-weight: bold; font-size: medium; font-family: Arial,sans-serif; background: url("../graph/layout/hdr-rb.gif") no-repeat right bottom; background-color: inherit;} 
body.mnu   #brd-hdr2 {background: url("../graph/layout/hdr-lb-a.gif") no-repeat left bottom;}
body.nomnu #brd-hdr2 {background: url("../graph/layout/hdr-lb-b.gif") no-repeat left bottom;}
/* left border */
#brd-left {float: left; margin: 0;}
#brd-l    {margin: 0px; height: 70ex;}
#brd-lb   {margin: 0px; height: 25px;}
body.mnu   #brd-left {width: 20ex;}
body.nomnu #brd-left {width: 55px;}
body.mnu   #brd-l    {background: url("../graph/layout/brd-l1a.gif") repeat-y  left;}
body.nomnu #brd-l    {background: url("../graph/layout/brd-l1b.gif") repeat-y  left;}
body.mnu   #brd-lb   {background: url("../graph/layout/brd-l2a.gif") repeat-y  left top;}
body.nomnu #brd-lb   {background: url("../graph/layout/brd-l2b.gif") repeat-y  left top;}
/* content */
#content, #content-logo {margin: 0; padding: 1ex 6ex 0ex 3ex;}
#content-logo           {background: transparent url("../graph/ico/spider01.gif") no-repeat left top;}
body.mnu   #content, #content-logo {margin-left: 20ex;}
body.nomnu #content, #content-logo {margin-left: 55px;}
/* footer */
#footer {clear: both; margin: 3ex 0 0 0; text-align: center;}
body.mnu   #footer {margin-left: 20ex;}
body.nomnu #footer {margin-left: 55px;}
#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;}

/* main menu */
div#mmnu {text-align: right; font-style: italic; font-weight: bold; font-size: medium; font-family: Arial, sans-serif; background: url("../graph/layout/brd-l1a.gif") repeat-y left;}
div#mmnu div.opt, div#mmnu div.aopt {height: 40px; background: no-repeat left top;}
div#mmnu div.opt  {background-image: url("../graph/layout/opt1a.gif");}
div#mmnu div.aopt {background-image: url("../graph/layout/opt2a.gif");}
div#mmnu div.sep  {height:  5px; font-size: 0;}
div#mmnu a, div#mmnu span {float: right; height: 40px; line-height: 34px; padding: 0 3.5ex 0 0; text-decoration: none; outline-style: none; background: url("../graph/layout/opt1b.gif") no-repeat right top;}
div#mmnu div.aopt a       {background-image: url("../graph/layout/opt2b.gif");}
div#mmnu span      {color: rgb(102, 102, 102); background-color: inherit;}
div#mmnu a:link    {color: rgb(153, 153, 153); background-color: inherit;}
div#mmnu a:visited {color: rgb(153, 153, 153); background-color: inherit;}
div#mmnu a:hover   {color: rgb(255, 255, 255); background-color: inherit;}
div#mmnu a:active  {color: rgb(153, 153, 153); background-color: inherit;}
/* short menu */
div#smnu {clear: both; margin: 10ex 0 0 0; padding: 0; text-align: center;}
body.mnu div#smnu   {margin-left: 20ex;}
body.nomnu div#smnu {margin-left: 55px;}
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(102, 102, 102); background-color: inherit;}
div#smnu a:link    {color: rgb(153, 153, 153); background-color: inherit;}
div#smnu a:visited {color: rgb(153, 153, 153); background-color: inherit;}
div#smnu a:hover   {color: rgb(255, 255, 255); background-color: inherit;}
div#smnu a:active  {color: rgb(153, 153, 153); background-color: inherit;}

/* doc-title */
div#doc-title {margin: 0 0 5ex 0; padding: 5ex 0 0 0; background: url("../graph/layout/sep2.gif") no-repeat bottom right;}
div#doc-title h1 {margin: 0 23px 0 0; padding: 0;}
div#doc-title h2, div#doc-title h1.single {margin: 0 23px 0 0; padding: 0 0 0.35ex 0; background: url("../graph/layout/sep1.gif") no-repeat -10% 100%;}

/* inne */
div.mail        {margin: 0 0 0 auto; height: 5ex; width: 18ex; text-align: left; font-style: italic;}
.mail a         {text-decoration: none; outline: none; padding-left: 30px;  background: url("../graph/ico/email2.gif") no-repeat left;}
.mail a:link    {color: rgb(204, 204, 204)}
.mail a:visited {color: rgb(204, 204, 204)}
.mail a:hover   {color: rgb(255, 255, 255)}
.mail a:active  {color: rgb(204, 204, 204)}

#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  {height: 100px; margin: 0px; background: transparent url("../graph/ico/spider01.gif") no-repeat left top; }
#mra-l   {width: 85px; height: 160px; margin: 2ex 2ex; background: transparent url("../graph/ico/mra1.gif") no-repeat left top; border: solid 1px;}
#mra-l a {line-height: 160px; padding: 70px 35px; text-decoration: none;}

#reklama {float:left; width:100%;}
#ae-konkurs   {width: 578px; height: 105px; margin: 5ex auto 5ex auto; background: transparent url("../graph/ico/baner-zimowe.jpg") no-repeat left top; border: solid 1px;}
#ae-konkurs a {line-height: 105px; padding: 50px 285px; text-decoration: none;}

body.nomnu #spdr-l {display: none;}