body, div, h1, h2, h3, h4, p, ul, ol, li, img, form, fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #ffffff url(../images/bg.jpg) center top no-repeat fixed;
    text-align: center;
}
.hidden {
  display: none;
}
p, div, li, td, input, select, textarea {
    font-family: Arial;
    font-size: 14px;
    color: #515457;
    line-height: 18px;
}
p, h1, h2, h3, h4, #main ul, #main ol, #main table {
	margin-bottom: 15px;
	font-weight: normal;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #625f47;
    text-decoration: underline;
}
a:hover, a:active {
    color: #9a9782;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

#wrapper {
	width: 994px;
	margin: 0 auto;
	text-align: left;
}
#top {
    background: transparent url(../images/top.png) 0 0 no-repeat;
    width: 994px;
    height: 95px;
}
#menu {
    margin: 0;
    padding: 0;
	height: 27px;
    width: 994px;
    overflow: hidden;
}
#menu ul {
    overflow: hidden;
}

#menu ul li {
		float: left;
		list-style: none;
        width: 158px;
		height: 27px;
		display: inline;
        text-align: center;
}
#menu ul li.home {
	z-index: 8;
    margin-left: -32px;
}

#menu ul li.who {
	z-index: 7;
	margin-left: -34px;
}

#menu ul li.design {
	z-index: 6;
	margin-left: -34px;
}

#menu ul li.print {
	z-index: 5;
	margin-left: -34px;
}
#menu ul li.marketing {
	z-index: 4;
    margin-left: -34px;
}

#menu ul li.environment {
	z-index: 3;
	margin-left: -34px;
}

#menu ul li.clients {
	z-index: 2;
	margin-left: -34px;
}

#menu ul li.contact {
	z-index: 1;
	margin-left: -34px;
    margin-right: 0 !important;
}
#menu ul li a {
		font-size: 12px;
		text-decoration: none;
        display: block;
        overflow: hidden;
        padding-top: 4px;
        height: 27px;
}
#menu a:link, #menu a:visited {
		color: #ebe8e8;
}
#menu li a:hover, #menu a:active, #menu a.selected {
		color: #FFFFFF;
}
#menu ul li.home a {
    background-image: url(../images/nav_button_home.png);
	width: 158px;
	z-index: 7;
}
#menu ul li.who a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 6;
}

#menu ul li.design a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 5;
}

#menu ul li.print a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 4;
}
#menu ul li.marketing a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 3;
}

#menu ul li.environment a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 2;
}

#menu ul li.clients a {
    background-image: url(../images/nav_button_who.png);
	width: 158px;
	z-index: 1;
}

#menu ul li.contact a {
    background-image: url(../images/nav_button_contact.png);
	width: 158px;
	z-index: 0;
}
#menu ul li.home a:hover, #menu ul li.home a.selected {
    background-image: url(../images/nav_button_home_over.png);
	width: 158px;
	z-index: 7;
}
#menu ul li.who a:hover, #menu ul li.who a.selected {
    background-image: url(../images/nav_button_who_over.png);
	width: 158px;
	z-index: 6;
}

#menu ul li.design a:hover, #menu ul li.design a.selected {
    background-image: url(../images/nav_button_design_over.png);
	width: 158px;
	z-index: 5;
}

#menu ul li.print a:hover, #menu ul li.print a.selected {
    background-image: url(../images/nav_button_print_over.png);
	width: 158px;
	z-index: 4;
}
#menu ul li.marketing a:hover, #menu ul li.marketing a.selected {
    background-image: url(../images/nav_button_marketing_over.png);
	width: 158px;
	z-index: 3;
}

#menu ul li.environment a:hover, #menu ul li.environment a.selected {
    background-image: url(../images/nav_button_environment_over.png);
	width: 158px;
	z-index: 2;
}

#menu ul li.clients a:hover, #menu ul li.clients a.selected {
    background-image: url(../images/nav_button_clients_over.png);
	width: 158px;
	z-index: 1;
}

