/* 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) 15px 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.png) top left no-repeat;
  xfont-size: 1.3em;
  height: 60px;
  list-style-type: none;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
}

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

#navigation li * {
  float: left;
}

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

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

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

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

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

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

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

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

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

/* rollovers */

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

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

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

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

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

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

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

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

#navigation li#kontakt {
  background-position: -895px -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.png) 0px -60px no-repeat;
}

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

#footer {
  color: #777;
  font-size: 1.2em;
  padding: 9px 0px 10px 0px;
  height: 210px;
  background: transparent url(images/stopka_bg.gif) repeat-x 0 0;
}

#footer .inner {
  height: 61px;
}
#footer .inner2 {
  width: 1004px;
  margin: 0px auto;
}


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

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

#footer p#copyright {
  padding-top: 18px;
  width: 243px;
  float: right;
}

#footer p#address {
  width: 138px;
  line-height: 17px;
  padding-top: 8px;
  padding-left: 33px;
}

#footer p#phones {
  width: 254px;
  padding-top: 8px;
  padding-left: 23px;
}

#footer p#created {
  float: right;
  background: transparent url(images/artnova.gif) left center no-repeat;
  padding-left: 68px;
  margin-top: 17px;
  width: 173px;
}

#footer a.but{
	width: 120px;
	height: 45px;
	display: block;
	float: left;
	margin: 14px 8px 0 34px;
	cursor: pointer;
}
#footer a#nf{
	background: #000 url(images/nf-bw.gif) no-repeat 0 0;
}
#footer a#nf:hover{
	background: #000 url(images/nf-but.gif) no-repeat 0 0;
}
#footer a#pf{
	background: #000 url(images/pf-bw.gif) no-repeat 0 0;
}
#footer a#pf:hover{
	background: #000 url(images/pf-but.gif) no-repeat 0 0;
}
#footer a#dp{
	background: #000 url(images/dp-bw.gif) no-repeat 0 0;
}
#footer a#dp:hover{
	background: #000 url(images/dp-but.gif) no-repeat 0 0;
}

/********** 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.png) 32px 71px 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: 300px;
}

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

#k3 {
  float: left;
  padding-right: 32px;
  width: 279px;
}
#kontakt_adresy{
	margin-left: 332px;
	margin-top: -47px;
}
.lk{
	float: left;
	padding-right: 40px;
}

#google-map {
  border: 5px solid #5c5c5c;
  height: 301px;
  width: 630px;
  margin-top: 34px;
}
/********** 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;
}