body {font-family: Tahoma; font-style: normal; font-weight: normal; font-variant: normal; line-height: normal; text-align: left; text-decoration: none; color: #000; font-size: 12px; background-color: #fff; margin: 0}

div {display: block; margin: 0; padding: 0; overflow: hidden}
h1, h2, h3, h4, h5, h6, p, form {display: block; margin: 0}
h1 {font-size: 22px; font-weight: normal; color: #00498d; padding: 30px 0 8px 0}
/*h2 {font-size: 18px; font-weight: normal; color: #748ac6; padding: 20px 0 4px 0}*/
h2 {width: 690px; height: 18px; background: url('../gfx/bg_h1.gif') top left repeat-x; border: 1px solid #fff; color: #748ac6; border-bottom: 1px solid #dedede; font-weight: normal; margin: 20px auto 10px auto; font-size: 17px; padding: 6px 10px}
h3 {font-size: 14px; font-weight: normal; color: #306560; padding: 16px 0 3px 0; margin-bottom: 15px; border-bottom: 1px  #306560 solid; width: 690px }
p {font-size: 12px; color: #555; padding: 4px 0; line-height: 18px; text-align: justify}
ul, ol {font-size: 12px; color: #555; margin: 0; padding: 4px 0 4px 40px; line-height: 18px; text-align: justify}
a {color: #6c81bc; text-decoration: none}
a:hover {text-decoration: underline}
input, textarea, select {font-family: Tahoma}
a img {border: 0}

div.clear {font-size: 0px; line-height: 0px; height: 0px; float: none; clear: both; width: 100%}

table {margin: 10px; padding: 0; border: 0; border-collapse: collapse}
table td {border-bottom: 1px solid #fff; border-right: 1px solid #fff; background-color: #f6f6f6; padding: 8px; color: #555}
table .head td {background-color: #5375e6; font-weight: bold; text-align: center; color: #fff}

p.modul {color: #00498d; text-align: center}
p.modul_opis {text-align: justify; line-height: 16px}
span.polecamy {color: #cc3f00; font-size: 10px}

#wrapper {width: 100%; background: url('../gfx/bg.jpg') center top no-repeat}

#topBar {height: 30px; width: 100%; margin: 0 auto; background: url('../gfx/bg_black50.png') top left}
#topBar .wrap {width: 990px; margin: 0 auto}
#topBar .wrap a {color: #a6ffe9; text-decoration: none}
#topBar .wrap a:hover {text-decoration: underline}
#topBar .wrap p.links {display: block; width: 500px; padding: 0; float: left; color: #6ca697; line-height: 30px; font-size: 10px}
#topBar .wrap p.ling {display: block; width: 300px; padding: 0; float: right; color: #6ca697; line-height: 30px; font-size: 10px; text-align: right}
#searchBox {display: block; padding: 5px; float: right; width: 205px}
#searchBox p {padding: 0}
#searchBox p .text {display: block; border: 0; background: url('../gfx/bg_input_top.gif') top left no-repeat; width: 160px; height: 20px; padding: 0 5px; line-height: 20px; font-size: 11px; color: #888; float: left; margin: 0 5px}
#searchBox p .btn {display: block; width: 23px; height: 20px; background: url('../gfx/bg_submit_top.gif') top left no-repeat; border: 0; cursor: pointer; padding: 0}

a#logo {width: 193px; color: #fff; text-decoration: none; padding: 55px 0 0 0; background: url('../gfx/head/logo.png') top left no-repeat; position: absolute; display: block; margin: 40px 0 0 25px; text-align: center; font-size: 13px}
a#logo:hover {text-decoration: none}

#head {width: 990px; height: 110px; margin: 0 auto; background: url('../gfx/napisy.png') 732px 11px no-repeat}


#page {width: 990px; margin: 0 auto}

p#breadCrumbs {width: 720px; height: 30px; background: url('../gfx/bg_white75.png') top left; margin-left: 240px; font-size: 11px; color: #999; padding: 0 15px; line-height: 30px}
p#breadCrumbs a {color: #005e9a; text-decoration: none}
p#breadCrumbs a:hover {text-decoration: underline}

#left {width: 240px; float: left}
#nav {width: 240px; margin: 0; padding: 0; list-style: none; background: url('../gfx/bg_white75.png') top left}
#nav li {display: block; width: 240px; height: 30px; margin: 0; padding: 0}
#nav li a {display: block; width: 215px; height: 30px; line-height: 30px; padding: 0 0 0 25px; color: #0037a6; font-weight: bold; text-decoration: none; font-size: 11px}
#nav li a:hover {background-color: #fff; color: #0062a6}
#nav li ul {display: none; position: absolute; padding: 0; margin: -30px 0 0 240px; background-color: #0037a6; width: 240px}
#nav li:hover ul {display: block}
#nav li ul li {width: 240px; float: none}
#nav li ul li a {width: 215px; color: #dbf0fb}
#nav li ul li a:hover {background-color: #1d40b2; color: #fff}
/*#nav li ul li.odd a {background-color: #1d40b2}
#nav li ul li.odd:hover a {background-color: #324cbf}*/
#promocje {width: 200px; padding: 0 20px 20px 20px; background: url('../gfx/bg_promo.jpg') top left no-repeat #7fd2ff}
#promocje h1 {font-size: 24px; color: #0887be; padding: 15px 0 10px 0}
#promocje p {font-size: 11px; color: #000; padding: 15px 0 0 0; line-height: 16px; text-align: justify}
#promocje p a.more {color: #ff2938; font-weight: bold; text-decoration: none; display: block; text-align: right}
#promocje p a.more:hover {text-decoration: underline}

#realizacje {width: 200px; padding: 0 20px 20px 20px; background: url('../gfx/bg_proj.jpg') top left no-repeat #30444f}
#realizacje h1 {font-size: 22px; color: #7afff4; padding: 15px 0 10px 0}

#right {width: 710px; float: right; background-color: #fff; padding: 20px}
#spisTresci {width: 300px; background: url('../gfx/bg_index_m.gif') top left repeat-y; float: right; clear: right;margin: 10px 0 10px 20px}
#spisTresci h1 {width: 285px; height: 25px; background: url('../gfx/bg_index_h.gif') top left no-repeat; padding: 3px 0 0 15px; font-size: 11px; font-weight: bold; color: #fff; line-height: 25px}
#spisTresci ul {background: url('../gfx/bg_index_b.gif') bottom left no-repeat; padding: 8px 0 10px 30px; font-size: 11px}
#spisTresci a {color: #2b5ac5}
#raty {width: 300px; background: url('../gfx/bg_style2.jpg') top left no-repeat; float: right; clear: right; margin: 0 0 10px 20px; padding: 0 0 5px 0; border: 1px solid #f00}
#raty h1 {font-size: 32px; color: #fff; padding: 15px 0 0 15px}
#raty p {padding: 4px 16px; font-size: 11px; color: #000; line-height: 15px}
#raty p img {margin: 5px 0}
#raty p a {color: #741c00}
#raty p a.more {text-align: right; display: block}

#footerWrap {width: 100%; background: url('../gfx/bg_ftr.gif') 0 5px repeat-x #a2c3cf; margin-top: 20px}
#footer {width: 990px; margin: 0 auto; background-color: #5b6d74; height: 130px; font-weight: normal}
#footer p {font-size: 10px; color: #81939a}
#footer p.nav {width: 950px; background-color: #81939a; margin: 5px 0 0 0; height: 20px; padding: 5px 20px; text-align: center; line-height: 20px; color: #5b6d74}
#footer p.nav a {color: #c8e9f5}
#footer p.nav a:hover {color: #fff}
#footer p a {color: #a2c3cf; text-decoration: none}
#footer p a:hover {color: #c8e9f5; text-decoration: none}
#footer p.contact {color: #a2c3cf; float: left}
#footer p.logo {float: right; padding: 20px 50px 0 0}
#footer p.contact {line-height: 14px; padding: 8px 20px}
#footer p.copyright {text-align: center; clear: both}

#logos {width: 990px; height: 50px; padding: 0; margin: 10px auto; overflow: hidden}
#logos .roll {height: 50px; float: left}
#logos .roll a {display: block; padding: 0 15px; text-decoration: none; float: left; height: 50px; opacity: 0.5}
#logos .roll a:hover {opacity: 1.0}
#logos .roll a img {border: 0}

/* ==== PORTFOLIO ==== */
.portfolio_cat a {display: block; margin: 2px 2px 0 0; float: left; padding: 0; color: #fff; background: url('../gfx/corners_left.png') top left no-repeat #196bb8; text-decoration: none; font-size: 11px; line-height: 24px; font-weight: normal; height: 24px}
.portfolio_cat a b {font-weight: normal; background: url('../gfx/corners_right.png') top right no-repeat; display: block; height: 24px; padding: 0 10px}
.portfolio_cat a:hover {background-color: #3a80cf; text-decoration: none}
.portfolio_cat a.sel {background-color: #87c2ff; color: #333}

.portfolio_nav {margin: 15px 0; float: right; clear: both}
.portfolio_nav a {display: block; margin: 2px 2px 0 0; float: left; padding: 0; color: #fff; background: url('../gfx/corners20_left.png') top left no-repeat #7a33c6; text-decoration: none; font-size: 11px; line-height: 20px; font-weight: normal; height: 20px}
.portfolio_nav a b {font-weight: normal; background: url('../gfx/corners20_right.png') top right no-repeat; display: block; height: 20px; padding: 0 10px; padding: 0 8px}
.portfolio_nav a:hover {background-color: #964de2}
.portfolio_nav a.sel {background-color: #000; color: #fff}

.portfolio_elm {clear: both; margin: 0 auto 50px auto; width: 680px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1px 0}
.portfolio_elm a.cover {display: block; width: 680px; height: 150px; background-color: #eee; margin: 0 0 1px 0}
.portfolio_elm .left {width: 340px; float: left}
.portfolio_elm .left h1 {color: #bc0013; padding: 16px 0 0 8px; margin: 0; font-size: 22px}
.portfolio_elm .left a.website {display: block; margin: 0; padding: 0 8px 8px 8px; color: #c26771; font-weight: normal; font-size: 11px; text-decoration: none}
.portfolio_elm .left a.website:hover {color: #bc0013; text-decoration: none}
.portfolio_elm .left p.tech {padding: 8px; font-size: 12px; font-weight: normal}
.portfolio_elm .left p.tech a {display: block; padding: 0; font-size: 10px; color: #fff; background: url('../gfx/corners18_left.png') left top no-repeat #c26771; float: left; margin: 2px 2px 0 0; height: 18px; text-decoration: none}
.portfolio_elm .left p.tech a b {display: block; padding: 0 8px; background: url('../gfx/corners18_right.png') right top no-repeat; height: 18px; line-height: 18px}
.portfolio_elm .left p.tech a:hover {background-color: #bc0013}
.portfolio_elm .right {width: 340px; float: right; background: url('../gfx/bg_style.jpg') top left no-repeat; color: #fff}
.portfolio_elm .right p {margin: 15px; color: #fff; font-weight: normal; font-size: 11px; line-height: 14px; padding: 0}
.portfolio_elm .right p.info {font-weight: bold; border-bottom: 1px solid #9c5ef6; padding-bottom: 8px; margin-bottom: 8px}
.portfolio_elm .right p.range {font-size: 11px; color: #c0fbff; margin-top: 8px}


/* ==== STRONA GŁÓWNA - TABELKI ==== */
.tab01 {margin: 0 auto}
.tab01 td {text-align: center}
.tab01 td a {color: #bc0013; text-decoration: none}
.tab01 td a:hover {color: #d83747}
.tab01 .pic {width: 200px; height: 150px; margin: 0 0 4px 0}

/* ==== FORM WYCENA ==== */
div.formWycena {margin: 10px; padding: 0}
div.formWycena div {margin: 1px 0 0 0; background-color: #e6ecf7; padding: 0}
div.formWycena div p {padding: 4px 16px; font-size: 11px; line-height: 26px; color: #333; float: left; border-left: 1px solid #fff; margin: 0}
div.formWycena div p.opis {border: 0; width: 350px; font-weight: bold; background-color: #d3ddf0}
div.formWycena div p.wide {float: none; width: auto}
div.formWycena div p.checkbox_columns {width: auto; float: none; border: 0}
div.formWycena div p.checkbox_columns span {display: block; float: left; width: 199px; padding: 5px 10px}
div.formWycena .wdth {width: 265px}
div.formWycena .wdth2 {width: 650px; height: 100px}
div.formWycena .submit {display: block; width: 86px; height: 31px; background: url('../gfx/btn_submit.png') top left no-repeat; border: 0; cursor: pointer; padding: 0; color: #fff; text-align: center; line-height: 30px; margin: 0 0 0 280px}
div.formWycena .datepicker {background: url('../gfx/ico_calendar.gif') 245px 1px no-repeat #fff; border: 1px solid #abadb3}

/* ==== REFERENCJE ==== */
.references {width: 700px; padding: 50px 0 25px 0; background: url('../gfx/bg_refs.jpg') top left no-repeat; margin: 25px auto}
.references p {padding: 4px 20px; color: #333; font-size: 12px; text-align: justify; line-height: 17px; font-family: Arial; font-style: italic}
.references p.author {font-family: Georgia; font-size: 13px; color: #344f70; font-style: italic; text-align: right; padding: 20px 20px 4px 20px}
.references p.author span {font-family: Tahoma; color: #0062a6; font-size: 11px; font-style: normal}

/* ==== KONTAKT ==== */
#contact_block {width: 700px; height: 282px; background: url('../gfx/bg_contact.jpg') top left no-repeat; margin: 10px auto}
#contact_block h3 {border: 0; padding: 20px 20px 0 40px; margin: 0; color: #0887be; font-size: 18px}
#contact_block p {padding: 4px 20px 4px 40px}
#contact_form {width: 700px; background: url('../gfx/bg_style3.jpg') top left no-repeat; margin: 10px auto; padding: 20px 0}
#contact_form h2 {color: #fff; font-size: 24px; font-weight: normal; padding: 0 20px 30px 20px; width: auto; background: none; border: 0; margin: 0}
#contact_form p {padding: 4px 20px; color: #fff; font-weight: normal; font-size: 12px}
#contact_form p b {display: block; width: 150px; float: left; font-weight: normal; line-height: 22px}
#contact_form p .txt {width: 180px; height: 16px; line-height: 20px; padding: 0 10px; border: 0; height: 22px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; background-color: #fff}
#contact_form p .txtarea {width: 450px; height: 65px; padding: 0 10px; line-height: 16px; border: 0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; background-color: #fff}
#contact_form .submit {display: block; width: 86px; height: 31px; background: url('../gfx/btn_submit.png') top left no-repeat; border: 0; cursor: pointer; padding: 0; color: #fff; text-align: center; line-height: 30px; margin: 0 0 0 280px}

#koszt{width: 300px; background: url('../gfx/bg_index_m.gif') top left repeat-y; float: right; clear: right;margin: 30px 0 0 20px}
#koszt h1 {width: 300px; height: 25px; background: url('../gfx/bg_index_h.gif') top left no-repeat; padding: 0px; font-size: 11px; font-weight: bold; color: #fff; line-height: 25px;text-align:center;}
#koszt p {background: url('../gfx/bg_index_b.gif') bottom left no-repeat; padding: 10px; font-size: 18px; color: #F6903E; text-align:center; font-weight: bold; }

.box_darkblue, .box_lightblue {width: 710px; margin: 10px auto; background: url('../gfx/bg_box_darkblue.gif') top left no-repeat #0983b6; padding: 0 0 20px 0}
.box_lightblue {background: url('../gfx/bg_box_lightblue.gif') top left no-repeat #5fa7ff}
.box_darkblue p, .box_lightblue p {color: #fff; font-size: 12px; font-weight: bold; line-height: 16px; padding: 4px 20px; clear: both}
.box_darkblue p span, .box_lightblue p span {float: right; width: 550px; text-align: left; font-size: 11px; font-weight: normal; line-height: 16px}