@import url(stala/default.css);
@import url(stala/animated.css);

.main {
	width: 1100px;
	position: relative;
	text-align: left;
	margin: auto;
	clear:both;
}

header {
	width: 100%;
	height: 120px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: rgba(255, 255, 255, .7);
}

header.active #logo,
header.active #logo span{
	width: 218px;
	height: 39px;
}

header.active #logo span{
	background: url(logo_scrol.png) center center no-repeat;
}

header.active{
	height: 57px;
}

header.active nav{
	margin-top: 10px;
}

header.active nav li a{
	height: 46px;
}

header.active #lang {
    top: 18px;
    right: -60px;
}

header.active #logo,
header.active #logo span,
header.active,
header.active nav,
header.active #lang,
header.active nav li a,
header #logo,
header #logo span,
header,
header nav,
header nav li a,
header #lang{
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}



/*wersje jezykowe*/

#lang{
	position: absolute;
	top: 10px;
	right: 0px;
}

#lang a{
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 15px;
	opacity: .2;
}

#lang a:nth-child(1){background: url(stala/pl.gif) no-repeat;}
#lang a:nth-child(2){background: url(stala/en.gif) no-repeat;}

#lang a:hover, #lang a.s{
	opacity: 1;
}

/******************************************************************/

/*logo glowne*/

#logo {
	width: 219px;
	height: 99px;
	font-size: 30px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0px;
	display: block;
}

#logo span {
	width: 219px;
	height: 99px;
	position:absolute;
	top:0;
	left:0;
	background: url(logo.png) center center no-repeat;
}

#logo2{
	position: absolute;
	top: 23%;
	left: 50%;
	display: block;
	width: 551px;
	height: 304px;
	background: url(logo2.png) center center no-repeat;
	z-index: 1;
	margin-left: -275px;
}

/******************************************************************/



/*menu rozwijane*/


nav {
	display: inline-block;
	float: right;
	margin-top: 80px;
}

nav li {
	display: inline-block;
	position:relative;
	vertical-align: middle;
	margin-left: 40px;
}

nav li a {
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	position:relative;
	cursor: pointer;
	height: 40px;
	line-height: 37px;
}

nav li.s a, nav li:hover a, nav li.act a, nav a.s {
	color:#cc9d36;
	text-decoration: none;
}

nav li.s menu a, nav li.act menu a, nav li:hover menu a {
	color:#fff;
}

nav li menu {
	display: none;
	position:absolute;
	left: 0px !important;
	text-align:left;
	z-index:2;
	min-width:300px;
}

nav li menu a {
	text-decoration: none !important;
	color:#000;
	display:block;
	padding: 10px;
	white-space: nowrap;
	font-size: 18px;
	background: rgba(255, 255, 255, .7);
	line-height: normal !important;
	height:auto !important;
	margin-bottom: 3px;
}

nav li menu a{
	color: #000 !important;
}

nav li menu a:hover, nav li menu a.s {
	text-decoration: none !important;
	color:#fff !important;
	background: rgba(203, 149, 48,.7) !important;
}

/*CONTENT*/

#content {
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0;
}

#kols {
	clear: both;
	float: left;
	width: 100%;
}

/******************************************************************/

/*slajder*/

aside {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

blockquote {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.slajd {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display:none;
	text-align: left;
	border: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.nakl{
	position: absolute;
    left: 0;
    bottom: 200px;
    width: 100%;
    text-align: center;
}

.nakl h6{
	font-size: 42px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);

}

.nakl h6 a{
	color: #fff;
}

.nakl h6 a:hover{
	text-decoration: none;
	color: #fe7300;
}

.opis_animki{
	clear: both;
	float: left;
	width: 100%;
	padding: 20px;
	line-height: 42px;
	font-size: 42px;
	color: #fff;
	font-style: italic;
	font-weight: 400;
}

aside smheight{
	position: absolute;
	left: 0px;
	bottom: 150px;
	width: 100%;
	text-align: center;
}

aside smheight a {
    background: rgba(255, 255, 255, .5);
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}

aside smheight a.s,
aside smheight a:hover {
    background: rgba(255, 255, 255, 1);
}

#scrol_top{display:block;width:60px;height:60px;background:url(botom.png) center center no-repeat;position:absolute;left:50%;bottom:5%;margin-left:-30px;z-index:20;cursor:pointer;-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}#scrol_top:hover{background-color:rgba(0,0,0,.6)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-10px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes hvr-bob{0%,100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}



.wwl{
	display: inline-block;
	font-size: 18px;
	color: #040408;
	background: #dfdfdf;
	width: 240px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border: 1px solid #fff;
	margin: 10px 0;
}

.wwl:hover{
	color: #fff;
	text-decoration: none;
	background: #000;
}

h1, h2{
	font-size: 22px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: url(bord.gif) left bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

h3{
	font-size: 22px;
	color: #2a2a2a;
	font-weight: bold;
}

/*footer*/

footer {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	background: #fff;
}

#copy {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
}

#copy a{
	font-size: 12px;
	color: #000;
}

#copy a:hover:nth-child(2){
	text-decoration: none;
	color: #cccc33;
}


/*loga plynacee*/

#marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
	background: #000;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 20px 0px;
}
#marquee div {
    width: 200000px;
}
#marquee div img {
    float: left;
	margin-right: 50px;
}

#marquee div img:hover{
	opacity: .7;
}

#marquee h6{
	padding-top: 20px;
	padding-bottom: 10px;
	float: none;
	font-size: 18px;
	color: #fff;
}
/*formularz kontaktowy*/

#kform{
	clear: both;
	float: left;
	width: 100%;
	background: rgba(171,94,135, .3);
	padding: 40px;
}

#kform h6{
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 70px;
	padding-top: 10px;
}

.inp_f, .textarea{
	width: 100%;
	height: 50px;
	padding-left: 10px;
	font-size: 14px;
	margin-bottom: 25px;
	border: none;
	color: #fff;
	background: none;
	border: 1px solid #b2abba;
	display: block;
}

.textarea{
	padding-top: 10px;
	resize: none;
	height: 190px;
	float: left;
}

.inp_f:focus, .textarea:focus{
	border-color: #fff;
}

.btn_f{
	width: 110px;
	height: 46px;
	border: none;
	background: #cc9d36;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}

.btn_f:hover{
	background-color: #000;
}

#kform ::-webkit-input-placeholder {color: #fff; opacity: 1 !important;}
#kform :-moz-placeholder {color: #fff; opacity: 1 !important;}
#kform ::-moz-placeholder {color: #fff; opacity: 1 !important;}
#kform :-ms-input-placeholder {color: #fff; opacity: 1 !important;}
#kform :placeholder-shown {color: #fff; opacity: 1 !important;}

::-webkit-input-placeholder {opacity: 1 !important;}
:-moz-placeholder {opacity: 1 !important;}
::-moz-placeholder {opacity: 1 !important;}
:-ms-input-placeholder {opacity: 1 !important;}
:placeholder-shown {opacity: 1 !important;}

#kform .left label{
	font-size: 12px;
	color: #fff;
	display: block;
	height: 70px;
	overflow: hidden;
	line-height: 17px;
	cursor: pointer;
	margin-top: -10px;

	-moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

#kform .left label input{
	display: block;
	margin-bottom: 5px;

}

#kform .left {
	width: 80%;
}

#kform .right{
	width: 110px;
}

#kform .left label:hover{
	height: 225px;
}

/*tooltip*/

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*kolumny i podstrony*/


.sekcja{
	clear: both;
	float: left;
	width: 100%;
	position: relative;
}

.biale,
.brazowe,
.niebieskie,
.granatowe{
	background: rgba(255, 255, 255, .7);
	padding: 50px;
	clear: both;
	float: left;
	width: 100%;
}


.brazowe{
	background: #c48217;
	padding: 40px 20px;
	min-height: 480px;
}

.granatowe{
	background:#00356e;
	padding: 20px;
}

.niebieskie{
	background: #0070b1;
	padding: 20px;
	margin-bottom: 20px;
}

.niebieskie ul,
.granatowe ul{
	padding-left: 20px;
}

.niebieskie ul li,
.granatowe ul li{
	color: #fff;
	list-style-image: url(li.png);
}

.brazowe h2,
.brazowe h1{
	color: #fff;
	background: url(bord_b.gif) left bottom no-repeat;
}

.body.pod.wysz .niebieskie,
.body.pod.wysz .granatowe,
.body.pod.wysz .brazowe{
	min-height: 725px;
}

.pod h1, .pod h2
{
	color: #fff;
	background: url(bord_b.gif) left bottom no-repeat;
}

.pod.wysz h1, .pod.wysz h2{
	margin-bottom: 0px;
}

/*boxy gl*/

#boxy_gl{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

.box .text{
	min-height: 340px;
}

.box{
	width: 33%;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-size: cover;
}

