body {
    color: darkred;
    background: url(bg_body01.png) repeat-x lightgoldenrodyellow;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
}

#skip {
    display: none;
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 0;
}

a {
    color: navy;
}

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

table {
    font-size: 12px;
    border: none;  
}

td {
    padding: 5px 5px 10px 5px;
    background-color: palegoldenrod;
}

.wazne {
    background-color: palegoldenrod;
    padding: 10px 10px 15px 10px;
}

/* NAGLOWEK */

#header {
    text-align: right;
    height: 90px;
    margin-top: 10px;
}

#header a img {
    border: none;
}


/* MENU GLOWNE */

#menu {
    margin: 0 0 30px 0;
    height: 25px;
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

#menu a {
    display: block;
    text-decoration: none;
    padding: 5px 32px 0 0;
    margin: 0;
    color: snow;
    font-size: 10px;
    font-weight: bold;
}

/* ZAWARTOSC STRONY */

#content {
    width: 560px;
    float: left;
    margin-right: 30px;
    padding: 0 0 20px 0;
}

#content h1 {
    font-size: 16px;
    border-bottom: 1px solid crimson;
    padding-bottom: 10px;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
}

#content h2 {
    font-size: 14px;
    margin: 30px 0 10px 0;
}

.left {
    float: left;
    margin: 0 20px 0 0;
}

.center {
    text-align: center;
    margin: 30px 0;
}

/* Sciezka dostepu */

#path {
    text-align: right;
    margin: 0 0 5px 0;
}

#path a {
    text-decoration: none;
}

/* Promocje */

.pr {
    width: 33%;
    height: 200px;
    float: left;
}

.pr a img {
    border: 1px blue solid;
}

#promo {
    background: url(bg_promo01.png) no-repeat;
    margin-bottom: 20px;
    height: 175px;
    color: white;
}

#promo .box {     
     
}

#promo h2 {
    margin: 0 0 15px 0;
    padding: 15px 5px 5px 25px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
}

#promo h3 {
    margin: 0 0 15px 0;   
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;   
}

#promo p {
    margin: 10px;
    font-size: 14px;
}

#promo img {
    float: left;
    margin: 0 10px 5px 25px;
    border: 1px solid darkred;
}

#promo .box {
    width: 260px;
    float: left;
}

#content table {
    width: 100%;
}

.producent {
    width: 15%;
}

.nowosc {
    width: 15%;
    color: red;
}

.jednostka {
    width: 10%;
}


.nowa {
    width: 10%;
}

.stara {
    width: 10%;
    text-decoration: line-through;
}


/* Dojazd do sklepu */

.dojazd {
    width: 155px;
    float: left;
    margin: 30px 23px 0 0;
}

.doj-iko {
    float: right;
}



/* Kolumny z wprowadzeniem */

.intro {   
    margin: 0; 
    padding: 0 0 30px 0;     
    clear: both;   
}

.intro h2 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
    padding: 0;
    color: navy;
}

.intro img {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

.intro p {
    margin: 0;
}

.intro strong {
    letter-spacing: 1px;
    font-size: 14px;

}



/* DODATKI */

#addons {
    width: 190px;
    float: left; 
    font-size: 10px;
}

#addons .box {
    margin-bottom: 30px;

}

#addons h2 {
    margin: 0 0 15px 10px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    color: navy;
}

#addons h3 {
    margin: 0 0 15px 0;   
    font-size: 12px;
    font-weight: bold;    
}

#addons p {
    margin: 10px;
}

#addons img {
    float: left;
    margin: 0 10px 5px 10px;
}

/* STOPKA */

#footer {
    clear: both;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 10px 0 20px 0;
    border-top: 1px crimson solid;
}

#footer p {
    margin: 7px 0 10px 0;
}

#footer a img {
    border: none;
}

#copy {
    float: left;
}

#artlook {
    float: right;
    margin: 0;
}