@import "grafika/menu.css";
@import "grafika/box.css";
@import "grafika/search.css";
@import "grafika/products.css";
@import "grafika/product.css";
@import "grafika/koszyk.css";
@import "php_inc/css/form.css";
@import "php_inc/css/site_map.css";

body, html {
    background: #FFFFFF;
    padding: 0px;
    margin: 0px;
}

img {
    border: 0px;
}

h2.name {
    font-weight: bold;
    font-size: 140%;
    color: #2C4C64;
}

* {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #265E87;
}

div#container {
    margin: 0px auto;
    width: 882px;
    text-align: left;
}

div#header {
    position: relative;
    background: url('grafika/top.jpg') no-repeat bottom right;
    height: 143px;  
}

div#header h1 {
    position: absolute;
    text-indent: -999px;
    background: url('grafika/logo.gif') no-repeat;
    width: 164px;
    height: 142px;
    top: -6px;
    left: 9px;
}

div#text {
    width: 490px;
    line-height: 140%;
}

span.icon {
    position: absolute;
    top: 10px;
    right: 0px;
}

span.icon img {
    margin-left: 5px;
}

div#left {
    width: 169px;
    margin-left: 25px;
}

div#right {
    width: 152px;  
}

div#center {
    width: 534px;  
}

div#inner {
    width: 505px;

    margin: 17px 0px 0px 17px;;
}

.float {
    float: left;
}

div#footer {
    background: url('grafika/footer.gif') no-repeat top right;
    height: 36px;
    line-height: 36px;
    margin-top: 20px
}

div#footer img {
    float: left;
    margin: 11px 0px 0px 60px
}

div.listing {
    margin-bottom: 15px;
}

div.promocje {
    background: url('grafika/promocjeBg.jpg') repeat-x 0px 30px;
}

div.nowosci {
    background: url('grafika/nowosciBg.gif') repeat-x; 
}

div.listing h2 {
    display: block;
    text-indent: -999px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    height: 32px;
}

div.promocje h2 {
    background: url('grafika/h_promocje.gif') no-repeat;
}

div.konfigurator h2 {
    background: url('grafika/h_konfigurator.gif') no-repeat;
    margin: 0px;
}

div.nowosci h2 {
    background: url('grafika/h_nowosci.gif') no-repeat;
}

div.two {
    background: url('grafika/twoBg.gif') no-repeat bottom left;
    padding-top: 10px;
}

div.one {
    width: 210px;
    margin-left: 24px;
    float: left;
    padding: 0px 10px 0px 0px;
    position: relative;
}

div.one,
div.one * {
    font-family: Tahoma;
}

div.one div.img {
    width: 80px;
    float: left;
    margin: 0px 10px 3px 0px;
    border: 1px solid #B2CCDF;
    text-align: center;
    background: white;  
}

div.one a {
    font-weight: bold;
    color: #FF6100;
}

div.one a, div.one b {
    /*	font-size: 12px; 
    font-family: Tahoma; */
}

div.one p {
    font-size: 10px;
    padding: 0px;
    margin: 0px 0px 3px 0px;
}

div.one span.cena {
    color: #C30101;
    font-weight: bold;
}

div.one span.cenaOld {
    text-decoration: line-through;
    font-size: 10px;
}

.print {
    display: none;
}

img.promocja_float_img {
    position: absolute;
    margin-left: 6px;
    margin-top: 6px;  
    border: 0px;
    
    top: 0px;
    left: 0px;
}


img.promocja_float_img,  {
    margin-left: -88px;
}

div.productList img.promocja_float_img {
    margin-left: 6px;
}

* > div.productList img.promocja_float_img {
    margin-left: 6px;
}

div.productList img.promocja_float_img,  {
    margin-left: -88px !important;
}

div#produkt img.promocja_float_img {
    right: 6px;
    border: 0px;
}

div#szukajText {
    height: 38px;
    background: url('grafika/filler.gif') no-repeat;
}

div#szukajText input {
    vertical-align: middle;
}

div.konfiguratorItem {
    width: 167px;
    height: 247px;
    float: left;
    background: url('grafika/konf-frame.gif') no-repeat;
    margin: 0px 1px 15px 0px;
}

div.konfiguratorItem img {
    margin: 5px 0px 0px 5px;
}

div.konfiguratorItem p.name {
    color: white;
    font-weight: bold;
    margin: 0px;
    padding: 15px 10px 10px 10px;
    overflow: hidden;
}

div.konfiguratorItem p.price {
    margin: 5px 10px;
    padding: 0px;
    color: black;
}

div.konfiguratorItem p.price b {
    color: black;
}

div.konfiguratorItem div {
    text-align: center;
}

h3#model {
    margin: 0px;
    padding: 3px 20px 5px 70px;
    background: #325d7e;
}

h3#model span.cena {
    float: right;
}

h3#model, h3#model * {
    color: white;
}

a.konfKategoria {
    display: block;
    background: url('grafika/konf-header.gif') no-repeat 0px -30px;
    height: 30px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #173954;
    padding-left: 65px;
    cursor: pointer;
}

a.konfKategoria.active {
    background-position: 0px 0px;
}

a.konfKategoria:focus {
    overflow: hidden;
}

div.konfOptions {
    display: none;
    padding: 0px 30px 10px 42px;
    line-height: 18px;
}

div.konfOptions,
div.konfOptions * {
    font-family: Tahoma;
    color: #173954;
}

div.konfOptions input {
    vertical-align: middle;
}

div#konfSubmit {
    display: none;
}

div#konfSubmit td {
    padding: 3px;
}

div#konfSubmit input.text {
    border: 1px solid #2c6491;
    width: 330px;
}

#banner {
    margin: 10px 0px;
}

.bannerRodzaj7 {
    width: 900px;
    height: 163px;
    background: white url('grafika/banner_bg_rodzaj_7.gif') no-repeat; 	
    margin: 2px auto; 
    position: relative;
}

.bannerRodzaj7 .content {
    width: 750px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -375px;	
    background: silver;
}

.bannerRodzaj8 {
    width: 900px;
    height: 260px;
    background: white url('grafika/banner_bg_rodzaj_8.gif') no-repeat; 	
    margin: 2px auto; 
    position: relative;
}

.bannerRodzaj8 .content {
    width: 750px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -375px;	
    background: silver;
}



.bannerRodzaj9 {
    width: 505px;
    height: 282px;
    background: white url('grafika/banner_bg_rodzaj_9.gif') no-repeat; 	
    margin: 2px auto; 
    position: relative;
}

.bannerRodzaj9 .content {
    width: 350px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -125px 0 0 -175px;	
    background: silver;
}



div.cena-container {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 320px;
    text-align: right;
    clear: both;
}

div.cena-container,
div.cena-container span {
    zoom: 1;
}

div.productList span.cena {
    float: none;
    display: inline;
}

div.productList span.cenaOld {
    position: static;
    float: none;
    margin: 0px !important;
}

ul.tabs {
    height: 20px;
    border-bottom: 2px solid #325d7e;
    padding: 0px;
    margin: 25px 0px 0px  0px;
}

ul.tabs li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-image: none;
    display: block;
}

ul.tabs li span {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: black;
    margin-right: 2px;
    padding: 0px 10px;
    cursor: pointer;
    border: 1px solid #325d7e;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}

ul.tabs li span.active {
    color: white;
    background: #325d7e;
}

strong.akcesoria-cat {
    display: block;
    margin: 10px 0px;
    background: #245f89;
    color: white;
    padding: 5px 5px;
}

.param-tab {
    border: 1px solid #325d7e;
    padding-bottom: 10px;
}