body {font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666; background: #fff}

#header {position: relative; margin: 0 auto; width: 829px; height: 104px}
#header h1 {position: absolute; top: 37px; left: 22px}

#menu {border: 1px solid #e8e8e8; border-width: 1px 0}
#menu ul {margin: -1px auto; padding: 15px 0 0 5px; width: 824px; height: 35px; background: #6e6e6e; border: 1px solid #6e6e6e; border-width: 1px 0}
#menu ul li {float: left; margin-left: 18px; font-size: 15px; letter-spacing: 1px}
#menu ul li a {color: #fff}
#menu ul li a:hover, #menu ul li.act a {color: #86a6cb; text-decoration: none}

#home {margin: 0 auto; width: 829px; padding: 20px 22px 4px; width: 785px; background: url(../gfx/chmurka.png) no-repeat top right}
#home h2, #content-wrapper h2 {font-size: 40px; text-transform: uppercase; font-weight: normal; color: #333; margin-bottom: 2px}
#home h2 p {font-size: 12px; text-transform: none; font-weight: bold; color: #666}
#home .text {float: left; padding-top: 10px; width: 320px; font-size: 14px; color: #333}
#home #coverflow {float: right; width: 430px}

#content-wrapper {margin: 0 auto; padding-top: 36px; width: 829px}
#content-wrapper #box {float: left}
#content, #content-wrapper h2 {float: left; padding-left: 35px; margin: 0; width: 517px; border-left: 1px solid #e8e8e8}
#content-wrapper.wide #content, #content-wrapper.wide h2 {padding-left: 22px; width: 807px; border-left-width: 0}
#content-wrapper h2 {line-height: 28px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8}
#content-wrapper h2 p {font-size: 12px; margin-bottom: -10px; text-transform: none; font-weight: bold; color: #666}
#content {padding-top: 20px; padding-bottom: 20px; min-height: 290px}
#content.longside {min-height: 370px}
#content ul li {list-style: inside url(../gfx/li.png); margin-bottom: 6px}
#content ul.categories li {float: left; list-style: none; margin: 0; padding: 0 20px 20px 0; width: 180px; text-align: center; font-size: 14px}
#content ul.images li {float: left; list-style: none; margin: 0; padding: 0 20px 20px 0; width: 160px}
#content blockquote {padding-left: 30px}
#content table td {padding: 2px; vertical-align: middle}
#content table td.rspace {padding-right: 10px}
#content table td.lspace {padding-left: 10px; border-left: 1px solid #e8e8e8}
#content table.m10 {margin-top: 10px}

#box-wrapper {border-top: 1px solid #e8e8e8}

#box li {background: #f3f3f3; padding: 12px 14px 12px 86px; width: 175px; height: 96px}
#box.expand li {min-height: 96px; height: auto}
#box li h3 {font-size: 18px; font-weight: normal; margin-bottom: 10px}
#box li h3 a {color: #86a6cb}
#box li.ico {background-repeat: no-repeat; background-position: 10px center}
#box.expand li.ico {background-position: 10px 30px}
#box li.ico.pliki {background-image: url(../gfx/ico-pliki.png)}
#box li.ico.ftp {background-image: url(../gfx/ico-ftp.png)}
#box li.ico.zamowienia {background-image: url(../gfx/ico-zamowienia.png)}
#box.horizontal {margin: 0 auto; width: 829px; height: 120px}
#box.horizontal li {float: left; border-right: 1px solid #e8e8e8}
#box.horizontal li:first-child, #box.horizontal li.first {border-left: 1px solid #e8e8e8}
#box.vertical {}
#box.vertical li {border: 1px solid #e8e8e8; border-width: 0 0 1px 1px}
#box.vertical li:first-child, #box.horizontal li.first {border-top: 1px solid #e8e8e8}

ul.fOptions input[type="checkbox"],
ul.fOptions input[type="radio"] {vertical-align:middle}
ul.fOptions {margin: 0}
#content ul.fOptions li {padding: 0; list-style: none}
#content ul.fOptions label {display: inline; float:none; padding:0; position:static; vertical-align:middle}

#footer {margin: 0 auto 20px; padding: 5px 20px; width: 787px; border: 1px solid #e8e8e8; font-size: 10px; color: #bcbcbc}
#footer ul li {float: right; padding: 0 8px; border-left: 1px solid #e8e8e8}
#footer ul li:last-child, #footer ul li.last {border-width: 0}

#content label {display: block}
#content input.ff, #content textarea {width: 505px; padding: 4px; font-size: 12px; color: #999; border: 1px solid #e8e8e8}
#content textarea {height: 160px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif}

/* kalkulatory */
#k1pages, #k3count {width: 40px; text-align: right}
#k1sum, #k2sum, #k3sum {font-size: 14px}

/* general */
div.clear {clear: both; font-size: 0; height: 0}
p {margin: 10px 0}
p.bd {padding-top: 10px; border-top: 1px solid #e8e8e8}
p.r {text-align: right}
a {text-decoration: none; color: #86a6cb}
a:hover {text-decoration: underline}
a.more {display: block; padding: 3px 0 0 12px; margin-top: 10px; font-size: 9px; width: 49px; height: 17px; background: url(../gfx/more.png) no-repeat}
a.more:hover {text-decoration: none; background: url(../gfx/more-over.png) no-repeat}