/*
 #------------------------------------------------------------------------
 # CzarnyKod.pl
 #
 # Copyright (C) CzarnyKod.pl. All Rights Reserved.
 # Support: biuro@czarnykod.pl
 */

/*Style*/

@font-face {
  font-family: Sansmedium;
  src: url('../font/SupriaSans-Medium.otf');
}
@font-face {
  font-family: SansmediumR;
  src: url('../font/SupriaSans-Regular.otf');
}
@font-face {
  font-family: SansmediumRH;
  src: url('../font/SupriaSans-Heavy.otf');
}
a:hover, a:active, a:focus {
  outline: none;
}

#news {
    backround-color: #d4502d;
    width: 100%;
    height: 50px;
}

#header {
  background: url(../images/header.jpg) 0 0 repeat;
  height: 111px;
}
#header h1 a {
  text-indent: -99999px;
  background: url(../images/logo.png) 0 0 no-repeat;
  height: 111px;
  width: 225px;
  display: block;
}
#header #MainMenu #ckSubmenu {
  float: right;
  padding-top: 40px;
  margin-right: 10px;
  width: 750px;
}
#header #MainMenu ul.menu {
  list-style: none;
}
#header #MainMenu ul.menu > li {
  padding: 10px;
  background: url(../images/ul-li-line.png) right center no-repeat;
  float: left;
}
#header #MainMenu ul.menu > li.last {
  background: none;
}
#header #MainMenu ul.menu > li > a {
  padding: 10px;
  font-size: 17px;
  font-family: Sansmedium;
}
#header #MainMenu ul.menu > li.active > a {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #c2c1bc;
  padding: 9px;
}
#header #MainMenu ul.menu > li:hover > a {
  text-decoration: underline;
}
#banner-big {
  background: url(../images/banner-big.jpg) center 0 repeat;
  height: 426px;
}
#banner-big .gkTab ul {
  display: none;
}
#banner-big .gkTab {
  background: url(../images/tab-bg.png) 0 0 no-repeat;
  width: 430px;
  height: 199px;
  padding: 25px 30px 10px 60px;
}
#banner-big .gkTab .gkTabWrap {
  width: 355px;
  margin-left: 40px;
}
#banner-big .gkTab h2 {
  font-size: 17px;
  color: #4c433b;
  font-family: SansmediumR;
  font-weight: normal;
}
#banner-big .gkTab p {
  font-size: 12px;
  color: #dacfbb;
  line-height: 1.6em;
}
#banner-big .gkTab .gkTabButtonPrev, #banner-big .gkTab .gkTabButtonNext {
  width: 22px;
  height: 19px;
  background: url('../images/tab-right.png') no-repeat 0 0;
  cursor: pointer;
  position: absolute;
  top: 60px;
  right: 30px;
  text-indent: -999em;
}
#banner-big .gkTab .gkTabButtonPrev {
  background: url('../images/tab-left.png') no-repeat 0 0;
  left: 50px;
  right: inherit;
}
#banner-big .container .span7 {
  position: absolute;
  margin-top: 198px;
  z-index: 2;
}
#banner-big .container .maszyna {
  position: absolute;
  z-index: 1;
  margin-left: 540px;
  margin-top: 30px;
}
#banner-big .container .link {
  margin-left: 850px;
  margin-top: 208px;
  z-index: 3;
}
#banner-big .container .link a {
  background: url(../images/triangle.png) right center no-repeat;
  padding-right: 10px;
  text-transform: capitalize;
}
#banner-small {
  background: url(../images/banner-small.jpg) center 0 repeat-x;
  height: 230px;
  width: 100%;
}
#banner-small .span6 {
  padding-left: 10px;
  padding-top: 72px;
  font-size: 26px;
  color: #dcd0bc;
  font-family: SansmediumR;
}
#banner-small .span3 .custom, #banner-small .span3 .custombig {
  padding-top: 72px;
  float: right;
  margin-right: 10px;
}
#banner-small .span3 .custom a {
  background: url(../images/park.png) 0 0 no-repeat;
  display: inline-table;
  line-height: 30px;
  width: 156px;
  height: 30px;
  color: #FFFFFF;
  padding-left: 5px;
}
#banner-small .span3 .custombig a {
  background: url(../images/poznaj.png) 0 0 no-repeat;
  display: inline-table;
  line-height: 30px;
  width: 165px;
  height: 30px;
  color: #FFFFFF;
  padding-left: 5px;
}
#front-main #front-main-bg {
  background: url(../images/main-col-bg.png) 0 0 no-repeat;
  height: 421px;
  position: absolute;
  z-index: 4;
  margin-top: -82px;
}
#front-main {
  min-height: 380px;
}
#front-main #front-main-bg h3 {
  font-family: Sansmedium;
  font-size: 26px;
  color: #4d4640;
  font-weight: normal;
}
#front-main #front-main-bg .span5 {
  margin-top: 20px;
}
#front-main #front-main-bg .front-main-module  div.custom {
  background: url(../images/klucz.png) 0 0 no-repeat;
  padding-left: 80px;
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 100px;
}
#front-main #front-main-bg .module2 div.custom {
  background: url(../images/proces.png) 0 0 no-repeat;
}
#front-main #front-main-bg .module3 div.custom {
  background: url(../images/technologie.png) 0 0 no-repeat;
}
#front-main #front-main-bg .module4 div.custom {
  background: url(../images/gwarancja.png) 0 0 no-repeat;
}
#front-main #front-main-bg .clear {
  border-bottom: 1px solid #bdaf96;
  width: 980px;
}
#front-main #front-main-bg a.more {
  background: url(../images/wiecej.png) 0 0 no-repeat;
  width: 62px;
  height: 30px;
  float: right;
  display: block;
  text-indent: 0;
    margin-bottom: 20px;
    text-align: center;
    color: white;
    padding-top: 7px;
}
#sub-front-main .span1 {
  width: 66px;
  padding-left: 20px;
}
#sub-front-main.subpage .span1 {
  padding-left: 48px;
}
#sub-front-main .span4 h3 {
  font-size: 17px;
  font-family: Sansmedium;
  font-weight: normal;
  margin-bottom: 5px;
}
#sub-front-main.subpage .span4 {
  width: 300px;
}