.box h6{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: url(bord.gif) left bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.box h6 a{
	color: #000;
}

.box h6 a:hover{
	text-decoration: none;
	color:#cc9d36;
}

.box .more{
	color: #000;
}

.box .more:hover,
.more.pdf:hover{
	text-decoration: none;
	color:#cc9d36;
}

.nk{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	z-index: 1;

		-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}

.cont{
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 150px;
	text-align: left;
	font-size: 16px;
	color: #000;
}

.box:hover .nk{
	background: rgba(255, 255, 255, .5);
}

.box.col1{
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}

/*karuzela*/


.oferta{
	display: inline-block;
	vertical-align: top;
	width: 348px;
	height: 520px;
	margin: 0 15px;
	position: relative;
}

.pod .oferta{
	margin: 0 28px 28px 0px;
	float: left;
}

.pod .oferta.col2{
	margin-right: 0px;
}

.fota{
	position: relative;
	float: left;
	overflow: hidden;
}

.fota:hover:before,
.produkt .fota:hover:before {
    content: "zobacz więcej";
	display: block;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 100%;
	height: 319px;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	line-height: 250px;
}

.produkt .fota:hover:before {
	height: 417px;
	line-height: 380px;
}


.text.podpis{
	font-size: 30px;
	color: #fff;
}

.text.podpis smheight{
	display: block;
	font-size: 18px;
	color: #fff;
}

.oferta img{
	float: left;
	width: 100%;
	height: auto;
}

.opis,
.opis_nagl,
.spec,
.przykl_oferty,
.wiersz{
	clear: both;
	float: left;
	width: 100%;
}

.left{
	width: 48%;
	float: left;
	text-align: left;
}

.right{
	width: 48%;
	float: right;
	text-align: right;
}

.oferta .opis_nagl{
	border-bottom: 4px solid #fff;
	padding: 20px 0px;
	margin-bottom: 20px;
}



.oferta .opis_nagl div{
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}

.oferta .opis_nagl div span{
	display: block;
	color: #e0a135;
	text-transform: uppercase;
}

.oferta .spec{
	padding: 20px 0px;
}

.wiersz .l{
	width: 48%;
	float: left;
	text-align: left;
}

.wiersz .p{
	width: 48%;
	float: right;
	text-align: right;
}

.wiersz .l,
.wiersz .p{
	color: #fff;
	font-weight: 300;
}

.oferta .spec .left,
.oferta .spec .right{
	width: 40%;

}

.oferta .more2{
	font-size: 14px;
	color: #fff;
	background: #004d75;
	border: 2px solid #cc9d36;
	padding: 6px 20px;
	float: right;
}

.oferta .more2:hover{
	text-decoration: none;
	background: #cc9d36;
}

/*referencje*/

.referencje{
	clear: both;
	float: left;
	width: 100%;
}

.referencje:before{
	content: "";
	display: block;
	width: 58px;
	height: 47px;
	background: url(cudz.png) no-repeat;
	position: absolute;
	top: -60px;
	left: 0px;
}

.referencje ul li{
	color: #fff;
	text-align: left;
	text-align: justify;
	line-height: 160%;
}

ul.bjqs{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}

li.bjqs-slide{
	position:absolute;

}

.bjqs-prev{
	float: left;
}

.bjqs-next{
	float: right;
}

.bjqs-prev a{
	display: block;
	width: 72px;
	height: 72px;
	border: 1px solid #fff;
	background: url(navl.png) center center no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}

.bjqs-next a{
	display: block;
	width: 72px;
	height: 72px;
	border: 1px solid #fff;
	background: url(navp.png) center center no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}

.bjqs-prev a:hover{
	border-color: #cc9d36;
	background: url(navl_h.png) center center no-repeat;
}

.bjqs-next a:hover{
	border-color: #cc9d36;
	background: url(navp_h.png) center center no-repeat;
}

.bjqs-controls a{
	float: left;
}


.bjqs-controls {
    width: 150px;
    position: absolute;
    top: 50%;
    right: 15%;
	margin-top: -35px;
}

#banner-fade li{
	list-style: none;
	font-style: italic;
}

.bjqs li{
	padding-right: 20px;
}

#banner-fade{
	max-width: 100% !important;
	width: 100% !important;
}

.bjqs-markers{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

.bjqs-markers li,
.bjqs-markers li a{
	display: inline-block;
	vertical-align: middle;
}

.bjqs-markers li a{
	background: rgba(255, 255, 255, .5);
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
	text-indent: -9999em;
}

.bjqs-markers li.active-marker a,
.bjqs-markers li a:hover{
	background: rgba(255, 255, 255, 1);
}

.podpis_ref{
	clear: both;
	color: #fff;
	width: 100%;
	float: left;
	background: url(bord_b.gif) top left no-repeat;
	padding-top: 20px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}

.podpis_ref smheight{
	display: block;
	font-weight: 300;
}

#banner-fade .wwl{
	width: auto;
	height: auto;
	line-height: normal;
	padding: 5px 10px;
	color: #cc9d36;
	background: #fff;
}

#banner-fade .wwl:hover{
	background: #454545;
}

#gse76244037 .text.podpis{
	padding: 50px 0px;
	position: relative;
	z-index: 2;
	padding-top: 70px;
}

.w50{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	background: #cc9d36;
}

.adres{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background: #341c29;
	padding: 40px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
	font-weight: 300;
}

.adres h6{
	font-size: 26px;
	color: #fff;
	margin-bottom: 20px;
}

.adres a{
	color: #fff;
	font-size: 16px;
}

/*duzy footer*/

.duzy{
	background: #000;
	text-transform: none;
	padding: 40px 0px;
}

.duzy address{
	float: left;
	color: #b3b3b3;
	font-size: 16px;
	text-align: left;
}

.duzy address a{
	color: #b3b3b3;
	font-size: 16px;
}

.duzy address h6{
	font-size: 26px;
	color: #fff;
	margin-bottom: 30px;
}

.duzy address span a{
	font-size: 33px;
	color: #cc9d36;
}

/*podstrony*/

.btnn{
	display: block;
	width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background: #000 url(ik1.png) 35px center no-repeat;
	padding: 38px 58px;
	float: left;
	margin-bottom: 10px;
	padding-left: 133px;
	transition: .4s;
}

.btnn:last-child{
	background: #000 url(ik2.png) 35px center no-repeat;
}

.btnn:hover{
	text-decoration: none;
	background-color: #c48217;
}

section{
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	padding-top: 160px;
	background-repeat: no-repeat;
	background-position: top center;
}


#back_to_top {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    cursor: pointer;
    background: url(up.png) no-repeat;
    border-radius: 100%;
}

