body {background: #000000 url('../gfx/mt.png') scroll no-repeat center top; padding: 0; margin: 0; font-family: arial, trebuchet MS, sans; font-size: small; color: #1e1e1e;}

p {padding: 5px 0; margin: 0;}
a {text-decoration: none; color: #e70810; outline: none;}
a:hover {text-decoration: underline;}
/*zajawki*/
a.more {margin: 15px 0; background: url(../gfx/more.gif) scroll no-repeat right 0; height: 20px; width: 120px; display: block; text-indent: -1000em; float: right;}
a.more:hover {text-decoration: none; background: url(../gfx/more.gif) scroll no-repeat right -20px; height: 20px; width: 120px;}
a.konsult {margin: 15px 0; background: url(../gfx/konsultant.gif) scroll no-repeat right 0; height: 20px; width: 154px; display: block; text-indent: -1000em; float: right; cursor: pointer;}
a.konsult:hover {text-decoration: none; background: url(../gfx/konsultant.gif) scroll no-repeat right -20px; height: 20px; width: 164px;}
a.next {margin: 15px 0; background: url(../gfx/_next.gif) scroll no-repeat right 0; height: 20px; width: 33px; display: block; text-indent: -1000em; float: right; cursor: pointer;}
a.prev {margin: 15px 0; background: url(../gfx/_prev.gif) scroll no-repeat right 0; height: 20px; width: 33px; display: block; text-indent: -1000em; float: left; cursor: pointer;}

#more_np {position: absolute; top:53px; width:543px;}
img {border: 0 none;}
.border {background: url(../gfx/imgbdr.gif) scroll repeat 0 0; padding: 1px;}

h1, h2, h3, h4, h5, h6 {font-family: trebuchet MS, arial, sans, tahoma; font-weight: normal;}
h1 {font-size: xx-large; line-height:1.1em;}
h2 {font-size: x-large;}
h3 {font-size: large;}
h4 {font-size: medium ;}
h5 {font-size: small; line-height:1.5em;}

label {font-size: small;}
input, textarea {font-size: small; font-family: arial, trebuchet MS, sans; }

#site {width: 1000px; text-align: center; border: 1px solid white; margin: 0 auto; height: 1000px;}
#header {height: 140px; width: 1000px; text-align: center; margin: 0 auto;}
#topA3M {width: 297px; padding-top: 30px; float: left;}
#topMenu {width: 670px; height: 140px; float: left; background: url(../gfx/mlk.gif) scroll repeat-x 0 68px;}
ul#listMenu {padding: 0; margin: 0; list-style: none; }
ul#listMenu li {padding: 0px; margin: 0 7px; float: left; }
ul#listMenu a {font-family: trebuchet MS; font-size: 1.11em; color: #ffffff; display: block; padding: 38px 0 11px 0;}

a#m1 {background: transparent none scroll no-repeat center top; width: 72px;}
a#m1:hover, a#m1.active {background: url(../gfx/m1.png) scroll no-repeat center top; width: 72px; text-decoration: none;}
a#m2 {background: transparent none scroll no-repeat center top; width: 67px;}
a#m2:hover, a#m2.active {background: url(../gfx/m2.png) scroll no-repeat center top; width: 67px; text-decoration: none;}
a#m3 {background: transparent none scroll no-repeat center top; width: 87px;}
a#m3:hover, a#m3.active {background: url(../gfx/m3.png) scroll no-repeat center top; width: 87px; text-decoration: none;}
a#m4 {background: transparent none scroll no-repeat center top; width: 77px;}
a#m4:hover, a#m4.active {background: url(../gfx/m4.png) scroll no-repeat center top; width: 77px; text-decoration: none;}
a#m5 {background: transparent none scroll no-repeat center top; width: 97px;}
a#m5:hover, a#m5.active {background: url(../gfx/m5.png) scroll no-repeat center top; width: 97px; text-decoration: none;}
a#m6 {background: transparent none scroll no-repeat center top; width: 97px;}
a#m6:hover, a#m6.active {background: url(../gfx/m6.png) scroll no-repeat center top; width: 97px; text-decoration: none;}
a#m7 {background: transparent none scroll no-repeat center top; width: 72px;}
a#m7:hover, a#m7.active {background: url(../gfx/m7.png) scroll no-repeat center top; width: 72px; text-decoration: none;}

ul.listMenu {padding: 6px 0; margin: 0; list-style: none; clear: both; display: none;}
ul.listMenu li {padding: 2px 8px; margin: 0 7px; float: left; }
ul.listMenu a {font-family: trebuchet MS; font-size: small; color: #a9a5a6;}
ul.listMenu a:hover, ul.listMenu a#active {color: #ffffff; text-decoration: none;}

.active {display: block !important;}

#mbarre {height: 38px; width: 1000px; margin: 0 auto; background: #000000 url('../gfx/fmb.png') scroll no-repeat center top; clear: both; font-family: arial, trebuchet MS, sans; }

#subMenu {width: 140px; float: left;}
ul#subMenuList {padding: 0 0 0 10px; margin: 0; list-style: none;}
ul#subMenuList li {padding: 0; margin: 0; display: inline;}
ul#subMenuList a {display: block; float: left; text-indent: -1000em; margin: 9px; text-decoration: none;}

ul#subMenuList a.i1 {background: url(../gfx/ico_home.png) scroll no-repeat center 0; width: 20px;}
ul#subMenuList a.i2 {background: url(../gfx/ico_mail.png) scroll no-repeat center 0; width: 20px;}
ul#subMenuList a.i3 {background: url(../gfx/ico_site.png) scroll no-repeat center 0; width: 20px;}
ul#subMenuList a:hover {background-position: center -20px;}

#slog {width: 550px; float:left; font-size: small; height: 39px; overflow: hidden;}
#slog span {display: none; padding:12px 0;}
#slog span.active {display: block; padding:12px 0;}

#search {float: right; width: 228px; height: 25px; margin: 7px 6px 6px 6px;}
#toSearch {background: url('../gfx/sb.png') scroll no-repeat 0 0; width: 189px; height: 25px; float: left;}
#toSearch input {border: 0px none; padding: 5px; background-color: transparent; color: #ffffff; font-size: small; width: 180px; height: 14px;}
#toSubmit {width: 38px; height: 25px;  float: left;}
#toSubmit input {background: url('../gfx/sbs.png') scroll no-repeat 0 0; width: 38px; height: 25px; border: 0 none; cursor: pointer;}

#visual {padding: 0; margin: 0 auto; width: 1000px; height: 293px; text-align: center; min-width: 1000px; overflow: hidden;}
#visual img {text-align: center; margin: 0 auto;}

#svisual {padding: 0; margin: 0 auto; width: 1000px; height: 40px; text-align: center; min-width: 1000px; overflow: hidden;}
#svisual {background: url('../gfx/banner_subpage.png') scroll no-repeat 0 0;}

#mainb {width: 1000px; margin: 0 auto; padding: 30px 0 30px 0; background: #ffffff url('../gfx/mb.png') scroll no-repeat center top; overflow: hidden;}
#mainm {width: 100%; margin: 0 auto; margin: 0px 0 20px 0; background: url('../gfx/mlv.gif') scroll repeat-y 607px 20px; clear: both; position: relative;}
#mainm h1, #mainm h2, #mainm h3, #mainm h4, #mainm h5, #mainm h6 {color: #1e1e1e;}
#main_left_site {float: left; margin: 18px 0px 0 25px; width: 585px; font-family: arial, trebuchet MS, sans; color: #1e1e1e; position: relative; }
#main_right_site {float: left; margin: 17px 32px 0 22px; width: 328px; font-family: arial, trebuchet MS, sans; color: #1e1e1e; }
#left_site {float: left; margin: 5px 32px 0 32px; width: 543px; font-family: arial, trebuchet MS, sans; color: #1e1e1e; position: relative; line-height: 1.5em;}
#right_site {float: left; margin: 17px 32px 0 32px; width: 328px; font-family: arial, trebuchet MS, sans; color: #1e1e1e; }
#footln {height:3px; background-color: #404040; margin: -4px 0 1px 0;}

#footer { background: #404040 none scroll repeat-x 0 0; /*height: 200px;*/ color: #cccdce; padding: 0 0 25px 0;}
#footerList {width: 958px; margin: 0 auto;}
#footerList .footCol {float: left; width: 190px;}
#footstep {clear: both; font-family: arial, trebuchet MS, sans; font-size: x-small; padding: 10px 0;}

ul.MapLink {list-style: none outside none; margin:0; padding: 0;}
ul.MapLink li { background:url("../gfx/foot.gif") no-repeat scroll left -1px transparent; list-style:none outside none; margin:0; padding:0;}
ul.MapLink a { display: block; font-size: small; height: 19px; margin: 5px 0; padding-left: 20px; padding-top: 2px; width: 133px; font-family: arial, trebuchet MS, sans; color: #cccdce; text-decoration: none;}
ul.MapLink a:hover {color: #2f2f2f; background: url(../gfx/footact.gif) no-repeat scroll left 0px;}

#breadCrumbs {padding: 0px 32px 50px 32px;}
ul#breadCrumbsList {padding: 0; margin: 0; list-style: none;}
ul#breadCrumbsList li {padding: 0; margin: 0; float: left; height: 19px; overflow: hidden;}
ul#breadCrumbsList a {padding: 3px 10px; margin: 0; display: block; font-size: 11px; font-family: arial, sans; color: #1e1e1e; }

ul#breadCrumbsList li.bc1_2 {background: url('../gfx/bcho.png') scroll no-repeat 0 0; width: 93px;}
ul#breadCrumbsList li.bc1_2 a {margin: 0 10px 0 36px; color: #ffffff;}
ul#breadCrumbsList li.bc1_3 {background: url('../gfx/bchth.png') scroll no-repeat 0 0; width: 93px;}
ul#breadCrumbsList li.bc1_3 a {margin: 0 10px 0 36px; color: #ffffff;}
ul#breadCrumbsList li.bc2_2 {background: url('../gfx/bcht.png') scroll no-repeat right 0; }
ul#breadCrumbsList li.bc2_2 a {margin: 0 9px 0 0; background-color: #9f9f9f;}
ul#breadCrumbsList li.bc2_3 {background: url('../gfx/bcco.png') scroll no-repeat right 0; }
ul#breadCrumbsList li.bc2_3 a {margin: 0 9px 0 0; background-color: #9f9f9f;}
ul#breadCrumbsList li.bc3 {background: url('../gfx/bcct.png') scroll no-repeat right 0; }
ul#breadCrumbsList li.bc3 a {margin: 0 9px 0 0; background-color: #b3b3b3; text-decoration: none;}

#main_left_site h3 {background: url(../gfx/mlk.gif) scroll repeat-x 0 bottom; margin: 0px; padding: 0 5px 10px 10px; margin: 1px 0 0px 0;}
#left_site h1 {background: url(../gfx/mlk.gif) scroll repeat-x 0 bottom; margin: 0px; padding: 0 5px 10px 10px; margin: 15px 0 35px 0;}
#left_site h2, #left_site h3, #left_site h4, #left_site h5, #left_site h6 { margin: 10px 0;}
.date {font-style: italic; font-size: xx-small; float: right; margin: 3px; }
/*.desc {line-height: 1.5em; font-size: small; text-align: justify; color: inherit;}*/
#left_site p {padding: 0; margin: 10px 0; line-height: 1.5em; font-size: small; color: inherit;}
#right_site .desc {padding: 0; margin: 8px 0; line-height: 1.5em; text-align: justify;}
#right_site .desc p {padding: 0; margin: 0;}
#only_form {background-color: #ffffff; float: left; margin: 17px 32px 0 32px; width: 328px; font-family: arial, trebuchet MS, sans; color: #1e1e1e; }
a.showelse {float: right; font-size: large; color: #1e1e1e;}

.move {clear: both; padding: 10px 0;}
.clear {clear: both;}

.offbox {margin: 20px 0;}
.in_box {margin: 0px 10px 0px 90px; padding: 10px 0 0 0; line-height: 1.5em;}

.box {height:65px; margin:0 32px; padding:0 0 20px; width:543px;}

.box #contact {background: url(../gfx/contact_box.png) scroll no-repeat center 0; width: 264px; height: 103px; float: left}
.box #contact h3 {padding: 0px; margin: 0px;}
.box #contact .desc {margin: 5px 0; font-size: small;}

.box #question {background: url(../gfx/question_box.png) scroll no-repeat center 0; width: 264px; height: 103px; float: right;}
.box #question h3 {padding: 0px; margin: 0px;}
.box #question .desc {margin: 5px 0; font-size: small;}
.box #question .desc a {color: #1e1e1e; cursor: pointer;}
.box #question .desc a:hover {color: #e70810; }

.box .desc {text-align: left;}

.box3x3 {
  margin-bottom: 10px;
}

.realization_left {float: left; width: 263px; padding:10px 0;}
.realization_right {float: right; width: 263px; padding:10px 0;}
.realization_left a, .realization_right a, .realization_one a {color:#4e4e4e;}
.realization_left a:hover, .realization_right a:hover, .realization_one a:hover {color:#e70810;}
.realization_right {float: right; width: 263px; padding:10px 0;}

.realization_one .desc, .realization_left .desc, .realization_right .desc {margin: 0 2px !important; font-size: xx-small;}
.realization_one h2 {margin: 7px 0 !important; text-align: right;}
.realization_right h3, .realization_left h3 {margin: 5px 0 !important; text-align: right;}

.line {background: url(../gfx/mlk.gif) scroll repeat-x 0 top; margin: 0px; padding: 15px 10px;}
.clear {clear: both;}
#mapgoogle {font-size: small; width: 543px; height: 280px; line-height: 20px;}
#form_contact input {float: right; font-size: small; margin: 3px 0; width: 220px;}
#form_contact textarea {float: right; font-size: small; margin: 3px 0; width: 250px;}
#form_contact label {clear: both; display: inline; float: left; font-size: small; padding: 6px 0;}
#form_contact span {color: #e70810; width: 7px; float: left; display: block;}
#form_contact .invalid {border: 1px solid #FF5F69;}
#form_contact .submit {border: 0 none; background: url(../gfx/send.gif) scroll no-repeat center 0; height: 20px; width: 74px !important; clear: both; cursor: pointer;}
#form_contact .submit:hover {background: url(../gfx/send.gif) scroll no-repeat center -20px;}

.footCol h3 {margin: 0; padding: 15px 0;}


#searchResult h4 {margin: 25px 0 5px 0; padding-bottom: 2px; background: url(../gfx/mlk.gif) scroll repeat-x 0 bottom; }
#searchResult h4 a {color: #1e1e1e; }
ul.mapList {margin: 0; padding: 0 0 0 15px; list-style: none;}
ul.mapList li {margin: 3px 0;}
.maps {float: left; width: 180px;}

.search {border: 0 none; background: url(../gfx/search.gif) scroll no-repeat center 0; height: 20px; width: 135px !important; clear: both; cursor: pointer;}
.search:hover {background: url(../gfx/search.gif) scroll no-repeat center -20px;}
.iframes {width: 543px; height: 1025px; overflow-x: hidden;}

#domain .l1 {float:left; padding:5px 0;}
.domena {width: 200px; font-size: small; margin: 1px;}
#domain .l2 {padding: 0px 0; float:right;}
#domain .l2 td {font-size: xx-small; vertical-align: top;}
.ocupat {color: #E70810;}
.disponibil {color: green;}

.tabel tr.alt{ background-color: #efefef;}
.srchDomena {border: 0 none; background: url(../gfx/domena_search.gif) scroll no-repeat center 0; height: 20px; width: 92px !important; clear: both; cursor: pointer; margin: 10px 0; float: right;}
.search:hover {background: url(../gfx/domena_search.gif) scroll no-repeat center -20px;}


#new_realization { width: 345px; position: relative;}
#realization_image {padding: 20px 0 0 0;}
#new_realization .desc {margin: 0 20px; padding: 0 0 20px;}
#new_realization .desc h3 {margin: 0 0 25px 0; text-align: right; background: url("../gfx/mlk.gif") repeat-x scroll 0 bottom transparent; padding:5px 0;}
#new_realization .desc a {color: #333333; margin: 10px 0;}
#labNew {position: absolute; top: -42px; left: 25px;}
a.realizations {margin: 15px 0; background: url(../gfx/more_realizations.gif) scroll no-repeat right 0; height: 20px; width: 120px; display: block; text-indent: -1000em; float: right;}
a.realizations:hover {margin: 15px 0; background: url(../gfx/more_realizations.gif) scroll no-repeat right -20px; height: 20px; width: 120px; display: block; text-indent: -1000em; float: right;}

.tabs {padding: 20px 0; text-align: center;}
.tabs a {margin: 5px; color: #333333; font-size: smaller;}
.tabs .selectedSite {color: #E70810; padding:1px 4px; border: 1px solid #efacaf;}

.komunikat {margin: 0 32px;}
.realiz_opis { display: block; font-size: 10px; line-height: 16px; text-align: justify; width: 260px;height: 118px;position:absolute;bottom:0px;right:0px;}

.realiz_opis p {
  font-size: xx-small !important;
}

a.gallery { background: url("../gfx/gallery.png") no-repeat scroll 0 bottom transparent; width: 16px; height: 13px; text-indent: -1000em; display: block; padding: 7px 0 0 0;}
.hide { display: none;}
/* nowe mk14mar2011 */
.headerTitle { float: right; width: 230px; display: block;}
.miniimages { display: block; float: left;}
.miniimages h3 {
  text-align: right;
}
.bigimages { height: 161px; width: 263px; float: left; background-position: center; background-repeat: no-repeat; display: block;}
.newdesc { width: 260px; float: right; height: 161px}
.realization_realiz {float: right; width: 100%; padding:10px 0;position:relative;}
.realization_realiz h3 { text-align: right; margin-top: 3px !important;}
.realization_realiz a {color:#4e4e4e;}
.realization_realiz a:hover {color:#e70810;}

/* nowa v.realizacji */
.realization_newv { width: 263px; display: block; height: 220px;}
.realization_newv .photo { width: 263px; display: block; position: relative; overflow: hidden; height: 161px;}
.photo .heading, .photo .caption { position: absolute; background: #000; height: 45px; width: 243px; padding: 10px 10px; background: url(../gfx/fcapition.png) scroll repeat 0 0; }
.photo .caption { color: #fff; font-size: 11px !important; display: block !important; line-height: 14px !important;}
.photo .caption { bottom:-65px;}

#rf {
  position: absolute; z-index: 10; top: -65px; right: 10px; width: 150px; height: 70px;
  background: url(../gfx/rzetelna_firma_150x70.png) scroll no-repeat 0 0;
}

#reklama {position: relative; }
#reklama .desc {position: absolute; z-index: 2; top: 300px; left: 0; width: 100%; padding: 10px 0;
  background: url(../gfx/fcapition.png) scroll repeat 0 0; color: #ffffff;
}
#reklama .desc p { margin: 0 10px; }
#aktualnosc { background-color: #F5F5F5; padding: 10px;}
#aktualnosc .img {float: left; margin: 15px 15px 0px 0;}
#aktualnosc .desc {margin: 10px 0;}

/* dodane mk 30maj2011 */
.listok li {
  background: url(../gfx/icon_ok.gif) no-repeat;
  list-style: none;
  padding-left: 20px;
}

/* mk10cze2011 - lista aktualności */
.shortnews04 {
  font-size: 0.8em;
  line-height: 1.3em;
}

.more_shortnews04 {
  background: url("../gfx/more.gif") no-repeat scroll right 0 transparent;
  display: block;
  float: right;
  height: 20px;
  margin: 5px 0;
  text-indent: -1000em;
  width: 120px;
}

a.more_shortnews04:hover {text-decoration: none; background: url(../gfx/more.gif) scroll no-repeat right -20px; height: 20px; width: 120px;}

/* nowe - nowy pokaz portfolio */
#thumbs {
  float: right;
  display: block;
  width: 385px;
}

#thumbs ul {
  padding:0px;
  margin:0px;
}

#thumbs li {
  list-style: none;
  display: inline-block;
}

#thumbs li a {
  /*display: block;*/
  padding: 5px;
  color: #000;
  text-decoration: none;
}

#thumbs li a span {
  /*display: block;*/
  font-size: 11px;
}

#thumbs li:hover, #thumbs li.selected {
  background-color: #C0070D;
  background: url(../gfx/active-www.png) repeat-x;
}

#thumbs li:hover a, #thumbs li.selected a {
  color: #fff;
}

.caption p {
  padding: 5px 0 0 0;
}

.caption a {
  color: #fff;
}

.nav-controls .prev {
  background: url(../gfx/back-gall.png) no-repeat left top;
  width: 70px;
  height: 40px;
}

.nav-controls .next {
  background: url(../gfx/next-gall.png) no-repeat left top;
  width: 70px;
  height: 40px;
}

#slideshow {
  display: block;
  width: 583px;
  float: left;
  height: 610px;
}

.seemoreabout {
  color: #fff !important;
  font-weight: bold;
  text-align: right;
  display: block;
}

#portfolio {
  position: relative;
  display: block;
  overflow: hidden;
  width: 583px;
  float: left;
  /*border: 1px dotted #C2C4C5;*/
  margin: 0 0 0 7px;
}

.advance-link, .image-wrapper {
  width: 583px;
}

.caption h1 {
  display: none;
}

.thumbs p {
  display: none;
}

.thumbs .decoratia {
  display: none;
}

.thumbs li a {
  display: none;
}

.thumbs a.thumb {
  display: block !important;
}

#caption {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 553px;
  display: block;
  background: url(../gfx/fcapition.png);
  color: #fff;
  line-height: 18px;
  padding: 10px 15px;
}

#caption h1 {
  display: inline;
  color: #fff;
}

#controls {
  position: absolute;
  width: 583px;
  top: 250px;
  right: 0px;
}

/* realiz dtp */
.portfolio_images_box {
  overflow: hidden;
}

.portfolio_images_box .portfolio_images {
  display: block;
  width: 75px;
  height: 75px;
  float: left;
  padding: 5px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px;
}
