html {
	font-family: helvetica;
	background:url(/img/top_bg.jpg) repeat-x top #F6F5E9;
	color: rgb(56,56,56);
	background-color: rgb(230,230,230);
	margin: 0;
	padding: 17px 30px;
}
body {
	background-color: rgb(246,246,246);
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border-width: 0px 1px 1px;
	border-color: #3366CC rgb(164,164,164) rgb(164,164,164);
	border-style: solid;
	max-width: 960px;
}
h1 {
	font-size: 110%;
	font-weight: normal;
	text-align: right;
	color: rgb(74,74,74);
	background-color: rgb(220,220,220);
	background-image: url(/img/top_banner.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 10px 15px;
	margin: 0;
	border-bottom: 1px solid rgb(144,144,144);
	height: 120px;
}
#main {
	margin-left: 155px;
	margin-right: 220px;
        min-height: 430px;
	padding: 1% 2%;
	border: 1px solid rgb(246,246,246);
	border-right-color: rgb(164,164,164);
	border-left-color: rgb(164,164,164);
}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(/img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
}
.boxhead {
	background: url(/img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
}
.boxhead h4 {
	background: url(/img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 100%; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.boxbody {
	background: url(/img/sbbody-l.gif) no-repeat bottom left;
	font-size: 14px;
	margin: 0;
	padding: 5px 30px 31px;
}

#info {
        color: rgb(74,74,74);
        background-color: rgb(245,245,245);
        margin: -1px 0;
        width: 155px;
        border-right: 1px solid rgb(164,164,164);
        border-bottom: 1px solid rgb(164,164,164);
        float: left;
}

#info h3 {
        font-size: 75%;
        font-style: normal;
        color: rgb(74,74,74);
        background-color: rgb(227,227,227);
        background-repeat: repeat-x;
        background-position: 0px -5px;
        padding: 5px 7px;
        margin: 0;
        border-width: 1px 0;
        border-style: solid;
        border-color: rgb(144,144,144);
}
.info {
        line-height: 122%;
        font-size: 70%;
	text-align: center;
        padding: 15px 5px 15px;
        margin: 0;
}
#info h3::before {
        content: normal;
}
#info ul {
	list-style: circle url('http://rsk.imageg.net/images/rsk_blueSquare.gif') inside;
	margin-top: 8px;
	margin-bottom: 8px;
        padding: 0;
}
#info li {
        line-height: 122%;
        font-size: 70%;
        padding: 3px 8px 5px;
        margin: 0;

}
#info li.currentpage { font-style: italic; }
#info a { text-decoration: none; }
#info a:focus, #index a:hover { text-decoration: underline; }
#offer {
        color: rgb(74,74,74);
        background-color: rgb(245,245,245);
        margin: -1px 0;
        width: 220px;
        border-left: 1px solid rgb(164,164,164);
        border-bottom: 1px solid rgb(164,164,164);
        float: right;
}
#offer h3 {
        font-size: 75%;
        font-style: normal;
        color: rgb(74,74,74);
        background-color: rgb(227,227,227);
        background-repeat: repeat-x;
        background-position: 0px -5px;
        padding: 5px 7px;
        margin: 0;
        border-width: 1px 0;
        border-style: solid;
        border-color: rgb(144,144,144);
}
#offer h3::before {
        content: normal;
}
#offer ul {
	list-style: circle url('http://rsk.imageg.net/images/rsk_blueSquare.gif') inside;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 19px;
	text-indent: -19px;
	padding: 0;
}
#offer li {
        line-height: 122%;
        font-size: 70%;
        padding: 3px 8px 5px;
        margin: 0;
}
#offer li.currentpage { font-style: italic; }
#offer a { text-decoration: none; }
#offer a:focus, #index a:hover { text-decoration: underline; }
#offer .accessible { display: none; }
#offer p {
	font-size: 70%;
	line-height: 122%;
	padding: 3px 8px 5px;
	margin: 0;
}
#content {
	margin-right: 220px;
	padding: 0 3%;
	border: 1px solid rgb(246,246,246);
	border-right-color: rgb(164,164,164);
	min-height: 350px;
}
#content ol.poczta li, img  {
margin-top: 10px;
}

