* {
  margin: 0px;
  padding: 0px; 
}


object {
	outline: none;
}

body {
  background: #222 url(images/page-back.jpg) top center no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.4em;
  text-align: center;
}

body.pageFolio {
  background: #222 url(aimages/page-folio-back.jpg) top center no-repeat;
}

/* page top */

#pageLogo {
  background: transparent url(images/page-logo.jpg) top center no-repeat;  
  height: 70px;
}

#pageOfertaLogo {
  background: transparent url(images/oferta-page-logo.jpg) top center no-repeat;  
  height: 70px;
}

#pageFolioLogo {
  background: transparent url(images/folio-page-top-back.gif) top center no-repeat;  
  height: 90px;
}

#pageLogo a, #pageFolioLogo a, #pageOfertaLogo a {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;  
  text-indent: -5000px;
  width: 840px;
}

#flashPortfolio {
  height: 510px;
  margin-left: auto;
  margin-right: auto;
  width: 840px;
}

/* link szukamy wspolpracownikow*/

a#szukamy {
  background: transparent url(images/szukamy.gif) top left no-repeat;
  display: block;
  height: 150px;
  right: 0px;
  position: absolute;
  text-indent: -5000px;
  top: 0px;
  width: 149px;
  z-index: 100;
}

/* main page menu */

#pageMenu {
  background: #fff url(images/main-page-menu-back.gif) top center no-repeat;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}

#pageMenu ul {
  height: 31px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  width: 840px;
}

#pageMenu ul li {
  float: left;
  height: 31px;
}

#pageMenu ul li a {
  display: block;
  height: 31px;
  text-indent: -5000px;
}

#pageMenu ul li a:hover, #pageMenu ul li a.active {
  background-image: url(images/main-page-menu-over.gif);
}

#pageMenu ul li a#menuHome {
  background-position: 0px 0px;
  width: 103px;
}

#pageMenu ul li a#menuOferta {
  background-position: -103px 0px;
  width: 127px;
}

#pageMenu ul li a#menuWWW {
  background-position: -230px 0px;
  width: 120px;
}

#pageMenu ul li a#menuPoligrafia {
  background-position: -350px 0px;
  width: 153px;
}

#pageMenu ul li a#menuKontakt {
  background-position: -503px 0px;
  width: 136px;
}

/* www folio page menu */

#pageFolioMenu {
  background: #fff url(images/folio-page-menu-back.gif) top center no-repeat;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}

#pageFolioMenu ul {
  height: 31px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  width: 840px;
}

#pageFolioMenu ul li {
  float: left;
  height: 31px;
}

#pageFolioMenu ul li a {
  display: block;
  height: 31px;
  text-indent: -5000px;
}

#pageFolioMenu ul li a:hover, #pageFolioMenu ul li a.active {
  background-image: url(images/folio-page-menu-over.gif);
}

.poligrafiaMenu ul li a:hover, .poligrafiaMenu ul li a.active {
  background-image: url(images/poli-page-menu-over.gif) !important;
}

#pageFolioMenu ul li a#menuHome {
  background-position: 0px 0px;
  width: 92px;
}

#pageFolioMenu ul li a#menuOferta {
  background-position: -92px 0px;
  width: 103px;
}

#pageFolioMenu ul li a#menuWWW {
  background-position: -195px 0px;
  width: 97px;
}

#pageFolioMenu ul li a#menuPoligrafia {
  background-position: -292px 0px;
  width: 130px;
}

#pageFolioMenu ul li a#menuKontakt {
  background-position: -422px 0px;
  width: 110px;
}


/* main page contents*/

#pageContents {
  background: #fff url(images/main-page-content-back.gif) bottom center no-repeat;
  padding-bottom: 35px;
  width: 100%;
}

/* www-folio page contents*/

#pageFolioContents {
  background: #afafad url(images/page-folio-back.jpg) center -121px no-repeat;
  padding-bottom: 5px;
  width: 100%;
}

/* www-folio content style*/

#pageFolioContents #columns {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: left;
  width: 840px;
}