#back_to_top:hover{
	opacity: .9;
}

.body.kompleksowa section .main{
	width: 100%;
	padding: 20px;
	padding-left: 250px;
}

.body.kompleksowa section{
	background: #d79a37;
	height: 100%;
}

#triangle-right{
	width: 0;
	height: 0;
	border-top: 470px solid transparent;
	border-top: 470px solid transparent;
	border-left: 80px solid #d79a37;
	border-bottom: 450px solid transparent;
	position: absolute;
	top: 0px;
	right: -80px;
	z-index: 1;
}

.body.kompleksowa .left,
.body.kompleksowa .right{
	position: relative;
	width: 50%;
	height: 100%;
}

.body.kompleksowa .left ul{
	padding-left: 40px;
}

.body.kompleksowa .left ul li{
	color: #fff;
	list-style-image: url(tr2.png);
}

.body.kompleksowa .right section{
	background: #000 url(tlo_kompleksowa.jpg);
	padding-top: 120px;
}

.body.kompleksowa .menu a{
	display: block;
	text-align: left;
	font-size: 30px;
	color: #fff;
	padding-left: 250px;
	padding-top: 66px;
	padding-bottom: 66px;
	border-bottom: 2px solid #fff;

	background-image: url(i1.png);
	background-position: 120px center;
	background-repeat: no-repeat;

	transition: .4s;
}

.body.kompleksowa .menu a small{
	display: block;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

.body.kompleksowa .menu a:nth-child(2){background-image: url(i2.png);}
.body.kompleksowa .menu a:nth-child(3){background-image: url(i3.png);}
.body.kompleksowa .menu a:nth-child(4){background-image: url(i4.png);}

.body.kompleksowa .menu a:nth-child(1):hover{
	background-image: url(i1_h.png);
}

.body.kompleksowa .menu a:nth-child(2):hover{
	background-image: url(i2_h.png);
}

.body.kompleksowa .menu a:nth-child(3):hover{
	background-image: url(i3_h.png);
}

.body.kompleksowa .menu a:nth-child(4):hover{
	background-image: url(i4_h.png);
}

.body.kompleksowa .menu a:nth-child(5):hover{
	background-image: url(i5_h.png);
}

.body.kompleksowa .menu a:hover{
	text-decoration: none;
	background-color: rgba(255, 255, 255, .6) !important;
	color: #fff;
}

#wys{
	clear: both;
	float: left;
	width: 100%;
	height: 120px;
	margin-bottom: 20px;
	background: transparent;
}

/*dowardztow aranaznacje*/


.simple_nav{
	clear: both;
	float: left;
	width: 100%;
	font-size: 18px;
	color: #000;
	padding-bottom: 50px;
}

.simple_nav a{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #000;
	border-left: 2px solid #000;
	padding-left: 10px;
	height: 17px;
	line-height: 15px;
	margin-left: 10px;
}

.simple_nav a:first-child{
	border: none;
	padding: 0px;
}

.simple_nav a:hover,
.simple_nav a.s{
	text-decoration: none;
	color: #ebad21;
}

.body.pod.aranzacje h1,
.body.pod.aranzacje h2{
	color: #000;
	text-transform: uppercase;
	background: url(bord.gif) left bottom no-repeat;
}

.body.pod.aranzacje section{
	padding: 0px;
}

#scrollable {
  position:relative;
  overflow:hidden;
  width: 100%;
  height:320px;
}

#scrollable .items {
  width:20000em;
  position:absolute;
}

#scrollable  .items div {
  float:left;
}

#galeria_aranzacje{
	clear: both;
	float: left;
	width: 100%;
	position: relative;
}

#galeria_aranzacje .prev {
    background: rgba(255, 255, 255, .3) url(navl.png) center center no-repeat;
    width: 72px;
    height: 72px;
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 1;
    margin-top: -36px;
    cursor: pointer;
	border: 1px solid #fff;
}

#galeria_aranzacje .next {
    background: rgba(255, 255, 255, .3) url(navp.png) center center no-repeat;
    width: 72px;
    height: 72px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 61;
    margin-top: -36px;
    cursor: pointer;
}

#galeria_aranzacje .prev:hover,
#galeria_aranzacje .next:hover{
	background-color: #454545;
}

/*slajd z wyszukiwarką*/

#wysz_content{
	clear: both;
	float: left;
	width: 100%;
}

#wysz_content h6{
	position: relative;
	font-size: 30px;
	color: #fff;
	background: #c48217;
}

#wysz_content h6 span{
	display: inline-block;
	margin-top: 65px;
}

#wysz_content h6:before{
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	bottom: -80px;
	width: 0;
	height: 0;
	border-left: 950px solid transparent;
	border-right: 950px solid transparent;
	border-top: 80px solid #c48217;
}

.select{
   background: transparent;
   width: 100%;
   padding-left: 6px;
   font-size: 16px;
   color: #000;
   border: none;
   height: 37px;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor: pointer;
}

.styled-select {
   width: 100%;
   height: 37px;
   overflow: hidden;
   background: #fff url(ar.png) 95% center no-repeat;
   display: inline-block;
   vertical-align: middle;
   color: #0068a2;
   border: 1px solid #bababa;
}