body.wider #content {
	margin-right: 0px;
	border-right-color: rgb(246,246,246);
}
body.wider #index { margin-left: 1em; }
body.wider .needswidth { clear: right; }
address {
	clear: center;
	font-size: 70%;
	font-style: normal;
	text-align: center;
	background-color: rgb(246,246,246);
	background-position: left bottom;
	padding: 4px 7px 7px;
	margin: 0;
	border-top: 1px solid rgb(170,170,170);
	min-height: 15px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #000000
}
#navigation li {
	list-style-type: none;
	line-height: 200%;
	display: inline;
	font-size: 70%;
	font-family: verdana;
	color: #ffffff;
	padding: 0px 33px 0px;
	margin: 0;
	border-top: 0px solid rgb(223,223,223);
	background-color: #000000;
}

#navigation a {
	color: #ffffff;
	text-decoration: none
}

#navigation a:active {
	color: #ffffff;
	text-decoration: none
}

#navigation a:hover {
	color: #33FF66;
	text-decoration: none
}


#index {
	color: rgb(74,74,74);
	background-color: rgb(245,245,245);
	margin: -1px 0;
	width: 220px;
	border-left: 1px solid rgb(164,164,164);
	border-bottom: 1px solid rgb(164,164,164);
	float: right;
}
#index h3 {
	font-size: 75%;
	font-style: normal;
	color: rgb(74,74,74);
	background-color: rgb(227,227,227);
	background-repeat: repeat-x;
	background-position: 0px -5px;
	padding: 5px 7px;
	margin: 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: rgb(144,144,144);
}
#index h3::before {
	content: normal;
}
#index ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#index li {
	list-style-type: none;
	line-height: 122%;
	display: block;
	font-size: 70%;
	padding: 3px 8px 5px;
	margin: 0;
	border-top: 1px solid rgb(223,223,223);
}
#index li img {
        vertical-align: bottom;
	padding-bottom: 1%;
}
#index li.currentpage { font-style: italic; }
#index a { text-decoration: none; }
#index a:focus, #index a:hover { text-decoration: underline; }
#index .accessible { display: none; }
/* This form will never look perfect, because different browsers apply different quirks models to different input types.
Most cannot work with percentages properly, and and Mac Aqua will not let me style them at all. */
#index form, #index form p {
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: center;
}
#index form p {
	padding: 3px 1px;
}

input,
select,
TEXTAREA {
	background-color: #fff;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	font-size: 11px;
	color: #444;
}

INPUT {
	font-weight: bold;
	font-size: 10px;
	color: #333;
	border-bottom: solid 1px #777;
	border-right: solid 1px #777;
	border-top: solid 1px #bbb;
	border-left: solid 1px #bbb;
	padding-top: 1px;
	padding-bottom: 1px;
	background: #fff;
	margin-bottom: 2px;
	
}

/* next/prev links */
#guide {
	font-weight: bold;
	list-style: none;
	height: 1.5em;
	margin: 0;
	padding: 0 0 0 7%;
}
div #guide li {
	text-align: right;
	width: 45%;
	float: left;
	margin: 0;
	padding: 0;
}
#guide li:first-child { text-align: left; }
#content p.lastmod {
	color: rgb(150,150,150);
	font-size: 60%;
	text-align: right;
}

/* Browser bug notes */
.browserbugs {
	color: rgb(150,150,150);
	font-size: 90%;
}
.browserbugs li {
	margin-top: 0;
}

