body { margin: 0px; padding: 0px; font-size: 10px; font-family: Verdana; }

/* Layout Classes */
#wrapper { min-width: 100%; position: absolute; }
.container { text-align: center; min-width: 100%; position: relative; }
.centered { text-align: left; width: 100em; margin-left: auto; margin-right: auto; position: relative; z-index: 2; }

/* Specific boxes */
#top { background: url(../images/top.gif) top left repeat-x; height: 124px; border-top: 4px solid #89a6ba; width: 100%; z-index: 70; }
#top #logo { width: 342px; height: 250px; position: absolute; top: -30px; left: 35px; z-index: 70; }
#top #title, #top #title_shadow { position: absolute; z-index: 3; font-size: 2.1em; font-weight: bold; vertical-align: middle; }
#top #title { color: #fff; right: 40px; top: 50px; }
#top #title_shadow { color: grey; right: 42px; top: 48px; }
html>body #top #logo { background: url(../images/logo.png) top left no-repeat; }

#menu { border-width: 1px 0px 1px 0px; border-style: solid; border-top-color: #7ba7ca; border-bottom-color: #7ba7ca; background: #38441c url(../images/bg_menu.gif) top left repeat-x; }
#menu .centered { height: 2.9em; text-align: right; }
#menu .centered .holder { float: right; background: #7baaca url(../images/bg_menu_separator.gif) top left repeat-x; padding-left: 1px; height: 2.9em; margin-right: 50px; }
#menu .centered .holder a { float: left; display: inline; margin-right: 1px; height: 2.9em; line-height: 2.9em; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; background: #38441c url(../images/bg_menu.gif) top left repeat-x; padding: 0px 1.5em; }
#menu .centered .holder a:hover { line-height: 2.5em; }
#menu .centered .holder a span { font-size: 1.2em; }

#first_separator { height: 1px; overflow: hidden; border-width: 1px 0px 3px 0px; border-style: solid; border-top-color: #9fbdcc; border-bottom-color: #cde4e6; background: #daecec; }

#first_content { border-bottom: 1px solid #a5a5a5; z-index: 50; }
#first_content .centered { background: url(../images/kleks.gif) top left no-repeat; z-index: 50; }
#first_content .centered .content { margin: 0px 38em 0px 9em; color: #0c203c; text-align: justify; padding-top: 50px; z-index: 50; }
#first_content .centered .content h1 { font-size: 1.5em; margin: 1em 0px 1em 0px; }
#first_content .centered #recycled { position: absolute; left: 91.5em; top: 4em; width: 4.6em; height: 29.4em; }
#first_content .centered #process { position: absolute; left: 65em; top: 2em; width: 25em; z-index: 50; }
#first_content .centered #process .arrow { width: 23.9em; height: 2em; margin: 0px 1.2em 0px 0px; background-color: #988; background: url(../images/arrow_body.png) top right repeat-y; clear: both; z-index: 50; }
#first_content .centered #process .arrow_end_1 { width: 23.9em; height: 4px; margin: 0px 1.2em 0px 0px; background: url(../images/arrow_end_1.png) top right repeat-y; clear: both; z-index: 50; }

