@CHARSET "UTF-8";

body {
	color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
body, form, p, h1, h2, h3, h4, h5, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
h2 { color: #202020; font-size: 160%; }
h3 { color: #202020; font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/*************************************
 * Szkielet strony
 *************************************/
.main-content { padding-top: 10px; }
.header-wrapper { padding: 0 0 10px; }
#wrap { position: relative; background-color: white; }
#wrap-inner {
	/*width: 980px;*/
	margin: 0 auto;
}
.wrapper-fluid {
  position: relative;
  margin: 0 auto;
  min-width: 312px;
  max-width: 980px;
  padding: 0 4px;
}
@media (max-width: 1100px) {
	/*#wrap-inner { position: relative; padding: 0 60px; }*/
}
#content {
	float: left;
	width: 100%;
	max-width: 662px;
	/*margin: 0;
	padding: 0 0 25px;*/
}
.content-wide { max-width: 980px; }
#content-wide {
	width: 980px;
	margin: 0;
	padding: 0 0 25px;
}
#content-wide #content, #content-wide #sidebar {
	padding-top: 0;
}
#sidebar {
	float: right;
	width: 300px;
	padding: 0 0 10px;
	margin: 0 0;
}
#sidebar.affix,
#sidebar.floating { position: absolute; right: 4px; }
@media (max-width: 979px) {
	#content, #sidebar { float: none; width: 100%; max-width: 662px; margin: auto; }
	#content { /*padding-bottom: 10px;*/ }
}
@media (max-width: 669px) {
	
}
#footer {
	clear: both;
	position: relative;
	overflow: hidden;
	/* background: transparent url(/i-static/footer/footer.png) no-repeat left top; */
	font-size: 1.2em;
	z-index: 10;
	border: 1px solid #D2D2D2;
	border-bottom: 0;
}
#footer:before, #footer:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	height: 100%;
}
#footer:before {
	left: 2px;
	border-top: 3px solid rgb(154, 154, 154);
	background-image: -webkit-linear-gradient(top, rgb(222, 226, 217) 0px, rgb(225, 231, 217) 100%);
	z-index: -1;
}
#footer:after {
	left: 60%;
	background-image: -webkit-linear-gradient(-30deg, transparent 0, transparent 40%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.4) 100%);
	z-index: -1;  
}

/* Blokowanie opływania */
#headerr:after, #footerr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*************************************
 * Nagłówek (Header)
 *************************************/