.inp_wysz{
   background: #fff;
   width: 48%;
   padding-left: 8px;
   font-size: 16px;
   color: #000;
   border: none;
   height: 37px;
   display: inline-block;
   vertical-align: middle;
   border: 1px solid #bababa;

}

#wyszukiwarka{
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	background: #e4e4e4;
	margin-top: 100px;
}

#wyszukiwarka span{
	display: block;
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#wyszukiwarka h5{
	font-size: 24px;
	color: #000;
	font-weight: 900;
	border-bottom: 6px solid #fff;
	width: 50%;
	padding: 10px 0 10px 50px;
	text-transform: uppercase;
}

#wysz_srodek{
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 50px;
}

#wyszukiwarka label{
	display: block;
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 20px;
	cursor: pointer;
}

#wyszukiwarka label input{
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

#wyszukiwarka .wiersz{
	padding-bottom: 20px;
}

.body.pod.wysz{
	overflow: hidden;
}

.kol_wysz{
	float: left;
	margin-right: 23px;
}

.kol_wysz.w1{
	width: 200px;
}

.kol_wysz.w2{
	width: 230px;
}

.kol_wysz.w3{
	width: 380px;
}

.kol_wysz.w4{
	width: 120px;
	margin-right: 0px !important;
}

.wiersz.male .right{
	border-top: 6px solid #fff;
	text-align: left;
}

.wiersz.male .right,
.wiersz.male .left{
	width: 50%;
	padding-top: 30px;
}

.wiersz.male .left{
	width: 62%;
}

.wiersz.male .right{
	width: 38%;
}

.wiersz.male .w100{
	float: left;
	width: 85px;
	background: #fff url(ar.png) 90% center no-repeat;
}

.wiersz.male .w100:last-child{
	float: right;
}

.wiersz.male .kol_wysz{
	width: 180px;
}

.btn_wysz{
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	border: none;
	width: 177px;
	height: 37px;
	background: #cc9d36;
	transition: .4s;
	margin-top: 36px;
}

.btn_wysz:hover{
	background: #454545;
}

/*sortowanie*/
#nagl_sort{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
    border-bottom: 2px solid #cd8b39;
	padding: 20px 0px;
	margin-bottom: 30px;
	margin-top: 40px;
}

#nagl_sort a{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #000;
	margin: 0 18px;
	background: url(sort.png) right center no-repeat;
	padding-right: 20px;
}

sup{
	font-size: 11px;
}

#nagl_sort a.s{
	text-decoration: none;
	font-weight: bold;
}

#nagl_sort a:hover{
	text-decoration: none;
	color: #cc9d36;
}

#nagl_sort a.s{
	background: url(sort_up.png) right center no-repeat;
}

/*pojedynczy produkt*/

.listing{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.produkt{
	width: 537px;
	height: 565px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 12px;
}


.produkt img{
	float: left;
	width: 100%;
	height: auto;
}

.opis_prod{
	clear: both;
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 10px 20px;
}

.opis_prod span{
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.opis_prod .left .wiersz .l{
	color: #000;
	font-weight: 400;
	font-size: 16px;
}

.opis_prod .left .wiersz .p{
	font-weight: 900;
	color: #000;
}

.opis_prod .right span{
	font-size: 32px;
	color: #cc9d36;
	font-weight: 900;
	display: block;
	margin-bottom: 10px;
}

.opis_prod .right small{
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin-bottom: 17px;
}

.opis_prod .right small b{
	font-weight: 900;
	text-transform: uppercase;
}

.opis_prod .right .more{
	display: block;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	background: #fff url(more.png) 95% center no-repeat;
	border: 1px solid #070101;
	text-align: center;
	transition: .4s;
	padding: 5px 0px;
}

.opis_prod .right .more:hover{
	text-decoration: none;
	background-color: #454545;
	color: #fff;
}

.opis_prod .left{
	width: 40%;
}

.opis_prod .right{
	width: 44%;
}

.produkt address{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(255, 255, 255, .6);
	font-style: normal !important;
	padding: 5px 20px;
	z-index: 1;
}

.produkt address div{
	width: 50%;
	float: left;
	text-align: left;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
}

.produkt address div small{
	display: block;
	font-size: 14px;
	padding-left: 5px;
}

.produkt address div.nr{
	text-align: right;
	font-weight: 400;
	margin-top: 8px;
}

/*karta*/

#karta{
	clear: both;
	float: left;
	width: 100%;
	float: left;
	background: #f1f1f1;
}

#fotki{
	float: left;
	width: 770px;
	margin-bottom: 20px;
	min-height: 400px;
	background: url(loader.gif) center center no-repeat;
}



#opis_karta{
	width: 300px;
	float: right;
}

#opis_karta .l,
#opis_karta .p{
	color: #000;
}

#opis_karta .wiersz.cena{
	margin: 10px 0px;
}

#opis_karta .wiersz.cena .l,
#opis_karta h6{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

#opis_karta .opis_karta{
	padding: 20px 0px;
}

#opis_karta h6{
	margin-bottom: 10px;
}

#opis_karta .wiersz{
	margin-bottom: 5px;
}

