@import 'reset.css';

/* ---------------------------------------------------------- */
/* --------------------------------------- SZKIELET STRONY -- */

html { background: url('../obrazki/background/background_main.png'); }
body { background: url('../obrazki/background/top_gradient.png') repeat-x top; }

div#frame { background: url('../obrazki/background/top_flash.jpg') no-repeat top left; overflow: hidden; }
div#content { width: 1440px; margin: 0 auto; }

img#logotyp { margin: 28px 0 0 163px; float: left; }
img#nazwa_zakladu { margin: 63px 0 0 36px; float: left; }

/* ------------------------------------------- MENU JĘZYKI -- */

ul#languages {
  width: 192px;
  height: 80px;
  border-top: 5px solid #056839;
  margin-left: 640px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  padding-top: 22px;
}

ul#languages li {
  display: inline;
  padding-left: 10px;
  color: #351600;
}

ul#languages li a { color: #056839; }
ul#languages li a.active { color: #333; }
ul#languages li a:hover { color: #333; text-decoration: none; }

/* ------------------------------------------- MENU GŁÓWNE -- */

ul#menu {
  border-top: 1px solid #74a531;
  width: 420px;
  float: left;
  margin: -41px 0 0 375px;
  padding-top: 34px;
}

ul#menu li { float: left; }
ul#menu li a { display: block; width: 80px; height: 14px; }

ul#menu li a.o_firmie   { background: url('../obrazki/menu/o_firmie.png') no-repeat 0 -18px; }
ul#menu li a.oferta     { background: url('../obrazki/menu/oferta.png') no-repeat 0 -18px; margin-left: 28px; }
ul#menu li a.kontakt    { background: url('../obrazki/menu/kontakt.png') no-repeat 0 -18px; margin-left: 16px; }
ul#menu li a:hover, ul#menu li a.active { background-position: 0 0; }

/* ---------------------------------------- OBRAZEK W ROGU -- */

img#torf {
  position: relative; top: -107px; left: -110px; z-index: 5; }

/* ---------------------------------------------------------- */
/* ------------------------------------ SZKIELETY PODSTRON -- */

div.text {
  padding: 0 25px;
  width: 949px;
  margin: -241px 0 0 139px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 25px 0;
  font: 14px / 22px arial, helvetica, sans-serif;
}

h1 { padding: 60px 0 0 45px; }
p { background: #fff; padding: 24px 44px 0 44px; color: #888; text-align: justify; }
p b { font-family: verdana, tahoma, sans-serif; color: #056839; }

.o_firmie { background-image: url('../obrazki/sites/top_content.png'); }
.oferta   { background: url('../obrazki/sites/top_products.png'); }

p#kreska { padding: 10px 44px 3px 44px; }
p#broszura { padding: 22px 0 20px 44px; }
p#cennik {
  background: url('../obrazki/sites/bottom_main.png') no-repeat;
  padding: 4px 50px 80px 44px; }

p#broszura img,  p#cennik img   { float: left; }
p#broszura i,    p#cennik i     { display: block; margin: 6px 0 0 54px; font-size: 13px; color: #555; }
p#broszura span, p#cennik span  { color: #888; }
p#broszura a,    p#cennik a     { color: #666; font-weight: bold; }
p#broszura a:hover, p#cennik a:hover { color: #111; text-decoration: none; }

/* ------------------------------------------------ OFERTA -- */

div#show { height: 410px; text-align: center; }
img#offer_left { position: relative; top: 178px; left: 118px; float: left; }
img#offer_right { position: relative; top: 178px; left: 763px; float: left; }
img#visual_left { position: relative; top: 40px; float: left; }
img#visual_right { position: relative; top: 34px; float: left; }

.nazwa_produktu { position: relative; top: 353px; float: left; }
#number { position: relative; top: 375px; float: left; }
p.opis { color: #267c53; font: 12px / 17px tahoma; padding-top: 28px; }

ul#sklad {
  background: url('../obrazki/sites/bottom_products.png') no-repeat;
  padding: 3px 80px 128px 80px;
  color: #a8a8a8;
  font: 12px / 17px tahoma; }

ul#sklad li { float: left; text-align: center; width: 180px; }

/* ----------------------------------------------- KONTAKT -- */

a.link { color: #0083ae; text-decoration: none; }
a.link:hover { color: #333; text-decoration: underline; }

/* ---------------------------------------------------------- */
/* ------------------------------------------------ STOPKA -- */

div#copyrights { font: 11px / 12px helvetica, arial; color: #659968; float: left; margin: 10px 0 40px 44px; }

div#design {
  font-size: 11px;
  color: #659968;
  float: right;
  margin: 10px 44px 40px 0; }

div#design a { color: #659968; font-weight: bold; }
div#design a:hover { color: #444; text-decoration: none; }