div#navbar a {text-decoration: none; color: gray; background: silver; border: medium gray inset; border-left: none; text-align: center; margin: 5px; margin-left: 0; padding: 0; font-family: serif; font-size: 15px; font-weight: bolder; width: 135px;}
div#navbar div#opis {text-decoration: nome; padding: 0; margin: 5px; border: none; color: #330099; background: silver; text-align: center; font-family: serif; font-size: 12px; font-weight: bolder; margin-left:0; margin-bottom: 0; padding-bottom: 50px;}
div#navbar a[href]:link {border: medium maroon ridge; border-left: none; color: #da251d;}
div#navbar a[href]:visited {border: medium navy groove; border-left: none; color: #330099;}
div#navbar a[href]:hover {border: medium red outset; border-left: none; color: red;}
div#navbar a[href]:active {border: medium gray inset; border-left: none; color: red;}
div#navbar a {display: block;}
div#navbar a {cursor: help;}
div#navbar a span {display: none;}
div#navbar a:hover span {text-align: left; display: block; position: fixed; left: 0; top: 360px; width: 135px; margin: 5px; margin-left: 0; padding: 0; color: #da251d; background: silver; font-size: 12px; font-weight: normal}
div#navbar a:active span {text-align: left; display: block; position: fixed; left: 0; top: 360px; bottom: 1em; width: 135px; color: red; background: #f0f0f0; margin: 5px; margin-left:0; padding: 0; font-size: 12px; font-weight: normal;}
div#navbar {position: fixed; top: 90px; left: 0; width: 140px;}
div#boilerplate {position: fixed; left: 140px; bottom: 0; right: 0; height: 3.5em; padding: 0; font: status-bar; color: navy; background: #f0f0f0;}
div#boilerplate a {text-decoration: none;}
div#boilerplate a {cursor: help;}
div#boilerplate span#author {text-align: left; height: 1em; margin: 0; margin-left: 20px; padding: 0; display: block;}
div#boilerplate span#language {text-align: right; height: 1em; margin:0; padding:0; display: block; float: right;}
div#boilerplate a:link {color: maroon; background: #f0f0f0;}
div#boilerplate a:visited {color: black; background: #f0f0f0;}
div#boilerplate a:hover {color: red; background: #f0f0f0; border: thin red solid}
div#boilerplate a:active {color: red; background: #f0f0f0;}
div#boilerplate span#language {display: none;}
div#boilerplate img.spacer {border: none; margin: 0; margin-right: 5px; margin-left: 5px; padding: 5px; background: #f0f0f0; color: maroon; width: 95%; height: 1px;}
div#main img {border: none; margin: 0; padding: 5px; background: #f0f0f0; color: maroon;}
div#main img.spacer {border: none; margin: 0; padding: 5px; background: #f0f0f0; color: maroon; width: 100%; height: 1px;}
div#main {position: fixed; top: 135px; left: 180px; bottom: 3.5em; right: 0; overflow: auto; color: #330099; background: #f0f0f0; padding: 20;  margin: 0;}
div#main p {display: block; color: #330099; background: #f0f0f0; margin: 0; padding: 10px; text-indent: 5em; text-align: left; margin-right: 20px;}
div#main span.przyklady {text-indent: 0; display: block; height: 17em;}
div#main span.przyklady img {border: none; margin: 5px; padding: 0; float: left; color: navy; background: #f0f0f0; display: block;}
div#main img.ilustracja {position: absolute; top: 150px; right: 115px; margin: 0; padding: 0; border: none; display: block; color: navy; background: #f0f0f0; height: 80px; width: 80px;}
div#main img.ilustracja:hover {position: absolute; top: 150px; right: 115px; margin: 0; padding: 0; border: none; display: block; color: navy; background: #f0f0f0; height: 220px; width: 220px;}
div#main img.pikczer {position: absolute; top: 55px; left: 350px; margin: 0; padding: 0; border: none; display: block; color: navy; background: #f0f0f0; height: 80px; width: 80px;}
div#main img.pikczer:hover {position: absolute; top: 55px; left: 350px; margin: 0; padding: 0; border: none; display: block; color: navy; background: #f0f0f0; height: 220px; width: 220px;}
div#main ul {list-style-type: disc; list-style-image: url(images/barwy.png); color: navy; background: #f0f0f0;}
div#main h1 {font-size: 30px; font-family: serif; color: #da251d; font-weight: bolder; background: #f0f0f0; margin: 0; padding: 0; border:0;}
div#main h2 {font-size: 25px; font-family: sans-serif; color: navy; font-weight: bolder; background: #f0f0f0; margin: 0; margin-top: 10px; padding: 0; border: 0;}
div#main p a {text-decoration: none;}
div#main p a:link {color: maroon; background: #f0f0f0;}
div#main p a:visited {color: black; background: #f0f0f0;}
div#main p a:hover {color: red; background: #f0f0f0; border: thin red solid}
div#main p a:active {color: red; background: #f0f0f0;}
div#main p a {cursor: help;}
div#main p.przyklady {border: none; padding: 0; margin: 0; margin-top: 5px; margin-bottom: 5px; margin-left: 50px; text-align: left; text-decoration: none; background: #f0f0f0; color: navy; text-indent: 0; height: 70px;}
div#main p.przyklady img.przyklad {border: none; margin: 0; display: block-inline; text-align: center; padding: 0; background: gray; color: navy; text-indent: 0; height: 70px; vertical-align: top; position: relative; top: 0;}
div#main p.przyklady img.przyklad:hover {border: none; margin: 0; margin-left: auto; margin-right: auto; display: block-inline; float: center; padding: 0; background: gray; color: navy; text-indent: 0; height: 240px; vertical-align: bottom; position: relative; top: -170px;}
div#main p.przyklady img.obrazek {border: none; margin: 0; display: block; margin-left: auto; text-align: center; margin-right: auto; display: block; float: center; padding: 0; background: gray; color: navy; text-indent: 0; height: 70px; vertical-align: top; position: relative; top: 0;}
div#main p.przyklady img.obrazek:hover {border: none; margin: 0; margin-left: auto; margin-right: auto;  text-align: center; display: block; float: center; padding: 0; background: gray; color: navy; text-indent: 0; height: 240px; vertical-align: bottom; position: relative; top: -170px;}
div#stopka {display: none}
div#header {text-align: right;  display: block; position: fixed; top: 5px; left: 140px; right: 0; margin: 0; padding: 0; color: #da251d; background: #f0f0f0; font-size: 25px; font-weight: bold; font-family: serif;}
div#header img.spacer {position: absolute; top: 100px; border: none; margin: 0; margin-right: 5px; margin-left: 5px; padding: 5px; background: #f0f0f0; color: maroon; width: 95%; height: 1px; display: block;}
div#header img#malelogo {position: absolute; top: 5px; right: 90px; padding: 0; border: none; margin: 0; background: #f0f0f0; color: maroon;}
img#logo {position: fixed; top: 0; left: 0; height: 90px; width: 140px; margin: 0; padding: 3px; border: 0;}
body {color: #330099; background: #f0f0f0;}