/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ul {list-style: none;}
input, textarea { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 62.5%;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

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

.home #center { background: #E7F0DD url(../img/produkty-home.jpg) no-repeat; }
#center { width: 980px; height: 720px; margin: 0 auto; background: url(../img/produkty-vina.jpg) no-repeat; text-align: center; position: relative; clear: left; }

#logo { float: left; }
#banner { position: absolute; left: 360px; top: 200px; width: 430px; height: 165px; overflow: hidden;  }

#menu { float: right; margin: 60px 30px 0 0; display: inline; }
#menu li { float: left; overflow: hidden; }
#menu a { display: block; width: 150px; height: 140px; }
#menu a:hover, .curr a { background-position: bottom !important; }

#m1 { background: url(../img/produkty-m1.gif) no-repeat top; }
#m2 { background: url(../img/produkty-m2.gif) no-repeat top; }
#m3 { background: url(../img/produkty-m3.gif) no-repeat top; }

#text { text-align: left; width: 550px; position: absolute; left: 360px; top: 370px; padding: 20px 0; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; line-height: 170%; font-size: 120%; color: #1E5639;}

#products { position: absolute; left: 76px; top: 200px; }
#products div { float: left; }
#products img { display: block; margin: 135px 0 0 0; cursor:hand; cu\rsor: pointer; }
#products h2, #products p { position: absolute; left: -9999px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
#products h2 { top: 370px; font-size: 130%; font-weight: bold; color: #1E5639; line-height: 150%;}
#products p { top: 390px; line-height: 150%; font-size: 110%; color: #333; width: 410px; text-align: left; }
#products .hover h2, #products .click h2 { left: 20px;  }
#products .click p { left: 20px; text-align: left;  }
#products .click img { cursor: auto; }

#distance { float: left; width:1px; height:50%; margin-top: -360px; }

#butterfly { width: 161px; height: 133px; background: url(../img/butterfly.gif) no-repeat; position: absolute; top: 163px; left: -999px;  }