#pageFolioInfo {
  color: #7a7a79;
  display: inline;
  float: left;
  font-size: 1.1em;
  margin-left: 25px;
  padding-right: 10px;
  padding-top: 15px;
  width: 153px;
}

#pageFolioInfo span {
  font-weight: bold;
  font-size: 1em;
}

#pageFolioInfo h2 {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 14pt;
}

#pageFolioInfo h2 span {
  font-size: 1.6em;
  font-weight: bold;
}

#pageFolioInfo dl dd {
  margin-bottom: 1em;
}

#pageFolioInfo dl dd a {
  color: #6A9DD4;
  font-weight: bold;
  text-decoration: underline;
}

#pageFolioInfo dl dt {
  font-weight: bold;
}

#pageFolioInfo p {
  margin: 1.5em 0px;
}


#pageFolioScreens {
  float: left;
  padding-top: 15px;
  width: 429px;
}

#pageFolioNavigation {
  background-color: #fff;
  border-left: 1px solid #d6d7d9;
  border-bottom: 1px solid #d6d7d9;
  border-right: 1px solid #d6d7d9;
  color: #8b8b8b;
  float: left;
  margin: 0px 8px 0px 5px;
  padding: 15px;
  width: 178px;
}

#pageFolioNavigation h2 {
  background: transparent url(images/head-www-portfolio.gif) top left no-repeat;
  font-size: 2.6em;
  font-weight: bold;
  height: 49px;
  text-indent: -5000px;
}

#pageFolioNavigation h3 {
  font-size: 1.6em;
  font-weight: bold;
}

#pageFolioNavigation p {
  font-size: 1.1em;
  margin: 1.5em 0px;
}

#pageFolioNavigation ul {
  font-size: 1.1em;
  list-style-type: none;
  margin: 1.5em 0px;
}

#pageFolioNavigation ul.linkList {
  margin-bottom: 0px;
}

#pageFolioNavigation ul.linkList li {
  margin-bottom: .1em;
}

#pageFolioNavigation ul.linkList li a {
  color: #8b8b8b;
}

#pageFolioNavigation ul.linkList li a:hover, #pageFolioNavigation ul.linkList li a.active {
  color: #a22600;
}

#pageFolioNavigation ul.numberList {
  overflow: hidden;
}

#pageFolioNavigation ul.numberList li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

#pageFolioNavigation ul.numberList li a {
  background-color: #ececec;
  border: 1px solid #d7d8da;
  color: #babab8;
  display: block;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  width: 15px;
}

#pageFolioNavigation ul.numberList li a:hover, #pageFolioNavigation ul.numberList li a.active {
  background-color: #a22600;
  border-color: #a22600;
  color: #fff;
}

#pageFolioScreens .screen {
  margin-bottom: 10px;
}

#pageFolioScreens .screen img {
  display: block;
}

#pageFolioScreens .screen a.topLink {
  color: #fff;
  display: block;
  height: 15px;
  left: 420px;
  margin-bottom: -15px;
  position: relative;
  text-decoration: none;
  top: -15px;
  width: 15px;
}

#pageFolioScreens .screen a.topLink img {
  border: none;
}

/* poligrafia folio page style */

#pagePoligrafiaContents {
  background: #aeaeac url(images/page-poli-back.jpg) top left repeat-x;
  padding-bottom: 5px;
  width: 100%;
}

/* poligrafia-folio content style*/

#pagePoligrafiaContents #poligrafiaColumns {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: left;
  width: 840px;
}

#pagePoligrafiaScreens {
  display: inline;
  float: left;
  margin-left: 25px;
  padding-top: 15px;
  width: 592px;
}

#pagePoligrafiaScreens a.prevLink {
  color: #fff;
  display: block;
  height: 15px;
  left: -25px;
  margin-bottom: -15px;
  position: relative;
  text-decoration: none;
  top: 2em;
  width: 15px;
}

#pagePoligrafiaScreens a.nextLink {
  color: #fff;
  display: block;
  height: 15px;
  left: 563px;
  margin-bottom: -15px;
  position: relative;
  text-decoration: none;
  top: 2em;
  width: 15px;
}

#pagePoligrafiaScreens a.prevLink img, #pagePoligrafiaScreens a.nextLink img {
  border: none;
}

