html, body {
   background: #f0e6b3;
   text-align: center;
   width: 100%;
   height: 100%;
}

#gora {
    position: relative;
    text-align: center;
    background: #3F455B;
    height: 235px;
}


#strona {
    position: relative;
    margin: auto;
    width: 780px;
    background: #ffffff url('../gfx/strona_tlo3.gif');
    background-repeat: repeat-y;
}

#gora_polacz {
    position: relative;
    margin: auto;
    width: 780px; /* baner + 2 marginesy */
}


#baner {
    position: relative;
    float: left;
    margin: auto;
    width: 760px;
    z-index: 1;
}

.cien_baner_l, .cien_baner_p {
    position: relative;
    float: left;
    width: 10px;
    height: 235px;
    background: url('../gfx/obramowanie_baner_lewa.gif');
    background-repeat: repeat-y;
}

.cien_baner_p {
    background: url('../gfx/obramowanie_baner_prawa.gif');
}


#pasek_pod_banerem {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0px;
    top: 235px;
    background: url('../gfx/pasek_pod_banerem.gif');
    background-repeat: repeat-x;
    z-index: 1;
}

#przyciski {
    position: relative;
    text-align: center;
    width: 780px;
    z-index: 100;
    margin: auto;
}

#dol {
    position: relative;
    height: 84px;
    background: #3F455B;
}



#newsletter {
    position: relative;
    width: 232px;
    height: 123px;
    border: solid 1px #B7B598;
}

div.breadcrumbs {
   padding: 0.7em 0 0.1em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 100%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1.2em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   
}
#m2_207 {

 width:230px;

}