#menu ul li.contact a:hover, #menu ul li.contact a.selected {
    background-image: url(../images/nav_button_contact_over.png);
	width: 158px;
	z-index: 0;
}
#kartki {
    position: absolute; z-index:8998; top: 200px; left: 496px; margin-left: 50%;
}

#content {
	background: transparent url(../images/bg.png) 0 0 repeat-y;
    width: 994px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 8999;
}
#shade {
    background: #ffffff url(../images/shade.png) no-repeat;
    width: 992px;
    height:105px;
    position: absolute;
    z-index:9000;
}
#main {
    width: 994px;
    text-align: center;
    margin: 0 auto;
    background: transparent url(../images/paper.jpg) center 400px no-repeat;
    overflow: hidden;
}
#banner {
    position: relative;
    z-index: 9001;
    margin-top:25px;
    width: 994px;
    height: 396px;
    background: transparent url(../images/banner_bg.png) center 0 no-repeat;
}
#banner_small {
    position: relative;
    z-index: 9001;
    margin-top:25px;
    width: 994px;
    height: 181px;
    background: transparent url(../images/banner_small_bg.png) center 0 no-repeat;
}
#banner_small img {
    margin: 0;
    padding: 0;
    margin-top: 14px;
    margin-left: -8px;
}
#surfer, #surfer_2, #surfer_3, #surfer_4, #surfer_5, #surfer_6, #surfer_7, #surfer_8 {
    margin: 0; padding: 0; background: transparent url(../images/surfer.png) 0 0 no-repeat; width: 439px; height: 247px; margin-left: 215px; margin-top: -96px; position: absolute; z-index: 9006;
}
#surfer_2 {
    background: transparent url(../images/surfer_2.png) 0 0 no-repeat;
}
#surfer_3 {
    background: transparent url(../images/surfer_3.png) 0 0 no-repeat;
}
#surfer_4 {
    background: transparent url(../images/surfer_4.png) 0 0 no-repeat;
}
#surfer_5 {
    background: transparent url(../images/surfer_5.png) 0 0 no-repeat;
}
#surfer_6 {
    background: transparent url(../images/surfer_6.png) 0 0 no-repeat;
}
#surfer_7 {
    background: transparent url(../images/surfer_7.png) 0 0 no-repeat;
}
#surfer_8 {
    background: transparent url(../images/surfer_8.png) 0 0 no-repeat;
}
.text_1 {
    background: transparent url(../images/hr.png) center bottom no-repeat; overflow: hidden;
}
#left {
    width: 458px; float: left; text-align: left; background: transparent url(../images/quote_up.png) 25px 88px no-repeat;
}
#cytat {
    width: 445px; text-align: left; margin-top: 62px; background: transparent url(../images/quote_down.png) right bottom no-repeat; margin-bottom: 45px;
}
p.definition {
    color: #000000; font-family: 'Times New Roman'; font-size: 18px; margin-left: 40px; margin-bottom: 23px;
}
p.details {
    font-family: 'Times New Roman';font-size: 16px; color: #515457; margin-left: 50px; margin-bottom: 25px; font-weight: bold; line-height: 21px;
}
#right {
    width: 50%; float: left; text-align: left; background: transparent url(../images/hr_pion.png) 0 40px no-repeat; height: 215px;
}
#plama {
    width: 465px; /*380px*/ height: 380px; background: transparent url(../images/plama2.png) 85px 0 no-repeat; margin-top: -84px; position: absolute; z-index: 9002;
}
#pin {
    width: 56px; height: 56px; margin-top: 92px; background: transparent url(../images/pin_1.png) no-repeat; position: absolute; z-index: 9003;
}
#ramka {
    width: 447px; /*483px*/ height: 163px; background: transparent url(../images/ramka.png) no-repeat; margin-left: 27px; margin-top: 120px; padding: 18px; text-align: justify; position: absolute; font-size: 13px !important;
}