#pagePoligrafiaScreens h2 {
  color: #b1b1b1;
  font-size: 2em;
  font-weight: bold;
  margin: .25em 0em;
}

#pagePoligrafiaScreens span.for {
  color: #7a7a79;
  font-size: 1.1em;
  font-weight: bold;
}

#pagePoligrafiaScreens p {
  color: #7a7a79;
  font-size: 1.1em;
  margin: .7em 1em 1em 0em;
}

#pagePoligrafiaNavigation {
  background-color: #fff;
  border-left: 1px solid #d6d7d9;
  border-bottom: 1px solid #d6d7d9;
  border-right: 1px solid #d6d7d9;
  color: #8b8b8b;
  float: left;
  margin: 0px 8px 0px 5px;
  padding: 15px;
  width: 178px;
}

#pagePoligrafiaNavigation h2 {
  background: transparent url(images/head-poli-portfolio.gif) top left no-repeat;
  font-size: 2.6em;
  font-weight: bold;
  height: 29px;
  text-indent: -5000px;
}

#pagePoligrafiaNavigation h3 {
  font-size: 1.6em;
  font-weight: bold;
}

#pagePoligrafiaNavigation p {
  font-size: 1.1em;
  margin: 1.5em 0px;
}

#pagePoligrafiaNavigation ul {
  font-size: 1.1em;
  list-style-type: none;
  margin: 1.5em 0px;
}

#pagePoligrafiaNavigation ul.linkList li {
  margin-bottom: .1em;
}

#pagePoligrafiaNavigation ul.linkList li a {
  color: #8b8b8b;
}

#pagePoligrafiaNavigation ul.linkList li a:hover, #pagePoligrafiaNavigation ul.linkList li a.active {
  color: #a22600;
}

#pagePoligrafiaNavigation ul.numberList {
  overflow: hidden;
  width: 99%;
}

#pagePoligrafiaNavigation ul.numberList li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

#pagePoligrafiaNavigation ul.numberList li a {
  background-color: #ececec;
  border: 1px solid #d7d8da;
  color: #babab8;
  display: block;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  width: 15px;
}

#pagePoligrafiaNavigation ul.numberList li a:hover, #pagePoligrafiaNavigation ul.numberList li a.active {
  background-color: #a22600;
  border-color: #a22600;
  color: #fff;
}

#pagePoligrafiaScreens .screen {
  margin-bottom: 10px;
}

#pagePoligrafiaScreens .screen img {
  display: block;
}

#pagePoligrafiaScreens .screen a.topLink {
  color: #fff;
  display: block;
  height: 15px;
  left: 590px;
  margin-bottom: -20px;
  position: relative;
  text-decoration: none;
  top: -22px;
  width: 15px;
}

#pagePoligrafiaScreens .screen a.topLink img {
  border: none;
}

/* multimedia folio page style */

#pageMediaContents {
  background: #4e4e4d url(images/page-media-back.jpg) top left repeat-x;
  padding-bottom: 5px;
  width: 100%;
}

/* multimedia folio page contents */

#pageMediaContents #mediaColumns {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: left;
  width: 840px;
}

#pageMediaScreens {
  display: inline;
  float: left;
  margin-left: 25px;
  padding-top: 10px;
  width: 592px;
}

#pageMediaScreens h2 {
  color: #b1b1b1;
  font-size: 2em;
  font-weight: bold;
  margin: .25em 0em;
}

#pageMediaScreens span.for {
  color: #7a7a79;
  font-size: 1.1em;
  font-weight: bold;
}

#pageMediaScreens p {
  color: #7a7a79;
  font-size: 1.1em;
  margin: .7em 1em 1em 0em;
}

#pageMediaNavigation {
  background-color: #fff;
  border-left: 1px solid #d6d7d9;
  border-bottom: 1px solid #d6d7d9;
  border-right: 1px solid #d6d7d9;
  color: #8b8b8b;
  float: left;
  margin: 0px 8px 0px 5px;
  padding: 15px;
  width: 178px;
}