.tooba-header ul { margin: 0; padding: 0; list-style-type: none; }
.tooba-header.sticky { position: fixed; top: 0; left: 0; width: 100%; height: 56px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background: #FFF; z-index: 9999; }
.sticky-header-offset.sticky { height: 147px; }
.header { position: relative; margin: 0 auto; }
.header * { box-sizing: border-box; }
.header .search-bar { position: relative; padding: 20px 370px 10px 260px; }
.sticky .header { padding-top: 0; z-index: 9999; }
.sticky .header .search-bar { padding-top: 11px; }
.header .icon-bar{display:block;margin:0 auto;width:100%;height:4px;-moz-border-radius:3px;border-radius:3px;background:#777}
.header .icon-bar+.icon-bar{margin-top:4px}
.header .btn.navigation-toggle{position:absolute;left:5px;top:17px;width:40px;height:40px;padding:6px;-moz-border-radius:3px;border-radius:3px;border:1px solid #cdcdcd;display:none;-moz-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background-color:#f8f8f8;background-image:-webkit-linear-gradient(top,#fff 5%,#e6e6e6 100%);background-image:-moz-linear-gradient(top,#fff 5%,#e6e6e6 100%);background-image:linear-gradient(to bottom,#fff 5%,#e6e6e6 100%);cursor:pointer}
.header .btn.navigation-toggle:hover{background-color:#e6e6e6;text-decoration:none;background-position:0 -15px}
.header .btn.navigation-toggle.active{background-color:#f8f8f8}
.header .btn.navigation-toggle.active,
.header .btn.navigation-toggle:hover{border-color:#d6d6d6;background-image:none;-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.header .logo { position: absolute; top: 20px; left: 0; width: 205px; height: 44px; }
.header .logo a { display: block; height: 100%; }
.header .logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
.sticky .header .logo { top: 10px; }
@media (max-width: 979px) {
	.header .search-bar { padding-left: 240px; }
	.header .btn.navigation-toggle { display: block; }
	.header .logo { left: 60px; top: 20px; width: 162px; height: 35px; }
	.sticky .header .search-bar { padding: 11px 60px 10px; }
	.sticky .header .logo { display: none; }
	.sticky .header .btn.navigation-toggle { top: 7.5px } 
}
.header .common { float: left; width: 100%; text-align: center; }
.header .kontakt-bar { position: absolute; top: 10px; right: 0; width: 320px; }
.sticky .header .kontakt-bar { top: 1px; }
.header .kontakt-bar .kontakt-tel { display: block; float: left; width: 100%; height: 50px; padding: 8px 10px; border: 1px solid #FFF; border-bottom: 0; border-radius: 3px; color: #72bf44; cursor: pointer; transition: border-color 0.3s; text-decoration: none; }
.header .kontakt-bar.active .kontakt-tel {
	position: relative;
	background-color: #FFF;
	background: linear-gradient(to right, #FFF 5%,#D2D2D2 15%, #D2D2D2 90%, #FFF 95%) no-repeat;
	background-size: 100% 1px;
	background-position: bottom;
	border-color: #A1A1A1;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 124;
}
.header .kontakt-bar .kontakt-tel span { vertical-align: middle; text-transform: uppercase; }
.header .kontakt-bar .kontakt-tel .kontakt-number { color: #333; font-size: 22px; font-size: 2.2em; font-weight: 600; }
.header .kontakt-bar .kontakt-tel span > span { vertical-align: middle; }
.header .kontakt-bar .kontakt-tel .kontakt-btn {
	float: right;
	height: 33px;
	padding: 0 10px;
	line-height: 33px;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4em;
	border-radius: 2px;
	background-color: #43a312;
}
.header .kontakt-bar .kontakt-tel .kontakt-label { margin-left: 5px; }
@media (max-width: 979px) {
	.sticky .header .kontakt-bar { display: none; }
}
@media (min-width: 670px) and (max-width: 879px) {
	.header .search-bar { padding-right: 150px; }
	.header .kontakt-bar { width: auto; }
	.header .kontakt-bar .kontakt-tel .kontakt-number { display: none; }
}
@media (max-width: 669px) {
	.header .search-bar { padding: 70px 0 10px; }
}
@media (max-width: 579px) {
	.header .kontakt-bar { width: auto; }
	.header .kontakt-bar .kontakt-tel .kontakt-number { display: none; }
}
@media (max-width: 389px) {
	/*.header .kontakt-bar .kontakt-tel .kontakt-number { display: none; }*/
	/*.header .kontakt-bar .kontakt-tel .kontakt-btn { display: block; }*/
	.header .kontakt-bar .kontakt-tel .kontakt-label { display: none; }
}
.header .kontakt-bar .kontakt-tel .tel-icon {
	display: inline-block;
	width: 33px;
	height: 36px;
	background-position: -87px 0;
	/*height: 37px;
    width: 37px;
	background: url("/i-static/header/header-icon-sprite.png") no-repeat scroll 0 -144px transparent;*/
	vertical-align: middle;
}
.header .kontakt-bar .kontakt-tel .kontakt-icon {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-position: -24px -31px;
	vertical-align: middle;
}
.header .kontakt-bar .kontakt-layer {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 49px;
	right: 0;
	z-index: 122;
	background-color: white;
	border: 1px solid #A1A1A1;
	border-radius: 3px 0 3px 3px;
	width: 320px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	transition: all 0.3s;
}
.header .kontakt-bar .kontakt-layer iframe { display: none; }
.header .kontakt-bar.active .kontakt-layer { opacity: 1; visibility: visible; }
.header .kontakt-bar.active .kontakt-layer iframe { display: block; }
.header .kontakt-layer .kontakt-list { padding: 25px 20px 10px; }
.header .kontakt-list li {
	border-top: 1px dotted #D2D2D2;
	padding: 8px 0;
}
.header .kontakt-list li:first-child { padding-top: 0; border-top: 0 }
.header .kontakt-list .kontakt-handlowiec {
	font-size: 12px;
	color: #999;
	line-height: 1.5em;
}
.header .kontakt-handlowiec .kontakt-name {
	font-weight: bold;
	color: black;
}
.header .kontakt-handlowiec span { }
.header .kontakt-handlowiec .tel { color: black; letter-spacing: 1px; }
.header .social { padding: 0 0 20px; text-align: center; }


.header .schowek-status-header {
	position: absolute;
	top: 10px;
	right: 5px;
	display: none;
	width: auto;
	overflow: hidden;
}
.header .schowek-status-header a {
	position: relative;
	display: block;
	right: 0;
	z-index: 281;
	height: 34px;
	padding: 2px 5px 0;
	white-space: nowrap;
	background: #fff;
	border-style: solid;
	border-color: transparent;
	border-width: 1px 1px 0 1px;
	border-radius: 6px 6px 0 0;
}
.header .schowek-status-header a>span { float: right; }
.header .schowek-status-header .schowek-count { margin-bottom: 0; }
.header .schowek-status-header .schowek-count .count {
	position: absolute;
	right: -3px;
	bottom: -7px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2em;
	padding: 1px 5px 0;
	background: #FF5A00;
	border-radius: 4px;
	border: solid 1px #fff;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	box-shadow: 0 1px 2px #ccc;
}
.header .schowek-status-header.empty .schowek-count .count { display: none; }
.header .schowek-status-header .schowek-count .schowek-icon {
	background: url(/i-static/icons/schowek.gif) no-repeat 50% 50%;
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
}
@media (max-width: 979px) {
	.sticky .header .schowek-status-header { display: block; }
}



.header .schowek-status-wrapperr { position: absolute; right: 0; width: 220px; }
.header .schowek-status-wrapperr .schowek-status {
	display: block;
	position: relative;
	border: 1px solid #D2D2D2;
	border-radius: 2px;
	padding: 1px;
	background: #eee;
	background: linear-gradient(top bottom, 0% #FFF, 100% #EEE);
	background:  #EEE; /* for non-css3 browsers */
	background-image: linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFF),
		color-stop(1, #EEE)
	);
}
.header .schowek-status-wrapper .schowek-status > a {
	display: block;
	margin: 0 14px;
	padding: 10px 0 8px 35px;
	color: #3C3C3C; text-decoration: none;
	font-size: 1.5em;
	font-weight: lighter;
	line-height: 19px;
	letter-spacing: -0.5px;
	background: url("/i-static/icons/schowek.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
}
.header .schowek-status-wrapperr .schowek-count,
.header .schowek-status-wrapperr .schowek-empty { }
.header .schowek-status-wrapperr .schowek-count { }
.header .schowek-status-wrapperr .count { font-weight: bold; }
.header .schowek-status-wrapperr .count-info {}
.header .schowek-status-wrapperr .schowek-empty { display: none; }
.header .schowek-status-wrapperr.empty .schowek-count { display: none; }
.header .schowek-status-wrapperr.empty .schowek-empty { display: block; }
.header .schowek-status-wrapperr .linki {
	margin: 0 14px;
    padding: 5px 0 10px;
	font-size: 1.2em;
}
.header .schowek-status-wrapperr .linki a { padding-left: 8px; background: url("/i-static/common/gt_green.gif") no-repeat scroll 0 50%; }

/* główna wyszukiwarka */
.search-sprite { background: transparent url(/i-static/header/search-icon-sprite3.png) no-repeat; }
.main-search {}
.main-search form {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding-right: 40px;
	border: 1px solid #A1A1A1;
	border-radius: 3px;
	box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff, inset 2px 2px 7px #f1f1f1;
 }
.main-search .search-input-wrapper { float: left; width: 100%; padding: 0 5px 0 12px; /* padding: 0 195px 0 12px; <- z wyborem działu */}
.main-search .main-search-text { width: 100%; margin: 0; padding: 9px 0 0; border: 0; outline: none; font-size: 1.4em; font-family: inherit; }
.main-search .main-search-submit { float: right; width: 35px; height: 32px; margin: 0 -40px 0 0; text-indent: -9999px; background-color: #FFF/*#62bd25*/; background-position: -20px 5px; border: 0; border-left: 1px solid #A1A1A1; border-radius: 0 2px 2px 0; cursor: pointer; }
.main-search .search-category-select { position: absolute; top: 0; right: 41px; width: 190px; display: table; }
.main-search .search-category-select .category-label { display: table-cell; height: 38px; vertical-align: middle; padding: 5px 0 5px 10px; font-size: 1.3em; cursor: pointer;  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.01), #f2f2f2 10%, #d4d4d4 40%, #d4d4d4 60%, #f2f2f2 90%, rgba(255, 255, 255, 0.01)); background-size: 1px 100%; background-position: 0 50%; background-repeat: no-repeat; z-index: 121; }
.main-search .search-category-select .category-label > span { position: relative; display: inline-block; width: 100%; overflow: hidden; max-height: 30px; z-index: 122; padding-right: 15px; text-overflow: ellipsis; vertical-align: middle; }
.main-search .search-category-select .category-label > span + i { overflow: hidden; display: block; width: 10px; height: 6px; position: absolute; top: 17px; right: 4px; background-position: 0 -34px; transition: transform .1s; z-index: 123; }
.main-search .search-category-select.active .category-label > span + i { transform: rotate(180deg); /*background-position: -10px -34px;*/ }
.main-search .search-category-select ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 20px;
	right: -1px;
	z-index: 122;
	background-color: white;
	border: solid #D4D4D4;
	border-width: 0 1px 1px;
	border-radius: 0 0 3px 3px;
	width: 190px;
	padding: 25px 7px 10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	transition: all .3s;
}
.main-search .search-category-select.active ul { opacity: 1; visibility: visible; }
.main-search .search-category-select ul > li { padding: 4px 3px; border-top: 1px solid #D2D2D2; text-align: right; }
.main-search .search-category-select ul > li:first-child { border-top: 0; }
.main-search .search-category-select li > a { display: block; color: #333; font-size: 12px; padding: 2px 0; }
.main-search .search-category-select li > a.active { font-weight: bold; }
/* główna wyszukiwarka - podpowiedzi */
.main-search .search-suggestion {
	position: absolute; top: 32px; left: -1px; right: 34px;
	opacity: 0; visibility: hidden;
	z-index: 322;
	background-color: white;
	border: 1px solid #A1A1A1;
	border-style: dotted solid solid;
	/*border-top-color: #EAEAEA;
	border-width: 0 1px 1px;*/
	border-radius: 0 0 3px 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	transition: opacity 0.3s;
}
.main-search .search-suggestion.is-visible { opacity: 1; visibility: visible; }
.main-search .search-suggestion ul { overflow: auto; max-height: 600px; outline: none; }
.main-search .search-suggestion ul li { padding: 5px 10px; text-align: left; }
.main-search .search-suggestion .group { padding: 10px 10px 5px; border-top: 1px solid #D2D2D2; color: #999; font-size: 13px; font-weight: normal; }
.main-search .search-suggestion .group:first-child { border-top: 0; }
.main-search .search-suggestion .item { font-size: 12px; cursor: pointer; }
.main-search .search-suggestion .item.active { background-color: #EAEAEA; } 
.main-search .search-suggestion .item .item-label { display: inline-block; overflow: hidden; font-weight: bold; vertical-align: middle; text-overflow: ellipsis; }
.main-search .search-suggestion .item .item-label b { font-weight: normal; }
.main-search .search-suggestion .item em { padding-left: 5px; color: #a5a5a5; font-style: normal; }
.main-search .search-suggestion .item .item-thumb-wrap { position: relative; display: inline-block; overflow: hidden; width: 80px; height: 55px; margin: 6px 10px 6px 6px; vertical-align: middle; }
.main-search .search-suggestion .item .item-thumb { position: relative; border: 0; }
.main-search .search-suggestion .item.projekt .item-label { max-width: 140px; font-weight: normal; line-height: 18px; }
.main-search .search-suggestion .item.projekt .item-label b { font-weight: bold; }
.main-search .search-suggestion .projekt-symbol { color: #f76f19; font-size: 16px; }
.main-search .search-suggestion ul li a { display: block; width: 100%; }

.main-nav {
	clear: both;
	padding: 10px 0 0;
	border-bottom: 2px solid #000;
	border-radius: 6px;
	/*background: transparent url(/i-static/firmy/header2/header_nav_topp.gif) no-repeat 0 3px;*/
}
.sticky .main-nav {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	margin-top: -100px;
}
.main-nav.sub-nav { border-color: #282828; }
.main-nav * { box-sizing: border-box; }
.main-nav .nav-link { display: inline-block; position: relative; width: 100%; color: #FFF; font-size: 13px; text-align: center; line-height: 36px; }
.main-nav > ul {
	display: table;
	margin: 0;
	padding: 0;
	/*background: transparent url(/i-static/firmy/header2/header_nav_bottomm.gif) no-repeat left bottom;*/
	list-style: none outside none;
}
.main-nav > ul .nav-item {
	display: table-cell;
	width: 163px;
	margin: 0;
	padding: 4px 0 0;
	vertical-align: bottom;
}
.main-nav > ul .nav-item:first-child,
.main-nav > ul .nav-item:last-child,
.main-nav > ul .nav-item.last-child { width: 164px; }
.main-nav > ul .nav-item.active,
.main-nav > ul .nav-item.expand {
	padding-top: 0;
	*background: transparent url(/i-static/firmy/header2/header_nav_selected.gif) no-repeat left top;
}
.main-nav > ul .nav-item .nav-tab,
.main-nav > ul .nav-item .nav-link { display: inline-block; position: relative; width: 100%; }
.main-nav > ul .nav-item .nav-link {
	border: 1px solid #61bd24;
	border-color: #61bd24 #81D331 #61bd24 #57A12E;
	
	background:  #349708 url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */
	background-image: linear-gradient(top, rgb(153,213,114) 0%, rgb(135,205,88) 50%, rgb(98,189,37) 50%, rgb(51, 150, 8) 100%);
	background-image: -o-linear-gradient(top, rgb(153,213,114) 0%, rgb(135,205,88) 50%, rgb(98,189,37) 50%, rgb(51, 150, 8) 100%);
	background-image: -moz-linear-gradient(top, rgb(153,213,114) 0%, rgb(135,205,88) 50%, rgb(98,189,37) 50%, rgb(51, 150, 8) 100%);
	background-image: -webkit-linear-gradient(top, rgb(153,213,114) 0%, rgb(135,205,88) 50%, rgb(98,189,37) 50%, rgb(51, 150, 8) 100%);
	background-image: -ms-linear-gradient(top, rgb(153,213,114) 0%, rgb(135,205,88) 50%, rgb(98,189,37) 50%, rgb(51, 150, 8) 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(153,213,114)),
		color-stop(0.5, rgb(135,205,88)),
		color-stop(0.5, rgb(98,189,37)),
		color-stop(1, rgb(51, 150, 8))
	);
	/* For IE 7 */
    *background: #349708 url(/img/v1/header/item-bg.gif) repeat-x top left;
}
.main-nav > ul .nav-item .nav-link:hover {
	background-image: none;
	
	background: #61bd24; /* for non-css3 browsers */
	background-image: linear-gradient(bottom, rgb(98,189,37) 0%, rgb(51, 150, 8) 100%);
	background-image: -o-linear-gradient(bottom, rgb(98,189,37) 0%, rgb(51, 150, 8) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(98,189,37) 0%, rgb(51, 150, 8) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(98,189,37) 0%, rgb(51, 150, 8) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(98,189,37) 0%, rgb(51, 150, 8) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(153,213,114)),
		color-stop(1, rgb(51, 150, 8))
	);
}
.main-nav > ul .nav-item:first-child .nav-link {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.main-nav > ul .nav-item:last-child .nav-link,
.main-nav > ul .nav-item.last-child .nav-link {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.main-nav > ul .nav-item.active .nav-link { background: linear-gradient(#282828 0, #4B4B4B 100%);  }
.main-nav > ul .nav-item.active .nav-link,
.main-nav > ul .nav-item.expand .nav-link {
	line-height: 42px;
	background-color: #343434;
	border: 1px solid #282828;
	border-width: 0 1px;
	
	background:  #343434; /* for non-css3 browsers */ /*#61bd24;*/
	background-image: linear-gradient(top, #282828 0%, #4B4B4B 100%);
	background-image: -o-linear-gradient(top, #282828 0%, #4B4B4B 100%);
	background-image: -moz-linear-gradient(top, #282828 0%, #4B4B4B 100%);
	background-image: -webkit-linear-gradient(top, #282828 0%, #4B4B4B 100%);
	background-image: -ms-linear-gradient(top, #282828 0%, #4B4B4B 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #282828),
		color-stop(1, #4B4B4B)
	);
	/* For IE 7 */
    *background: #343434 url(/img/v1/header/item-bg.gif) repeat-x top left;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.main-nav > ul .nav-item.expand .nav-link {
	z-index: 251;
	background: #4C4C4C url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */ /*#61bd24;*/
	background-image: linear-gradient(top, #727272 0%, #6E6E6E 50%, #4C4C4C 50%);
	background-image: -o-linear-gradient(top, #727272 0%, #6E6E6E 50%, #4C4C4C 50%);
	background-image: -moz-linear-gradient(top, #727272 0%, #6E6E6E 50%, #4C4C4C 50%);
	background-image: -webkit-linear-gradient(top, #727272 0%, #6E6E6E 50%, #4C4C4C 50%);
	background-image: -ms-linear-gradient(top, #727272 0%, #6E6E6E 50%, #4C4C4C 50%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #727272),
		color-stop(0.5, #6E6E6E),
		color-stop(0.5, #4C4C4C)
	);
	/* For IE 7 */
    *background: #000 url(/img/v1/header/item-bg.gif) repeat-x top left;
}
.main-nav > ul .nav-item .nav-link strong { display: inline-block; padding-left: 8px; vertical-align: middle; }
.main-nav .nav-layer {
	display: none;
	position: absolute;
	top: 41px;
	z-index: 250;
	
	border-radius: 0 5px 5px;
	box-sizing: content-box;
	text-align: left;
}
.main-nav .expand .nav-layer { display: block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 5px 12px rgba(0, 0, 0, 0.2); }
.main-nav > ul .nav-item .nav-layer { background: #4C4C4C; }

.main-nav .sub-nav {
	display: table;
	width: 100%;
	background: #343434;
	background: linear-gradient(#4B4B4B 0, #282828 100%);
	border-radius: 0 0 5px 5px;
	border: 1px solid #282828;
	border-width: 0 1px;
}
.main-nav .sub-nav > li { position: relative; display: table-cell; width: 14%; padding: 8px 15px; text-align: center; }
.main-nav .sub-nav > li .nav-link { line-height: 20px; }
.main-nav .sub-nav > li.search { position: relative; width: 230px; padding: 0 10px; white-space: nowrap; }
.main-nav .sub-nav > li.active,
.main-nav .sub-nav > li.expand { }
.main-nav .sub-nav > li.active .nav-link,
.main-nav .sub-nav > li.expand .nav-link {
	border-radius: 5px;
	z-index: 249;
	
	background: #fe7c1e url(/i-static/artykuly/katalog-nav-selected.gif) no-repeat 50% 7px; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe7c1e 1%, #fe7c1e 50%, #f76114 51%, #f76114 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fe7c1e), color-stop(50%,#fe7c1e), color-stop(51%,#f76114), color-stop(100%,#f76114)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe7c1e 1%,#fe7c1e 50%,#f76114 51%,#f76114 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe7c1e 1%,#fe7c1e 50%,#f76114 51%,#f76114 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe7c1e 1%,#fe7c1e 50%,#f76114 51%,#f76114 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe7c1e 1%,#fe7c1e 50%,#f76114 51%,#f76114 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7c1e', endColorstr='#f76114',GradientType=0 ); /* IE6-9 */
	
}
.main-nav .sub-nav > li.expand .nav-link { border-radius: 5px 5px 0 0; }
.main-nav .sub-nav > li.inactive { background-color: #FFEBEB; }
.main-nav .sub-nav .search input { vertical-align: middle; }
.main-nav .sub-nav .search input#asfPhrase { width: 178px; height: 24px; }
.main-nav .sub-nav .search input.submit { margin-left: 10px; }
.main-nav .sub-nav .search label { color: white; font-size: 1.1em; }
.main-nav .sub-nav .search .search-in { position: absolute; right: -1px; display: none; width: 100%; padding: 5px 10px; background-color: #282828; border-radius: 0 0 5px 5px; text-align: left; }
.main-nav .sub-nav .search:hover .search-in { display: block; }
.main-nav .sub-nav .nav-layer {
	top: 28px;
	background: #F76114;
	z-index: 248;
}

.main-nav.sub-nav > ul .nav-item { border-bottom: 2px solid #000; }
.main-nav.sub-nav > ul .nav-item:first-child .nav-link,
.main-nav.sub-nav > ul .nav-item.first-child .nav-link { border-bottom-left-radius: 0; }
.main-nav.sub-nav > ul .nav-item:last-child .nav-link,
.main-nav.sub-nav > ul .nav-item.last-child .nav-link { border-bottom-right-radius: 0; }
.main-nav.sub-nav > ul .nav-item.active { border-bottom: 0; }
.main-nav.sub-nav > ul .nav-item.active .nav-link { padding-bottom: 2px; }

.main-nav .layer-content {
	/*position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;*/
}
.main-nav .layer-content .kolekcje { padding: 10px 20px; }
.main-nav .layer-content .kolekcje ul li { min-width: 170px; border-top: 1px dotted rgba(255,255,255,0.4); }
.main-nav .layer-content .kolekcje ul li:first-child { border-top: 0;}
.main-nav .layer-content .kolekcje ul li a {
	display: inline-block;
	width: 100%;
	padding-left: 8px;
	background: url(/i-static/common/gt-white.gif) no-repeat 0 50%;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	white-space: nowrap;
}

.main-nav .nav-icon {
	display: inline-block;
	height: 21px;
    width: 23px;
	background: url("/i-static/header/header-icon-sprite.png") no-repeat scroll 0 0 transparent;
	vertical-align: middle;
}
.main-nav .nav-icon.projekty-domow { background-position: 0 0; }
.main-nav .nav-icon.projekty-garazy { background-position: 0 -21px; }
.main-nav .nav-icon.inne-projekty { width: 24px; height: 18px; background-position: 0 -126px; }
.main-nav .nav-icon.baza-firm { background-position: 0 -42px; }
.main-nav .nav-icon.warto-wiedziec { background-position: 0 -63px; }
.main-nav .nav-icon.kontakt { background-position: 0 -84px; }
.main-nav .nav-icon.galerie-zdjec { background-position: 0 -105px; }
.main-nav .sub-nav-icon { display: inline-block; width: 3px; height: 5px; margin-top: -3px; padding-right: 10px; background: transparent url(/i-static/common/gt-white.gif) no-repeat 0 0; vertical-align: middle; }
@media (max-width: 979px) {
	.tooba-header .main-nav { display: none; }
}
.side-nav {
	display: block;
	position: fixed;
	width: 230px;
	height: 100%;
	top: 0;
	left: -230px;
	z-index: 100000;
	visibility: hidden;
	background-color: #353230;
	font-size: 13px;
	font-size: 1.3em;
}
.side-nav .nav-item {
	background-color: #FFF;
	border-bottom: 1px solid #D2D2D2;
	color: #3C3C3C;
}
.side-nav .nav-link {
	display: inline-block;
	width: 100%;
	padding: 6px 10px;
	box-sizing: border-box;
}
.side-nav .kolekcje li {
	padding: 6px 10px;
	background-color: #E6E6E6;
	border-top: 1px solid #D2D2D2;
}
@media (max-width: 979px) {
	.side-nav.side-nav-in {
		left: 0;
		box-shadow: 0 0 7px #B9B9B9;
		visibility: visible;
	}
	#wrap.side-nav-in, .side-nav-in .tooba-header.sticky { left: 230px; }
	#wrap.sidebar-params-in, .sidebar-params-in .tooba-header.sticky { left: -300px; }
}

/*************************************
 * Stopka (Footer)
 *************************************/
#footer #goToTop {
	position: absolute;
	top: 3px;
	right: 12px;
	width: 90px;
	background: transparent url(/i-static/footer/button_gototop.gif) no-repeat left bottom;
}
#goToTop a {
	display: block;
	padding: 12px 0 12px 34px;
	background: transparent url(/i-static/footer/gototop.gif) no-repeat 10px 50%;
	color: #4F4F4F;
}
#footer .footer-navi { display: inline-block; margin: 14px 40px 8px 26px; vertical-align: top; }
#footer .navi-caption { line-height: 22px; font-weight: bold; }
#footer li a {
	display: block;
	padding: 4px 12px;
	background: transparent url(/i-static/common/gt-green.gif) no-repeat 0 50%;
	color: #3C3C3C;
}
#copyright {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 12px;
	padding-bottom: 14px;
	color: #505050;
	text-align: right;
}
#copyright p {
	margin: 0;
	padding: 6px 0;
}
@media (max-width: 979px) {
	#footer .footer-navi.projekty { display: none; }
}
@media (max-width: 669px) {
	#footer .footer-navi { margin-left: 10px; margin-right: 10px; }
}
@media (max-width: 499px) {
	#footer { min-height: 158px }
	#copyright { position: static }
}

/*************************************
 * ContentBOX: box głównego contentu
 *************************************/
.cBox {
	overflow: hidden;
	width: 662px;
	margin-bottom: 10px;
	background: white url(/i-static/common/box_662_top.gif) no-repeat left top;
}
.cBox-nobg { width: 662px; margin-bottom: 10px; }
.cBox .cBox-content { overflow: hidden; padding: 1px; background: transparent url(/i-static/common/box_662_bottom.gif) no-repeat left bottom; }
.cBox .cBox-content-nobg { padding: 2px; background: transparent url(/i-static/common/box_662_bottom.gif) no-repeat left bottom; }
.cBox .cBox-content .cBoxInner { margin: 0 12px; background: white url(/i-static/common/box_634_top.gif) no-repeat left top; }
.cBox .cBox-content .cBoxInner .cBoxInner-content { padding: 8px 1px; background: transparent url(/i-static/common/box_634_bottom.gif) no-repeat left bottom; }
.cBox-content h2 { padding: 12px 16px 9px; border-bottom: 1px solid #D7D7D7; }
.cBox-content h3 { padding: 12px 16px 9px; border-bottom: 1px solid #D7D7D7; }
.cBox-content h4 {
	padding: 10px 20px;
	margin: 0;
	background: transparent url(/i-static/common/wiecej_gray.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #CDCDCD;
}
.cBox .cBox-content .artBox-header { overflow: hidden; padding: 10px 10px 0; }
.cBox .cBox-content .artBox-header h1 { padding: 0; padding-bottom: 6px; border-bottom: 2px solid #bdbdbd; }
.cBox .cBox-content .artBox-content { overflow: hidden; padding: 0 10px 10px;}

/*************************************
 * ContentBOXBlue: niebieski box głównego contentu
 *************************************/
.cBoxBlue {
	width: 662px;
	margin-bottom: 10px;
	background: #EAF4FE url(/i-static/common/box_662_blue_top.gif) no-repeat left top;
}
.cBoxBlue .cBoxBlue-content {
	padding: 6px;
	background: transparent url(/i-static/common/box_662_blue_bottom.gif) no-repeat left bottom;
	color: #3C64A0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*************************************
 * ContentWideBOX: szeroki na całą szerokość
 *    box głównego contentu
 *************************************/
.cwBox {
	width: 980px;
	margin-bottom: 10px;
	background: white url(/i-static/common/box_980_top.gif) no-repeat left top;
}
.cwBox .cwBox-content { padding: 16px; background: transparent url(/i-static/common/box_980_bottom.gif) no-repeat left bottom; }
.cwBoxInner { background: white url(/i-static/common/box_948_top.gif) no-repeat left top; }
.cwBoxInner-content {
	padding: 8px 1px;
	background: transparent url(/i-static/common/box_948_bottom.gif) no-repeat left bottom;
}

/*************************************
 * SidebarBox - standardowy box sidebar'a
 *************************************/
.sBox {
	width: 300px;
	margin-bottom: 10px;
	background: white url(/i-static/common/box_300_top.gif) no-repeat left top;
}
.sBox .sBox-title { padding: 12px 12px 9px; border-bottom: 1px solid #D7D7D7; }
.sBox .sBox-content { padding: 8px; background: transparent url(/i-static/common/box_300_bottom.gif) no-repeat left bottom; }
.sBox h3  {
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -0.5px;
}
.sBox h4 {
	padding: 10px 20px;
	margin: 0;
	background: transparent url(/i-static/common/wiecej_gray.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #CDCDCD;
}

/*************************************
 * SidebarBox - prosty box z
 *      gradientowym tłem sidebar'a
 *************************************/
.sBoxGray { margin-bottom: 10px; background: #F5F7F2 url(/i-static/common/box_300_gray_top.gif) no-repeat top left; }
.sBoxGray .sBox-content { padding: 2px; background: transparent url(/i-static/common/box_300_gray_bottom.gif) no-repeat bottom left; }

/*************************************
 * BOX: prosty box contentu
 *************************************/
.box {
	position: relative;
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #D2D2D2;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
.box .box-padded {
	padding: 10px 10px;
 
	/* dla IE */
	*padding: 10px 11px;
}
.box .artBox-header h2 { padding: 12px 16px 9px; border-bottom: 1px solid #D7D7D7; }
.box .artBox-header h3 { padding: 12px 16px 9px; border-bottom: 1px solid #D7D7D7; }
.box .artBox-header h4 {
	padding: 10px 20px;
	margin: 0;
	background: transparent url(/i-static/common/wiecej_gray.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #CDCDCD;
}
.box-padded .artBox-header h2, .box-padded .artBox-header h3 { padding: 0; }
.box .artBox-header {  }
.box .artBox-header h1 { padding-bottom: 6px; border-bottom: 2px solid #BDBDBD; font-size: 18px; }

.sidebar .box-title { padding: 12px 12px 9px; border-bottom: 1px solid #D7D7D7; }
.sidebar .box-title h3  { font-size: 16px; font-weight: normal; letter-spacing: -0.5px; }
.sidebar .box-title h4 {
	padding: 10px 20px;
	margin: 0;
	background: transparent url(/i-static/common/wiecej_gray.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #CDCDCD;
}
.sidebar .box-content {  }
.fb-like-box { border: 0 }

/*************************************
 * Button - przyciski
 *************************************/
.btn {
	display: inline-block;
	padding: 0 18px;
	height: 27px;
	vertical-align: middle;
	text-align: center;
 
	border: 1px solid #F76F1B;
	border-bottom-color: #F4470D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 
	background:  #F56A17; /* for non-css3 browsers */
	background-image: linear-gradient(top, rgb(250,174,125) 0%, rgb(247,142,76) 50%, rgb(248,109,24) 50%, rgb(238,74,11) 100%);
	background-image: -o-linear-gradient(top, rgb(250,174,125) 0%, rgb(247,142,76) 50%, rgb(248,109,24) 50%, rgb(238,74,11) 100%);
	background-image: -moz-linear-gradient(top, rgb(250,174,125) 0%, rgb(247,142,76) 50%, rgb(248,109,24) 50%, rgb(238,74,11) 100%);
	background-image: -webkit-linear-gradient(top, rgb(250,174,125) 0%, rgb(247,142,76) 50%, rgb(248,109,24) 50%, rgb(238,74,11) 100%);
	background-image: -ms-linear-gradient(top, rgb(250,174,125) 0%, rgb(247,142,76) 50%, rgb(248,109,24) 50%, rgb(238,74,11) 100%);

	background-image: -webkit-gradient(
	 linear,
	 left top,
	 left bottom,
	 color-stop(0, rgb(250,174,125)),
	 color-stop(0.5, rgb(247,142,76)),
	 color-stop(0.5, rgb(248,109,24)),
	 color-stop(1, rgb(238,74,11))
	);
	cursor: pointer;
 
	text-shadow: 1px -1px #F76F1B;
	color: #FFF;
 	font-size: 12px;
	font-weight: bold;
}
button.btn {
	font-family: Arial, Helvetiva, sans-serif;
}

/*************************************
 * SimpleDialog - proste okno dialogowe
 *************************************/
.close {
	float: right;
	opacity: 0.2;	
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-shadow: 0 1px 0 #FFFFFF;
}
.close:hover,
.close:focus {
	opacity: 0.4;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
button.close {
	padding: 0;
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	font-size: 20px !important;
}
.button {
	display: inline-block;
	cursor: pointer;
}
.button:FIRST-CHILD {}
.dialog {
	border: 1px solid rgba(0,0,0,0.33);
	background-color: #FFFFFF;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	/*-webkit-box-sizing: border-box;*/ /* Safari/Chrome, other WebKit */
	   /*-moz-box-sizing: border-box;*/ /* Firefox, other Gecko */
	        /*box-sizing: border-box;*/ /* Opera/IE 8+ */
	color: #000000;
	outline: medium none;
	position: absolute;
	z-index: 2100;
}
.dialog-header {
	position: relative;
	overflow: hidden;
	padding: 15px 18px;
	vertical-align: middle;
	color: #000000;
	font-size: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dialog-body {
	position: relative;
	overflow-y: auto;
}
.dialog-footer {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px;
}
.dialog-header .title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}
.dialog-close {
	cursor: pointer;
	opacity: 0.7;
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 20px;
}
.close-hover { opacity: 1; }
.dialog-content {
	height: 100%;
	padding: 18px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
	        box-sizing: border-box; /* Opera/IE 8+ */
	font-size: 13px;
}
.dialog-loading {
	background-color: #FFFFFF;
	bottom: 0;
	cursor: wait;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.loading-img {
	background: url("/i-static/admin/loading-32-v1.gif") no-repeat scroll 50% 50% transparent;
	opacity: 0.6;
}
.dialog-buttons { padding: 6px 0; }
.dialog-buttons .button + .button {
	margin-bottom: 0;
	margin-left: 5px;
}

.dialog-message,
.dialog-error { padding: 30px 42px 30px 60px; background: #FFFFFF url("/i-static/admin/info32x32.png") no-repeat scroll 16px 40px; }
.dialog-message .dialog-header,
.dialog-error .dialog-header { position: static; border: 0; padding: 0; margin-bottom: 16px; font-size: 16px; background-image: none; }
.dialog-message .title { text-overflow: normal; white-space: normal; }
.dialog-message .close,
.dialog-error .close { position: absolute; padding: 14px; top: 0; right: 0; }
.dialog-message .dialog-content,
.dialog-error .dialog-content { padding: 0; }
.dialog-message .dialog-footer,
.dialog-error .dialog-footer { padding: 0; text-align: right; }

.dialog-message { z-index: 3000; }
.dialog-error { background: #FFFFFF url("/i-static/admin/remove32x32.png") no-repeat scroll 16px 40px; z-index: 4000; }
.dialog-error .title { color: #003399; }

.dialog-fixed { position: fixed; }

.overlay {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2100;
}
.overlay.overlay-fixed { position: fixed; }

.dialog-serwis-msg { z-index: 2800; }
.dialog-serwis-msg .dialog-content { font-size: 13px; }

/*************************************
 * ArtykulyKatalogNavigationBox - box nawigacyjny z katalogiem artykułów 
 *************************************/
#artykulyKatalogNavigationBox {
	overflow: hidden;
	margin-bottom: 10px;
	background: transparent url(/i-static/artykuly/katalog_nav_bg.gif) no-repeat left top;
}
#artykulyKatalogNavigationBox ul { overflow: hidden; }
#artykulyKatalogNavigationBox li {
	float: left;
	line-height: 25px;
	font-size: 1.1em;
	text-align: center;
}
/* #artykulyKatalogNavigationBox li:hover { background: transparent url(/i-static/artykuly/katalog_nav_hover.gif) no-repeat 50% 50%; } */
#artykulyKatalogNavigationBox li a {
	display: block;
	width: 112px;
	padding: 5px 10px 7px;
	color: white;
}
#artykulyKatalogNavigationBox #artykulyKatalogNavigationList.roundBottom { background: transparent url(/i-static/artykuly/katalog_nav_bg_bottom.gif) no-repeat left bottom; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationList > li { font-size: 1.3em; font-weight: bold; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationList > li.selected > a { background: transparent url(/i-static/artykuly/katalog_nav_hover2.gif) no-repeat 50% 7px; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationSubList { border-top: 2px solid #BCBCBC; background: #FAFAFA url(/i-static/artykuly/katalog_subnav_bg.gif) no-repeat left bottom; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationSubList li.selected { font-weight: bold; text-decoration: underline; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationSubList li.bottom-sep { border-bottom: 1px dotted #d2d2d2; }
#artykulyKatalogNavigationBox #artykulyKatalogNavigationSubList li a { padding: 1px 10px; color: black; }

/*************************************
 * katalogNavPane - nawigacja po katalogach 
 *************************************/
#katalogNavPane {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	background: transparent url(/i-static/artykuly/katalog_nav_bg.gif) no-repeat left top;
}
#katalogNavPane ul {  }
#katalogNav { float: left; width: 100%; }
#katalogNav.roundBottom { background: transparent url(/i-static/artykuly/katalog_nav_bg_bottom.gif) no-repeat left bottom; }
#katalogNav li,
#katalogSubNav li { float: left; line-height: 25px; position: relative; }
#katalogNav li a {
	display: block;
	width: 112px;
	padding: 5px 10px 7px;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
#katalogNav li.selected a { background: transparent url(/i-static/artykuly/katalog-nav-selected.gif) no-repeat 50% 7px; }
#katalogNav li.hover a { background: transparent url(/i-static/artykuly/katalog-nav-hover.gif) no-repeat 50% 7px; }
#katalogNav .sub-list {
	position: absolute;
	padding: 6px 0;
	background: #f76114;
	-webkit-border-radius: 0px 4px 4px 4px;
	-moz-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4px 4px 4px;
	-webkit-box-shadow: 3px 3px 3px #333;
	-moz-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
	z-index: 100;
}
#katalogNav .sub-list li { float: none; border-bottom: 1px dotted #f9b592; line-height: normal; }
#katalogNav .sub-list li.last { border: none; }
#katalogNav .sub-list li a {
	width: auto;
	padding: 0 24px;
	background: transparent url(/i-static/artykuly/gt_white.gif) no-repeat 14px 50%;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	line-height: 19px;
	white-space: nowrap;
}

#katalogSubNav {
	float: left;
	width: 660px;
	background: none;
    background-color: white;
    border: 1px solid #F24A0B;
    border-top-width: 2px;
    border-radius: 0 0 6px 6px;
}
#katalogSubNav li.bottom-sep { border-bottom: 1px dotted #d2d2d2; }
#katalogSubNav li a {
	display: block;
	padding: 1px 10px;
	padding-left: 28px;
	background: transparent url(/i-static/common/square_orange.gif) no-repeat 20px 50%;
	color: black;
	font-size: 1.1em;
}
#katalogSubNav li.first-in-row a { padding-left: 38px; background-position: 30px 50%; }
#katalogSubNav li.selected a { color: #f24a0b; font-weight: bold; }
#katalogNav li.inactive,
#katalogSubNav li.inactive { background-color: #FFEBEB; }

/*************************************
 * ArtykulTygodniaBox - artykuł tygodnia
 *************************************/
/*#artykulTygodniaBox .cBox-content { border-bottom: 3px solid #F67019; }*/
.art-tygodnia-view {
	overflow: hidden;
	/*height: 250px;*/
	position: relative;
	border-bottom: 3px solid #F67019;
	background-color: #333333;
}
.art-tygodnia-view .art-tygodnia {}
.art-tygodnia-view .art-tygodnia-img {
	/*float: left;*/
	width: 400px; height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 0;
	z-index: 5;
	-webkit-transition: opacity .5s linear;
	   -moz-transition: opacity .5s linear;
			transition: opacity .5s linear;
	-webkit-transform: translate3d(0,0,0);
}
.art-tygodnia-view .active .art-tygodnia-img { position: relative; opacity: 1; z-index: 6; }
.art-tygodnia-view .art-tygodnia-img a { display: block; text-decoration: none; }
.art-tygodnia-view .art-tygodnia-img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.art-tygodnia-view .art-tygodnia-about {
	width: 230px;
	/*margin-left: 415px;*/
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: -250px;
	
	-webkit-transition: right .5s linear;
	   -moz-transition: right .5s linear;
			transition: right .5s linear;
	-webkit-transform: translate3d(0,0,0);
}
.art-tygodnia-view .active .art-tygodnia-about { right: 0; }
.art-tygodnia-view p.nazwa {
	color: #FFF;
	font-size: 15px; font-size: 1.5em;
	font-weight: bold;
	line-height: 30px;
}
.art-tygodnia-view .nazwa:hover { text-decoration: none; }

.art-tygodnia-view .about h3 { padding: 12px 0 10px; border-bottom: 1px solid #262626; }
.art-tygodnia-view .about p {
	padding: 16px 0;
	border-top: 1px solid #4E4E4E;
	color: #B0B0B0;
	font-size: 12px; font-size: 1.2em;
	line-height: 1.4em;
}
.art-tygodnia-view .art-tygodnia-pause {
	position: absolute;
	top: 4px; left: 4px;
	width: 16px; height: 16px;
	background: transparent url(/i-static/prj_tygodnia/pause.png) no-repeat left top;
	z-index: 10;
}

/* Blokowanie opływania */
.art-tygodnia-vieww:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*************************************
 * artykulTygodniaPaging - "stronicowanie" projektów tygodnia
 *************************************/
 #prjTygodniaWrap .prjTygPaging { z-index: 10; }
.art-tygodnia-paging {
	position: absolute;
	bottom: 0;
	right: 0;
	/*bottom: 0px;
	left: 435px;*/
	padding: 10px 12px;
	/*background-color: #F67019;*/
	font-size: 12px; font-size: 1.2em;
	z-index: 20;
}
.art-tygodnia-paging a {
	display: block;
	float: left;
	margin: 0 2px;
	padding: 0 4px;
	background-color: #333333;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px;
	color: white;
}
.art-tygodnia-paging a:hover {
	background-color: #666666;
	text-decoration: none;
}
.art-tygodnia-paging a.current {
	background-color: #F67019;
	/*color: #F67019;*/
}
.artTygodniaPaging a.artTygodniaPagingPrev { float: left; }
.artTygodniaPaging a.artTygodniaPagingNext { float: right; }
.artTygodniaPagingPages {
	float: left;
	width: 300px;
	margin-left: 122px;
	font-weight: bold;
	text-align: center;
}
.artTygodniaPagingPages a { padding: 0 4px; }
.artTygodniaPagingPages a:hover {
	background-color: #666666;
	color: #F67019;
	text-decoration: none;
}
.artTygodniaPagingPages a.current {
	background-color: #333333;
	color: #F67019;
}

/*************************************
 * ArtPromowaneBox - box z artykułami promowanymi na stronie głównej 
 *************************************/
.artPromowaneBox .artBox-header { position: relative; }
.artPromowaneBox .artBox-header a { padding-right: 10px; color: black; background: transparent url(/i-static/common/gt_green.gif) no-repeat right 50%; }
.artPromowaneBox .artBox-header .artPromowaneTop { position: absolute; bottom: 8px; right: 10px; cursor: pointer; }
.artPromowaneBox .artBox-content { display: table; width: 100%; margin: 12px 0 10px; padding: 0 10px; box-sizing: border-box; }
.artPromowaneBox .main-artykul-pane { display: table-cell; padding-right: 10px; }
.artPromowaneBox .main-artykul-pane dl { overflow: hidden; }
.artPromowaneBox .main-artykul-pane dt { padding-bottom: 10px; font-size: 1.4em; font-weight: bold; }
.artPromowaneBox .main-artykul-pane dd { font-size: 1.1em; line-height: 1.5em; }
.artPromowaneBox .main-artykul-pane dd.main-artykul-img { float: left; padding-right: 12px; }
.artPromowaneBox .main-artykul-pane dd.main-artykul-img img { padding: 1px; border: 1px solid #e3e8e4; }
.artPromowaneBox .artykuly-list-pane { display: table-cell; width: 190px; padding-left: 10px; border-left: 1px dotted #D2D2D2; box-sizing: border-box; }
.artPromowaneBox .artykuly-list-pane ul li { border-bottom: 1px dotted #cdcec6; }
.artPromowaneBox .artykuly-list-pane ul li a {
	display: block;
	padding: 6px 11px;
	background: transparent url(/i-static/common/gt_green.gif) no-repeat 4px 11px;
	font-size: 1.1em;
}
.artPromowaneBox .artykuly-list-pane ul li a { color: #3b3b3b; }
.artPromowaneBox .artykuly-list-pane ul li.odd { background-color: #fafafa; }
.artPromowaneBox .artykuly-list-pane ul li.last { border-bottom: 0 none; }

/*************************************
 * Breadcrumbs - ścieżka katalogów artykułu 
 *************************************/
.katalog-breadcrumbs { margin-bottom: 10px; font-size: 14px; }
.katalog-breadcrumbs .katalog-breadcrumbs-link {}
.katalog-breadcrumbs .katalog-breadcrumbs-sep {}

/*************************************
 * ArtykulDetailsBox - box z artykułem 
 *************************************/
.artykul-box {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #000;
}
.artykul-box .cBox-content { position: relative; }
.artykul-box .artykul-header { position: relative }
.artykul-box .artykul-header h1 { padding-right: 150px; color: #308E19; font-size: 28px }
.artykul-box .artInfoPane { padding: 8px 0 10px; color: #444; font-size: 12px }
.artykul-box .artInfoPane .art-sponsorowany { float: right; color: #999; }
.artykul-box .artContent { overflow: hidden; line-height: 1.5em;  }
.artykul-box .artContent h2,
.artykul-box .artContent h3 { padding: 0; border: 0 none; color: black; line-height: 1.5em; }
.artykul-box .artContent h2 { font-size: 200%; }
.artykul-box .artContent h3 { font-size: 180%; }
.artykul-box .artContent a { text-decoration: underline }
.artykul-box .artContent p { margin: 8px 0; font-size: 15px; line-height: 1.5em; }
.artykul-box .artContent p.zajawka { font-size: 16px; font-weight: bold; }
.artykul-box .artContent ul { margin: 1em 0; padding-left: 40px; list-style-type: disc; }
.artykul-box .artContent li { font-size: 15px; line-height: 1.5em; }
.artykul-box .artContent .artImgPane { overflow: hidden; padding: 4px; margin: 8px; border: 1px solid #d2d2d2; }
.artykul-box .artContent .artImgPane .artImgCaption { overflow: hidden; clear: both; padding-top: 4px; background-color: #fafafa; color: #5a5a5a; font-size: 0.85em; font-weight: normal; line-height: 1.2em; }
.artykul-box .artContent .artImgPane .artImgCaption span { display: block; }
.artykul-box .artContent .artImgPane .artImgCaption .opis { float: left; }
.artykul-box .artContent .artImgPane .artImgCaption .autor,
.artykul-box .artContent .artImgPane .artImgCaption .zrodlo { text-align: right; font-style: italic; }
.artykul-box .artContent .artImgPane a { display: block; height: 100%; }
.artykul-box .artContent .artImgPane img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.artykul-box .artContent .artImgPane .btn { margin-top: 4px; }
.artykul-box .artContent blockquote {
    border-left: 3px solid #308E19;
    margin: 1.5em 50px;
    padding: 1em 3em;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: "Raleway", Helvetica;
    font-style: italic;
    background-color: rgba(0,0,0,.04);
}
.artykul-box .artContent blockquote:before {
    content: open-quote;
    font-size: 6em;
    line-height: .1em;
    margin-right: 0.25em;
    vertical-align: -.4em;
    color: #308E19;
    font-family: monospace;
}
.artykul-box .artContent blockquote:after {
    content: close-quote;
    display: block;
    color: #308E19;
    font-size: 6em;
    font-family: monospace;
    vertical-align: -.5em;
    line-height: .1em;
    text-align: right;
}
.artykul-box .artContent blockquote p {
	display: inline;
	padding-right: 40px;
}
.artykul-box .artContent blockquotee p:before {
    content: url(/i-static/common/favicon.png);
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -16px;
}
.artykul-box .artBox-keywords { padding: 12px 0 6px; border-top: 1px solid #d2d2d2; color: #989898; font-size: 1.2em; line-height: 2em; }
.artykul-box .artBox-keywords a {
    background-color: #308E19;
    padding: 4px 10px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    border-radius: 3px;
    line-height: 1em;
    display: inline-block;
    font-size: 14px;
}
.artykul-box .artPaging { overflow: hidden; clear: both; padding-top: 5px; color: #969696; font-size: 1.2em; text-align: right; }
.artykul-box .artPaging ul { overflow: hidden; float: right; }
.artykul-box .artPaging li {
	float: left;
	margin-left: 3px;
}
.artykul-box .artPaging li a {
	display: block;
	padding: 1px 4px;
	background-color: #308E19; /*#5ab921;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: white;
	font-weight: bold;
}
.artykul-box .artPaging li a.active { background-color: #9a9a9a; }
.artykul-box .artykul-footer { padding-top: 15px }

.artykul-box .sl-top { position: absolute; margin: 0; right: 0; bottom: 50px; }
.artykul-header .artykul-ocena { float: right }
.artykul-footer .artykul-ocena { margin-right: 150px; padding-bottom: 10px }
.artykul-footer .social-line { float: right }

/*************************************
 * ActionsPanel - panel akcji w widoku artykułu
 *************************************/
#actionsPanel {
	position: absolute;
	left: -140px;
	width: 140px;
}
.actions-panel .actions-list > li { position: relative; padding: 1px }
.actions-panel .actions-list .action {
	padding: 10px 5px;
	width: 100%;
	background: none;
	background-color: #858585;
	border: none;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	cursor: pointer;
}
.actions-panel .actions-list .action:focus { outline: none }
.actions-panel .actions-list .action.share-fb { background-color: #3c57a8 }
.actions-panel .actions-list .action.share-twitter { background-color: #2daae2 }
.actions-panel .actions-list .action.comment { background-color: #59bf40 }
.actions-panel .actions-list .comment-count {
	padding: 4px;
	margin-left: 4px;
	font-size: 10px;
	text-align: center;
	background-color: red;
	border-radius: 4px;
	box-sizing: border-box;
}
.actions-panel .actions-list .fa {
	width: 36px;
	text-align: center;
	font-size: 1.6em;
	vertical-align: middle;
}

.share-mail-panel {
	position: absolute;
	top: 0;
	left: 140px;
	width: 450px;
	/*display: none;*/
	background-color: #fff;
	padding: 20px;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0px 2px 4px rgba(0,0,0,.2), 3px 2px 4px rgba(0,0,0,.2);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    z-index: 100;
    transition: opacity .8s, top .6s ease-in-out;
    opacity: 0;
    top: -1000px;
}
.share-mail-panel:before {
	content: "";
	background-color: #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -6px;
	display: block;
	border: 1px solid rgba(0,0,0,.2);
	border-width: 1px 0 0 1px;
	transform: rotate(-45deg);
}
.share-mail-panel.active { /*display: block;*/ top: 0px; opacity: 1 }
.share-mail-panel .panel-title { margin-bottom: 10px }
.share-mail-panel input, .share-mail-panel textarea, .share-mail-panel button[type="submit"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px 0 0;
    border: 1px solid rgba(0,0,0,.3);
    font-size: 13px;
    font-family: inherit;
}
.share-mail-panel button[type="submit"] {
	outline: none;
	background-color: #89c144;
	border: none;
	border-radius: 3px;
	color: #FFF;
	cursor: pointer;
	transition: background-color .4s ease-in-out;
}
.share-mail-panel button[type="submit"]:disabled { background-color: #A0A0A0 }

/*************************************
 * ArtykulKomentarzeBox - box z komentarzami do artykułu 
 *************************************/
#komentarze { padding: 10px 20px; }
.forum-thread { font-size: 12px; line-height: 1.5 }
.forum-thread .comments { margin-top: 15px; padding-left: 18px; list-style-type: disc; }
.forum-thread .comments .comment-author { font-style: italic }
.forum-thread .comments .comment-body { margin-bottom: 10px }

/*************************************
 * FirmaKontaktBox - formularz kontaktowy
 *   w widoku artykułu sponsorowanego
 *************************************/
#firmaKontaktBox { margin-bottom: 10px; }
iframe.firma-kontakt { border: 0; width: 300px; height: 412px; display: none; overflow: visible; }

#firmaKontaktMiniBox {
	position: fixed;
	top: 55px;
	width: 258px;
	padding: 12px 20px;
	text-align: center;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	background-color: #242424;
	border-color: #000;
	z-index: 100;
}
#firmaKontaktMiniBox p { padding-bottom: 8px; color: #FFF; font-size: 12px; font-weight: bold; }

/*************************************
 * ArtykulKatalogBox - lista artykułów 
 *************************************/
.katalog-box .artBox-header { position: relative; }
.katalog-box .artykul-lista-header { padding: 10px 6px; border-bottom: 2px solid #BDBDBD; font-size: 1.4em; }
.katalog-box .artykul-lista-header .fraza { font-size: 16px; font-weight: bold; }
.katalog-box .artBox-content { padding: 12px 0 0; }
.katalog-box #akSortbyPane {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 10px;
	color: #878787;
	font-size: 1.1em;
}
.katalog-box .artBox-content .paging { padding-left: 10px; padding-right: 10px; }
.katalog-box .artykul { overflow: hidden; position: relative; padding: 20px; }
.katalog-box .artykul.odd,
.katalog-box .artykul:nth-child(even) { background-color: #f5f5f5; }
.katalog-box .artykul-thumbnail { float: left; width: 210px; text-align: center; }
.katalog-box .artykul-thumbnail img { width: 100%; height: auto; max-width: 100%; max-height: 400px; }
.katalog-box .artykul-thumbnail > a { display: block; margin: -2px; padding: 1px; border: 1px solid #d2d2d2; }
.katalog-box .artykul-content { margin-left: 225px; }
.katalog-box .artTytul { padding-bottom: 8px; font-size: 18px; font-weight: bold; line-height: 1.4em; }
.katalog-box .artTytul .art-sponsorowany { float: right; margin-left: 5px; padding: 2px 4px; color: #999; font-size: 10px; font-weight: normal; line-height: 1.5em; border: 1px solid #D2D2D2; }
.katalog-box .artOpis { font-size: 13px; line-height: 1.5em; }
.katalog-box .artTags {
	overflow: hidden;
	max-height: 25px;
	margin-top: 10px;
}
.katalog-box .artTags > a {
	display: inline-block;
	padding: 5px 6px;
	color: #FFF;
	background-color: #858585;
	border-radius: 3px;
	font-size: 1.3em;
	text-shadow: 1px 1px 5px rgba(0,0,0,.4);
}
.katalog-box .wide .artykul-thumbnail { float: none; width: 100% }
.katalog-box .wide .artykul-content {
	position: absolute;
	margin-left: 0;
	padding: 0 10px 10px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: #FFF;
	text-shadow: 0 0 3px rgba(0,0,0,.8);
	background-color: rgba(0,0,0,.8);
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,.6) 40%, rgba(0,0,0,.8));
	background: -moz-linear-gradient(transparent, rgba(0,0,0,.6) 40%, rgba(0,0,0,.8));
	background: -o-linear-gradient(transparent, rgba(0,0,0,.6) 40%, rgba(0,0,0,.8));
	background: linear-gradient(transparent, rgba(0,0,0,.6) 40%, rgba(0,0,0,.8));
}
.katalog-box .wide .artTytul { margin-top: 10px }
.katalog-box .wide .artTytul a { color: #FFF; }

@media only screen and (max-width: 480px) {
	.katalog-box .artykul-thumbnail { float: none; width: 100% }
	.katalog-box .artykul-content,
	.katalog-box .wide .artykul-content {
		position: static;
		margin-left: 0;
		padding: 0;
		color: #000;
		background: none;
		text-shadow: none;
	}
	.katalog-box .artTytul,
	.katalog-box .wide .artTytul { margin-top: 10px; padding-bottom: 0; font-size: 16px }
	.katalog-box .wide .artTytul a { color: #308E19; }
	.katalog-box .artOpis,
	.katalog-box .artTags { display: none }
}

/*************************************
 * ArtykulSearchFormBox - box z szukajką 
 *************************************/
#artykulSearchFormBox { padding: 0; background: transparent url(/i-static/artykuly/search-form-bg-sprite.gif) no-repeat left top; }
#artykulSearchFormBox .sBox-content { min-height: 25px; padding: 6px 12px; background: transparent url(/i-static/artykuly/search-form-bg-sprite.gif) no-repeat -300px bottom;}
#artykulSearchFormBox .sBox-content input { vertical-align: middle; }
#artykulSearchFormBox .sBox-content input#asfPhrase { width: 178px; }
#artykulSearchFormBox .sBox-content input.submit { margin-left: 10px; }
#artykulSearchFormBox .sBox-content label { color: white; font-size: 1.1em; }

/*************************************
 * ProjektyDomowBox - box z kolekcjami projektów 
 *************************************/
.projekty-box.affix { background-color: #FFF; }
.projekty-box .projekty-box-title { padding-left: 44px; background: transparent url(/i-static/artykuly/projekty_domow.gif) no-repeat 12px 50%; }
.projekty-box ul { max-width: 438px; margin: 0 auto; padding: 3px; letter-spacing: -3px; }
.projekty-box ul li { display: inline-block; margin: 4px; letter-spacing: normal; }
.projekty-box .imgPane { width: 138px; height: 95px; background: transparent url(/i-static/artykuly/projekty_domow_bg_2.png) no-repeat left top; }
.projekty-box .imgPane a { display: block; width: 100%; height: 100%; }
.projekty-box .imgPane .imgDesc p { padding: 3px 16px; font-size: 12px; font-size: 1.2em; font-weight: bold; }
.projekty-box .projekty-parterowe,
.projekty-box .projekty-z-bali,
.projekty-box .projekty-energooszczedne { }
.projekty-box .projekty-szkieletowe,
.projekty-box .projekty-energooszczedne {  }
.projekty-box .projekty-z-poddaszem .imgPane { background-position: left top; }
.projekty-box .projekty-parterowe .imgPane { background-position: left -95px; }
.projekty-box .projekty-nowoczesne .imgPane { background-position: left -190px; }
.projekty-box .projekty-z-bali .imgPane { background-position: left -285px; }
.projekty-box .projekty-szkieletowe .imgPane { background-position: left -380px; }
.projekty-box .projekty-energooszczedne .imgPane { background-position: left -475px; }

/*************************************
 * ArtNajczesciejCzytaneBox - box z najczęściej czytanymi 
 *************************************/
.najpopularniejsze-box .najpopularniejsze-box-title { padding-left: 38px; background: transparent url(/i-static/artykuly/najczesciej_czytane.gif) no-repeat 12px 50%; }
.najpopularniejsze-box .najpopularniejsze-list { margin: 0; padding: 0; list-style-type: none; }
.najpopularniejsze-box .najpopularniejsze-list li {
	overflow: hidden;
	padding: 6px 8px 6px 16px;
	border-bottom: 1px dotted #d2d2d2;
	font-size: 11px; font-size: 1.3em;
	line-height: 1.5em;
}
.najpopularniejsze-box .najpopularniejsze-list li.last { border-bottom: 0 none; }
.najpopularniejsze-box .najpopularniejsze-list li.odd { background-color: #fafafa; }
.najpopularniejsze-box .najpopularniejsze-list li a { display: block; margin-left: 20px; color: #3A3A3A; }
.najpopularniejsze-box .najpopularniejsze-list li a:hover { color: #59BF40; }
.najpopularniejsze-box .najpopularniejsze-list li .lp { display: block; float: left; width: 15px; font-weight: bold; }

/*************************************
 * ArtPoradnikiBox - box z poradnikami (cykle tematyczne) 
 *************************************/
.poradniki-box .poradniki-box-title { padding-left: 38px; background: transparent url(/i-static/artykuly/najczesciej_czytane.gif) no-repeat 12px 50%; }
.poradniki-box .poradniki-list { margin: 0; padding: 0; list-style-type: none; }
.poradniki-box .poradniki-list li {
	border-bottom: 1px dotted #d2d2d2;
	font-size: 11px; font-size: 1.1em;
	line-height: 1.5em;
}
.poradniki-box .poradniki-list li.last { border-bottom: 0; }
.poradniki-box .poradniki-list li.odd { background-color: #fafafa; }
.poradniki-box .poradniki-list li a { display: block; padding: 6px 8px 6px 16px; color: #3A3A3A; }
.poradniki-box .poradniki-list li a:hover { color: #59BF40; }

/*************************************
 * ArtOstatnioDodaneBox - box z ostatnio dodanymi 
 *************************************/
.najnowsze-box .najnowsze-box-title { padding-left: 38px; background: transparent url(/i-static/artykuly/ostatnio_dodane.gif) no-repeat 12px 50%; }
.najnowsze-box .najnowsze-list { margin: 0; padding: 0; }
.najnowsze-box .najnowsze-list li {
	overflow: hidden;
	padding: 6px 8px 6px 16px;
	border-bottom: 1px dotted #d2d2d2;
	font-size: 11px; font-size: 1.1em;
	line-height: 1.5em;
}
.najnowsze-box .najnowsze-list li.last { border-bottom: 0 none; }
.najnowsze-box .najnowsze-list li.odd { background-color: #fafafa; }
.najnowsze-box .najnowsze-list li a { display: block; color: #3A3A3A; }
.najnowsze-box .najnowsze-list li a:hover { color: #59BF40; }

/*************************************
 * ArtPoradnikBox - box poradnika 
 *************************************/
.poradnik-box .poradnik-list { list-style-type: none; }
.poradnik-box .poradnik-list li {
	padding: 6px 8px 6px 16px;
	border-bottom: 1px dotted #D2D2D2;
	font-size: 11px; font-size: 1.1em;
	line-height: 1.5em;
}
.poradnik-box .poradnik-list li.last { border-bottom: 0 none; }
.poradnik-box .poradnik-list li.odd { background-color: #FAFAFA; }
.poradnik-box .poradnik-list li a { display: table; width: 100%; box-sizing: border-box; color: #3A3A3A; }
.poradnik-box .poradnik-list li a:hover { color: #59BF40; }
.poradnik-box .poradnik-artykul-image { display: table-cell; height: 44px; width: 60px; padding: 2px; vertical-align: middle; border: 1px solid #D2D2D2; }
.poradnik-box .poradnik-artykul-image img { width: 60px; }
.poradnik-box .poradnik-artykul-title { display: table-cell; padding-left: 10px; vertical-align: middle; font-size: 13px }

/*************************************
 * ArtPodobneBox - box z podobnymi artykułami 
 *************************************/
.podobne-box .podobne-box-title { padding-left: 38px; background: url("/i-static/artykuly/najczesciej_czytane.gif") no-repeat scroll 12px 50% transparent; }
.podobne-box .podobne-list { list-style-type: none; }
.podobne-box .podobne-list li { padding: 6px 8px 6px 16px; border-bottom: 1px dotted #D2D2D2; font-size: 11px; font-size: 1.1em; line-height: 1.5em; }
.podobne-box .podobne-list li.last { border-bottom: 0 none; }
.podobne-box .podobne-list li.odd { background-color: #FAFAFA; }
.podobne-box .podobne-list li a { display: table; width: 100%; color: #3A3A3A; }
.podobne-box .podobne-list li a:hover { color: #59BF40; }
.podobne-box .podobne-list li .artPodobneImage {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #D2D2D2;
	padding: 2px;
	width: 90px;
}
.podobne-box .podobne-list li .artPodobneImage img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.podobne-box .podobne-list li .artPodobneTitle { display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 14px }

/*************************************
 * ArtSponsorBox - box sponsora artykułu 
 *************************************/
.sponsor-box .sponsor-box-title { overflow: hidden; padding-left: 15px; padding-right: 15px; }
.sponsor-box .sponsor-box-title h3 { font-size: 1.3em; font-weight: bold; }
.sponsor-box .sponsor-box-content { position: relative; padding: 1px 1px 1px; }
.sponsor-box .opis { overflow: hidden; padding: 9px 14px; font-size: 1.1em; text-align: justify; }
.sponsor-box .opis img { float: left; padding-right: 20px; }
.sponsor-box.inactive .sponsor-box-title h3,
.sponsor-box.inactive .opis { background-color: #FFEBEB; }
.sponsor-box a { text-decoration: none; }
.sponsor-box a .opis { color: #3A3A3A; }
.sponsor-box a:hover .wiecej { text-decoration: underline; }
.sponsor-box .wiecej { position: absolute; bottom: -5px; right: 16px; padding: 0 6px; background-color: #FFFFFF; font-size: 1.1em; }

/*************************************
 * keywordCloudBox - chmurka słów kluczowych (sidebar)
 *************************************/
#keywordCloudBox .sBox-content { text-align: justify; line-height: 24px; }
#keywordCloudBox a { color: black; }
#keywordCloudBox .lvl1 {
	color: #59BF40;
	font-size: 2em;
}
#keywordCloudBox .lvl2 { font-size: 2em; }
#keywordCloudBox .lvl3 {
	font-size: 1.5em;
	/*font-weight: bold;*/
}
#keywordCloudBox .lvl4 { font-size: 1.5em; }
#keywordCloudBox .lvl5 {
	font-size: 1em;
	/*font-weight: bold;*/
}
#keywordCloudBox .lvl6 { font-size: 1em; }

/*************************************
 * Inne
 *************************************/
a {
	color: #308E19; /*#59BF40;*/
	text-decoration: none;
}

a:hover { text-decoration: underline; }
ul { list-style: none; }
label { cursor: pointer; }
*.tgreen { color: #59BF40; }
*.blur { color: #878787; }
*.orange { color: #F76F19; }
*.white { color: white; }
*.bold { font-weight: bold; }
*.italic { font-style: italic; }
*.nowrap { white-space: nowrap; }
.fleft { float: left; }
.fright { float: right; }
.pointer { cursor: pointer; }
.required {
	color: red;
	font-size: 14px;
}
.clearfix {
	clear: both;
}
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

img {
	border: 0;
	vertical-align: middle;
}

.textField { background-color: white; border: 1px solid #C3C3C3; }
.textField.error { border-color: red; }

.antiSkype { overflow: hidden; }
p.antiSkypePhone {
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	font: inherit;
}

/*************************************
 * Inne - podpis "zespół Tooba.pl"
 *************************************/
#toobaTeam {
	padding: 20px 0 10px;
	color: #707070;
	font-size: 1.2em;
	font-style: italic;
	text-align: right;
	line-height: 1.5em;
}
#toobaTeam .tooba {
	color: #222222;
	font-style: normal;
	font-weight: bold;
}

/*************************************
 * Inne - Social Media Share
 *************************************/
#socialSharePane {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #848484;
	font-size: 1.1em;
}
#socialSharePane ul { float: right; margin-left: 5px; }
#socialSharePane ul li { float: left; }
#socialSharePane a.shareLink {
	padding: 3px;
	border: 1px solid #ffffff;
}
#socialSharePane a.shareLink:hover { border: 1px solid #eeeeee; }
.social-line { text-align: right }

/*************************************
 * Inne - półprzeźroczyste pole nad obrazkiem
 *************************************/
.imgPane {
	overflow: hidden;
	position: relative;
	font-family: Arial;
}

.imgPane .imgDesc {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.4), -1px -1px 3px rgba(0,0,0,0.5);
	background: transparent url(/i-static/common/transparent.png) repeat-x top;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
	background-image: linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
	
}

.imgPane .imgDesc p { padding: 1px 10px 3px; }
.imgPane .imgDesc p.prjName {
	padding: 3px 10px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.5px;
}

/*************************************
 * Inne - sortowanie listy
 *************************************/
#sortingPane { float: right; padding-top: 2px; }
#sortingPane p { float: left; padding: 3px 0; }
#sortingPane ul { float: right; padding-left: 4px; }
#sortingPane li, .sZaznaczenie li {
	float: left;
	padding: 0 6px;
	margin: 3px 0;
	border-right: 1px solid #D2D2D2;
}
#sortingPane li a { display: block; padding: 0 2px; font-weight: bold; }
#sortingPane li a.asc, #sortingPane li a.desc { padding-right: 10px; color: #3C3C3C; }
#sortingPane li a.asc { background: transparent url(/i-static/common/arrow_up.gif) no-repeat right 50%; }
#sortingPane li a.desc { background: transparent url(/i-static/common/arrow_down.gif) no-repeat right 50%; }
#sortingPane li.last, .sZaznaczenie li.last { border: 0 none; }

/*************************************
 * Inne - stronicowanie listy
 *************************************/
.paging {
	overflow: hidden;
	padding: 20px 0;
}
.pagingCurrentPage { color: #3C3C3C; font-weight: bold; }
.pagingPrevPane {
	float: left;
	width: 100px;
}
.pagingPane { float: left; width: 440px; text-align: center; }
.pagingPrevLink {
	padding-left: 26px;
	background: transparent url(/i-static/common/mniej_circle.gif) no-repeat left 50%;
}
.pagingNextPane {
	float: right;
	width: 100px;
	text-align: right;
}
.pagingNextLink {
	padding-right: 26px;
	background: transparent url(/i-static/common/wiecej_circle.gif) no-repeat right 50%;
}

.pagination { list-style-type: none; text-align: center; }
.pagination > li { display: inline-block; font-size: 15px; font-size: 1.5em; margin: 0 4px; line-height: 1.4em; }
.pagination > li > a { display: inline-block; }
.pagination .current { padding: 5px 8px; font-weight: 700;
  margin: 0 3px;
  padding: 0 5px;
  border: 1px solid #000;
  border-radius: 3px;
  color: #FFF;
  background-color: #000;
  background-image: linear-gradient(top, #6D6D6D, #000);
  background-image: -o-linear-gradient(top, #6D6D6D, #000);
  background-image: -moz-linear-gradient(top, #6D6D6D, #000);
  background-image: -webkit-linear-gradient(top, #6D6D6D, #000);
  background-image: -ms-linear-gradient(top, #6D6D6D, #000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D6D6D), color-stop(1, #000));
}
.pagination .page { padding: 5px 8px;
margin: 0 3px;
  padding: 0 5px;
  color: #FFF;
  border: 1px solid #36990a;
  border-radius: 3px;
  background-color: #36990a;
  background-image: linear-gradient(top, #95d370, #36990a);
  background-image: -o-linear-gradient(top, #95d370, #36990a);
  background-image: -moz-linear-gradient(top, #95d370, #36990a);
  background-image: -webkit-linear-gradient(top, #95d370, #36990a);
  background-image: -ms-linear-gradient(top, #95d370, #36990a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #95d370), color-stop(1, #36990a));
}
.pagination .prev,
.pagination .next { font-size: 13px; font-size: 1.3em; }
.pagination .prev-link:before,
.pagination .next-link:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
}
.pagination .prev-link:before {
	margin-right: 5px;
	background: transparent url(/i-static/common/mniej_circle.gif) no-repeat 50% 50%;
}
.pagination .next-link:after {
	margin-left: 5px;
	background: transparent url(/i-static/common/wiecej_circle.gif) no-repeat 50% 50%;
}
.pagination .prefix,
.pagination .suffix { margin: 0 2px; font-size: 13px; font-size: 1.3em; }

/*************************************
 * Reklamy
 *************************************/
.ad-slot { overflow: hidden; text-align: center; }
.t-ad-slot > div { margin-top: 20px; }
#sidebar .ad-slot,
.ad-slot.ad-artykul-details-centrum > div { margin-bottom: 10px; }
.ad-slot .ad-left { float: left; }
.ad-slot .ad-right { float: right; }
.ad-slot-wrapper { overflow: hidden; position: relative; }
.ad-slot-caption { position: absolute; padding: 0 10px; }
.ad-slot-wrapper .ad-slot { /* padding-top: 12px; */ }

.ocena-widget { position: relative }
.ocena-widget .item { display: inline-block }
.ocena-widget .ocena-label { color: #444; font-size: 11px; line-height: 16px; vertical-align: middle; }
.ocena-widget .ocena-scale,
.ocena-widget .ocena-highlight { position: relative; display: inline-block; width: 100px; height: 16px; padding-left: 2px; background: #FFF url(/i-static/artykuly/rating-stars.png) no-repeat 0 0; vertical-align: middle; }
.ocena-widget .ocena-highlight { position: absolute; top: 0; left: 0; width: 0; background-position: 0 -16px; }
.ocena-widget .ocena-stars { position: absolute; top: 0; left: 0; overflow: hidden; width: 100px; margin: 0; padding: 0; list-style-type: none; }
.ocena-widget .ocena-stars li { float: left; width: 20px; height: 16px; cursor: pointer; }
.ocena-widget.locked .ocena-stars li { cursor: default; }

.ocena-widget .ocena-legend-tooltip {
	position: absolute;
	display: none;
	/*left: 0;*/
	margin-top: 6px;
	background-color: #FFFFFF;
    border: 1px solid #BEBEBE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 100;
}
.ocena-widget .ocena-legend { padding: 8px; text-align: left; line-height: 20px; }
.ocena-widget .legend-scale { margin-right: 6px; }
.ocena-widget .legend-scale,
.ocena-widget .legend-highlight { position: relative; display: inline-block; width: 100px; height: 16px; padding-left: 2px; background: #FFF url(/i-static/artykuly/rating-stars.png) no-repeat 0 0; vertical-align: middle; }
.ocena-widget .legend-highlight { position: absolute; top: 0; left: 0; width: 0; background-position: 0 -16px; }
.ocena-widget .legend-highlight.ocena-1 { width: 20px; }
.ocena-widget .legend-highlight.ocena-2 { width: 40px; }
.ocena-widget .legend-highlight.ocena-3 { width: 60px; }
.ocena-widget .legend-highlight.ocena-4 { width: 80px; }
.ocena-widget .legend-highlight.ocena-5 { width: 100px; }
.ocena-widget .ocena-legend span { vertical-align: middle; }
.ocena-widget .ocena-button {}


@media (max-width: 979px) {
	#artNajczesciejCzytaneBox, #artOstatnioDodaneBox, .fb-like-box,
	#firmaKontaktBox { display: none; }
}
@media (max-width: 669px) {
	#socialSharePane { position: static; }
	#socialSharePane ul { margin: 0; float: none; }
	#socialSharePane ul li { float: none; display: inline-block; }
	.artykul-box .artBox-header h1 { padding-right: 0; }
	.artykul-box .artContent .artImgPane { float: none !important; margin: 8px auto; }

	.art-tygodnia-box { max-width: 400px; margin-left: auto; margin-right: auto; }
	.art-tygodnia-view { width: auto; height: auto; }
	.art-tygodnia-view .art-tygodnia-img { width: 100%; height: auto; }
	.art-tygodnia-view .art-tygodnia-about {
		z-index: 15;
		background-color: rgba(0,0,0,0.8);
		padding: 0 15px;
		box-sizing: border-box;
		width: 100%;
		height: 200px;
		max-height: 100%;
		bottom: 0;
		top: auto;
		right: 0;
  		padding-bottom: 18px;
  		
  		opacity: 0;
  		
  	}
  	.art-tygodnia-view .active .art-tygodnia-about { position: relative; opacity: 1; z-index: 16; }
  		
	.pagination > li { display: none; }
	.pagination .prev, .pagination .next,
	.pagination .current, .pagination .suffix,
	.pagination .total { display: inline-block; }
	
	.ad-slot .ad-left, .ad-slot .ad-right { float: none; }
}
@media (max-width: 589px) {
	.artPromowaneBox .artBox-content { display: block; }
	.artPromowaneBox .main-artykul-pane { display: block; padding-right: 0; }
	.artPromowaneBox .artykuly-list-pane { display: block; width: 100%; padding-left: 0; margin-top: 10px; border-left: 0; border-top: 1px dotted #D2D2D2; }
}
@media (max-width: 453px) {
	.projekty-box ul { max-width: 292px; }
	.katalog-box dl dd { margin-left: 0; }
}


@media print {
	a { text-decoration: none !important; color: #000 }
	.tooba-header, .sticky-header-offset, .sidebar, .tooba-footer,
	.katalog-breadcrumbs, .artBox-keywords, .social-line,
	.artykul-ocena, .ad-slot, #komentarze, #adminButtonsPane { display: none !important; }
	.artykul-box .artBox-header h1 { color: #000; font-size: 24px; border-bottom: 0 }
	.artykul-box .artBox-header h1:after { content: " - Tooba.pl" }
	.artykul-box .artInfoPane { padding-bottom: 0 }
	.artykul-box .artBoxContent { font-size: 14px !important }
	.artykul-box .artContent .artImgPane { margin: 8px 0; padding: 0; border: 0 }
	.artykul-box .artContent .artImgPane .artImgCaption { color: #000 }
	.box { border: 0 }
	.box .box-padded { padding: 0 }
}