#ramka p {
	font-size: 13px !important;
}
#text_2 {
    background: transparent url(../images/headers.png) 25px 7px no-repeat; overflow: hidden;
}
#text_2_gora {
    margin-top: 40px;
    background: transparent url(../images/headers_2.png) 32px 0px no-repeat; overflow: hidden;
}
#left_2 {
    width: 418px; /*458px*/ float: left; text-align: left; padding-left: 40px; padding-top: 22px;
}
#na_lewo {
    width: 670px; float: left;
}
#na_prawo {
    float: left;
}
.left_3 {
    margin: 0; padding: 0;  background: transparent url(../images/hr_pion.png) right 15px repeat-y; padding-left: 50px; padding-top: 15px; padding-right: 35px; text-align: justify; overflow: hidden; padding-bottom: 60px;
}
.left_3 ul, .right_3 ul {
    margin-left: 13px;
}
.left_3 table {
    width: 250px; border: 1px solid #888888;
}
.left_3 table td {
    height: 30px;
    vertical-align: middle;
    border-bottom: 1px solid #888888;
    padding: 10px;
}
.left_3 table td.koniec {
    border-bottom: none;
}
.left_3 table td.lewa {
    border-right: 1px solid #888888;
}
.left_3 table td.naglowek {
    background-color: #EEEEEE;
}
.left_3 table.czystka {
    width: 250px; border: none;
}
.left_3 table.czystka td {
    vertical-align: middle;
    border-bottom: none;
    padding: 25px;
}
.right_3 ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
.left_3 ol {
    margin-left: 20px;
}
.left_4 {
    margin: 0; padding: 0;  background: transparent url(../images/hr_pion.png) right 0 repeat-y; padding-left: 50px; padding-top: 15px; padding-right: 35px; text-align: justify; overflow: hidden; padding-bottom: 60px;
}
.right_3 {
    margin: 0; padding: 0; padding-left: 50px; padding-top: 15px; text-align: justify; overflow: hidden; padding-bottom: 49px; width: 240px;
}
#left_2 h2, .right_4 h2  {
    font-size: 16px; color: #839e03; font-family: Arial;
}
.left_3 h2, .left_4 h2, .right_3 h2  {
    font-size: 16px; color: #3b575a; font-family: Arial; margin-bottom: 50px;
}
.left_4 h2  {
    color: #839e03; background: transparent url(../images/heading.png) 0 0 no-repeat; width: 247px; height: 50px; padding-left: 18px; padding-top: 15px; margin-left: -18px; margin-bottom: -17px;
}
#thumbs_left {
    margin-left: -18px;
}
.thumbs {
    width: 184px; height: 125px; background: transparent url(../images/tab.png) no-repeat; padding-top: 23px; float: left; margin-top: 15px; margin-bottom: 10px; margin-left: 17px;
}
#left_2 p, .left_4 p {
    position: absolute; margin-top: -20px; margin-left: 13px; font-size: 11px;
}
#right_2 {
    width: 40%; float: left; text-align: left; background: transparent url(../images/hr_pion.png) 0 40px no-repeat; padding-left: 40px; padding-top: 22px;
}
#right_2 h2 {
    font-size: 16px; color: #839e03; font-family: Arial;
}
.right_3 h2 {
    color: #763f97; margin-bottom: 48px;
}
.right_3 a, .right_3 p {
    color: #37437b;
    line-height: 22px;
}
.right_3 p {
    margin-top: 5px; margin-bottom: 4px;
}
.right_3 a:hover {
    text-decoration: none;
}
.right_4 {
    margin: 0; padding: 0; padding-left: 50px; text-align: justify; overflow: hidden; padding-bottom: 60px; width: 240px;
}
.right_4 h2  {
    color: #839e03; background: transparent url(../images/heading.png) 0 0 no-repeat; width: 247px; height: 50px; padding-left: 18px; padding-top: 15px; margin-left: -18px; margin-bottom: -42px;
}
#pin_2, #pin_3 {
    width: 43px; height: 45px; background: transparent url(../images/pin_2a.png) no-repeat; position: relative; z-index: 9004; margin-top: 30px; margin-left: 180px;
}
#pin_3 {
    margin-top: 40px; margin-left: 95px;
}
#contact_form {
    position: relative; margin-top: -9px; width: 469px;
}
#contact_form_2 {
    position: relative; margin-top: -9px; width: 257px; margin-left: -18px;
}
/* zolta ramka zaczyna sie tu */
.n_container {
	text-align:left;
	width:469px;
	margin:0px auto;
    margin-left: 0px;
    /*margin-top: 65px;*/ /*jesli nie bedzie pina wlaczyc to spowrotem*/
	background:transparent url(../images/form_bg_middle.png) left top repeat-y;
}

