/* Toram */
html, body, h1, h2, h3, ol, ul, li, dl, dt, dd, blockquote, form, fieldset, p {margin: 0; padding: 0;}
body {font: 62.5% tahoma, verdana, arial, sans-serif; background: #595959;}
/* accessibility */
#quick-navigation, .accessibility, .hidden, hr {position:absolute; top:0; left:-666em; margin-left:-666em; overflow:hidden;}
/* toram */
#toram {margin: 0 auto; width: 961px;}
/* block */
.block {display: block;}
/* header */
#header {overflow: hidden; background: #b09c78;}
#header h1 {position: relative; z-index: 99; float: left; overflow: hidden; width: 247px; height: 133px;}
#header h1 a {position: relative; display: block; width: 247px; height: 133px;}
#header h1 a span {position: absolute; top: 0; left:0; width: 247px; height: 133px; background: url(../img/site/header.h1.span.jpg) no-repeat; cursor: pointer;}
#header ul {list-style: none;}
#header ul li {float: left;}
#header ul li a {position: relative; float: left; height: 42px;}
#header ul li a span {position: absolute; top: 0; left: 0; cursor: pointer;}
#header-strona-glowna {width: 194px; height: 42px;}
#header-strona-glowna span {width: 194px; height: 42px; background: url(../img/site/header-strona-glowna.span.gif) no-repeat;}
#header-o-firmie {width: 122px; height: 42px;}
#header-o-firmie span {width: 122px; height: 42px; background: url(../img/site/header-o-firmie.span.gif) no-repeat;}
#header-produkty {width: 137px; height: 42px;}
#header-produkty span {width: 137px; height: 42px; background: url(../img/site/header-produkty.span.gif) no-repeat;}
#header-sklep {width: 103px; height: 42px;}
#header-sklep span {width: 103px; height: 42px; background: url(../img/site/header-sklep.span.gif) no-repeat;}
#header-kontakt {width: 158px; height: 42px;}
#header-kontakt span {width: 158px; height: 42px; background: url(../img/site/header-kontakt.span.gif) no-repeat;}
/* content */
#content {position: relative; margin-top: -91px; padding-left: 265px; width: 696px; background: #d2c39c url(../img/site/content.jpg) 0 91px no-repeat;}
/* firm presentation */
#firm-presentation {width: 334px; font-size: 1.1em; line-height: 1.36em;}
#firm-presentation p {padding: 31px 0 11px;}
#firm-presentation ul {padding: 11px 0; list-style: none;}
#firm-presentation ul li {padding: 6px 0;}
/* product presentation */
#product-presentation {position: absolute; top: 31px; right: 0; width: 362px; background: #c3b592;}
#product-presentation .header {padding: 4px 0 2px 18px; border-bottom: 2px solid #494237; font-size: 1.2em; background: #68553a; color: #ece2c7;}
#product-presentation .body {position: relative;}
#product-presentation .body .product {float: right; padding: 42px 0 22px; width: 128px; font-size: 1.1em;} /* h3 */
#product-presentation .details { font-size: 1.1em;}
#product-presentation ul.details {margin-left: 234px; list-style: none;} /* ul */
#product-presentation ul.details li {padding: 4px 0; width: 124px;}
#product-presentation ul.details li .image {position: absolute; top: 34px; left: 40px;}
#product-presentation ul.details li dl {}
#product-presentation ul.details li dl dt {display: inline;}
#product-presentation ul.details li dl dd {display: inline;}
#product-presentation ul.details li dl dd img {float: left;}
/* offer */
#offer {position: relative; margin-left: -265px; padding-left: 76px; /* width: 979px; */ background: #8c7b60 url(../img/site/offer.gif) repeat-y; color: #f0debb;}
#offer .header {padding: 28px 0 14px; width: 505px; font-size: 1.6em; font-weight: normal;}
#offer .image {position: absolute; top: 0; right: 0;}
#offer .image img {display: block; border: 2px solid #ddcfb1;}
#offer .body {width: 505px; font-size: 1.1em; line-height: 1.36em;}
#offer ul.body {list-style: none;} /* ul */
#offer ul.body li {padding: 8px 0;}
/* firma */
#firm {overflow: hidden; padding: 31px 0 11px;}
#firm #firm-presentation {float: left; margin-right: 12px; width: 290px;}
#firm #firm-presentation p {padding-top: 0;}
#firm #firm-localization {float: right; width: 394px; background: #c3b592;}
#firm #firm-localization .header {border-bottom: 2px solid #494237; padding: 4px 0 2px 18px; font-size: 1.2em; background: #68553a; color: #ece2C7;}
#firm #firm-localization p {margin-bottom: 12px;}
#firm #firm-localization p.copyright {margin: -12px 12px 4px; text-align: right;}
#firm #firm-localization p.copyright a {color: #000;}
#firm #firm-localization p img {display: block; padding: 12px;}
/* produkty */
#products {padding: 31px 0 11px; width: 672px;}
#products-details {background: #c3b592;}
#products-details .header {border-bottom: 2px solid #494237; padding: 4px 0 2px 18px; font-size: 1.2em; background: #68553a; color: #ece2C7;}
#products-details ul {overflow: hidden; margin-left: -36px; padding: 22px 0 11px; list-style: none;}
#products-details ul li {float: left; margin: 0 0 24px 122px;}
#products-details ul li a {display: block;}
#products-details ul li a img {display: block; border: 0;}
#products-details ul li p.submit {margin-top: 8px; font-size: 1.4em; text-align: center;}
#products-details ul li p.submit a {float: none; color: #3b270c;}
#products-details p {}
#products-details p.pagination {padding: 12px 0; font-size: 1.1em; text-align: center;}
#products-details p.pagination a {margin: 0 3px; border: 1px solid #3d3d3d; padding: 0 5px; text-decoration: none; color: #3b270c;}
#products-details p.pagination a.active, #products-details p.pagination a:hover {background: #3d3d3d; color: #fff;}
#products-details form {position: relative;}
#products-details form fieldset {border: 0;}
#products-details form fieldset ul {position: relative; margin-left: -96px;}
#products-details form fieldset ul li {overflow: hidden; float: none;}
#products-details form fieldset ul li label {float: left; margin-right: 10px; padding-top: 4px; width: 120px; text-align: right; font: 1.1em/1.36em tahoma, verdana, arial, sans-serif;}
#products-details form fieldset ul li input {padding: 4px 0; border: 1px solid #494237; width: 270px; font: 1.1em/1.36em tahoma, verdana, arial, sans-serif;}
#products-details form fieldset p {margin: -12px 0 11px 216px;}
#products-details form fieldset p.image {position: absolute; top: 34px; right: 24px;}
#products-details form fieldset p.image a {}
#products-details form fieldset p.image a img {border: 0;}
#products-details #result {padding: 21px; font-size: 1.4em; line-height: 1.36em; text-align:center;}
#products-details #result a {color: #3b270c;}
/* sklep */
#shop {padding: 31px 0 11px; width: 672px;}
#shop p {font-size: 1.4em; line-height: 1.36em;}
#shop p img {display: block; margin: 24px auto 12px;}
#shop-details, #shop-photos {background: #c3b592;}
#shop-details .header, #shop-photos .header {border-bottom: 2px solid #494237; padding: 4px 0 2px 18px; font-size: 1.2em; background: #68553a; color: #ece2C7;}
#shop-details p, #shop-photos p {}
#shop-details p img, #shop-photos p img {margin: 0 auto; padding: 24px 0 12px;}
#shop-details iframe {display: block; margin: 0 auto; padding: 24px 0 12px;}
#shop-details {margin-bottom: 24px;}
#shop-photos ul {overflow: hidden; padding: 12px 0 0; list-style: none;}
#shop-photos ul li {float: left; margin: 12px 28px;}
#shop-photos ul li a {float: left;}
#shop-photos ul li a img {border: 0;}
/* kontakt */
#contact {overflow: hidden; padding: 31px 0 11px;}
#contact form {float: left; width: 334px;}
#contact form fieldset {border: 0; position: relative;}
#contact form fieldset p {}
#contact form ol {list-style: none;}
#contact form ol li {overflow: hidden; margin-bottom: 8px;}
#contact form ol li label {display: block; font: 1.1em/1.36em tahoma, verdana, arial, sans-serif;}
#contact form ol li input, #contact form ol li textarea {float: left; border: 1px solid #494237; padding: 4px 0; width: 310px; font: 1.1em/1.36em tahoma, verdana, arial, sans-serif;}
#contact form ol li textarea {height: 120px;}
#contact-details {float: right; width: 362px; background: #c3b592;}
#contact-details .header {border-bottom: 2px solid #494237; padding: 4px 0 2px 18px; font-size: 1.2em; background: #68553a; color: #ece2C7;}
#contact-details p {padding: 33px 11px 11px; font-size: 1.1em; line-height: 1.36em;}
/* footer */
#footer {position: relative; padding-left: 265px; width: 696px; height: 92px; background: #bcaa86 url(../img/site/footer.jpg) 0 100% no-repeat;}
#footer p {font-size: 1em; color: #3d3d3d;}
#footer p a {text-decoration: underline; color: #3d3d3d;}
#footer p a:hover {text-decoration: none;}
#owner {position: absolute; left: 282px; bottom: 12px;}
#agency {position: absolute; right: 12px; bottom: 12px;}