html,
body {
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial;
    color: #000;
    font-size: 10pt;
    line-height: 15pt;
background-image: url(../../upload/files/tlo2.jpg);
}

.clr {
clear:both;
}

.spacer {
width:960px;
height:250px;
position:relative;
}

.odstep {
padding-top:110px;
}

#wraper {
width:1366px;
height:auto;
margin:0px auto;
}
#inner_wraper {
position:relative;
width:960px;
height:auto;
margin:0 auto;
z-index:1;
}

#linki_gora {
position:absolute;
top:0px;
right:0px;
width:600px;
height:20px;
z-index:30;
text-align:right;
}
#linki_gora a:LINK, #linki_gora a:visited, #linki_gora a:active {
text-decoration:none;
color:#313131;
font-size:14px;
} 

#linki_gora a:hover {
text-decoration: underline;
}

#zdjecia {
position:relative;
top:70px;
width:960px;
height:338px;
z-index:10;
}

#dymek {
width:1164px;
height: 537px;
position:absolute;
top:-105px;
left:10px;
z-index:20;
}

#ziarnka {
width:256px;
height:186px;
float:right;
}

#ziarno_top_left {
position:absolute;
top:0;
left:0;
width:400px;
height:192px;
z-index:1;
}
#kawa {
position:absolute;
top:310px;
left:-170px;

}

#liscie{
position:absolute;
top:00px;
right:-170px;
z-index:1;
}

h1.naglowek {
width:960px;
height:40px;
text-align:center;
font-size:36px;
font-family: Arial;
margin: 120px 0 50px 0;
color:#313131;
line-height:36px;
}

.artykul {
position:relative;
width:960px;
height:auto;
z-index:10;
}
.a_left {width:470px;
float:left;
position:relative;
z-index:10;
}
.a_right {
width:470px;
float:right;
text-align:right;}

#ziarno_bg {
position:absolute;
width:432px;
height:300px;
z-index:1;
left:-150px;
opacity:0.4;
filter:alpha(opacity=40);
}

#ziarno_artykul {
text-align:center;
}

#wtyczka_facebook{
background:#fff;
border:1px solid #cbcbcb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width:48%;
float:left;
z-index:10;
position:relative;
}

#szybki_kontakt{
background:#fff;
border:1px solid #cbcbcb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width:48%;
float:right;
z-index:10;
position:relative;
}
#listek1 {
position:absolute;
top:-80px;
right:-140px;
z-index:1;
}

#listek2 {
position:absolute;
top:-250px;
left:-185px;
z-index:1;
}

#cart {
width:960px;
height:auto;
position:relative;
z-index:10;
}

.produkt {
width:960px;
height:auto;
position:relative;
margin:0 0 30px 0;
display:inline;
z-index:10;
}

.produkt .zdjecie {
width:19%;
height:auto;
float:left;
text-align:center;
overflow:hidden;
position:relative;
z-index:10;
}

.produkt .opis {
width:48%;
height:auto;
padding:0 1% 0 1%;
display:inline;
float:left;
text-align:justify;
}

.produkt .cart_button {
width:30%;
height:auto;
display:inline;
float:left;
text-align:right;
}

#strzalka1 {
position:absolute;
top:0px;
right:0px;
width:331px;
height:119px;
}
#strzalka1_tekst {
width:240px;
height:70px;
position:absolute;
top:15px;
right:10px;
color:#fff;
font-size:13px;
}

#strzalka2 {
position:absolute;
top:0px;
left:0px;
width:394px;
height:118px;
}
#strzalka2_tekst {
position:absolute;
top:10px;
left:10px;
width:290px;
height:80px;
color:#fff;
font-size:13px;
}


#strzalka3 {
position:absolute;
top:190px;
left:50px;
width:394px;
height:118px;
}

#strzalka3_tekst {
position:absolute;
top:7px;
left:10px;
width:230px;
height:60px;
color:#fff;
font-size:13px;
}

#strzalka4 {
position:absolute;
top:250px;
right:20px;
width:400px;
height:116px;
}

#strzalka4_tekst {
position:absolute;
top:27px;
right:10px;
width:290px;
height:80px;
color:#fff;
font-size:13px;
}

#telefon {
width:25px;
height:25px;
margin:10px 0 0 10px;
position:relative;
}

#email {
width:25px;
height:25px;
margin:10px 0 0 10px;
position:relative;
}

.infomedia {
position:absolute;
top:2px;
width:150px;
height:25px;
left:27px;
}

#linki {
position:absolute;
top:100px;
left:-5px;
width:150px;
height:150px;
}

#linki a:LINK, #linki a:visited, #linki a:active {
width:140px;
padding:0 0 0 15px;
text-decoration:none;
color:#313131;
font-size:14px;
}

#linki a:hover {
text-decoration:underline;
}