#pageMediaNavigation h2 {
  background: transparent url(images/head-media-portfolio.gif) top left no-repeat;
  font-size: 2.6em;
  font-weight: bold;
  height: 29px;
  text-indent: -5000px;
}

#pageMediaNavigation h3 {
  font-size: 1.6em;
  font-weight: bold;
}

#pageMediaNavigation p {
  font-size: 1.1em;
  margin: 1.5em 0px;
}

#pageMediaNavigation ul {
  font-size: 1.1em;
  list-style-type: none;
  margin: 1.5em 0px;
}

#pageMediaNavigation ul.linkList li {
  margin-bottom: .1em;
}

#pageMediaNavigation ul.linkList li a {
  color: #8b8b8b;
}

#pageMediaNavigation ul.linkList li a:hover, #pageMediaNavigation ul.linkList li a.active {
  color: #a22600;
}

#pageMediaNavigation ul.numberList {
  overflow: hidden;
}

#pageMediaNavigation ul.numberList li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

#pageMediaNavigation ul.numberList li a {
  background-color: #ececec;
  border: 1px solid #d7d8da;
  color: #babab8;
  display: block;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
  width: 15px;
}

#pageMediaNavigation ul.numberList li a:hover, #pageMediaNavigation ul.numberList li a.active {
  background-color: #a22600;
  border-color: #a22600;
  color: #fff;
}

#pageMediaScreens .screen {
  margin-bottom: 10px;
}

#pageMediaScreens .screen img {
  display: block;
}

#pageMediaScreens .screen a.topLink {
  color: #fff;
  display: block;
  height: 15px;
  left: 590px;
  margin-bottom: -20px;
  position: relative;
  text-decoration: none;
  top: -22px;
  width: 15px;
}

#pageMediaScreens .screen a.topLink img {
  border: none;
}

/* main page footer */

#pageFooter {
  color: #5c5c5c;
  font-size: 1.1em;
}

#footer {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  text-align: left;
  width: 820px;
}

#services {
  background-color: #2d2d2d;
  color: #888;
  line-height: 1.4em;
  margin: 20px auto 14px auto;
  padding: 20px;
  overflow: hidden;
  text-align: left;
  width: 800px;
}

.servicesSection {
  float: left;
  margin-right: 20px;
  width: 185px;
}

#services a {
  color: #fff;
  text-decoration: underline;
}

#services address {
  font-style: normal;
}

#services h2 {
  font-size: 1.5em;
  margin-bottom: .66em;
}

#services p {
  margin-bottom: 1.4em;
}

#services span.important {
  color: #7facdd;
  font-weight: bold;
}

#services ul {
  list-style-type: none;
}

#servicesPoligrafia {}

#servicesWWW {}

#servicesCMS {}

#servicesContact {
  width: 160px;
}

/* home page news */

#mainNews {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 2em;
  text-align: left;
  width: 840px;
}

#mainNews ul {
  border-right: 1px solid #d6d7d9;
  float: left;
  list-style-type: none;
  overflow: hidden;
  width: 635px;
}

#mainNews ul li {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 190px;
}

#mainNews span.date {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}

#mainNews h3 {
  color: #9b9fa6;
  font-size: 1.2em;
  margin-bottom: .5em;
}

#mainNews p {
  color: #9b9fa6;
  font-size: 1.1em;
}

#mainNews a {
  color: #6a9dd4;
  font-weight: bold;
  text-decoration: none;
}

#flashNasiKlienci {
  background: transparent url(images/flash-nasi-klienci.jpg) top left no-repeat;
  float: right;
  height: 149px;
  width: 204px;
}

/* oferta */

#ofertaBanner {
  background: transparent url(images/oferta-poligrafia-banner.jpg) top center no-repeat;
  height: 440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#offerSection {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 2em;
  text-align: left;
  width: 840px;
}

#offerSection div {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 190px;
}

#offerSection div ul {
  list-style-type: none;
  margin: .5em 0em .5em 0em;
}

#offerSection div ul li {
  background: transparent url(images/list-dot.gif) .5em .7em no-repeat;
  color: #9b9fa6;
  font-size: 1.2em;
  line-height: 1.3em;
  padding-left: 1.4em;
}