#opis_karta .wiersz.cena .p{
	font-size: 28px;
	color: #cc9d36;
	font-weight: 900;
	margin-top: -9px;
}

#opis_karta .wiersz .l{
	font-size: 16px;
	color: #000;
	font-weight: 400;
}

#opis_karta .wiersz .p{
	font-weight: 900;
}

#opis_karta .tab_mala{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#opis_karta .more{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: #cc9d36;
	padding: 13px 56px;
	transition: .4s;
}

#opis_karta .more:hover,
#opis_karta .more.pdf:hover{
	text-decoration: none;
	background: #454545;
}

#opis_karta .more.pdf:hover{
	background-color: #454545 !important;
}

.opis_karta{
	clear: both;
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000;
	padding: 40px 0px;
	text-align: justify;
	line-height: 140%;
}

.opis_karta h5{
	font-size: 18px;
	color: #000;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 5px;
	background: url(bord_braz.gif) left bottom no-repeat;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.opis_karta ul{
	margin-left: 20px;
}

/*kalkulator*/

#tab_kalkulator{
	clear: both;
	float: left;
	width: 100%;
	background: #008ec1;
	padding: 30px 0px;
}

#tab_kalkulator div{
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}

#tab_kalkulator .wiersz.nagl div{
	font-size: 18px;
	font-weight: 900;
}

#tab_kalkulator .wiersz{
	border-bottom: 2px solid #fff;
	padding: 10px 0px;
}

#tab_kalkulator .l{
	width: 60%;
}

#tab_kalkulator .p{
	width: 40%;
}

#tab_kalkulator .wiersz.suma .p{
	background: #fff;
	font-size: 24px;
	color: #000;
	font-weight: 900;
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#tab_kalkulator .wiersz.suma{
	border: none;
}

.wiersz.nobord{
	border: none !important;
}

/*doradztwo finansowe*/

.body.pod.finanse{
	background: #d79a37;
}

.body.pod.finanse h1,
.body.pod.finanse h2{
	color: #000;
	background: url(bord.gif) left bottom no-repeat;
}

#kal_kredytowy{
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 0px;
	position: relative;
}

#koll{
	width: 680px;
	float: left;
}

#kolp{
	width: 360px;
	float: right;
	background: #efefef;
	padding: 30px;
	min-height: 895px;
}

/*range slider*/

.slidecontainer.male_numerki .numerki{
	margin-left: -27px;
}


input[type=range] {
  height: 31px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 24px;
  cursor: pointer;
  animate: 0.2s;
  background: url(rage_tlo.gif) left center repeat-x;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: url(rage_tlo.gif) left center repeat-x;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 24px;
  cursor: pointer;
  animate: 0.2s;
  background: url(rage_tlo.gif) left center repeat-x;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 24px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-thumb {
  margin-top: 1px;
  width: 12px;
  height: 31px;
  background: url(range.png) no-repeat;
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  width: 12px;
  height: 31px;
  background: url(range.png) no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3px;
}

input[type=range]::-moz-range-thumb {

	outline: none;
	border: none;
    width: 12px;
    height: 31px;
    border: 0;
    background: url(range.png) no-repeat;
    cursor: pointer;
	border-radius: 0px !important;
}




/*

#slidecontainer {
    clear: both;
	float: left;
	width: 100%;
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 24px;
	background: none;
    background: #fff url(rage_tlo.gif) left center repeat-x;
    outline: none;
	border: none;
	z-index: 10;
}


.slider::-webkit-slider-thumb {
	outline: none;
	border: none;
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 31px;
    border: 0;
    background: url(range.png) no-repeat;
    cursor: pointer;
	border-radius: 0px !important;
}

.slider::-moz-range-thumb {
	outline: none;
	border: none;
    width: 12px;
    height: 31px;
    border: 0;
    background: url(range.png) no-repeat;
    cursor: pointer;
	border-radius: 0px !important;
}

*/

#map{
	clear: both;
	float: left;
	width: 100%;
	height: 555px;
}

#karta.w100 #opis_karta{
	width: 100%;
}

.karta section{
	padding: 0px;
}

.karta #karta{
	padding-top: 160px;
}

.tlo{
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}

#gse72419367.sekcja,
#gse6504818.sekcja{
	padding-top: 135px;
}


.nagl_range{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.nagl_range .ll{
	width: 49%;
	float: left;
	font-size: 18px;
	color: #000;
}

.nagl_range .pp{
	width: 49%;
	float: right;
	text-align: right;
}

.licznik{
	display: inline-block;
	background: #d79a37;
	color: #fff;
	padding: 3px 0 3px 10px;
	width: 230px;
	text-align: left;
	margin-right: 10px;
}

.numerki{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	margin-left: -28px;
	margin-top: -10px;
}
.numerki span{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 12px;
}

.slidecontainer{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

.male_numerki .numerki span{
	margin: 0 25px;
}

.proc{
	clear: both;
	float: left;
	width: 100%;
}

.proc .wiersz .l{
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	width: 30%;
}

.proc .wiersz .p{
	color: #000;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	width: 68%;
	margin-top: -2px;
}

.proc .wiersz .p input[type="text"]{
	display: inline-block;
	background: #d79a37;
	color: #fff;
	padding: 3px 0 3px 10px;
	width: 230px;
	text-align: left;
	margin-right: 10px;
	border: none;
}

.proc .wiersz{
	margin-bottom: 20px;
}

#podsumowanie{
	clear: both;
	float: left;
	width: 100%;
}

/*radio oraz checkbox*/

.radio-container{
	display: inline-block;
	vertical-align: middle;
	width: 146px;
}

.radio-boxes {
	list-style-type: none;
}

.radio-boxes input,
.radio-boxes textarea {
	margin: 0;
	outline: none;
	display: none;
}

.radio-boxes input + label {
	display: inline-block;
	cursor: pointer;
	position: relative;

	padding-left: 30px;

}

.radio-boxes span{
	text-transform: uppercase;
	font-weight: 400;
}

.radio-boxes input + label:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0px;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
	background-color: #d79a37;


}