.bb, .gb { background-color: #fff; background-position: bottom left; background-repeat: repeat-x; width: 25em; height: 9em; position: relative; z-index: 50; }
.bb div, .gb div { float: left; z-index: 50; }

.bb { background-image: url(../images/blue_wave.png); }
.bb .bbt { background: url(../images/bluebox_top.gif) top left repeat-x; width: 22.6em; height: 1.2em; }
.bb .bbtr { background: url(../images/bluebox_right_top.gif) top right no-repeat; width: 1.2em; height: 1.2em; }
.bb .bbtl { background: url(../images/bluebox_left_top.gif) top left no-repeat; width: 1.2em; height: 1.2em; }
.bb .bbl { background: url(../images/bluebox_left.gif) top left repeat-y; width: 1.2em; height: 6.6em; }
.bb .bbc { width: 22.6em; height: 6.6em; }
.bb .bbr { background: url(../images/bluebox_right.gif) top right repeat-y; width: 1.2em; height: 6.6em; }
.bb .bbb { background: url(../images/bluebox_bottom.gif) bottom left repeat-x; width: 22.6em; height: 1.2em; }
.bb .bbbr { background: url(../images/bluebox_right_bottom.gif) bottom right no-repeat; width: 1.2em; height: 1.2em; }
.bb .bbbl { background: url(../images/bluebox_left_bottom.gif) bottom left no-repeat; width: 1.2em; height: 1.2em; }

.gb { background-image: url(../images/green_wave.png); }
.gb .gbt { background: url(../images/greenbox_top.gif) top left repeat-x; width: 22.6em; height: 1.2em; }
.gb .gbtr { background: url(../images/greenbox_right_top.gif) top right no-repeat; width: 1.2em; height: 1.2em; }
.gb .gbtl { background: url(../images/greenbox_left_top.gif) top left no-repeat; width: 1.2em; height: 1.2em; }
.gb .gbl { background: url(../images/greenbox_left.gif) top left repeat-y; width: 1.2em; height: 6.6em; }
.gb .gbc { width: 22.6em; height: 6.6em; }
.gb .gbr { background: url(../images/greenbox_right.gif) top right repeat-y; width: 1.2em; height: 6.6em; }
.gb .gbb { background: url(../images/greenbox_bottom.gif) bottom left repeat-x; width: 22.6em; height: 1.2em; }
.gb .gbbr { background: url(../images/greenbox_right_bottom.gif) bottom right no-repeat; width: 1.2em; height: 1.2em; }
.gb .gbbl { background: url(../images/greenbox_left_bottom.gif) bottom left no-repeat; width: 1.2em; height: 1.2em; }

.bb .bbc .arrow_end,.gb .gbc .arrow_end { width: 46px; height: 30px; margin: 0px; background: url(../images/arrow_end_blue.png) top right repeat-y; float: right; position: relative; top: -1.2em; left: 0.3em; }
.bb h1, .gb h1 { font-size: 2.3em; line-height: 1.1em; font-variant: small-caps; float: left; margin: 0.2em 0px 0px 0.6em; font-weight: bold; color: #004981;  z-index: 50; }
.bb a, .gb a { color: #004981; text-decoration: none; z-index: 50; }
.bb .over, .bb .under, .gb .over, .gb .under { position: absolute; right: 1.1em; top: 0px; width: 46px; height: 9em; }
html>body .bb .over, html>body .gb .over { background: url(../images/arrow_body.png) top left repeat-y; }
.over .pin, .under .pin { width: 46px; height: 9em; background-position: center center; background-repeat: no-repeat; }
.over .pin { background-image: url(../images/pin_blue.gif); }
.under .pin { background-image: url(../images/pin_white.gif); }
.bb .start, .gb .start { height: 4.5em; top: 4.5em; }
.start .pin { background-image: url(../images/arrow_start.gif); position: relative; left: 0px; top: -30px; height: 60px; }

#second_separator { height: 1px; overflow: hidden; border-width: 1px 0px 3px 0px; border-style: solid; border-top-color: #b6b6b6; border-bottom-color: #e6e6e6; background: #efefef; }

#second_content { background: #ebf4f9; z-index: 0; }
#second_content .centered {  }
#second_content .centered #leftBorder { width: 2em; height: 31.8em; float: left; margin-left: 8em; margin-right: 2em; }
#second_content .centered #rightBorder { width: 2em; height: 31.8em; float: left; margin-left: 4em; margin-right: 38em; }
#second_content .centered .content { float: left; width: 44em; height: 32.8em; }
#second_content .centered .content form label { float: left; clear: left; width: 10.5em; text-align: right; color: #2f6386; font-size: 1em; font-weight: bold; line-height: 2em; margin-bottom: 1em; }
#second_content .centered .content form label span { font-size: 1.3em; }
#second_content .centered .content form input { font-size: 1em; float: right; clear: right; border: 0.1em solid #acb0b2; background: #fff; padding: 0.3em; width: 29em; margin-bottom: 1em; }
#second_content .centered .content form textarea { font-size: 1em; float: right; clear: right; border: 0.1em solid #acb0b2; background: #fff; padding: 0.3em; width: 29em; margin-bottom: 1em; }

#middle_header { height: 57px; background: url(../images/bg_hdr_middle.gif) top left repeat-x; }

#third_content { position: relative; background: #fff; z-index: 1; }
#third_content #pasek { position: absolute; width: 100%; top: 0px; left: 0px; height: 35px; background: url(../images/pasek.gif) top left repeat-x; z-index: 30; }
#third_content #left_decor { position: absolute; top: 0px; left: 0px; z-index: 20; }
#third_content #right_decor { position: absolute; top: 0px; right: 0px; z-index: 20; }
#third_content .centered { z-index: 40; position: relative; }
#third_content .centered #stamp { position: absolute; width: 303px; height: 171px; top: -46px; left: 20em; z-index: 40; }
html>body #third_content .centered #stamp { background: url(../images/stamp.png) top left no-repeat; }
#third_content .centered h1 { margin: 3em 0em 1em 0em; font-size: 2.2em; color: #2f415a; font-weight: bolder; }
#third_content .centered h1.diyseo { margin-left: 9em; padding-left: 11em; }
#third_content .centered h1.diyseo_banner { background: url(../images/diyseo.png) no-repeat; height: 64px; margin-left: 9em; padding-left: 11em; }
#third_content .centered .content { border-width: 0px 0.1em 0px 0.1em; border-style: solid; border-color: #e1e1e1; background: #f9f9f9; padding: 0.9em 1.8em 0.9em 1.8em; line-height: 2.5em; color: #666666; }
#third_content .centered .content h2 { font-size: 1.5em; color: #7ec934; border-bottom: 1px dotted #7ec934; }
#third_content .centered .content h3 { font-size: 1.4em; color: #ddc842; border-bottom: 1px dotted #f4dc4e; }
#third_content .centered .content h4 { font-size: 1.3em; color: #396dae; border-bottom: 1px dotted #396dae; }
#third_content .centered .content li { padding-left: 2em; font-size: 13px; list-style-type: none; background-image: url(../images/li.gif); background-repeat: no-repeat; background-position: left 0.6em; }
#third_content .centered .content a { text-decoration: none; color: #3baf62; }
#third_content .centered .content a:hover { color: #3b6aaf; }
#third_content .centered .content img { border: 1px #ccc solid; margin: 1em; padding: 1em; }

#qp2 { display: none; }

#how { padding: 0em 2em 0em 0em; }
#how p { text-align: justify; }
#how div.litem { padding-bottom: 3em; }
#how div.litem div.content { background: #eee; border: 1px #ddd solid; margin-left: 22em; margin-right: 0em; padding: 0em 2em; }
#how .bb, #how .gb { float: left; margin-left: 0em; width: 20em; }
#how .bb h1,#how .gb h1 { font-size: 2.3em; line-height: 1.1em; font-variant: small-caps; float: left; margin: 0.2em 0px 0px 0.6em; font-weight: bold; color: #004981; }
#how .gb .gbt,#how .gb .gbc,#how .gb .gbb { width: 17.6em; }
#how .bb .bbt,#how .bb .bbc,#how .bb .bbb { width: 17.6em; }

#col_address { float: left; width: 45em; }
#col_form { float: right; width: 45em; }
#col_form form { width: 500px; }
#col_form form .form_input,#col_form form .form_textarea { padding: 6px; }
#col_form form .form_input label { float: left; width: 150px;vertical-align:middle; }
#col_form form .form_input img { border:1px #999 solid;vertical-align:middle; }
#col_form form .form_textarea label { float: left; width: 100%; }
#col_form form .form_input input,#col_form form .form_textarea textarea { color: #666; font-size: 12px; font-weight: bold; width: 200px; }
#col_form form .form_textarea textarea { width: 350px; }
div.diyseo_menu { border: 1px #ddd solid; margin: 0em auto 2em; padding: 0.5em; text-align: center; width: 80%; }
div.diyseo_menu a { margin: 1.5em; }
div.diyseo_menu a.current { color: #fcce49; font-weight: bold; }

/* Common Classes */
.clear { clear: both; }
.lft { float: left; }
.rgt { float: right; }

.h16 { height: 1.6em; }

/*
.btt { height: 2.2em; line-height: 2.2em; color: #c40000; font-weight: bold; text-decoration: none; }
.btt span.text { height: 2.2em; line-height: 2.2em; float: left; background: url(../images/btt_bg.gif) top left repeat-x; padding: 0px 1em 0px 1em; }
.btt:hover span.text { line-height: 2.4em; }
.btt span.bttLft { width: 0.5em; height: 2.2em; float: left; background: url(../images/btt_left.gif) top left no-repeat; }
.btt span.bttRgt { width: 0.5em; height: 2.2em; float: left; background: url(../images/btt_right.gif) top left no-repeat; }
*/

.btt {}
.btt * { float: left; }
.btt .btt_t { height: 3px; clear: both; }
.btt .btt_t .btt_l { height: 3px; width: 3px; background: url(../images/btt_tl.gif) top left no-repeat; }
.btt .btt_t .btt_tc { height: 3px; background: url(../images/btt_t.gif) top left repeat-x; }
.btt .btt_t .btt_r { height: 3px; width: 3px; background: url(../images/btt_tr.gif) top left no-repeat; }
.btt .btt_c { background: #ebebeb url(../images/btt_bg.gif) top left repeat-x; clear: both; }
.btt .btt_c .btt_l { width: 3px; height: 1.6em; background: url(../images/btt_l.gif) top left repeat-y; }
.btt .btt_c .btt_cont { text-align: center; height: 1.6em; line-height: 1.6em; }
.btt .btt_c .btt_r { width: 3px; height: 1.6em; background: url(../images/btt_r.gif) top left repeat-y; }
.btt .btt_b { height: 3px; clear: both; }
.btt .btt_b .btt_l { height: 3px; width: 3px; background: url(../images/btt_bl.gif) top left no-repeat; }
.btt .btt_b .btt_bc { height: 3px; background: url(../images/btt_b.gif) top left repeat-x; }
.btt .btt_b .btt_r { height: 3px; width: 3px; background: url(../images/btt_br.gif) top left no-repeat; }

.next { float: right; }
.next .btt_b .btt_bc, .next .btt_c .btt_cont, .next .btt_t .btt_tc { width: 5em; }
.next .btt_c .btt_cont { color: #c40000; font-weight: bold; line-height: 1.6em; text-decoration: none; }
.next .btt_c .btt_cont:hover { line-height: 1.8em; }

/* Common tags */
legend { display: block; height: 2em; padding: 0 3em 0 3em; background: #de1919 url('../images/legend_bg.png') bottom repeat-x; border: 1px solid #850808; font: 1em verdana; line-height: 2em; vertical-align: middle; font-weight: bold; color: #fff; }
fieldset { margin: 1em 0 1em 0; padding: 1em 2em 1em 2em; background: #f4f4f4; border: 1px solid #cfcfcf; }
p, address, label { font-size: 1.3em; }
p.notice { color: #e00; font-weight: bold; }
a.tip { color: #fcce49; border-bottom: 1px dotted #ffe251; text-decoration: none; }

.messageBox { width: 50em; padding: 2em; background: #f1f1f1; border-width: 0.1em 0px 0.1em 0px; border-style: solid; border-color: #e1e1e1; margin-left: auto; margin-right: auto; }