#offerSection span.date {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}

#offerSection h3 {
  color: #72a7e2;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: .5em;
}

#offerSection p {
  color: #9b9fa6;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: .5em;
  margin-top: .5em;
}

#offerSection a {
  color: #6a9dd4;
  font-weight: bold;
  text-decoration: none;
}

#flashNasiKlienci {
  background: transparent url(images/flash-nasi-klienci.jpg) top left no-repeat;
  float: right;
  height: 149px;
  width: 204px;
}

/* oferta 2 - reklamy, etc. */

#offerSection2 {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 2em;
  text-align: left;
  width: 840px;
}

#offerSection2 div {
  border: 5px solid #fff;
  display: inline;
  float: left;
  padding: 15px;
  width: 170px;
}

#offerSection2 div.covers {
  padding-top: 0px;
}

#offerSection2 div.act {
  border: 5px solid #efefef;
  cursor: pointer;
}

#offerSection2 div ul {
  list-style-type: none;
  margin: .5em 0em .5em 0em;
}

#offerSection2 div ul li {
  background: transparent url(images/list-dot.gif) .5em .7em no-repeat;
  color: #9b9fa6;
  font-size: 1.1em;
  padding-left: 1.4em;
}

#offerSection2 span.date {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}

#offerSection2 h3 {
  color: #72a7e2;
  font-size: 1.8em;
  margin-bottom: .5em;
}

#offerSection2 p {
  color: #9b9fa6;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: .5em;
  margin-top: .5em;
}

#offerSection2 a {
  color: #6a9dd4;
  font-weight: bold;
  text-decoration: none;
}


/* kontakt */

#contactSection {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 2em;
  text-align: left;
  width: 840px;
}

#contactSection div {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 190px;
}

#contactSection div ul {
  list-style-type: none;
  margin: .5em 0em .5em 0em;
}

#contactSection div ul li {
  background: transparent url(images/list-dot.gif) .5em .7em no-repeat;
  color: #9b9fa6;
  font-size: 1.1em;
  padding-left: 1.4em;
}

#contactSection span.date {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}

#contactSection h3 {
  color: #72a7e2;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: .5em;
}

#contactSection address {
  color: #9b9fa6;
  font-style: normal;
  font-size: 1.1em;
}

#contactSection a {
  color: #6a9dd4;
  text-decoration: none;
}

#contactSection p {
  color: #9b9fa6;
  font-size: 1.1em;
  margin-bottom: .5em;
  margin-top: .5em;
}

#contactSection form#contactForm label {
  color: #9b9fa6;
  font-style: normal;
  font-size: 1.1em;
}

#contactSection form#contactForm input,
#contactSection form#contactForm textarea {
  border: 1px solid #ddd;
  font-size: 1.1em;
  margin-bottom: 5px;
  padding: 2px 0px;
  width: 220px;
}

#contactSection form#contactForm textarea {
  font-family: Arial, Helvetica, sans-serif;
  height: 9em;
}

#contactSection form#contactForm input#submit {
  background-color: #6a9dd4;
  color: #fff;
  border: none;
  float: right;
  font-size: 1.1em;
  font-weight: bold;
  padding: 3px;
  width: 70px;
}

/* oferta www */

#ofertaWWWBanner {
  background: transparent url(images/oferta-www-banner.jpg) top center no-repeat;
  height: 440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* oferta poligrafia */

#ofertaPoligrafiaBanner {
  background: transparent url(images/oferta-poligrafia-banner.jpg) top center no-repeat;
  height: 445px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* banner page */

p.bannerInfo {
  background: transparent url(images/banner-arrow.gif) 0px 4px no-repeat;
  left: 365px;
  padding-left: 10px;
  position: relative;
  top: -428px;
  width: 150px; 
}

p.bannerInfo strong.light {
  color: #fff;
}

p.bannerInfo a {
  color: #6f9bd2;
  font-weight: bold;
  text-decoration: none;
}

/* smiles */

.www-smile {
  background: transparent url(images/www-smile.jpg) center top no-repeat;
  height: 70px;
  overflow: hidden;
}