/* advanced search form */
form ul#srchtut {
	float: left;
	margin: 0 1em 0 0;
}
#searchform {
	margin: 0;
	padding: 0;
}
#content fieldset {
	border: 1px solid rgb(223,223,223);
	padding: 0.5em;
}
#searchform ul, #searchform li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
#searchform ul {
	margin-bottom: 1.2em;
}
ul.outersearchresults, ul.outersearchresults li {
	margin: 0;
	margin-top: 1em;
	padding: 0;
}
ul.outersearchresults {
	margin-top: 0;
	padding-left: 1.3em;
}
ul.searchresults, ul.searchresults li, ul.searchresults h5, ul.searchresults h6, ul.searchresults blockquote, ul.searchresults p {
	list-style-type: none;
	margin: 0 0 0.7em 0;
	padding: 0;
}
ul.outersearchresults h5 {
	font-size: 1em;
	font-weight: bold;
}
ul.searchresults h5, ul.searchresults h6 {
	font-size: 1em;
	font-weight: normal;
	margin: 1.3em 0 0.2em;
	border-bottom: 1px solid rgb(223,223,223);
}
ul.searchresults img { border: 0px solid #fff; }

/* script lists */
ul.scriptlist {
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
}
ul.scriptlist li {
	list-style-type: none;
	margin: 0 0 0.2em 1.5em;
	padding: 0;
	min-height: 16px;
	border-bottom: 1px solid rgb(235,235,235);
}
span.icons {
	float: right;
}
span.icons img {
	margin: 0 3px;
	vertical-align: middle;
}
.supy { background-color: #9f9; }
.supp { background-color: #ff9; }
.supn { background-color: #f99; }
.supw { background-color: #aaf; }
dl.classkey dt { float: left; width: 1em; margin-right: 5px; }
dl.classkey dd { margin-left: 0; padding-left: 0; }
dl.classkey + table thead th { text-align: center; }
ul.scriptlist h3 {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	margin: 0;
}
ul.scriptlist h3:before { content: normal; }

/* email lists */
ol.emaillist {
	margin: 1em 0;
	padding: 0;
}
ol.emaillist li {
	margin: 0.7em 0 0.7em 2.5em;
	padding: 0;
}
ol.emaillist h4 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgb(223,223,223);
	font-size: 1em;
	text-align: left;
}
ol.emaillist p {
	margin: 0;
	padding: 0;
}
#content ol.emaillist p.meta {
	font-size: 0.7em;
	color: rgb(200,200,200);
}
ol.emaillist ul {
	margin: 0;
	padding: 0;
}
ol.emaillist ul li {
	margin: 0 0 0 1.2em;
	padding: 0;
}
#content div.inbox pre, #content div.outbox pre { clear: right; }
div.inbox pre, div.outbox pre { display: table; }
#content.email {
	margin-right: 0px;
	border-right-color: rgb(246,246,246);
}
div.inbox table, div.inbox table th { border-left: 2px solid #36c; }
div.inbox pre { border-left: 1px solid #36c; }
#content.email > h2:first-child { margin-top: 3em; margin-bottom: 2.5em; }
span.newUp { color: #d00; }
ul.badexamples { color: red; }
ul.goodexamples { color: green; }

/* tree view */
ul.treeview, ul.treeview ul, ul.treeview li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.treeview { margin: 1em 0; }
ul.treeview ul { padding-left: 0.3em; }
#content ul.treeview li { text-align: left; }
ul.treeview ul li {
	border-left: 1px dotted #000;
	padding-left: 13px;
	text-align: left;
	background: url(images/dotted.gif) scroll no-repeat 1px 0.8em;
}
ul.treeview ul li.last {
	border-left-width: 0px;
	padding-left: 14px;
	background: url(images/dottedangle.gif) scroll no-repeat left top;
}
ul.treeview a { text-decoration: none; }
ul.treeview a:hover { text-decoration: underline; }
dfn { font-style: normal; font-weight: bold; }
dfn.o { color: rgb(0,119,0); }
dfn.p { color: rgb(50,50,200); }
dfn.c { color: rgb(200,0,0); }
dfn.e { color: rgb(0,0,0); }
dfn.m { color: rgb(150,0,119); }

/* browser page */
h3.browlist { border-bottom: 1px solid rgb(223,223,223); }

/* thumbnails */
.fixednote { display: none; position: fixed; bottom: 3px; right: 3px; background-color: rgb(246,246,246); border: 1px solid rgb(164,164,164); }
* > .fixednote { display: block; }
.fixednote ul, .fixednote li { margin: 0; padding: 0; list-style-type: none; }
.fixednote li { margin: 2px; padding-top: 2px; text-align: center !important; border-top: 1px solid rgb(223,223,223); }
.fixednote li:first-child { border-top: none; padding-top: 0; }
.fixednote a, .fixednote a img { display: block; }
.fixednote a img { border: 1px solid rgb(74,74,74); }
ul.thumblist, ul.thumblist li { margin-left: 0; padding-left: 0; list-style-type: none; }
ul.thumblist li { height: 102px; padding: 2px 0; border-bottom: 1px solid rgb(223,223,223); }
ul.thumblist > li { height: auto; min-height: 102px; }
ul.thumblist a { display: block; float: left; margin: 0 5px 0 0; width: 100px; }
ul.thumblist a img { border: 1px solid rgb(74,74,74); display: block; }

/* general element styles */
h1::before, h1::after, h3::before, #index li.currentpage a::before {
	content: "\0020\2014\0020";
	color: rgb(150,150,150);
}
h2 {
	font-family: sans-serif;	
	font-size: 75%;
	line-height: 130%;
	color: rgb (60,60,60);
	padding: 0 5px;
	margin: 20px 0 20px -3px;
	border-left: 10px solid #33FF66;
}
#content > h2:first-child { margin-top: 10px; }
h3 {
	font-size: 85%;
	font-weight: normal;
	font-style: italic;
	margin: 50px 5px 20px;
}
h4 {
	font-size: 85%;
	font-weight: bold;
	margin-top: 2.5em;
}
h5 {
	font-size: 75%;
	font-weight: normal;
}
#content > h5 {
	text-decoration: underline;
}
p, #content li, td, dt, dd, th {
	font-size: 75%;
	text-align: justify;
	line-height: 170%;
}
caption {
	font-size: 85%;
}
table, td, th {
	border: 1px solid rgb(164,164,164);
	border-collapse: collapse;
	text-align: left;
	empty-cells: show;
}
th { background-color: rgb(230,230,230); font-weight: bold; }
thead th { background-color: rgb(210,210,210); }
th, td { padding: 2px; }
#content li li, #content td li, #content li p, #content td p, #content td td, #content li td, #content li dt, #content td dt, #content li dd, #content td dd, #content dd li, #content dd p {
	font-size: 100%;
}
p, ul, ol {
	margin-top: 0px;
	margin-bottom: 1px;
}
ul, ol {
	padding-left: 0px;
	margin-left: 0px;
}
li {
	padding-left: 0px;
	margin-left: 1.5em;
}
#content a {
	color: #0000ff;
}
a {
	color: rgb(74,74,74);
}
a img { border: none; }
img[usemap] { border: none; }
p.notinflow { float: right; margin-left: 0.7em; margin-bottom: 0.3em; }
sup { vertical-align: top; }
pre {
	margin: 20px auto;
	font-size: 12px; /* Mozilla uses a font that is much smaller than the others by default, so yes, I am using pixels */
	font-family: monospace;
	background-color: rgb(250,250,250);
	padding: 5px 5px 16px;
	border-width: 3px 1px 1px; 
	border-style: solid dotted; 
	border-color: rgb(160,160,160); 
	width: 95%;
	line-height: normal;
	text-align: left;
}
/* IE mac sucks, the PREs disappear completely \*/
pre {
	overflow: auto;
	overflow-y: hidden;
}
/* Yes, I hate hacks, but I would prefer that IE Mac users were able to read this page */
code, var, samp, kbd {
	color: rgb(0,0,0);
	font-family: monospace;
	font-style: normal;
	white-space: nowrap;
	font-size: 117%;
}
p code, #content li code, td code {
	font-size: 110%;
}
pre var, pre samp, pre kbd, #content pre code {
	white-space: pre;
	font-size: 100%;
}
code.bad {
	color: red;
}
code del {
	color: red;
	text-decoration: none;
}
span.word {
	white-space: nowrap;
}
span.comment {
	color: rgb(170,170,170);
}
label {
	cursor: pointer;
}
input, textarea, select, button { max-width: 98%; }
img, object { max-width: 100%; }
span.icons img { max-width: none; } /* Firefox thinks max-width inside shrink-to-fit (float) means 0 */

.klienci {
    	padding: 0 15px;
    	width: 661px;
	float: left;
}

.klienci div p {
    	float: right;
    	margin: 0;
    	width: 530px;
	line-height: 150%;
}

.klienci div img {
    	border: 5px solid #C0C0C0;
    	float: left;
    	margin: 0px 10px 0 0;
    	padding: 5px;
}

.klienci div {
    	border-bottom: 1px solid #C0C0C0;
    	margin: 0 0 30px;
    	padding: 0 0 80px;
    	width: 661px;
}

.klienci div h4 {
    	font-size: 17px;
	font-weight: bold;
}

small {
    	font-size: smaller;
}