#sub-front-main .span4.first p span:last-child {
  /*padding-left:30px;*/
}
#sub-front-main .span4.last p span {
  font-size: 17px;
  color: #4d4640;
}
#sub-front-main .span2.first p strong {
  width: 25px;
  display: inline-block;
}
#sub-front-main .span1.last {
  padding-left: 0px;
}
#sub-front-main .span3 {
  margin-top: 60px;
}
#footer {
  background: url(../images/footer.jpg) 0 0 repeat-x; background-repeat: repeat-y;
  height: 110px;
  margin-top: 30px;
  padding-top: 30px;
    height:130px;
}
#footer .span4 p {
  line-height: 1em;
  color: #dcd0bc;
}
#footer .span4 p:last-child {
  color: #857c6e;
}
#footer .span5 {
  text-align: right;
  background: url(../images/partnerzy.png) 20px 12px no-repeat;
}
#component {
  margin-top: -80px;
}
#component .row.mar {
  margin-top: -80px;
}
#component-top {
  background: url(../images/component1.png) 0 0 no-repeat;
  height: 209px;
}
#component-bottom {
  background: url(../images/component4.png) 0 bottom no-repeat;
  height: 61px;
  margin-bottom: 30px;
}
#component-main {
  background: url(../images/component5.png) -1px 0 repeat-y;
}
#component #component-main .span3 {
}
#component-main .min-mar {
  margin-top: -170px;
}
#component-main .moduletable {
  padding-left: 40px;
}

