/* CSS Document */

body {
  background: #000;
  color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 62.5%;
  margin: 0px;
  padding: 0px;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1004px;
}

.clear {
  clear: both;
}

a img {
  border: none;
}

p strong.orange {
  color: #f15922;
  font-size: 1.2em;
  font-weight: bold;
}

span.imgwrap {
  border: 1px solid #626262;
  display: block;
  float: left;
  padding: 4px;
}

span.imgwrap img {
  display: block;
}

#nakfoto {
  display: block;
  width: 280px;
  height: 160px;
  text-indent: -5000px;
}

/********** header ************/

#top {
  height: 181px;
  text-align: center;
}

#top .inner {
  background: transparent url(images/header-back.gif) left top no-repeat;
  height: 100%;
}

#top .inner h1 {
  text-indent: -5000px;
}

#top #logo h1 {
  height: 121px;
  margin: 0px;
  text-indent: -5000px;
}

/********** date ************/

.date {
  color: #fff;
  float: right;
  font-size: 1.2em;
  height: 121px;
  line-height: 110px;
}

.date span {
  color: #f15922;
  padding-right: 32px;
}

/********** navigation menu ************/

#navigation {
  background: transparent url(images/menu-back.gif) top left no-repeat;
  xfont-size: 1.3em;
  height: 60px;
  list-style-type: none;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  margin-left: 23px;
}

#navigation li {
  float: left;
  height: 60px;
  padding: 0px;
}

#navigation li * {
  float: left;
}

#navigation li#pl {
  width: 137px;
}

#navigation li#druk-uv {
  width: 104px;
}

#navigation li#druk-solventowy {
  width: 104px;
}

#navigation li#laminowanie-plynne {
  width: 104px;
}

#navigation li#laminowanie-rolowe {
  width: 104px;
}

#navigation li#precyzyjne-wycinanie {
  width: 104px;
}

#navigation li#produkcja-fototapet {
  width: 104px;
}

#navigation li#galeria {
  width: 104px;
}

#navigation li#kontakt {
  width: 139px;
}

/* rollovers */

#navigation li#pl.active {
  background-position: 0px -60px;
}

#navigation li#druk-uv.active {
  background-position: -137px -60px;
}

#navigation li#druk-solventowy {
  background-position: -241px -60px;
}

#navigation li#laminowanie-plynne {
  background-position: -345px -60px;
}

#navigation li#laminowanie-rolowe {
  background-position: -449px -60px;
}

#navigation li#precyzyjne-wycinanie {
  background-position: -553px -60px;
}

#navigation li#produkcja-fototapet {
  background-position: -657px -60px;
}

#navigation li#galeria {
  background-position: -761px -60px;
}

#navigation li#kontakt {
  background-position: -761px -60px;
}

#navigation li a {
  background: none;
  color: #fff;
  float: left;
  font-weight: bold;
  height: 60px;
  text-decoration: none;
  text-indent: -5000px;
  width: 100%;
}

#navigation li.active {
  background: transparent url(images/menu-back.gif) 0px -60px no-repeat;
}

/********** footer ************/

#footer {
  color: #777;
  font-size: 1.2em;
  padding: 18px 0px 10px 0px;
}

#footer .inner {
  padding-left: 32px;
}

#footer p {
  float: left;
  line-height: 1.4em;
  margin: 0px;
  padding: 5px 0px;
  text-align: left;
}

#footer p a {
  color: #f15922;
  text-decoration: none;
}

#footer p#copyright {
  background: transparent url(images/logob.gif) left center no-repeat;
  padding-left: 95px;
  width: 198px;
}

#footer p#address {
  width: 138px;
}

#footer p#phones {
  width: 254px;
}

#footer p#created {
  background: transparent url(images/artnova.gif) left center no-repeat;
  padding-left: 68px;
}

/********** content ************/

#content {
  background: transparent url(images/content-back.jpg) center bottom no-repeat;
}

#content .inner {
  background: transparent url(images/content-all-back.jpg) center bottom no-repeat;
}

#content p,
#content ul,
#content ol {
  font-size: 1.2em;
  line-height: 20px;
}

#content-home p,
#content-home ul,
#content-home ol {
  font-size: 1.2em;
  line-height: 20px;
}

#content ul,
#content-home ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#content ul li,
#content-home ul li {
  background: transparent url(images/dot.gif) left 0.75em no-repeat;
  margin: 0px;
  padding: 0px;
  padding-left: 1.2em;
}

#content h2,
#content-home h2 {
  color: #fff;
  font-size: 6em;
  font-weight: bold;
  height: 88px;
  letter-spacing: -2px;
  margin: 0px;
}

#content h3, #content-home h3 {
  color: #f15922;
  font-size: 1.6em;
  font-weight: bold;
}

#content a {
  color: #f15922;
}

/********** home ************/

#content-home {
  background: transparent url(images/content-back.jpg) center bottom no-repeat;
  height: 786px;
}

#content-home .inner {
  background: transparent url(images/content-home-back.jpg) center bottom no-repeat;
  height: 786px;
}

#content-home h2 {
  color: #fff;
  font-size: 6em;
  font-weight: bold;
  margin: 16px 0px 25px 0px;
}

#content-home h2 span {
  display: block;
  font-size: 0.416em;
  font-weight: normal;
}

#content-home #p1c1 {
  background: transparent url(images/dpos.jpg) 32px 0px no-repeat;
  float: left; 
  padding-left: 32px; 
  padding-top: 35px;
  width: 335px;
}

#content-home #p1c2 {
  float: left; 
  width: 605px;
}

#content-home #p1c3 {
  float: left; 
  padding-right: 20px; 
  width: 297px;
}

#content-home #p1c4 {
  float: left;  
  width: 288px;
}

#dpos-link {
  display: block;
  height: 205px;
  text-indent: -5000px;
  width: 100%;
}

#nf-link {
  display: block;
  height: 205px;
  text-indent: -5000px;
  width: 100%;
}

/********** uv ************/

#p2c1 {
  float: left;
  padding-left: 32px;
  padding-right: 40px;
  padding-top: 360px;
  width: 284px;
}

#p2c2 {
  float: left;
  padding-right: 20px;
  padding-top: 360px;
  width: 307px;
}

#p2c3 {
  float: left;
  padding-right: 32px;
  width: 279px;
}

#uv1, #uv2 {
  display: block;
  float: left;
  width: 49%;
}

#uv1 img,
#uv2 img {
  border: 1px solid #626262;
  display: block;
  float: left;
  padding: 4px;
}

/********** kontakt ************/

#k1 {
  float: left;
  padding-left: 32px;
  xpadding-right: 40px;
  width: 334px;
}

#k2 {
  float: left;
  padding-right: 20px;
  width: 307px;
}

#k3 {
  float: left;
  padding-right: 32px;
  width: 279px;
}

#google-map {
  border: 5px solid #5c5c5c;
  height: 280px;
  width: 270px;
}
/********** formularz kontaktowy ************/

div.form-content {
  font-size: 1.2em;
  line-height: 1.4em;
}

div.form-content .form-item {
  margin: 1em 0em;
}

div.form-content .form-item input,
div.form-content .form-item textarea {
  background-color: #363636;
  border: 1px solid #363636;
  color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  line-height: 1.4em;
  padding: 5px;
  width: 260px;
}

div.form-content .form-item textarea {
  font-size: 1.2em;
  height: 8em;
}

div.form-content .form-submit {
}

div.form-content .form-submit button {
  background: transparent;
  border: none;
  color: #f3b123;
  height: 30px;
  padding: 0em;
  width: 83px;
}