.n_masthead {
	background:transparent url(../images/form_bg_top.png) left top no-repeat;
	height:12px;
	padding:0 0 0 0;
	position:relative;
	top:-12px; /* styk gory z body bg */
	line-height:1em;
}

.n_srodek_n {
   width:426px; /*center hack*/
   margin:0 auto; /*center hack*/
   margin-top: 5px;
   padding-bottom: 0px;
   text-align:left;
   overflow: hidden;
   /*min-height: 100px;*/
}
.pola, .pola_2 {
    float: left; display: inline; width: 205px;
}
.pola_2 {
    margin-left: 15px;
}
.n_srodek_n p, .pola p {
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
}
input.input {
    margin:0; padding: 0; width: 201px; margin-bottom: 13px; font-size: 11px; font-weight: bold; padding-left: 2px; padding-right: 2px; padding-top: 2px; height: 18px; border: none;
}
textarea.textarea {
    margin:0; padding: 0; width: 201px; height: 117px; margin-bottom: 13px; font-size: 11px; font-weight: bold; padding-left: 2px; padding-right: 2px; padding-top: 2px; border: none;
}
input.submit {
    margin:0; padding: 0; float: right; margin-bottom: 13px; background-color: #000000; color: #FFFFFF; border: none; padding-left: 8px; padding-right: 8px; font-size: 11px;
}
.n_zakonczenie {
	line-height:1.2em;
	text-align:left;
	width:469px;
    height: 12px;
	clear:both;
	padding:0px 0px 0 0;
	margin:0px auto;
    margin-left: 0px;
    margin-bottom: 10px;
	background:transparent url(../images/form_bg_bottom.png) left top no-repeat;
	font-size:0.8em;
}
/* zolta ramka konczy sie tu */

/* zolta waska ramka zaczyna sie tu */
.n_container_2 {
	text-align:left;
	width:257px;
	margin:0px auto;
    margin-left: 0px;
    /*margin-top: 65px;*/ /*jesli nie bedzie pina wlaczyc to spowrotem*/
	background:transparent url(../images/form_bg_middle_2.png) left top repeat-y;
}

.n_masthead_2 {
	background:transparent url(../images/form_bg_top_2.png) left top no-repeat;
	height:12px;
	padding:0 0 0 0;
	position:relative;
	top:-12px; /* styk gory z body bg */
	line-height:1em;
}

.n_srodek_n_2 {
   width:205px; /*center hack*/
   margin:0 auto; /*center hack*/
   margin-top: 5px;
   padding-bottom: 0px;
   text-align:left;
   overflow: hidden;
   /*min-height: 100px;*/
}
.n_zakonczenie_2 {
	line-height:1.2em;
	text-align:left;
	width:257px;
    height: 12px;
	clear:both;
	padding:0px 0px 0 0;
	margin:0px auto;
    margin-left: 0px;
    margin-bottom: 10px;
	background:transparent url(../images/form_bg_bottom_2.png) left top no-repeat;
	font-size:0.8em;
}
/* zolta waska ramka konczy sie tu */
.hr {
    background: transparent url(../images/hr.png) center bottom no-repeat; overflow: hidden;
}
#footer {
    text-align: left; padding-left: 26px; margin-top: 15px; height: 180px; background: transparent url(../images/plama.png) 260px bottom no-repeat;
}
.linki {
    float: left; display: inline; margin-right: 335px;
}
.linki img {
    margin-bottom: 10px;
}
.linki_more {
    margin-left: 35px; margin-top: 42px; float: left; display: inline; font-size: 12px;
}
#footer p {
    font-size: 11px;
    line-height: 14px;
}
#footer a {
    text-decoration: none;
}