@import url("reset.css");
@import url("validator.css");

body {
 background: #fff url(../gfx/body.jpg) top left no-repeat;
}

div#container {
 position: relative;
 width: 1187px;
 height: 845px;
}

div#logo {
 width: 248px;
 height: 59px;
 position: absolute;
 top: 95px;
 left: 59px;
}

div#menu {
 position: absolute;
 top: 280px;
 left: 333px;
}

div#menu ul li {
 display: inline;
}

div#menu ul li a {
 font: normal 14px/55px Arial;
 color: #fff;
 display: block;
 float: left;
 height: 55px; 
 width: 130px;
 text-align: center;
 text-decoration: none;
 padding: 0 8px;
}

div#menu ul li a:hover, div#menu ul li a.active {
 background: url(../gfx/hover.png);
 color: #ff5a00;
}

img.separator {
 float: left;
 margin-top: 14px;
}

div#bar {
 position: absolute;
 top: 340px;
 left: 59px;
 width: 1022px;
 height: 85px;
}

div.box {
 float: left;
 width: 190px;
 height: 89px;
 padding-left: 35px;
}

div.box p {
 font: normal 12px Arial;
 color: #fff;
 padding-left: 10px;
 line-height: 20px;
}

img.arrow {
 vertical-align: middle;
 margin-right:10px;
}

span.orange {
 color: #ff5a00;
}

span.small {
 font: normal 10px Arial;
}

div.serwis {
 background: url(../gfx/serwis.png) top left no-repeat;
 margin-left: 60px;
}

div.biuro {
 background: url(../gfx/office.png) top left no-repeat;
}

div.mail {
 background: url(../gfx/mail.png) top left no-repeat;
}

div.allegro {
 background: url(../gfx/allegro.png) top left no-repeat;
}

div#content {
 position: absolute;
 top: 440px;
 left: 100px;
 width: 700px;
 height: 240px;
}

div#content p, div#phone p {
 font: normal 12px/20px Arial;
 color: #fff;
 margin-bottom: 15px;
}

div#shop {
 width: 180px;
 height: 66px;
 background: url(../gfx/shop.png);
 position: absolute;
 top: 510px;
 left: 855px;
}

div#shop p, div#contact_button p {
 font: normal 12px/16px Arial;
 padding: 15px 0 0 66px;
 margin-bottom: 15px;
}

div#shop p a, div#contact_button p a {
 color: #fff;
 text-decoration: none;
}

div#contact_button {
 width: 180px;
 height: 66px;
 background: url(../gfx/contact.png);
 position: absolute;
 top: 590px;
 left: 855px;
}

div#contact_button p {
 padding-top: 22px;
}

div#footer {
 width: 997px;
 height: 44px;
 position: absolute;
 top: 710px;
 left: 60px;
}

div#footer p {
 width: 990px;
 text-align: right;
 font: normal 11px/40px Arial;
 color: #5f5f5f;
}

img.stat {
 margin-left: 40px;
}

span.label {
 width: 111px;
 display: block;
 text-align: right;
 float: left;
 margin-right: 15px;
}

input.txt {
 background: none;
 border: dashed #ff5a00 1px;
 width: 205px;
 height: 18px;
 color: #fff;
}

input.submit {
 border: none;
 width: 56px;
 height: 27px;
 background: url(../gfx/hover.png);
 color: #fff;
 cursor: pointer;
 position: relative;
 left: 276px;
 top: -10px;
}

textarea.tresc {
 width: 205px;
 height: 110px;
 background: none;
 border: dashed #ff5a00 1px;
 overflow: auto;
 color: #fff;
}

div#phone {
 position: absolute;
 top: 440px;
 left: 490px; 
}