#component-main .moduletable.doyouknow > div > p {
  display: none;
}
#component-main .moduletable.doyouknow {
  padding-right: 15px;
}
#component-main .moduletable.menu, #component-main .real .moduletable {
  padding-left: 0px;
  margin-top: 40px;
}
#component-main .moduletable.menu ul {
  margin: 0px;
}
#component-main .moduletable h3 {
  color: #4c433b;
  font-size: 17px;
  margin-bottom: 27px;
}
#component-main .moduletable p {
  color: #7c7467;
}
#component-main .span4 ul {
  margin-top: 40px;
  list-style: none;
}
#component-main .span4 ul li {
  height: 43px;
  padding-left: 105px;
  padding-top: 26px;
  background: url(../images/zakres.png) 40px 15px no-repeat;
  font-size: 17px;
  color: #d4502d;
  border-top: 1px solid #aea291;
}
#component-main .span4 ul li.item-118, #component-main .span4 ul li.item-137, #component-main .span4 ul li.item-146 {
  background-image: url(../images/zaplecze.png);
}
#component-main .span4 ul li.item-119, #component-main .span4 ul li.item-138, #component-main .span4 ul li.item-147 {
  background-image: url(../images/politykajakosci.png);
}
#component-main .span4 ul li.item-119 {
  border-bottom: 1px solid #aea291;
}
#component-main .span4 {
  margin-left: 40px;
  width: 330px;
  background: url(../images/component6.png) right bottom no-repeat;
  padding-bottom: 20px;
}
#component-main .span4 > div {
  background: #cdc1ad;
  margin-bottom: 18px;
}
#component-main .itemTitle {
  font-size: 26px;
  color: #4d4640;
  font-family: SansmediumR;
  font-weight: normal;
  margin-bottom: 15px;
}
#component-main .itemToolbar ul {
  display: none;
}
#component-main .itemFullText {
  color: #70685b;
}
#component-main #k2Container {
  padding-bottom: 30px;
}
#component-main #k2Container .itemFullText > div {
  float: left;
  margin-right: 47px;
}
#component-main #k2Container .itemFullText > div.clear {
  float: none;
}
#component-main #k2Container .itemFullText > div h3 {
  color: #4f463e;
  font-size: 17px;
  margin-bottom: 15px;
}
#component-main #k2Container .itemFullText > div:last-child {
  margin-right: 0;
}
#component-main #k2Container .itemFullText > div > ul {
  list-style: none;
  margin-left: 0px;
}
#component-main #k2Container .itemFullText > div > ul > li {
  color: #d4502d;
  line-height: 1.8em;
}
#component-main #k2Container .itemFullText {
  /*min-height:237px;*/

}
#component-main #line-absolute {
  border-bottom: 1px solid #bdaf96;
  position: absolute;
  margin-top: 0px;
  margin-left: -35px;
  width: 648px;
}
#component-main .span7.subpage {
  padding-left: 5px;
}
#component-main .real .moduletablegallery h3 {
  font-size: 26px;
  font-family: SansmediumR;
  font-weight: normal;
  margin-top: 35px;
  margin-bottom: 25px;
}
#component-main .real .moduletablegallery .sp-sig {
  margin-left: -10px;
  display: none;
}
#component-main .real {
  margin-bottom: 30px;
}
#component-main .real .line {
  border-bottom: 1px solid #bdaf96;
  position: absolute;
  margin-top: 35px;
  margin-left: -35px;
  width: 648px;
}
#component-main .real .moduletablereal a {
  background: url(../images/zobacz.png) 0 0 no-repeat;
  width: 131px;
  height: 30px;
  display: inline-table;
  line-height: 30px;
  padding-left: 5px;
  color: #FFFFFF;
  float: right;
  font-family: SansmediumR;
  margin-top: 25px;
}
#component-main .real .sp_simple_gallery {
  background: #bcb19f;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#component-main .park {
  padding-top: 30px;
}
#component-main .park p {
  font-size: 17px;
  font-family: SansmediumR;
}
#component-main .park p:first-child {
  margin-bottom: 25px;
}
#component-main .park a {
  background: url("../images/park.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  display: inline-table;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  width: 156px;
  float: right;
  font-family: SansmediumR;
  font-size: 12px;
}
#component-main .span4 .jform_contact_secend h3, #component-main .span4 .jform_contact_secend form legend {
  display: none;
}
#component-main .span4 .jform_contact_secend {
  float: left;
  margin-left: 20px;
}
.contact #jform_contact_emailmsg, #jform_contact_email, #jform_contact_name {
  width: 261px !important;
  height: 36px !important;
  padding: 0 5px;
  background: url(../images/input.png) 0 0 no-repeat;
  border: 0px !important;
  box-shadow: none !important;
}
#jform_contact_message {
  background: url(../images/textarea.png) 0 0 no-repeat;
  width: 271px !important;
  height: 124px !important;
  border: 0px !important;
  box-shadow: none !important;
  resize: none;
  padding: 2px 5px;
}
#contact-form dt {
  display: none;
}
#contact-form dd p {
  color: #7c7467;
}
#contact-form button {
  background: url(../images/send.png) 0 0 no-repeat;
  width: 130px;
  height: 30px;
  border: 0px;
  margin-left: 137px;
}
#component-main .span7 .moduletablekontakt h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
#component-main .span7 .moduletablekontakt img {
  margin: 0 15px 15px 0;
}
#component-main .span7 .moduletablekontakt strong {
  color: #d4502d;
}
#component-main .span7 .moduletablekontakt .mapa {
  background: url(../images/mapa.jpg) 0 0 no-repeat;
  width: 560px;
  height: 58px;
  padding: 250px 20px 0 20px;
}
#component-main .span7 .moduletablekontakt .mapa .left {
  float: left;
  font-size: 17px;
  font-family: SansmediumR;
}
#component-main .span7 .moduletablekontakt .mapa .right {
  float: right;
  color: #d4502d;
  font-size: 12px;
}
#component-main #k2Container .catItemImageBlock {
  float: left;
}
#component-main #k2Container .catItemBody {
  width: 260px;
  float: right;
}
#component-main #k2Container .catItemBody .catItemIntroText h3.catItemTitle {
  font-size: 17px;
  font-weight: normal;
  font-family: SansmediumR;
  line-height: 1.2em;
}
#component-main #k2Container .catItemBody .catItemIntroText h2 {
  font-size: 17px;
  font-weight: normal;
  font-family: SansmediumRH;
  line-height: 1.2em;
  margin-bottom: 15px;
}
#component-main #k2Container .catItemImageBlock img {
  border: 5px #bcb19f solid;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