.radio-boxes input:checked + label:before {
  content: "";
  background: url(stala/radio.png) center center no-repeat;
  background-size: 18px 18px;
  background-color: #d79a37;

}

.proc.dochody .wiersz .l,
.proc.dochody .wiersz .p{
	width: 50%;
}

.proc.dochody .wiersz .l{
	width: 70%;
}

.proc.dochody .wiersz .p{
	width: 30%;
}

.proc.dochody .btn_f{
	background: #000;
	float: left;
	text-transform: uppercase;
	font-size: 18px;
	width: 150px;
}

.proc.dochody .btn_f:hover{
	background: #d79a37;
}

.proc.dochody .wiersz .p input[type="text"]{
	width: 100px;
}

.proc.dochody h2{
	margin: 20px 0px;
}

/*widgety*/

.widget{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.widget h6{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: url(bord.gif) left bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: left;
}

.widget body{
	margin: 0px !important;
}


.wid_cont {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 221px;
}


.slidecontainer:before,
.slidecontainer:after{
    content: "";
	display: block;
	width: 13px;
	height: 14px;
	background: url(nl.png) no-repeat;
	position: absolute;
	left: -20px;
	bottom: 32px;
}

.slidecontainer:after{
	background: url(np.png) no-repeat;
	left: auto;
	right: -20px;
}

#gse25580226{
	padding-top: 0px;
}

#gse75743119.sekcja{
	padding-top: 95px;
}

body.karta section{
	padding: 0px;
}

body.karta .simple_nav{
	text-align: right;
	padding: 0px;
	margin-bottom: -25px;
	position: relative;
	z-index: 2;
}

.maska{
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
	line-height: normal;
}


.maska object{
	margin-left: -10px;
	float: left;
}

.wwl.scrol{
	cursor: pointer;
	color: #fff;
	transition: .4s;
	background: #c48217 url(szukaj.png) 10px center no-repeat;
	padding-left: 50px;
	padding-right: 20px;
	width: auto;
}

.wwl.scrol:hover{
	background-color: #f3b249;
}


.more.pdf{
	background: #cc9d36 url(pdf.png) 20px center no-repeat !important
}

.o_nas{
	padding-top: 140px;
}

.body.pod.kompleksowa{
	background: #d79a37;
}

.u5_foto img,
.u1_foto img{
	float: left;
	width: 100%;
	height: auto;
}

#karta .main{
	width: 1100px;
}



#fotogl{
	width: 770px;
	height: 520px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	margin-bottom: 20px;
}

#fotogl .scrollable {
    position: relative;
    overflow: hidden;
	width: 770px;
	height: 520px;
}

#fotogl .scrollable .items {
    width: 20000em;
    position: absolute;
}

#fotogl .scrollable .items div {
    float: left;
	width: 770px;
    position: relative;
	text-align: center;
}

a.disabled{
	display: none !important;
}

#fotogl .scrollable div img{
	float: left;
	width: 100%;
	height: auto;
}

#fotodod{
	clear: both;
	float: left;
	width: 100%;
}

#fotodod  a{
	cursor: pointer;
}

#fotodod img{
	float: left;
	border: 1px solid transparent;
	margin-right: 10px;
	margin-bottom: 10px;
}

#fotodod a.current img{
	border-color: #ff0000;
	position: relative;
	z-index: 10;
}

#fotodod img:nth-child(5n){
	margin-right: 0px;
}

#no_mg img{
	margin-right: 0px;
}

.prev.browse.left{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 60px;
	height: 100%;
	background: url(cart_left.png) center center no-repeat;
}

.next.browse.right{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 60px;
	height: 100%;
	background: url(cart_right.png) center center no-repeat;
}

.prev.browse.left:hover,
.next.browse.right:hover{
	background-color: rgba(0,0,0,.2);
}

#karta .simple_nav a{
	color: #000;
	font-weight: 900;
	font-size: 18px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#karta .simple_nav{
	border-bottom: 2px solid #cd8b39;
	text-align: left;
	margin: 0px;
	margin-bottom: 20px;
	width: 770px;
}

/*Zakładki*/

