/** * Copyright (c)2009, PagePro * * Licensed under The MIT License * Redistributions of files must retain the above copyright notice. * * @filesource * @copyright Copyright (c) 2009, PagePro * @frontedndeveloper Krzysztof Safjanowski * @license http://www.opensource.org/licenses/mit-license.php The MIT License */ /* wyzerowanie domyslnych wartosci */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} fieldset {border: 0;} object {display: block;} table {border-collapse: collapse; border-spacing: 0;} /* clear */ .clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";} /* dostepnosc */ #quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;} /* linki */ a {text-decoration: none; color: #0a80c3;} a:hover {color: #757575;} a:focus {} /* body */ body {font: 0.625em/1em tahoma, arial, helvetica, sans-serif; background: #d8d8d8 url(../img/site/body.png) repeat-x; color: #262626;} /* biocorp */ #biocorp {position: relative; margin: 0 auto; padding: 45px 0 0; width: 985px;} /* naglowek */ #header {position: relative; padding: 2px 14px 0 13px; width: 958px; background: #fff url(../img/site/header.gif) 50% 0 no-repeat;} #header-logo {padding: 19px 0 12px 4px; width: 255px; height: 49px;} #header-logo a {display: block; overflow: hidden; width: 255px; height: 49px; text-indent: -666em; background: url(../img/site/header-logo.a.png) no-repeat;} #header-menu {position: absolute; top: 1px; left: 414px; width: 560px; height: 49px;} #header-menu li {float: left;} #header-menu li a {overflow: hidden; float: left; height: 81px; text-indent: -666em;} #header-menu-home {width: 142px; background: url(../img/site/header-menu.a.png) 0 0 no-repeat;} #header-menu-home.active {background-position: 0 -81px;} #header-menu-home:hover {background-position: 0 -81px;} #header-menu-news {width: 124px; background: url(../img/site/header-menu.a.png) -142px 0 no-repeat;} #header-menu-news.active {background-position: -142px -81px;} #header-menu-news:hover {background-position: -142px -81px;} #header-menu-company {width: 98px; background: url(../img/site/header-menu.a.png) -266px 0 no-repeat;} #header-menu-company.active {background-position: -266px -81px;} #header-menu-company:hover {background-position: -266px -81px;} #header-menu-offer {width: 93px; background: url(../img/site/header-menu.a.png) -364px 0 no-repeat;} #header-menu-offer.active {background-position: -364px -81px;} #header-menu-offer:hover {background-position: -364px -81px;} #header-menu-contact {width: 103px; background: url(../img/site/header-menu.a.png) -457px 0 no-repeat;} #header-menu-contact.active {background-position: -457px -81px;} #header-menu-contact:hover {background-position: -457px -81px;} #header-slogan {padding: 4px 0 0; background: url(../img/site/header-slogan.gif) no-repeat;} #header-slogan h2 {padding: 0 39px 0 0; font-size: 3.9em; font-weight: normal; line-height: 80px; text-align: right; color: #fff;} #header-slogan-search {height: 80px; background: url(../img/site/header-slogan-search.jpg) no-repeat;} #header-slogan-product {height: 80px; background: url(../img/site/header-slogan-product.jpg) no-repeat;} #header-slogan-news {height: 80px; background: url(../img/site/header-slogan-news.jpg) no-repeat;} #header-slogan-contact {height: 80px; background: url(../img/site/header-slogan-contact.jpg) no-repeat;} /* tresc */ #content {overflow: hidden; padding: 0 14px 0 13px; width: 958px; background: #fff url(../img/site/content.gif) repeat-y;} #content .content-header {padding-bottom: 7px; font-size: 1.8em; font-weight: normal; line-height: 2.72em; background: url(../img/site/content.content-header.gif) 0 100% no-repeat;} #content-home {position: relative; z-index: 99; margin: 0 0 -1px; height: 479px; background: url(../img/site/content-home.jpg) no-repeat;} #content-home-introduction {overflow: hidden; margin: 0 22px 0 502px; width: 434px; color: #fff;} #content-home-introduction .introduction-header {margin: 30px 0 20px; font-size: 3em; font-weight: normal; line-height: 1em;} #content-home-introduction .introduction-body {font-size: 11px; line-height: 150%;} #content-home-introduction .introduction-body-more {margin: 10px 0 0; font-weight: bold; color: #073f5d;} #content-home-introduction .introduction-body-more a {padding: 2px 0 1px 24px; background: url(../img/site/content-home-introduction.introduction-body-more.a.gif) 0 50% no-repeat; color: #073f5d;} #content-home-boxes {position: absolute; top: 325px; overflow: hidden; padding: 0 0 2px; background: url(../img/site/content-home-boxes.gif) 19px 100% no-repeat;} #content-home-boxes .boxes-header, #content-home-boxes .boxes-body {padding: 0 0 0 16px; width: 275px;} #content-home-boxes .boxes-header {font-size: 1.4em; line-height: 35px; background: url(../img/site/content-home-boxes.boxes-header.gif) 0 100% repeat-x; color: #515151;} #content-home-boxes .boxes-body {overflow: hidden; padding-top: 11px; padding-bottom: 11px; font-size: 1.1em; line-height: 1.63em; color: #757575;} #content-home-boxes .boxes-body-more {margin: 12px 0 0; padding: 0 0 0 25px; line-height: 1.63em; background: url(../img/site/content-home-boxes.boxes-body-more.png) 0 50% no-repeat;} #content-home-boxes address {overflow: hidden; border-right: 1px solid #dedede; width: 156px; font-style: normal;} #content-home-boxes address .dt, #content-home-boxes address .dd {display: block; padding: 2px 0;} #content-home-boxes address .dt {float: left; width: 36px;} #content-home-boxes address strong {display: block;} #content-home-boxes li {float: left; margin: 0 0 0 19px; padding: 0 1px; width: 291px;} #content-home-boxes-order {padding-right: 82px !important; width: auto !important; background: url(../img/site/content-home-boxes-order.jpg) 100% 100% no-repeat;} #content-home-boxes-promotion {position: relative; padding-left: 106px !important; width: 185px !important;} #content-home-boxes-promotion img {position: absolute; top: 10px; left: 0;} #content-home-boxes-contact {position: relative;} #content-home-boxes-contact .boxes-body-more {position: absolute; right: 13px; bottom: 11px;} /* prawa szpalta */ #content-main {float: right; width: 655px;} #content-main .content-header {padding-left: 4px;} /* prawa szpalta - paginacja */ #content-main-pagination {margin: 1.66em 0; font-size: 1.1em; font-weight: bold; line-height: 1.63em; text-align: center;} #content-main-pagination li {display: inline; padding: 0 !important; background: none !important;} #content-main-pagination a {padding: 0 3px;} #content-main-pagination a.active {color: #757575;} /* prawa szpalta - produkt */ #content-main-product {} #content-main-product dl {overflow: hidden; width: 655px; font-size: 1.1em; line-height: 1.63em;} #content-main-product dt {float: left; padding: 14px 0; width: 141px; color: #757575;} #content-main-product dd {border-bottom: 1px solid #d9d9d9; padding: 14px 0 14px 140px;} #content-main-product dd .image {float: left; margin: 0 !important; border: 0 !important; padding: 0 0 0 30px !important; line-height: 20px; background: url(../img/site/content-main-product.dd.image.png) 0 50% no-repeat !important;} #content-main-product dd .pdf {float: left; padding: 0 0 0 24px; line-height: 20px; background: url(../img/site/content-main-product.dd.pdf.png) 0 50% no-repeat;} #content-main-product dd img {margin: 0 8px 0 0; vertical-align: middle;} #content-main-product dd ul {overflow: hidden; width: 514px;} #content-main-product dd li {float: left; margin: 0 16px 0 0; padding: 0 !important; background: none !important;} #content-main-product-price {font-size: 1.63em;} #content-main-product-basket {display: block; position: relative; margin: -7px 0 0; padding: 0 0 0 42px; font-weight: bold; line-height: 31px; background: url(../img/site/content-main-product-basket.png) 0 50% no-repeat;} /* prawa szpalta - archiwum */ #content-main-archive {} #content-main-archive .content-body {position: relative; margin: -5px 0 0;} #content-main-archive .archive-header {margin: 17px 0 0; font-size: 1.4em; line-height: 1.28em;} #content-main-archive .archive-date {margin: 2px 0 0; font-size: 1em; line-height: 1.8em; color: #757575;} #content-main-archive .archive-date dt {display: none;} #content-main-archive .archive-body {margin: 0 0 1.66em; font-size: 1.1em; line-height: 1.63em;} /* prawa szpalta - aktualnosc */ #content-main-news {} #content-main-news .content-body {position: relative; margin: -5px 0 0;} #content-main-news .news-header {margin: 1.66em 0 0; font-size: 1.4em; line-height: 1.28em;} #content-main-news .news-date {margin: 3px 0 0; font-size: 1em; line-height: 1.8em; color: #757575;} #content-main-news .news-date dt {display: none;} #content-main-news .news-body {margin: 0 0 1.66em; font-size: 1.1em; line-height: 1.63em;} #content-main-news .news-body p {margin: 0 0 1.66em 0;} /* prawa szpalta - formularz wyszukiwania */ #content-main-search {margin: 0;} #content-main-search .content-body {margin: 9px 0 0; padding-bottom: 20px; width: 400px;} #content-main-search li {overflow: hidden; margin: 0 0 5px;} #content-main-search label {display: block; padding: 5px 4px 2px; font-size: 1.1em; font-weight: bold; line-height: 1.63em; cursor: pointer;} #content-main-search input, #content-main-search textarea, #content-main-search select {border: 1px solid #cfcfcf; padding: 4px 10px; width: 360px; font-size: 1.1em; color: #6e6e6e;} #content-main-search textarea {height: 120px; font: 1.1em/1.27em Tahoma, Arial, Helvetica, sans-serif; } #content-main-search input:focus, #content-main-search textarea:focus {background: #ffc} #content-main-search select {padding: 3px 10px; width: 380px} #content-main-search button {float: left; margin: 10px 10px 0 0; border: 2px solid #ebebec; padding: 2px 20px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; cursor: pointer; background: #f3f3f3;} /* prawa szpalta - wyniki wyszukiwania */ #content-main-results {margin: 0 0 0 -301px;} #content-main-results .results-header {margin: 1.66em 0 0; font-size: 1.4em; line-height: 1.28em;} #content-main-results .results-date {margin: 3px 0 0; font-size: 1em; line-height: 1.8em; color: #757575;} #content-main-results .results-date dt {display: none;} #content-main-results .results-body {margin: 0 0 1.66em; font-size: 1.1em; line-height: 1.63em;} /* prawa szpalta - lista produktow */ #content-main-products {} #content-main-products .products-header {width: 140px;} #content-main-products .products-more {width: 100px; font-weight: bold; text-align: center; vertical-align: middle;} #content-main-products table {margin: -15px 0 1.66em 0; border-collapse: collapse; width: 100%; font-size: 1.1em; line-height: 1.63em;} #content-main-products thead th {padding: 29px 6px 20px 12px; text-align: left; background: #fff url(../img/site/content.content-header.gif) 0 100% no-repeat; color: #757575;} #content-main-products tbody td, #content-main-products tbody th {border-bottom: 1px solid #d9d9d9; padding: 12px;} /* prawa szpalta - o firmie */ #content-main-about {} #content-main-about .content-body {margin: 1.66em 0; font-size: 1.1em; line-height: 1.63em;} #content-main-about .content-body p {margin: 1.66em 0;} /* prawa szpalta - formularz kontaktowy */ #content-main-contact {margin: 0;} #content-main-contact .content-body {padding-bottom: 20px; width: 400px;} #content-main-contact li {overflow: hidden; margin: 0 0 5px;} #content-main-contact label {display: block; padding: 5px 4px 2px; font-size: 1.1em; font-weight: bold; line-height: 1.63em; cursor: pointer;} #content-main-contact input, #content-main-contact textarea, #content-main-contact select {border: 1px solid #cfcfcf; padding: 4px 10px; width: 360px; font-size: 1.1em; color: #6e6e6e;} #content-main-contact textarea {height: 120px; font: 1.1em/1.27em Tahoma, Arial, Helvetica, sans-serif; } #content-main-contact input:focus, #content-main-contact textarea:focus {background: #ffc} #content-main-contact select {padding: 3px 10px; width: 380px} #content-main-contact button {float: left; margin: 10px 10px 0 0; border: 2px solid #ebebec; padding: 2px 20px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; cursor: pointer; background: #f3f3f3;} /* prawa szpalta - aktualnosc - domyslne style */ #content-main {} #content-main .content-body {} #content-main .content-body abbr {border-bottom: 1px dotted #32139C} #content-main .content-body em {padding: 2px 4px; font-style: normal; background: #e9e9e6;} #content-main .content-body p {margin: 10px 0 15px;text-align: justify} #content-main .content-body ul {display: block; padding-bottom: 10px} #content-main .content-body ul li {background: url(../img/site/content-main.content-body.ul.li.gif) no-repeat scroll 1% 50%; padding: 2px 3%} #content-main .content-body strong {font-weight:bold} #content-main .content-body h1, #content-main .content-body h2, #content-main .content-body h3, #content-main .content-body h4, #content-main .content-body h5, #content-main .content-body h6 {margin: 15px 0 5px; font-size: 1.09em; font-weight: bold;} #content-main .content-body .image {float: left; margin: 10px 20px 5px 0; border: 1px solid #d8d8d8; padding: 5px; background: #f2f3f5;} #content-main .content-body .image img {display: inline;float: left;} #content-main .content-body .right {float: right; margin: 10px 0 5px 20px;} #content-main .content-body table.styled, #content-main .content-body .styled caption, #content-main .content-body .styled tbody, #content-main .content-body .styled tfoot, #content-main .content-body .styled thead, #content-main .content-body .styled tr, #content-main .content-body .styled th, #content-main .content-body .styled td {font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} #content-main .content-body table.styled {border-collapse: separate; border-spacing: 0;} #content-main .content-body .styled caption, #content-main .content-body .styled th, #content-main .content-body .styled td {text-align: left; font-weight: normal;} #content-main .content-body table.styled {margin: 15px 0; width: 100%;} #content-main .content-body table.styled th, #content-main .content-body table.styled td {border-bottom: 1px solid #e5e5e5; padding: 5px 15px; vertical-align: middle;} #content-main .content-body table.styled th {padding: 5px 15px; font-weight: bold; background: #e5e5e5;} #content-main .content-body table.styled th.name {width: 150px;} #content-main .content-body table.styled th.price {width: 50px;} #content-main .content-body table.styled th.availability {width: 90px;} /* prawa szpalta - koszyk */ #content-main-basket {} #content-main-basket .basket-header {margin: 1.66em 0 0; font-size: 1.4em; line-height: 1.28em;} #content-main-basket .basket-body {margin: 0 0 1.66em;} #content-main-basket li {overflow: hidden; margin: 0 0 5px;} #content-main-basket label {display: block; padding: 5px 4px 2px; font-size: 1.1em; font-weight: bold; line-height: 1.63em; cursor: pointer; clear:both;} #content-main-basket input, #content-main-basket textarea, #content-main-basket select {border: 1px solid #cfcfcf; padding: 4px 10px; width: 360px; font-size: 1.1em; color: #6e6e6e; float:left;s} #content-main-basket textarea {height: 120px; font: 1.1em/1.27em Tahoma, Arial, Helvetica, sans-serif; } #content-main-basket input:focus, #content-main-basket textarea:focus {background: #ffc} #content-main-basket select {padding: 3px 10px; width: 380px} #content-main-basket button {float: left; margin: 10px 10px 0 0; border: 2px solid #ebebec; padding: 2px 20px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; cursor: pointer; background: #f3f3f3;} #content-main-basket-basket {font-size: 1.1em !important; line-height: 1.63em;} #content-main-basket-basket .name {width: 325px !important;} #content-main-basket-basket .quantity {width: 113px !important; border: 1px solid #e5e5e5; border-width: 0 1px; float:right} #content-main-basket-basket .quantity input {margin: 0 12px 0 0; width: 20px;} #content-main-basket-basket .price {width: 125px !important;} #content-main-basket-basket tfoot .summary, #content-main-basket-basket tfoot .price {border-bottom: 1px solid #e5e5e5 !important;} #content-main-basket-basket tfoot .summary, #content-main-basket-basket tfoot .price_n {border-bottom: 1px solid #e5e5e5 !important;} #content-main-basket-basket tfoot .summary {border-right: 1px solid #E5E5E5; text-align: right !important;} #content-main-basket-basket tfoot .price {font-size: 1.63em !important; font-weight: bold !important;} #content-main-basket-basket tfoot td {border-bottom: 0 !important;} #content-main-basket-order {margin: 0 10px 1.66em 0 !important;} /* lewa szpalta */ #content-aside {float: left; width: 280px;} #content-aside .content-header {padding-left: 21px;} /* lewa szpalta - menu */ #content-aside-menu {font-size: 1.1em;} #content-aside-menu li {border-bottom: 1px solid #d9d9d9;} #content-aside-menu li a {display: block; padding: 18px 0 18px 70px; background: url(../img/site/content-aside-menu.li.a.png) -280px 50% no-repeat; color: #757575;} #content-aside-menu li a.active {font-weight: bold; background-position: 0 50%;} #content-aside-menu li a:hover {background-position: 0 50%; color: #757575;} /* lewa szpalta - dane kontaktowe */ #content-aside-contact {margin: 0 0 1.66em; padding: 0 0 0 21px; font-size: 1.1em; font-style: normal; line-height: 1.63em; color: #757575;} /* tresc - uzupelnienie */ #content-supplementary {position: relative; top: -1px; overflow: hidden; clear: both; padding: 14px 0 0; background: url(../img/site/content-supplementary.gif) no-repeat;} #content-supplementary-form {float: left; padding-top: 6px;} #content-supplementary-form p {float: left; line-height: 31px;} #content-supplementary-form label {float: left; margin: 0 18px 0 16px; width: 57px; height: 31px; text-indent: -666em; background: url(../img/site/content-supplementary-form.label.gif) 0 50% no-repeat;} #content-supplementary-form-input {margin: 0 8px 0 0; border: 1px solid #bfbfbf; border-width: 1px 0 0 1px; padding: 3px; width: 158px; background: #f5f5f5;} #content-supplementary-partners {float: right; line-height: 44px;} #content-supplementary-partners dl {float: left;} #content-supplementary-partners dt {overflow: hidden; float: left; margin: 0 16px 0 0; width: 64px; height: 44px; text-indent: -666em; background: url(../img/site/content-supplementary-partners.dt.gif) 0 50% no-repeat;} #content-supplementary-partners dd, #content-supplementary-partners li {float: left;} #content-supplementary-partners li {margin: 0 3px;} /* koszyk */ #biocorp-basket, #biocorp-login {position: absolute; top: 0; right: 33px; line-height: 45px; font-size: 1.1em; line-height: 46px; color: #878787;} #biocorp-login {right:130px;} #biocorp-login #klodka { padding:5px 0 5px 30px; font-weight: bold; background: url(../img/site/login.gif) no-repeat 0 50%; } #biocorp-basket a{float: left; padding: 0 0 0 30px; font-weight: bold; background: url(../img/site/biocorp-basket.a.gif) 0 50% no-repeat; color: #0a80c3;} #biocorp-basket span {margin: 0 0 0 8px;} /* wybor jezyka */ #biocorp-language {position: absolute; top: 0; left: 631px; font-size: 1.1em; line-height: 45px; color: #a9a9a9;} #biocorp-language dt, #biocorp-language dd, #biocorp-language li, #biocorp-language img {float: left;} #biocorp-language dt {margin: 0 7px 0 0;} #biocorp-language dd {padding: 12px 0 0;} #biocorp-language dd li {margin: 0 3px;} #biocorp-language dd a {float: left; width: 21px; height: 21px; text-indent: -666em;} #biocorp-language-pl {background: url(../img/site/biocorp-languag.a.png) 0 0 no-repeat;} #biocorp-language-pl:hover, #biocorp-language-pl.active {background: url(../img/site/biocorp-languag.a.png) 0 -21px no-repeat;} #biocorp-language-en {background: url(../img/site/biocorp-languag.a.png) -21px 0 no-repeat;} #biocorp-language-en:hover, #biocorp-language-en.active {background: url(../img/site/biocorp-languag.a.png) -21px -21px no-repeat;} #biocorp-language-ru {background: url(../img/site/biocorp-languag.a.png) -42px 0 no-repeat;} #biocorp-language-ru:hover, #biocorp-language-ru.active {background: url(../img/site/biocorp-languag.a.png) -42px -21px no-repeat;} /**/ #balloons {position: absolute; top: 0; left: -719px; z-index: -1; /* margin: 0 0 0 -119px; */ width: 238px; height: 273px; background: url(../img/site/balloons.png) no-repeat;} /* stopka */ #footer {padding: 2px 1px 0; width: 983px; background: url(../img/site/footer.gif) 50% 0 no-repeat; color: #757575;} #footer .wrapper {overflow: hidden; border-top: 1px solid #bfbfbf; padding: 0 35px 0 31px; width: 917px; font-size: 1.1em; line-height: 3.45em;} #footer .wrapper:first-child {border-top: 0; padding: 5px 35px 6px 31px;} /**/ #footer-menu {float: left; line-height: 46px;} #footer-menu ul, #footer-menu li, #footer-menu a {float: left;} #footer-menu li {padding: 0 15px 0 19px; background: url(../img/site/footer-menu.li.gif) 0 50% no-repeat;} #footer-menu li:first-child {padding: 0 15px 0 0; background: none;} #footer-menu a {color: #757575;} #footer-menu a:hover {color: #0a80c3;} /**/ #footer-certificate {float: right; margin: 0 -9px 0 0; line-height: 46px;} #footer-certificate dt, #footer-certificate dd, #footer-certificate li, #footer-certificate img {float: left;} #footer-certificate dt {margin: 0 13px 0 0;} #footer-certificate li {margin: 0 5px 0 6px;} /**/ #footer-copyright {float: left;} /**/ #footer-agency {float: right;} #footer-agency a {color: #757575;} #footer-agency a:hover {color: #0a80c3;} .sitemap { list-style-type:disc; list-style-position:inside; color:#0E80C2; } .sitemap ul li { list-style-type:circle; list-style-position:inside; } /*by Agata */ #content-main .content-body label.error { width:600px; float:left; text-align:center; color:#ff6b00; padding-bottom:5px; } .fullwidth { width:950px !important; } #facebook_box { position:fixed; left:-300px; top:150px; padding-right:27px; z-index:100; } #facebook_box #handle { display:block; position:absolute; top:0; right:0; width:27px; height:55px; background:url(../../img/site/facebook-handle.png); } iframe { background:#fff; } #oferta_list p, #oferta_list h3{ float:right; width:520px; clear:right; margin:0px !important; } #oferta_list p strong { display:block; clear:both; } #oferta_list li { clear:both; border-top:1px solid #D9D9D9; padding:25px 10px !important; } #oferta_list li:first-child { border-top:none; } #oferta_list .pobierz{ display:block; background:url(../img/site/content-main-product.dd.pdf.png) no-repeat 0 50%; padding:15px 20px; float:right; } #cert_list .pobierz { background:url(../img/site/content-main-product.dd.pdf.png) no-repeat 0 50%; padding:15px 20px; } #oferta_list .pobierz:hover { color:#0a80c3; }