body {
background-attachment: fixed;
background-color: #ffffff;
color: #c9ad88;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
margin: 0 auto;
padding: 0;
}



div#kontener {
background: url('lay/back.jpg') repeat-y;
text-align: left;
width: 980px;
margin: 0 auto;
padding: 0;
position: relative;
}


#logo{
width:305px;
background: url(lay/logo.jpg) no-repeat;
height:107px;
float: left;
position: relative;
}

#top1{
float:left;
background: url('lay/top1.jpg') no-repeat top;
width: 305px;
height: 103px;
}
#top2{
float:right;
background: url('lay/top2.jpg') no-repeat top;
width: 675px;
height: 103px;
}
#top3{
float:left;
background: url('lay/top3.jpg') no-repeat top;
width: 305px;
min-height: 219px;
text-align: center;
}
#top4{
float:right;
width: 675px;
min-height: 174px;
}

#telefon{
margin-top: 219px;
background: url('lay/telefon.jpg') no-repeat top center;
width: 235px;
height: 313px;
}

#licznik{
color: #CFCFB9;
text-align: right;
margin-right: 280px;
}



#menu {
float: right;
background:url('lay/menu-link.jpg') no-repeat;
position: relative;
width:675px;
height:107px;
z-index:90;
}

a#menu01, a#menu02, a#menu03, a#menu04, a#menu05{
text-indent:-3000px;
position:absolute;
z-index:100;
}

a#menu01 {
top:52px;
left:7px;
width:100px;
height:49px;
}

a#menu02 {
top:32px;
left:108px;
width:99px;
height:58px;
}

a#menu03 {
top:21px;
left:207px;
width:99px;
height:56px;
}

a#menu04 {
top:6px;
left:306px;
width:99px;
height:55px;
}

a#menu05 {
top:1px;
left:405px;
width:110px;
height:51px;
}

a#menu01:hover {
background: url(lay/menu-hover.jpg) -7px -52px;
}

a#menu02:hover {
background: url(lay/menu-hover.jpg) -108px -32px;
}

a#menu03:hover {
background: url(lay/menu-hover.jpg) -207px -21px;
}

a#menu04:hover {
background: url(lay/menu-hover.jpg) -306px -6px;
}

a#menu05:hover {
background: url(lay/menu-hover.jpg) -405px -1px;
}

a#referencje1{
position:absolute;
right: 0px;
top: 0px;
background: url(lay/referencje2.jpg);
width:54px;
height:176px;
z-index: 90;
}

a#referencje1{
background: url(lay/referencje.jpg);
z-index: 100;
}

a#referencje1:hover{
background: url(lay/referencje2.jpg);
z-index: 100;
}


#kawa{
background: url(lay/kawa.jpg);
width: 359px;
height: 413px;
float: left;
}

#tresc{
background: url('lay/top4.jpg') no-repeat top;
width: 675x;
height: 100%;
position:relative;
}


#tekst{
color:#4A4A42;
position: relative;
margin-left: 60px;
margin-right: 60px;
margin-bottom: 40px;
text-align: left;
width: 540px;
height:100%;
min-height:200px;
clear: both;
position:relative;
}



#tekst a:link, #tekst  a:visited{
text-decoration: none;
color: #7C552A;
font-size: 12px;
text-align:left;
}

#tekst a:hover {
text-decoration: underline;
color: #533C1C;
font-size: 12px;
}



#referencje-blok{
background-color: #eaead5;
color:#4A4A42;
font-size: 12px;
font-style:italic;
position: relative;
padding: 10px;
margin-top: 5px;
margin-left: 20px;
text-align: left;
width: 500px;
clear: both;
position:relative;
}




a:link, a:visited {
color: #97B2C8;
font-family: verdana, arial, helvetica, sans-serif;
}

a:hover {
color: #ffffff;
text-decoration:none;
font-family: verdana, arial, helvetica, sans-serif;
}

img
{
border-width: 0;
 border-style: none;
}
a:link img, a:visited img {
border: 0px solid #56767E;
}

a:hover img {
border: 0px solid white;
}

#tresc a:link img, #tresc a:visited img {
border: 0px solid #CFCCAF;
padding: 0px;
background: #F0EFDB;
}

#tresc a:hover img {
border: 0px solid #F0EFDB;
padding: 0px;
background: #CFCCAF;
}


.style2 {
color:#4A4A42;
font-family: monotype corsiva,times new roman;
font-size: 25px;
text-align:left;
margin-left:50px;
}
.style5 {
color:#4A4A42;
font-family: monotype corsiva,times new roman;
font-size: 20px;
text-align:left;
margin-left:50px;
}
.style4 {
color:#4A4A42;
font-family: verdana;
font-size: 17px;
text-align:center;
font-weight:bold;
margin-top:5px;
}

.style3 {
color:#4A4A42;
font-family: verdana;
font-size: 11px;
text-align:left;
font-weight:bold;
}

.komunikat {
color:#7D8DA6;
font-family: verdana;
font-size: 11px;
font-style:italic;
}

#bot1{
float:left;
background: url('lay/bot1.jpg') no-repeat top;
width: 492px;
height: 183px;
}
#bot2{
float:right;
background: url('lay/bot2.jpg') no-repeat top;
width: 488px;
height: 183px;
position:relative;
}
#bot3{
float:left;
background: url('lay/bot3.jpg') no-repeat top;
width: 492px;
height: 125px;
}
#bot4{
float:right;
background: url('lay/bot4.jpg') no-repeat top;
width: 488px;
height: 125px;
}




#gallery{
background: url(lay/tabela.jpg) no-repeat top center;
width:150px;
height:420px;
clear: both;
}

#motioncontainer {
overflow:hidden;
position: relative;
margin: 0px auto;

}

#motiongallery {
position:absolute;
left:0;
top:0;
height:auto;

}

#motioncontainer a img{
border: 1px solid #56767E;
}

#motioncontainer a:hover img{
border: 1px solid #ffffff;
}

#motioncontainer a:hover{
color: 1px solid #ffffff;
}

#ramka a:link img, #ramka a:visited img {
border: 0px solid #5e6625;
padding: 0px;
}

#ramka a:hover img {
border: 0px solid #ffffff;
padding: 0px;
}

a:focus {
outline: none
}



#witaj{
background: url(lay/menu/witaj.gif);
width: 142px;
height: 51px;
}

#oferta{
background: url(lay/menu/oferta.gif);
width: 142px;
height: 51px;
}

#portfolio{
background: url(lay/menu/portfolio.gif);
width: 142px;
height: 51px;
}

#cennik{
background: url(lay/menu/cennik.gif);
width: 142px;
height: 51px;
}

#omnie{
background: url(lay/menu/omnie.gif);
width: 142px;
height: 51px;
}

#kontakt{
background: url(lay/menu/kontakt.gif);
width: 142px;
height: 51px;
}

#sznurki{
background: url(lay/menu/sznurki.gif);
width: 142px;
height: 51px;
}

#nasze{
background: url(lay/menu/nasze.gif);
width: 202px;
height: 51px;
}

#referencje{
background: url(lay/menu/referencje.gif);
width: 142px;
height: 51px;
}

#mail{
position:absolute;
left: 112px;
top: 130px;
width:170px;
height:30px;
}

#anashar{
position:absolute;
left: 5px;
top: 10px;
width:280px;
height:145px;
z-index: 100;
}
#gadu{
position:absolute;
left: 14px;
top: 7px;
width:293px;
height:18px;
}