/* CSS Document */


BODY {
    background:                 #865b30 url(/gfx/tlo.jpg) repeat-x top left;
    text-align:                 center;
    margin:                     0;
    padding:                    0;
    border-style: 		        none;
}

#main {
    background:                 transparent url(/gfx/kartka.jpg) no-repeat top left;

    position:                   relative;
    margin:                     0 auto;
    margin-top: 18px;
    margin-bottom: 30px;
    width:                      910px;
    text-align:                 left;

	height:                     595px;
}

A:link {
  color: brown;
}
A:visited {
  color: gray;
}
A:hover, A:active {
  color: red;
}

h1 {
    position: relative;
    top: 56px;
    left: 250px;
    width:                      415px;
    height:                     80px;    
    background:                 transparent url(/gfx/pisanie-tekstow-copywriter.gif) no-repeat top left;
    margin: 0;
    padding: 0;
}
h1 span {
    display: none;   
}
h2 {
    display: none;   
}
h3 {
    display: none;   
}


/* MENU */

#menu, #menu li {
    margin:0;
    padding:0;
}
#menu li {
    list-style:                 none;
}
#menu span  {
    visibility:                 hidden;
}
#menu {
    position:                   absolute;
    top:                        147px;
    left:                       221px;
    width:                      481px;
    height:                     42px;
}

#menu li, #menu a {
    position:                   absolute;
    top:                        0px;
    display:                    block;
    text-decoration:            none;
}

#menu #dzialalnosc a, #menu #dzialalnosc2 a, #menu #dzialalnosc a:hover { left: 0px; width: 125px; height: 42px; background: transparent url(/gfx/menu.gif); }
#menu #dzialalnosc a {          background-position: 0px 0px;  }
#menu #dzialalnosc2 a, #menu #dzialalnosc a:hover {         background-position: 0px -42px; }

#menu #oferta a, #menu #oferta2 a, #menu #oferta a:hover { left: 125px; width: 75px; height: 42px; background: transparent url(/gfx/menu.gif); }
#menu #oferta a {          background-position: -125px 0px;  }
#menu #oferta2 a, #menu #oferta a:hover {         background-position: -125px -42px; }

#menu #klienci a, #menu #klienci2 a, #menu #klienci a:hover { left: 200px; width: 77px; height: 42px; background: transparent url(/gfx/menu.gif); }
#menu #klienci a {          background-position: -200px 0px;  }
#menu #klienci2 a, #menu #klienci a:hover {         background-position: -200px -42px; }

#menu #zamowienie a, #menu #zamowienie2 a, #menu #zamowienie a:hover { left: 277px; width: 115px; height: 42px; background: transparent url(/gfx/menu.gif); }
#menu #zamowienie a {          background-position: -277px 0px;  }
#menu #zamowienie2 a, #menu #zamowienie a:hover {         background-position: -277px -42px; }

#menu #kontakt a, #menu #kontakt2 a, #menu #kontakt a:hover { left: 392px; width: 89px; height: 42px; background: transparent url(/gfx/menu.gif); }
#menu #kontakt a {          background-position: -392px 0px;  }
#menu #kontakt2 a, #menu #kontakt a:hover {         background-position: -392px -42px; }

#tekst {
  position: absolute;
  top: 215px;
  left: 80px;
  width: 740px;
  font-family: 'Georgia';
  font-size: 10pt;
  color: gray;
  text-align: justify;
}

#tekst p {
  margin-top: 0;
  margin-bottom: 10px;
  text-indent: 3em;
}

.prawo {
  float: right;
  clear: right;
  margin-left: 25px;
  margin-bottom: 50px;
}

.center {
  text-align: center;
}

.obwodka {
  padding: 2px;
  border: 1px solid brown;
}

#tabelaklienci td {
  margin: 0;
  padding: 5px;
  text-align: center;
  vertical-align: center;
}

.duze {
  font-size: 15pt;
}

#copyright {
  position: absolute;
  top: 600px;
  left: 600px;
  font-family: Tahoma, Arial, Verdana;
  font-size: 10px;
  color: #3E2601;
}

#copyright a:link, #copyright a:visited {
  font-weight: bold;
  color: #3E2601;
}

#zapytanie {
  text-align: center;
}

.ok {
  border: 2px solid green;
  background: lightgreen;
  color: green;
  padding: 5px;
  margin: 0 auto;
  text-align: center;
  font-family: Tahoma;
  font-weight: bold;
  width: 300px;
  margin-bottom: 1em;
}
.blad {
  border: 2px solid crimson;
  background: pink;
  color: crimson;
  padding: 5px;
  margin: 0 auto;
  text-align: center;
  font-family: Tahoma;
  font-weight: bold;
  width: 300px;
  margin-bottom: 1em;
}

.inputy {
  border: 1px solid gray;
  background-color: moccasin;
}