#component-main #k2Container .gkItemBlock {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #bdaf96;
}
#component-main #k2Container .gkItemBlock:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
#component-main #k2Container .itemListCategoriesBlock {
  min-height: 148px;
}
#component-main #k2Container .itemList {
  margin-top: 30px;
}
#component-main #k2Container.proces .itemFullText div {
  margin: 15px 0px;
}
#component-main #k2Container.proces .itemFullText div h2 {
  margin-bottom: 20px;
}
#component-main #k2Container.proces .itemFullText div img {
  border: 5px #bcb19f solid;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin: 0 10px 10px 10px;
}
#component-main #k2Container table td {
  color: #dacebb;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px;
}
#component-main #k2Container table tr > td:last-child {
  font-weight: normal;
}

#lang {
  position: absolute;
  margin-left: 539px;
  margin-top: 10px;
}

#lang ul li {
  background: url(../images/language.png) right 0 no-repeat;
  width: 25px;
  height: 21px;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
}
#lang ul li a {
  color: #FFFFFF;
}
#lang ul li.lang-active {
  background: url(../images/language.png) 0 0 no-repeat;
  color: #4d4640;
}
#lang ul li.lang-active a {
  color: #4d4640;
}

/*
 *
 */

.mapabox {
  position: relative
}
.mapaframe {
  bottom: 81px;
  left: 11px;
  position: absolute;
}