* {
    margin:0;
    padding:0;

}
img {
    border:0;
}
html,body {
    height:100%;
}
body {
    font:1em "Verdana","Tahoma","Arial";
}
#top {

}
#top-bar {
    background:#b9b9b9 url(../imgs/top.jpg) no-repeat center;
    height:89px;
    border-bottom:1px solid #b8b8b8;
}

#logo {
        position:absolute;
    margin-top:-1px;
    margin-left:-3px;
}

#menu {
    width:800px;
    margin:0 auto;
}
#top-bar #menu ul {
    float:right;
    
}
#top-bar #menu ul li {
    float:left;
    list-style:none;
    padding:0 10px 0 0px;
}
#top-bar #menu ul li img {
    float:left;
    margin-top:-8px;
}
#top-bar #menu ul li a {
    font-family:Arial !important;
    font-size:0.8em;
    display:block;
    padding-left:15px;
    padding-top:30px;
    padding-bottom:10px;
    color:#272727;
    text-decoration:none;
}
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow:hidden;
    margin-bottom:-81px;
}
#content {
    width:800px;
    margin:81px auto;
    overflow:hidden;
}
#content .left {
    float:left;
    width:210px;
    margin-right:30px;
}
#content .right {
    float:right;
    width:215px;
}
#content #top {
    overflow:auto;
}
#content #text {
    background:#d7d7d7 url(../imgs/content.jpg) no-repeat;
    width:470px;
    float:left;
    height:211px;
    border-bottom:6px solid #403378;
    padding:28px;
}
#content #picture {
    position:relative;
    float:right;
    height:267px;
    width:267px;
    padding:0;
    margin:0;
    
    border-bottom:6px solid #d43029;
}
#content #picture img {
    /* To jest całkowicie nie potrzebne ale IE śmiedzi i należało by to zostawić */
    position:absolute;
    top:0;
    left:0;
    
    margin:0;
    padding:0;
}
#content #bottom {
    clear:both;
    position:relative;
}
#content #bottom #offer {
    background:url(../imgs/bottom-left.jpg) ;
    height:190px;
    width:458px;
    float:left;
    padding:10px 34px 10px 34px;
}
#content #bottom #promotion {
    background:url(../imgs/promotion.jpg);
    font-family:Arial;
    position:relative;
    
    height:159px;
    float:right;
    width:215px;
    padding:26px;
}
#content #bottom #promotion p {
    font-size:1.2em;
    line-height:30px;
    text-align:center;
    color:#686868;
}
#footer {
    height:81px;
    background:url(../imgs/footer.jpg) repeat-x;
}
#content-footer {
    width:800px;
    margin:0 auto;
}
#push {
    height:81px;
}

/* Typografia */

#content h1 {
    font-size:0.8em;
    color:#333;
    font-family:Arial;
    padding-bottom:10px;
}
#content p, #content li {
    font-size:0.7em;
    line-height:16px;
    padding-top:8px;
}
#footer p{
    font-size:0.7em;
    padding-top:20px;
    color:#767676;
    text-align:right;
}
#footer a {
    text-decoration:none;
    color:#767676;

}
#content li {
    margin-left:10px;
}
a {
    color:#0000b3;
    text-decoration:none;
}

#picture_box,#s4s,#s4d {
 
}

#s4s, #s4d {
    height:73px;
    text-align:center;
    overflow:hidden;
}

#s4d {
    padding-top:10px;
}