.zakladki {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

.zakladki > ul{
    clear: both;
    float: left;
    width: 100%;
    margin: 0 !important;
    list-style-image: none;
    list-style-type: none;
}

.zakladki > ul li{
    float: left;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    height: 36px;
	line-height: 36px;
	padding-left: 25px;
	padding-right: 25px;
	border: none;
	list-style: none;
	background: #cc9d36;
}

.zakladki > ul li a{
	color: #fff;
	text-transform: uppercase;
}

.zakladki > ul li.s, .zakladki > ul li:hover {
	text-decoration: none;
	z-index: 10;
	color: #cc9d36;
	background: #fff;
}

.zakladki > ul li a:hover{
	text-decoration: none;
	color: #cc9d36;
}

.zakladki .opis {
    display: none;
    clear: both;
    float: left;
    width: 100%;
	margin-bottom: 20px;
    line-height: 160%;
}

#karta h1{
	font-size: 24px;
	color: #000;
	font-weight: 900;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
	width: auto;
	display: inline-block;
	margin-top: -13px;
	border: none;
	background: none;
}

#karta h1 span{
	font-weight: 300;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#karta h1 small{
	font-weight: normal;
	display: block;
	text-align: right;
	font-size: 14px;
}


.opis_karta.dla_inwestora{
	background: #0481af;
	color: #fff;
}

.opis_karta.dla_inwestora ul li{
	list-style-image: url(li_biale.png);
}

.opis_karta.dla_inwestora h5{
	background: url(bord_bialy.gif) left bottom no-repeat;
}

.opis_karta.dla_inwestora .main,
.opis_karta.dla_inwestora .main h5,
.opis_karta.dla_inwestora .main ul li{
	color: #fff;
}


section#gse62107044 .opis_karta h5{
	color: #fff;
	background: url(bord_bialy.gif) left bottom no-repeat;
}

.tab-content.cr{
	display: block;
}

/*zakladki2*/

.zakladki2 {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

.zakladki2 > ul{
    clear: both;
    float: left;
    width: 100%;
    margin: 0 !important;
    list-style-image: none;
    list-style-type: none;
}

.zakladki2 > ul li{
	background: #cbcbcb;
	font-size: 24px;
	color: #fff;
	display: inline-block;
	padding: 5px 26px;
	cursor: pointer;
	text-transform: uppercase;
    margin: 0px;
	border: none;
	list-style: none;
}

.zakladki2 > ul li a{
	color: #fff;
}

.zakladki2 > ul li.s, .zakladki2 > ul li:hover {
	text-decoration: none;
	background: #cc9d36;
}

.zakladki2 > ul li#zakl2_1,
.zakladki2 > ul li#zakl2_2{
	background: #008ec1;
}

.zakladki2 .opis {
    display: none;
    clear: both;
    float: left;
    width: 100%;
    line-height: 160%;
	background: #fff;
}

.text.brak_ofert{
	color: #ff0000;
	padding: 100px 0px;
}

.kol_wysz.w3 .inp_wysz{
	width: 100%;
}

#opis_karta .wiersz .l{
	width: 52%;
}

.skrot{
	clear: both;
	float: left;
	width: 100%;
	height: 162px;
	overflow: hidden;
}

.oferta .opis_nagl .left{
	white-space: nowrap;
}

#gse76869724{
	padding-bottom: 20px;
}


#kolp.w100{
	width: 100%;
	text-align: center;
	min-height: auto;
}

#kolp.w100 .widget{
	float: none;
	display: inline-block;
	vertical-align: top;
	clear: none;
	width: 49%;
}

.wiersz.cena .l{
	width: 20% !important;
}

.wiersz.cena .p{
	width: 80%;
}

.cont_onas,
.hide{
	clear: both;
	float: left;
	width: 100%;
}

.cont_onas .wwl{
	display: none;
}

.hide{
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s; 
	transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}

#gse85814575 h2{
	font-size: 18px;
}

#gse2442288 .granatowe,
#gse2442288 .brazowe,
#gse2442288 .niebieskie{
	min-height: 750px;
}


#facebook-connect-container {
    background-color: #3A5896;
    border: 1px solid #3A5896;

    height: 240px;
    left: 0;
    margin-left: -306px;
    padding: 4px 4px 4px 0;
    position: fixed;
    top: 300px;
    width: 300px;
    z-index: 200;
}
#facebook-connect-button {
    cursor: pointer;
    height: 135px;
    margin: -120px -50px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
	width:49px;
}


#logo_atelier {
	display: inline-block;
	background: url(atelier.png) no-repeat center center;
	width: 339px;
	height: 210px;
	margin: 140px 0 50px 0;
}


.atelier h6 {
	color:#fff;
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 70px;
	line-height: 140%;
}


#atelier_opis {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
}

#atelier_opis_l {
	display: inline-block;
	width: 520px;
	color:#fff;
	text-align: justify;
	font-size:16px;
	vertical-align:top;
}

#atelier_opis_p {
	display: inline-block;
	width: 520px;
	color:#fff;
	font-size:16px;
	margin-left: 40px;
	text-align: justify;
	vertical-align:top;
}

.wiecej_atelier {
	background: url(zobacz_wiecej.png) no-repeat center center;
	background-size: 520px 67px;
	width: 520px;
	height: 67px;
	margin-top: 20px;
	display: block;
}

.wiecej_atelier:hover, #logo_atelier:hover {
	opacity: .5;
	transition: .4s;
}