@CHARSET "UTF-8";

/*************************************
 * Ogólne
 *************************************/
body {
	color: #3C3C3C;
	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%; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

/*************************************
 * Szkielet strony
 *************************************/
#wrap { background-color: white; }
#wrap-inner {
	width: 980px;
	margin: 0 auto;
}
#header {}
#content {
	float: left;
	width: 662px;
	margin: 0;
	padding: 10px 0 0;
}
#content.nosidebar {
	float: none;
	margin: auto;
}
#content-wide {
	width: 980px;
	margin: 0;
	padding: 10px 0;
}
#content-wide #content,
#content-wide #sidebar { padding-top: 0; }
#sidebar {
	float: right;
	width: 300px;
	padding: 10px 0 0;
	margin: 0 0;
}
#footer {
	clear: both;
	position: relative;
	overflow: hidden;
	background: transparent url(/i-static/footer/footer.gif) no-repeat left top;
	font-size: 1.1em;
}

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

/*************************************
 * Nagłówek (Header)
 *************************************/
#logo {
	float: left;
	margin: 0;
	padding: 32px 0 0;
}
#logo a {
	color: #233A40;
	font-size: 2.6em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	vertical-align: middle;
}
#logo img {
	vertical-align: middle;
	border: none;
}
#nav {
	float: right;
	width: 750px;
	margin: 30px 0 0 10px;
	/*background: transparent url(/i-static/firmy/header2/header_nav_topp.gif) no-repeat 0 3px;*/
}
.nav-list {
	float: right;
	margin: 0;
	padding: 0;
	/*background: transparent url(/i-static/firmy/header2/header_nav_bottomm.gif) no-repeat left bottom;*/
	border-bottom: 2px solid #000;
	-webkit-border-radius: 6px 6px 0 6px;
	-moz-border-radius: 6px 6px 0 6px;
	border-radius: 6px 6px 0 6px;
	list-style-type: none;
}
.nav-list .nav-item {
	float: left;
	width: 150px;
	margin: 0;
	padding: 4px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
}
.nav-list .nav-item.selected {
	padding-top: 0;
	*background: transparent url(/i-static/firmy/header2/header_nav_selected.gif) no-repeat left top;
}
.nav-list .nav-button {
	display: block;
	border: 1px solid #F76F19;
	border-color: #F76F19 #FF8F4D #F76F19 #EB470A;
	
	background:  #F56A17 url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */
	background-image: linear-gradient(top, rgb(248,117,35) 0%, rgb(248,136,64) 50%, rgb(245,106,23) 50%, rgb(242,74,11) 100%);
	background-image: -o-linear-gradient(top, rgb(248,117,35) 0%, rgb(248,136,64) 50%, rgb(245,106,23) 50%, rgb(242,74,11) 100%);
	background-image: -moz-linear-gradient(top, rgb(248,117,35) 0%, rgb(248,136,64) 50%, rgb(245,106,23) 50%, rgb(242,74,11) 100%);
	background-image: -webkit-linear-gradient(top, rgb(248,117,35) 0%, rgb(248,136,64) 50%, rgb(245,106,23) 50%, rgb(242,74,11) 100%);
	background-image: -ms-linear-gradient(top, rgb(248,117,35) 0%, rgb(248,136,64) 50%, rgb(245,106,23) 50%, rgb(242,74,11) 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(248,117,35)),
		color-stop(0.5, rgb(248,136,64)),
		color-stop(0.5, rgb(245,106,23)),
		color-stop(1, rgb(242,74,11))
	);
	/* For IE 7 */
    *background: #F56A17 url(/img/v1/header/item-bg.gif) repeat-x top left;
	
	color: #FFFFFF;
	text-decoration: none;
}
.nav-item .nav-button:hover {
	background-image: none;
	
	background: #F24A0B; /* for non-css3 browsers */
	background-image: linear-gradient(bottom, rgb(245,106,23) 0%, rgb(242,74,11) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,106,23) 0%, rgb(242,74,11) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,106,23) 0%, rgb(242,74,11) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,106,23) 0%, rgb(242,74,11) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,106,23) 0%, rgb(242,74,11) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(245,106,23)),
		color-stop(1, rgb(242,74,11))
	);
}
.nav-item.first .nav-button {
	border-left-color: #F76F19;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.nav-item.last .nav-button {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.nav-item.selected .nav-button {
	line-height: 42px;
	background-color: #000;
	border: 0;
	
	background:  #000 url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */ /*#61bd24;*/
	background-image: linear-gradient(top, rgb(54,54,54) 0%, rgb(82,82,82) 50%, #000 50%);
	background-image: -o-linear-gradient(top, rgb(54,54,54) 0%, rgb(82,82,82) 50%, #000 50%);
	background-image: -moz-linear-gradient(top, rgb(54,54,54) 0%, rgb(82,82,82) 50%, #000 50%);
	background-image: -webkit-linear-gradient(top, rgb(54,54,54) 0%, rgb(82,82,82) 50%, #000 50%);
	background-image: -ms-linear-gradient(top, rgb(54,54,54) 0%, rgb(82,82,82) 50%, #000 50%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(54,54,54)),
		color-stop(0.5, rgb(82,82,82)),
		color-stop(0.5, rgb(0,0,0))
	);
	/* For IE 7 */
    *background: #000 url(/img/v1/header/item-bg.gif) repeat-x top left;
	
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6x;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-radius: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.nav-button .nav-button-icon {
	display: inline-block;
	height: 21px;
    width: 23px;
	background: url("/i-static/firmy/header/header-icon-sprite.png") no-repeat scroll 0 0 transparent;
	vertical-align: middle;
}
.nav-button-icon.pd { background-position: 0 0; }
.nav-button-icon.pg { background-position: 0 -21px; }
.nav-button-icon.bf { background-position: 0 -42px; }
.nav-button-icon.ww { background-position: 0 -63px; }
.nav-button-icon.kn { background-position: 0 -84px; }
.nav-button-icon.gz { background-position: 0 -105px; }
.nav-button .nav-button-caption { padding-left: 8px; vertical-align: middle; }
.nav-button:hover .nav-button-caption { text-decoration: underline; }

#navb #linkMP a { background: transparent url(/i-static/header2/home.png) no-repeat 0 50%; }
#navb #linkGaraze a { background: transparent url(/i-static/header2/garaze.png) no-repeat 0 50%; }
#navb #linkFirmy a { background: transparent url(/i-static/header2/baza_firm.png) no-repeat 0 50%; }
#navb #linkArtykuly a { background: transparent url(/i-static/header2/warto_wiedziec.png) no-repeat 0 50%; }
#navb #linkKontakt a { background: transparent url(/i-static/header2/kontakt.png) no-repeat 0 50%; }

.search-panel {
	clear: both;
	position: relative;
	padding: 12px 14px;
	background-color: black;
	
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
	
	background:  #000 url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */ /*#61bd24;*/
	background-image: linear-gradient(top, #000000 0%, #242424 100%);
	background-image: -o-linear-gradient(top, #000000 0%, #242424 100%);
	background-image: -moz-linear-gradient(top, #000000 0%, #242424 100%);
	background-image: -webkit-linear-gradient(top, #000000 0%, #242424 100%);
	background-image: -ms-linear-gradient(top, #000000 0%, #242424 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #000000),
		color-stop(1, #242424)
	);
	/* For IE 7 */
    *background: #000 url(/img/v1/header/item-bg.gif) repeat-x top left;
	
	color: white;
}
.search-panel-caption {
	display: inline-block;
	padding-right: 12px;
	border-right: 1px solid #505050;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	vertical-align: middle;
}
.search-panel-delim {
	display: inline-block;
	width: 3px;
	height: 25px;
	margin-right: 24px;
	border-left: 1px solid black;
	line-height: 25px;
	vertical-align: middle;
}
.search-panel-delim .arrow {
	display: inline-block;
	height: 0;
	border: 3px solid black;
	border-color: transparent transparent transparent black;
	vertical-align: middle;
}
.search-input {
	width: 239px;
	padding: 0 10px;
	border: 1px solid #C6C6C6;
	border-width: 1px 0 0 1px;
	height: 24px;
	vertical-align: middle;
	
	font: 12px Arial,Helvetica,sans-serif;
}
.search-input-lokalizacja { vertical-align: top; }
.search-label {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
}
.search-map-link.active {
	background-color: #555;
	border: 1px solid #666;
	margin-left: -11px;
	padding: 1px 10px 3px;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	
	background-image: linear-gradient(top, #555 0%, #333 100%);
	background-image: -o-linear-gradient(top, #555 0%, #333 100%);
	background-image: -moz-linear-gradient(top, #555 0%, #333 100%);
	background-image: -webkit-linear-gradient(top, #555 0%, #333 100%);
	background-image: -ms-linear-gradient(top, #555 0%, #333 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #555),
		color-stop(1, #242424)
	);
}
.search-map-link > a {
	padding-right: 18px;
	background: transparent url("/i-static/firmy/header/cubic-arrow-down.png") no-repeat right 50%;
	color: #888888;
	font-size: 11px;
	font-weight: normal;
}
.search-map-link.active > a {
	color: white;
}
.search-submit {
	display: inline-block;
	margin-top: -1px;
	padding: 0;
	height: 27px;
	width: 40px;
	margin-left: 18px;
	vertical-align: top;
	
	border: 1px solid #F76F1B;
	border-bottom-color: #F4470D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background:  #F56A17 url(/img/v1/header/item-bg.png) repeat-x top left; /* 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;
}
.search-submit:active {
	background-image: none;
	
	background: #F24A0B; /* for non-css3 browsers */
	background-image: linear-gradient(bottom, rgb(248,109,24) 0%, rgb(238,74,11) 100%);
	background-image: -o-linear-gradient(bottom, rgb(248,109,24) 0%, rgb(238,74,11) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(248,109,24) 0%, rgb(238,74,11) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(248,109,24) 0%, rgb(238,74,11) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(248,109,24) 0%, rgb(238,74,11) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(248,109,24)),
		color-stop(1, rgb(242,74,11))
	);
}
.search-icon {
	display: inline-block;
	width: 17px;
	height: 14px;
	background-image: url("/i-static/firmy/header/search-icon.png");
}
#panelMapy {
	position: absolute;
	top: 46px;
	left: 557px;
	display: none;
	border: 1px solid #666;
	background-color: #202020;
	*width: 270px;
	*height: 270px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 100;
	
	background:  #242424 url(/img/v1/header/item-bg.png) repeat-x top left; /* for non-css3 browsers */ /*#61bd24;*/
	background-image: linear-gradient(top, #333 0%, #202020 100%);
	background-image: -o-linear-gradient(top, #333 0%, #202020 100%);
	background-image: -moz-linear-gradient(top, #333 0%, #202020 100%);
	background-image: -webkit-linear-gradient(top, #333 0%, #202020 100%);
	background-image: -ms-linear-gradient(top, #333 0%, #202020 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #333),
		color-stop(1, #333)
	);
}
#panelMapy .tab-mask {
	height: 3px;
	width: 64px;
	margin-top: -2px;
	margin-left: -1px;
	border-left: 1px solid #666;
	background-color: #333;
}
#polandMap, #polandCities { display: inline-block; vertical-align: middle; }
.search-cities-regions { padding-right: 12px; font-size: 12px; line-height: 1.5em; }
.search-city { color: #FFF !important; }
/*************************************
 * 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/firmy/common/gototop-orange.png) 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_orange.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;
}

/*************************************
 * ContentBOX: box głównego contentu
 *************************************/
.cBox,
.cBoxGray {
	width: 662px;
	margin-bottom: 10px;
	/*background: white url(/i-static/common/box_662_top.gif) no-repeat left top;*/
	background: white url(/i-static/common/boxes_top.png) no-repeat left top;
}
.cBoxGray { background: #F5F5F5 url(/i-static/common/boxes_top.png) no-repeat -662px top; }
.cBox .cBox-content {
	padding: 2px;
	/*background: transparent url(/i-static/common/box_662_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat left bottom;
}
.cBoxGray .cBox-content {
	padding: 2px;
	/*background: transparent url(/i-static/common/box_662_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -662px bottom;
}
.cBox .cBox-content .cBoxInner {
	margin: 0 12px;
	/*background: white url(/i-static/common/box_634_top.gif) no-repeat left top;*/
	background: white url(/i-static/common/boxes_top.png) no-repeat -3914px top;
}
.cBox .cBox-content .cBoxInner .cBoxInner-content {
	padding: 8px 1px;
	/*background: transparent url(/i-static/common/box_634_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -3914px bottom;
}
.cBoxGray .cBox-content .cBoxInner {
	margin: 0 12px;
	background: transparent url(/i-static/common/boxes_top.png) no-repeat -3914px top;
}
.cBoxGray .cBox-content .cBoxInner .cBoxInner-content {
	padding: 8px 1px;
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -4848px bottom;
}
.cBox-content h2,
.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;
}

/*************************************
 * 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;*/
	background: #EAF4FE url(/i-static/common/boxes_top.png) no-repeat -3252px top;
}
.cBoxBlue .cBoxBlue-content {
	padding: 6px;
	/*background: transparent url(/i-static/common/box_662_blue_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -3252px 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;*/
	background: white url(/i-static/common/boxes_top.png) no-repeat -1324px top;
}
.cwBox .cwBox-content {
	padding: 16px;
	/*background: transparent url(/i-static/common/box_980_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -1324px bottom;
}
.cwBoxInner {
	/*background: white url(/i-static/common/box_948_top.gif) no-repeat left top;*/
	background: white url(/i-static/common/boxes_top.png) no-repeat -2304px top;
}
.cwBoxInner-content {
	padding: 8px 1px;
	/*background: transparent url(/i-static/common/box_948_bottom.gif) no-repeat left bottom;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -2304px bottom;
}
.cwBox h3 {
	padding: 12px 0 8px;
	margin: 0 14px;
}
.cwBox .cwBox-content h3 { margin: 0; }

/*************************************
 * 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;*/
	background: white url(/i-static/common/boxes_top.png) no-repeat -4548px top;
}
.sBox .sBox-title {
	padding: 12px 16px 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;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -4548px bottom;
}
.sBox h3 {
	font-family: Arial;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
}
.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;*/
	background: #F5F7F2 url(/i-static/common/boxes_top.png) no-repeat -4848px top;
}
.sBoxGray .sBox-content {
	padding: 2px;
	/*background: transparent url(/i-static/common/box_300_gray_bottom.gif) no-repeat bottom left;*/
	background: transparent url(/i-static/common/boxes_bottom.gif) no-repeat -4548px bottom;
}

/*************************************
 * 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 > h2 {
	margin: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #BEBEBE;
}
.box > h3 {
	margin: 8px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
}
.box > h3.border { padding: 8px; margin: 0 0 8px; border-bottom: 1px solid #D2D2D2; }
.box-header {}
.box-body { margin: 10px; }
.box-footer {}

.flatlist { overflow: hidden; margin: 0; padding: 0; }
.flatlist > li { float: left; }

.liderzy > li {
	display: table-cell;
	width: 213px;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.liderzy a { }

.b-bottom { border-bottom: 1px solid #D2D2D2; }
.b-right { border-right: 1px solid #D2D2D2; }

.ico {
	display: inline-block;
	line-height: 0;
	vertical-align: bottom;
}
.ico-18 {
	width: 18px;
	height: 18px;
}
.ico-32 {
	width: 32px;
	height: 32px;
}
.ico-50 {
	width: 50px;
	height: 50px;
}
.ico-jdllist1 { background: transparent url(/i-static/firmy/main_page/jak_dzialamy_icons.gif) no-repeat 8px center; }
.ico-globe-ok { background: transparent url(/i-static/firmy/common/ico-globe-ok-18.gif) no-repeat 0 center; }

/*************************************
 * 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+ */
}
.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/icons/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; font-size: 13px; }
.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; }

.dialog-firmy-branze .dialog-content { padding: 0; }

/*************************************
 * DodajZlecenieBox-Tabs - zakładki
 *************************************/
#dodajZlecenieBox { margin-bottom: 10px; }
#dzTabs .tabs-nav {  }
#dzTabs .tabs-nav .tabs-caption {
	float: left;
	padding: 6px 0 0;
	font-size: 1.5em;
}
#dzTabs .tabs-nav ul {
	overflow: hidden;
	background-color: white;
}
#dzTabs .tabs-nav ul li {
	float: left;
	width: 130px;
	height: 34px;
	margin-right: 3px;
	border-bottom: 1px solid white;
	background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_box.gif) no-repeat 0 -174px;
	text-align: center;
}
#dzTabs .tabs-nav ul li.last { margin-right: 0; }
#dzTabs .tabs-nav ul li.tabs-active {
	border-bottom: 1px solid #2D2D2D;
	background: #2D2D2D url(/i-static/firmy/main_page/dodaj_zlecenie_box.gif) no-repeat -532px -174px;
}
#dzTabs .tabs-nav li a {
	display: block;
	padding-left: 35px;
	color: #F37018;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 36px;
}
#dzTabs .tabs-nav li a:hover {
	color: black;
	text-decoration: none;
}
#dzTabs .tabs-nav li.tabs-active a { padding: 0; color: white; }
#dzTabs .tab-content {
	position: relative;
	padding: 16px 0;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
}
#dzTabs .tab-content div.img { position: absolute; top: 15px; left: 26px; width: 120px; height: 120px; }
#dzTabs .tab-content-hide { display: none; }
#dzTabs #dzStart .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left -600px; }
#dzTabs #dzArchitekci .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left top; }
#dzTabs #dzGeodeci .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left -120px; }
#dzTabs #dzWykonawcy .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left -360px; }
#dzTabs #dzProducenci .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left -240px; }
#dzTabs #dzHurtownie .img { background: transparent url(/i-static/firmy/main_page/images-sprite.png) no-repeat left -480px; }
#dzTabs #dzArchitekciLink { background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_icons.gif) no-repeat 6px -144px; }
#dzTabs #dzGeodeciLink { background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_icons.gif) no-repeat 6px -108px; }
#dzTabs #dzWykonawcyLink { background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_icons.gif) no-repeat 6px -36px; }
#dzTabs #dzProducenciLink { background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_icons.gif) no-repeat 6px -72px; }
#dzTabs #dzHurtownieLink { background: transparent url(/i-static/firmy/main_page/dodaj_zlecenie_icons.gif) no-repeat 6px 0; }
#dzTabs .tabs-active #dzArchitekciLink,
#dzTabs .tabs-active #dzGeodeciLink,
#dzTabs .tabs-active #dzWykonawcyLink,
#dzTabs .tabs-active #dzProducenciLink,
#dzTabs .tabs-active #dzHurtownieLink { background: none; }
#dodajZlecenieBox #dzContent {
	width: 662px;
	height: 170px;
	background: #939393 url(/i-static/firmy/main_page/dodaj_zlecenie_box.gif) no-repeat scroll 0 -4px;
}
#dodajZlecenieBox #dzContent ul {
	margin-left: 190px;
}
#dodajZlecenieBox #dzContent ul li {
	padding-left: 20px;
	background: transparent url(/i-static/common/wiecej_orange.gif) no-repeat 0 50%;
	line-height: 25px;
}
#dzContent p { margin-left: 190px; }
#dzDodajPane {
	height: 40px;
	background: #292929 url(/i-static/firmy/main_page/dodaj_zlecenie_box.gif) no-repeat 0 56px;
	color: white;
	/*font-size: 1.2em;*/
	padding: 10px 12px;
}
#dzDodajPane span { font-size: 17px; font-weight: bold; vertical-align: middle; }
#dzDodajPane .fleft,
#dzDodajPane .fright { padding: 10px 12px; }
#dzDodajPane .grey { color: #999999; }
#dzDodajPane p strong { font-weight: bold; }

/*************************************
 * DodajZlecenieBox-Tabs - zakładki
 *************************************/
#jakDzialamyBox .cBox-content { padding-bottom: 14px; }
#jakDzialamyBox .cBoxInner-content { padding: 0 10px 6px; }
#jakDzialamyBox ul li { overflow: hidden; padding-left: 46px; border-bottom: 1px solid #e8e8e8; }
#jakDzialamyBox ul li.last { border-bottom: 0 none; }
#jakDzialamyBox ul li div { display: table-cell; padding: 10px 0; }
#jakDzialamyBox ul li div p { color: #757575; font-size: 1.2em; line-height: 1.5em; }
#jakDzialamyBox ul li div p.title { color: #0a0a0a; font-size: 1.5em; }
#jakDzialamyBox #jdlFirma { background: transparent url(/i-static/firmy/main_page/jak_dzialamy_listicons.png) no-repeat 8px center; }
#jakDzialamyBox #jdlOferta { background: transparent url(/i-static/firmy/main_page/jak_dzialamy_listicons.png) no-repeat -628px center; }
#jakDzialamyBox #jdlSpotkanie { background: transparent url(/i-static/firmy/main_page/jak_dzialamy_listicons.png) no-repeat -1261px center; }
#jakDzialamyBox #jdlFirma .img { width: 70px; background: transparent url(/i-static/firmy/main_page/jak_dzialamy_icons.gif) no-repeat -5px center; }
#jakDzialamyBox #jdlOferta .img { width: 70px; background: transparent url(/i-static/firmy/main_page/jak_dzialamy_icons.gif) no-repeat -75px center; }
#jakDzialamyBox #jdlSpotkanie .img { width: 70px; background: transparent url(/i-static/firmy/main_page/jak_dzialamy_icons.gif) no-repeat -145px center; }
#jakDzialamyBox #jdlPodsumowanie .img { width: 70px; background: transparent url(/i-static/firmy/main_page/jd_napisz_icon.gif) no-repeat center center; }
#jdlPodsumowanie p { font-size: 14px !important; line-height: 27px !important; }
#jdlPodsumowanie .tel-big { color: #000; font-size: 16px; font-weight: bold; }
#jdlPodsumowanie a { vertical-align: bottom; }

/*************************************
 * DodajWizytowkeBox-Tabs - dodaj wizytówkę
 *************************************/
#dodajWizytowkeBox #dwContent {
	padding: 16px;
	padding-left: 270px;
	border-top: 1px solid #D2D2D2;
	background: transparent url(/i-static/firmy/main_page/dodaj_wizytowke_tlo.gif) no-repeat left top;
}
#dodajWizytowkeBox #dwContent p {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
}
#dodajWizytowkeBox #dwContent .buduj {
	overflow: hidden;
	padding-top: 8px;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 31px;
}
#dodajWizytowkeBox #dwContent #dwLink {
	float: right;
	display: block;
	width: 155px;
	height: 31px;
	background: transparent url(/i-static/firmy/buttons/button_dodaj_wizytowke.gif) no-repeat left top;
}

/*************************************
 * KatalogWybraneBox - box z wybranymi
 *    kryteriami wyszukiwania
 *************************************/
#katalogWybraneBox .sBox-content { padding: 12px 14px 10px; }
#katalogWybraneBox #wybranePane {
	padding: 8px 10px;
	background: #F5F5F5 url("/i-static/common/grey_gradient.gif") repeat-x scroll left top;
	font-size: 1.1em;
}
#katalogWybraneBox #wybranePane h1 {
	/*padding: 0 16px 6px 0;*/
	border: 0 none;
	color: #3C3C3C;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
}
#katalogWybraneBox #wybranePane .opis {
	padding: 8px 0 0;
	margin-top: 6px;
	border-top: 1px solid #D2D2D2;
	color: #848484;
	line-height: 1.4em;
}
#katalogWybraneBox #wybranePane .opis p { padding-top: 3px; }
#katalogWybraneBox #wybranePane .noResults {
	clear: both;
	padding: 16px 0 10px;
	border-top: 1px solid #D2D2D2;
	font-size: 1.1em;
	text-align: center;
}

/*************************************
 * FirmaList - uniwersalna lista firm
 *************************************/
.fList dl {
	overflow: hidden;
	padding: 14px 0;
	border-bottom: 1px solid #E3E3E3;
}
.fList dl.last,
.fList dl:last-child { border: 0 none; }
.fList dt { float: left; width: 128px; }
.fList dt a { position: relative; display: block; }
.fList dt img.fListThumb {
	width: 120px;
}
.fList dt img.nowosc {
	position: absolute;
	top: 3px;
	left: 3px;
}
.fList dd { font-size: 1.1em; }
.fList dd.params {
	float: left;
	width: 390px;
	padding-right: 10px;
	line-height: 1.5em;
}
.fList dd.params p { padding-top: 4px; }
.fList dd.params a.nazwa {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}
.fList dd.linki {
	float: right;
	width: 118px;
	padding-left: 14px;
	background: transparent url(/i-static/firmy/common/vertical_dotted_separator.gif) repeat-y left top;
}
.fList dd.linki li { padding: 3px 0; }
.fList dd.linki li a {
	display: block;
	padding-left: 10px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 0 50%;
}
.fList dd.tags { float: left; padding-top: 6px; margin-left: 128px; }
.fList .fwTagsPane { margin-top: 8px; }
.fList .fListNoResults {
	padding: 20px 0;
	text-align: center;
	font-size: 1.5em;
}

/*************************************
 * SearchResults - wyniki wyszukiwania - lista firm
 *************************************/
#srSortbyPane {
	overflow: hidden;
	padding: 6px 0;
	color: #888888;
	font-size: 1.1em;
}
#srPagingTop, #srSortbyPane { border-bottom: 1px solid #E3E3E3; }

/*************************************
 * FirmaBox - widok firmy
 *************************************/
#firmaBox {}
#firmaBox .wizytowka { padding: 14px 0px; color: #000; }
#firmaBox .wizytowka .logo { float: left; width: 120px; padding-left: 10px; text-align: center; }
#firmaBox .logo .fLogo { }
#firmaBox .wizytowka .nazwa { margin-left: 140px; padding-bottom: 6px; font-size: 1.5em; font-weight: bold; }
#firmaBox .wizytowka.nologo .nazwa { margin-left: 20px; }
#firmaBox .wizytowka .dane-kontaktowe { overflow: hidden; margin-left: 140px; font-size: 1.2em; line-height: 1.5em; }
#firmaBox .wizytowka.nologo .dane-kontaktowe { margin-left: 20px; }
#firmaBox .wizytowka .adres { float: left; vertical-align: top; }
#firmaBox .wizytowka .kontakt { float: right; padding: 0 20px; vertical-align: top; border-left: 1px dotted #D2D2D2; }
#firmaBox .wizytowka a { color: #FA6F1A; }
#firmaBox .wizytowka .pokaz button {
	margin: 0;
	padding: 0 10px;
	background-color: #000;
	background-image: linear-gradient(top, #6F6F6F, #494949 50%, #000 50%);
	background-image: -o-linear-gradient(top, #6F6F6F, #494949 50%, #000 50%);
	background-image: -moz-linear-gradient(top, #6F6F6F, #494949 50%, #000 50%);
	background-image: -webkit-linear-gradient(top, #6F6F6F, #494949 50%, #000 50%);
	background-image: -ms-linear-gradient(top, #6F6F6F, #494949 50%, #000 50%);
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 1px 0 2px rgba(0,0,0, 0.8);
    
    cursor: pointer;
    color: #FFF;
    font: 11px/18px Arial,Helvetica,sans-serif;
}
#firmaBox .wizytowka .pokaz button:active {
	background-image: linear-gradient(top, #000 80%, #6F6F6F);
	background-image: -o-linear-gradient(top, #000 80%, #6F6F6F);
	background-image: -moz-linear-gradient(top, #000 80%, #6F6F6F);
	background-image: -webkit-linear-gradient(top, #000 80%, #6F6F6F);
	background-image: -ms-linear-gradient(top, #000 80%, #6F6F6F);
	margin: 0;
	padding: 0 10px;
}
#firmaBox .fwTagsPane {
	margin-left: 140px;
	margin-right: 12px;
	font-size: 1.1em;
}
#fbWizytowkaPane { overflow: hidden; }

#firmaHeader.fixed {
	position: fixed;
	top: 0;
	width: 662px;
	margin-left: -1px;
	border: 1px solid #D2D2D2;
	border-width: 0 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.15);
		    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.15);

	background-color: #FFFFFF;
	z-index: 300;
}

.fwTagsPane {
	position: relative;
	padding: 3px 8px;
	margin-bottom: 8px;
	background-color: #F6F6F6;
	border: 1px solid #E3E3E3;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1.5em;
}
.fwTagsPane .fwtContent.short { overflow: hidden; height: 1.5em; }
.fwTagsPane .fwtContent a { padding: 0 8px; border-left: 1px solid #d2d2d2; color: #868686; }
.fwTagsPane .fwtContent a.first { padding-left: 0; border-left: 0 none; }
.fwTagsPane .fwtCut {
	position: absolute;
	bottom: -8px;
	right: -1px;
	width: 52px;
	height: 8px;
	cursor: pointer;
}
.fwTagsPane .fwtCut.full { background: transparent url(/i-static/firmy/wizytowka/tags_buttons.gif) no-repeat 0 -8px; }
.fwTagsPane .fwtCut.short { background: transparent url(/i-static/firmy/wizytowka/tags_buttons.gif) no-repeat 0 0; }

/*************************************
 * Breadcrumbs
 *************************************/
.breadcrumbs { padding: 0 0 8px; font-size: 13px; }
.breadcrumbs a { text-decoration: underline; }

/*************************************
 * WizytówkaNav - nawigacja po wizytówce
 *************************************/
#wizytowkaNav {
	position: relative;
	overflow: hidden;
	margin: 0 1px;
	margin-bottom: -1px;
	z-index: 10;
}
#wizytowkaNav.fixed {
	position: fixed;
	top: 0;
	width: 662px;
	margin: 0;
	padding: 0 1px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-box-shadow: 0 10px 12px 6px #FFFFFF;
	   -moz-box-shadow: 0 10px 12px 6px #FFFFFF;
		    box-shadow: 0 10px 12px 6px #FFFFFF;

	background-color: #FFFFFF;
	z-index: 300;
}

/*************************************
 * FirmaBox-Tabs - zakładki w widoku firmy
 *************************************/
.tabs {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 3em;
}
.tab {
	float: left;
	display: block;
	position: relative;
	bottom: -1px;
	height: 100%;
	max-width: 118px;
	margin-left: -1px;
	padding: 0 1em;
	
	border: 1px solid #D2D2D2;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0;
	
	background-image: linear-gradient(top, #FFFFFF 40%, #EAEAEA 60%);
	background-image: -o-linear-gradient(top, #FFFFFF 40%, #EAEAEA 60%);
	background-image: -moz-linear-gradient(top, #FFFFFF 40%, #EAEAEA 60%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #EAEAEA 60%);
	background-image: -ms-linear-gradient(top, #FFFFFF 40%, #EAEAEA 60%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.4, #FFFFFF),
		color-stop(0.6, #EAEAEA)
	);
	
	font-size: 12px;
	cursor: pointer;
}
.tab-label {
	display: block;
	overflow: hidden;
	color: #FA6F1A;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	
	transition: all 0.3s;
}
.is-tab-hover {
	background-image: linear-gradient(top, #FFFFFF 40%, #F0F0F0 60%);
	background-image: -o-linear-gradient(top, #FFFFFF 40%, #F0F0F0 60%);
	background-image: -moz-linear-gradient(top, #FFFFFF 40%, #F0F0F0 60%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #F0F0F0 60%);
	background-image: -ms-linear-gradient(top, #FFFFFF 40%, #F0F0F0 60%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.4, #FFFFFF),
		color-stop(0.6, #F0F0F0)
	);
}
.is-tab-highlight {}
.is-tab-active {
	border-bottom-color: #FFFFFF;
	background-image: linear-gradient(top, #F5F5F5 0%, #FFFFFF 30%);
	background-image: -o-linear-gradient(top, #F5F5F5 0%, #FFFFFF 30%);
	background-image: -moz-linear-gradient(top, #F5F5F5 0%, #FFFFFF 30%);
	background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #FFFFFF 30%);
	background-image: -ms-linear-gradient(top, #F5F5F5 0%, #FFFFFF 30%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F5F5F5),
		color-stop(0.3, #FFFFFF)
	);
}
.is-tab-active .tab-label { color: #000000; }
.is-tab-hover .tab-label { color: #000000; }
.is-tab-disabled {}

#wizytowkaNav .tabs { padding: 0 10px; }

.pull-right { float: right; }

.tags > a { color: #FA6F1A; }
.tag-delim { padding: 0 4px; color: #666666; }

.galeria {}
.galeria-msg {
	padding: 20px 0;
	font-size: 1.4em;
}
.galeria-view {
	position: relative;
	overflow: hidden;
	background: url("/i-static/common/ajax-loader-circle-big.gif") no-repeat scroll 50% 50% transparent;
}
.galeria-img {
	position: relative;
	overflow: hidden;
}
.galeria-img-link {
	display: block;
	position: relative;
	left: 50%;
	overflow: hidden;
	padding: 1px;
	border: 1px solid #D2D2D2;
}
.galeria-nav {
    bottom: 1px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    width: 20%;
    z-index: 10;
    opacity: 0.25;
}
.galeria-nav-prev {
	background: url("//static.tcdn.pl/i-static/firmy/firma_details/left.gif") no-repeat scroll left center transparent;
	left: 0;
}
.galeria-nav-next {
	background: url("//static.tcdn.pl/i-static/firmy/firma_details/right.gif") no-repeat scroll right center transparent;
	right: 0;
}
.galeria-caption {
	overflow: hidden;
	color: #888888;
	padding: 0 12px;
	font-size: 11px;
	line-height: 2em;
	text-align: center;
}
.galeria-source {
	position: absolute;
	right: 2px;
	bottom: 2px;
	padding: 1px;
	background-color: #FFFFFF;
	color: #888888;
	font-size: 11px;
	font-style: italic;
	opacity: 0.6;
}
.galeria-thumbnails-wrapper {
	position: relative;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0 20px;
	border-top: 1px dotted #D2D2D2;
	text-align: center;
}
.galeria-thumbnails {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.galeria-thumbnail {
	display: inline-block;	
	position: relative;
	margin: 10px 0 10px 10px;
	padding: 1px;
	vertical-align: top;
 
	border: 1px solid #D2D2D2;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
		    border-radius: 1px;
	/* for IE7 */
	zoom: 1;
	*display: inline;
}
.galeria-thumbnail:first-child { margin-left: 0; }
.galeria-thumbs-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	background-color: #FFF;
	cursor: pointer;
}
.galeria-thumbs-nav > i {
	position: absolute;
	top: 50%;
	display: inline-block;
	height: 0;
	width: 0;
	margin-top: -8px;
	vertical-align: middle;
}
.galeria-thumbs-nav-bck { left: 0; }
.galeria-thumbs-nav-fwd { right: 0; }
.galeria-thumbs-nav-bck > i { left: 4px; border: 8px solid; border-left: 0; border-top-color: #FFF; border-bottom-color: #FFF; }
.galeria-thumbs-nav-fwd > i { right: 4px; border: 8px solid; border-right: 0; border-top-color: #FFF; border-bottom-color: #FFF; }

.is-galeria-img-hidden { display: none; }
.is-galeria-nav-hover { opacity: 0.7; }
.is-galeria-thumb-hover { background-color: #E0E0E0; }
.is-galeria-thumb-active { border-color: #FA6F1A; background-color: #FA6F1A; }

.firma-artykuly-list .artykul { overflow: hidden; padding: 6px 3px 0; }
.firma-artykuly-list .artykul:first-child { padding-top: 0; }
.firma-artykuly-list .artykul-img { float: left; margin: 3px 12px 3px 0; padding: 1px; border: 1px solid #D2D2D2; }
.firma-artykuly-list .artykul-tytul { overflow: hidden; display: block; max-height: 32px; margin: 5px 0 3px; color: #FA6F1A; font-size: 13px; font-weight: bold; line-height: 1.2em; }
.firma-artykuly-list .artykul-opis { overflow: hidden; font-size: 11px; text-overflow: ellipsis; }


.firmy-podobne-firma { overflow: hidden; padding: 6px 10px; border-top: 1px solid #D2D2D2; font-size: 11px; }
.firmy-podobne-firma:first-child { border-top: medium none; }
.firmy-podobne-logo { display: table-cell; width: 74px; padding: 5px 6px 5px 0; text-align: center; vertical-align: middle; }
.firmy-podobne-kontakt { display: table-cell; width: 198px; vertical-align: top; }
.firmy-podobne-nazwa { padding-top: 8px; font-weight: bold; }
.firmy-podobne-wiecej { float: right; }
.firmy-podobne-wiecej > a { padding-left: 8px; background: transparent url(/i-static/common/gt_orange.gif) no-repeat 0 center; }

/*************************************
 * FirmaDetailsOpis - zakładka: opis firmy
 *************************************/
.firma-opis {
	overflow: hidden;
	font-size: 1.1em;
}
.firma-opis h2 {
	padding: 0;
	margin-bottom: 8px;
	font-size: 1.3em;
}
.firma-opis h3 {
	clear: both;
	padding: 8px 26px;
	margin: 8px 0;
	background: transparent url(/i-static/common/wiecej_gray.gif) no-repeat left 50%;
	border-bottom: 1px dotted #E3E3E3;
	font-size: 1.1em;
}
.firma-opis img {
	width: 120px;
	padding: 2px;
	border: 1px solid #D2D2D2;
}
.firma-opis img.left {
	float: left;
	margin-right: 16px;
}
.firma-opis img.right {
	float: right;
	margin-left: 16px;
}
.firma-opis a { color: #FA6F1A; cursor: pointer; }
.firma-opis p { margin: 10px 0;}
.firma-opis p,
.firma-opis li {
	text-align: justify;
	line-height: 1.5em;
}
.firma-opis ul { margin-left: 10px; padding: 3px 0 6px; }
.firma-opis li {
	padding: 2px 16px;
	border-bottom: 1px dotted #E3E3E3;
}
.firma-opis ul>li { background: transparent url(/i-static/misc/pinkSquare.gif) no-repeat left 50%; }
.firma-opis ol>li { padding-left: 6px; }
.firma-opis .clear { clear: both; }

/*************************************
 * FirmaDetailsGaleria - zakładka: galeria firmy
 *************************************/
#fdGaleriaPane {  }

/*************************************
 * Sieć sprzedaży firmy
 *************************************/
#siecSprzedazy {}
.siecsprzedazy-form {
	padding: 12px 32px 18px;
	background: transparent url(/i-static/widok_projektu/tabs_bg.gif) repeat-x left bottom;
	font-size: 12px;
	text-align: center;
}
.siecsprzedazy-form .textField {
	margin-left: 8px;
	padding: 4px;
	vertical-align: middle;
}
.siecsprzedazy-submit { margin-left: 8px; vertical-align: middle; }
#fdsList.fList dt {
	width: 130px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
#fdsList.fList dd.params { width: 386px; }

/*************************************
 * KontaktBox - formularz kontaktowy
 *************************************/
#kontakt {}
#kontaktFormPane {
	padding: 6px 0;
	background-color: #777777;
	border: 1px solid white;
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: #FFF;
	font-size: 1.3em;
}
#kontaktFormPane .row { padding: 6px 20px; }
#kontaktFormPane .row.odd { background-color: #595959; }
#kontaktFormPane .label {
	display: block;
	float: left;
	width: 120px;
	padding: 5px 0 5px 20px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 4px 50%;
}
#kontaktFormPane input[type="text"],
#kontaktFormPane textarea {
	width: 250px;
	padding: 4px;
	border: 1px solid #8C8C8C;
}
#kontaktFormPane .row.odd input[type="text"] { border: 1px solid #7D7D7D; }
#kontaktFormPane textarea {
	width: 440px;
	height: 70px;
}
#kontakt #submitButtonPane { padding: 8px; text-align: center; }
#kontaktFormPane input[type="text"].error,
#kontaktFormPane .row.odd input[type="text"].error,
#kontaktFormPane textarea.error { border-color: red; box-shadow: 0 0 2px red; }
#kontaktFormPane label.error { color: #FF4040; }
#kontaktFormPane .zgody a { color: #FFF; /* #F45F12; */ text-decoration: underline; }
/*************************************
 * 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: -1px;
	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; }
#firmaKontaktMiniBox button {
	display: inline-block;
	margin-top: -1px;
	padding: 0 18px;
	height: 27px;
	margin-left: 18px;
	vertical-align: top;
	text-align: center;
 
	border: 1px solid #F76F1B;
	border-bottom-color: #F4470D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 
	background:  #F56A17 url(/img/v1/header/item-bg.png) repeat-x top left; /* 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;
	font-family: Arial, Helvetiva, sans-serif;
}

/*************************************
 * KatalogBox - box katalogu (sidebar)
 *************************************/
#katalogBox .sBox-content { padding: 12px 14px 10px; }
#katalogBox h3 {
	padding-bottom: 8px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
}
#katalogBox #atrSzukaj { width: 200px }
#katalogBox input { vertical-align: middle; }
#katalogBox input.submit { margin-left: 8px; }
#katalogWrap { padding-top: 12px; }
#katalogWrap li {
	margin-bottom: 6px;
	background: transparent url(/i-static/firmy/katalog/katalog_inactive_top.png) no-repeat left top;
	color: white;
	font-weight: bold;
}
#katalogWrap li .caption {
	position: relative;
	padding: 5px 5px 6px;
	background: transparent url(/i-static/firmy/katalog/katalog_inactive_bottom.gif) no-repeat left bottom;
	font-size: 1.2em;
	/*cursor: pointer;*/
}
#katalogWrap li .caption.active { background: #F37521 url(/i-static/firmy/katalog/katalog_active.png) no-repeat left top; }
#katalogWrap .caption a { display: block; color: #FFF; }
#katalogWrap ul.menu {
	padding: 0 1px;
	background: white url(/i-static/common/box_272_bottom.gif) no-repeat left bottom;
	color: #3C3C3C;
	font-weight: normal;
}
#katalogWrap ul.menu li {
	padding: 4px 12px;
	margin: 0;
	background: none;
	border-top: 1px dotted #D2D2D2;
	color: #3C3C3C;
	font-size: 1.1em;
	font-weight: normal;
}
#katalogWrap ul.menu li:FIRST-CHILD { border-top: 0 none; }
#katalogWrap ul.menu li.disabled {
	color: #B2B2B2;
	padding-left: 32px;
}
#katalogWrap ul.menu li.subcaption {
	background: transparent url(/i-static/kolekcje/subsection_bg.gif) repeat-x left bottom;
	font-weight: bold;
	text-transform: capitalize;
}
#katalogWrap ul.menu li.subcaption.active {
	background: transparent url(/i-static/common/gt_down_grey.gif) no-repeat 0 50%;
	font-weight: bold;
}
#katalogWrap ul.menu li a {
	display: block;
	/*padding: 2px 3px 3px 12px;*/
	padding-left: 20px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 0 50%;
}
#katalogWrap ul.menu li a.selected { color: #F37018; font-weight: bold; }
#katalogWrap ul.subMenu { margin-left: 10px; }
#katalogWrap ul.subMenu li {
	padding-left: 16px;
	border-bottom: 0 none;
}
#katalogWrap .lokalizacja-search-panel { padding: 12px 0 6px; }
#katalogWyczyscPane { overflow: hidden; margin-bottom: 10px; font-size: 1.2em; }
#katalogWyczyscPane a {
	display: block;
	float: right;
	width: 110px;
	height: 27px;
	background: transparent url(/i-static/kolekcje/wyczysc_button.gif) no-repeat top left;
}
#katalogBox #chckboxes { overflow: hidden; font-size: 1.1em; }
#katalogWrap #atrListaMiast { overflow: hidden; }
#katalogWrap #atrListaMiast li {
	float: left;
	width: 78px;
	padding-left: 0;
	padding-right: 4px;
	border: 0 none;
	font-size: 1em;
}
#katalogWrap #atrListaMiast li.first { clear: left; }
#katalogWrap #atrListaMiast li a { padding-left: 6px; }

/*************************************
 * KatalogBox (MainPage) - box katalogu (sidebar) na stronie głównej
 *************************************/
.katalog-menu { }
.katalog-menu .katalog-item { padding-bottom: 6px; }
.katalog-item .katalog-caption {
	position: relative;
	padding: 0 5px;
	border: 1px solid #F37423;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

transition: all 0.6s;
text-shadow: 1px 1px rgba(0,0,0,0.4);

	background: #F37521; /* for non-css3 browsers */
/*	background-image: linear-gradient(top, #F8A873 0%, #F58843 50%, #F37521 50%, #F37521 100%);
	background-image: -o-linear-gradient(top, #F8A873 0%, #F58843 50%, #F37521 50%, #F37521 100%);
	background-image: -moz-linear-gradient(top, #F8A873 0%, #F58843 50%, #F37521 50%, #F37521 100%);
	background-image: -webkit-linear-gradient(top, #F8A873 0%, #F58843 50%, #F37521 50%, #F37521 100%);
	background-image: -ms-linear-gradient(top, #F8A873 0%, #F58843 50%, #F37521 50%, #F37521 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F8A873),
		color-stop(0.5, #F58843),
		color-stop(0.5, #F37521),
		color-stop(1, #F37521)
	);*/
	/* For IE 7 */
	
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
}
.katalog-item.active .katalog-caption {
	border-color: #323232;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	
	background: #515151; /* for non-css3 browsers */
/*	background-image: linear-gradient(top, #7A7A7A 0%, #515151 50%, #323232 50%, #323232 100%);
	background-image: -o-linear-gradient(top, #7A7A7A 0%, #515151 50%, #323232 50%, #323232 100%);
	background-image: -moz-linear-gradient(top, #7A7A7A 0%, #515151 50%, #323232 50%, #323232 100%);
	background-image: -webkit-linear-gradient(top, #7A7A7A 0%, #515151 50%, #323232 50%, #323232 100%);
	background-image: -ms-linear-gradient(top, #7A7A7A 0%, #515151 50%, #323232 50%, #323232 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #7A7A7A),
		color-stop(0.5, #515151),
		color-stop(0.5, #323232),
		color-stop(1, #323232)
	);*/
	/* For IE 7 */
}
.katalog-caption > a { position: relative; display: block; overflow: hidden; width: 266px; padding-right: 26px; color: white; text-overflow: ellipsis; white-space: nowrap; z-index: 10; }
.katalog-caption .ui-icon { position: absolute; top: 6px; right: 10px; background-image: url(/css/jQuery/ui-lightness/images/ui-icons_ffffff_256x240.png); z-index: 1; }
.katalog-menu .katalog-sub {
	border: 1px solid #D2D2D2;
	border-top: 0;
	
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.katalog-sub .katalog-item {
	padding: 0 12px;
	border-top: 1px dotted #D2D2D2;
	color: #3C3C3C;
	font-size: 11px;
	line-height: 24px;
}
.katalog-sub .katalog-item:first-child { border: 0; }
.katalog-sub a {
	display: block;
	padding-left: 20px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 0 50%;
}
.katalog-sub a.selected { color: #F37018; font-weight: bold; }

/*************************************
 * KatalogBox - box katalogu (sidebar)
 *************************************/
#tagsBox .sBox-content { text-align: justify; line-height: 24px; }
#tagsBox span {  }
#tagsBox .lvl6 {
	color: #FA6F1A;
	font-size: 2em;
}
#tagsBox .lvl5 { font-size: 2em; }
#tagsBox .lvl4 {
	font-size: 1.5em;
	font-weight: bold;
}
#tagsBox .lvl3 { font-size: 1.5em; }
#tagsBox .lvl2 {
	font-size: 1em;
	font-weight: bold;
}
#tagsBox .lvl1 { font-size: 1em; }

/*************************************
 * DodajZlecenieSidebarBox: boks dodawania zlecenia (wersja Sidebar)
 *************************************/
#dodajZlecenieSidebarBox h3 {
	padding-left: 24px;
	margin-bottom: 8px;
	background: transparent url(/i-static/firmy/zlecenie/zlecenie_sidebar_icon.gif) no-repeat left 50%;
	line-height: 18px;
}
#dodajZlecenieSidebarBox p {
	padding: 8px 8px 12px;
	font-size: 1.1em;
	line-height: 1.5em;
}
#dodajZlecenieSidebarBox .dzsWrapper {
	width: 284px;
	height: 94px;
	background: transparent url(/i-static/firmy/zlecenie/zlecenie_sidebar_bg.gif) no-repeat left top;
	color: #C8C8C8;
}
#dodajZlecenieSidebarBox .dzsButtonPane { text-align: center; }

/*************************************
 * DodajFirme: formularz dodawania firm - wspólne
 *************************************/
#firmaDaneBox,
#firmaDaneKontaktoweBox,
#firmaTagsBox { position: relative; }
#dodajFirmeForm .cwBox-content { padding-top: 8px; }
#dodajFirmeForm .formRow {
	overflow: hidden;
	padding: 6px 4px;
	font-size: 1.2em;
}
#dodajFirmeForm .formRow.odd { background-color: #F5F7F2; /*#F8F8F8;*/ }
#dodajFirmeForm .label {
	float: left;
	display: block;
	width: 180px;
	padding: 2px 0 0 36px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 20px 50%;
	font-weight: bold;
}
#dodajFirmeForm .reqPane,
#dodajFirmeForm .infoPane {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 16px 0;
	color: #6E6E6E;
	font-size: 1.1em;
}
#dodajFirmeForm .validator {
	float: right;
	display: block;
	width: 320px;
	padding: 2px 4px;
}
#dodajFirmeForm .validator.error { color: red; }
#firmaDaneKontaktoweBox .reqPane { padding-top: 6px; }
#dodajFirmeStep1Img {
	height: 69px;
	background: transparent url(/i-static/firmy/dodaj_firme/dodaj_firme_steps.gif) no-repeat left top;
}
#dodajFirmeStep2Img {
	height: 69px;
	background: transparent url(/i-static/firmy/dodaj_firme/dodaj_firme_steps.gif) no-repeat left -69px;
}
#dodajFirmeStep3Img {
	height: 69px;
	background: transparent url(/i-static/firmy/dodaj_firme/dodaj_firme_steps.gif) no-repeat left -138px;
}
#dodajFirmeStep4Img {
	height: 69px;
	background: transparent url(/i-static/firmy/dodaj_firme/dodaj_firme_steps.gif) no-repeat left -207px;
}
#firmaLogoBox { position: relative; }
#firmaLogoBox .cwBox-content.no-content { padding: 2px; }
#firmaLogoBox .logoDel {
	font-size: 1.2em;
	padding-left: 18px;
	margin-left: 10px;
	background: transparent url(/i-static/kolekcje/wybrane_close_active2.gif) no-repeat left 50%;
	cursor: pointer;
}
#firmaLogoBox #firmaLogoFilePane {
	position: absolute;
	top: 8px;
	left: 160px;
}
#firmaOpisBox .cwBox-content,
#firmaTagsBox .cwBox-content { padding: 1px; }
#firmaOpisBox #firmaOpisTextPane,
#firmaTagsBox #firmaTagsTextPane {
	padding: 15px;
	background-color: #F5F5F5;
	border-top: 1px solid #d2d2d2;
}
#firmaBranzeBox #firmaBranzeListPane {
	margin-bottom: 12px;
	background-color: #F8F8F8;
	border: 1px solid #E3E3E3;
	border-bottom-color: #828282;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#firmaBranzeBox #firmaBranzeListPane #firmaBranzeList { overflow: hidden; }
#firmaBranzeBox #firmaBranzeListPane #firmaBranzeList li {
	overflow: hidden;
	padding: 3px 18px;
	font-size: 1.2em;
	font-weight: bold;
}
#firmaBranzeBox #firmaBranzeListPane #firmaBranzeList li.first{ font-size: 1.4em; }
#firmaBranzeBox #firmaBranzeListPane .branzaNazwa {
	float: left;
	padding-right: 18px;
	background: transparent url(/i-static/kolekcje/wybrane_close_active2.gif) no-repeat right 50%;
	cursor: pointer;
}
#firmaBranzeBox #fbDodajBranzeButton {
	width: 157px;
	margin: auto;
	cursor: pointer;
}
#firmaDaneBox #firmaDaneWrapper {
	overflow: hidden;
	border-top: 1px solid #d2d2d2;
}
#firmaDaneBox #firmaDanePane { width: 610px; }
#firmaDaneBox .label {
	width: 140px;
	padding: 2px 0 0 8px;
	background: none;
	color: #6e6e6e;
	font-size: 11px;
	font-weight: normal
}
#firmaDaneBox .value {
	float: left;
	color: #000000;
	font-weight: bold;
}
#firmaDaneBox #firmaLogoPane {
	width: 300px;
	padding-left: 16px;
	margin-top: 8px;
	border-left: 1px solid #eaeaea;
}
#firmaDaneBox #firmaLogoPane .label {
	float: none;
	padding: 0;
	padding-bottom: 6px;
}
#firmaOpisBox #firmaOpis {
	padding: 16px 0;
	margin: 0 13px;
	border-top: 1px solid #d2d2d2;
	color: #000000;
	font-size: 1.2em;
}
#firmaDodatkoweBox #firmaBranzePane,
#firmaDodatkoweBox #firmaTagsPane {
	padding: 8px;
	border: 1px solid #d2d2d2;
	background-color: #F5F7F2;
	font-size: 1.2em;
}

/*************************************
 * ZlecStepsBox: formularz zlecenia - wspólne
 *************************************/
#zlecStepsBox .cwBox-content,
#zlecOpisBox .cwBox-content,
#zlecAttachsBox .cwBox-content,
#zlecUslugiBox .cwBox-content,
#daneZleceniaBox .cwBox-content,
#daneZlecajacegoBox .cwBox-content { padding-top: 8px; }
#zlecOpisBox,
#zlecAttachsBox { position: relative; }
#zlecOpisBox .formRow.odd,
#daneZleceniaBox .formRow.odd,
#daneZlecajacegoBox .formRow.odd { background-color: #F8F8F8; }
#zlecDodajForm .validator {
	float: right;
	display: block;
	width: 270px;
	padding: 2px 4px;
}
#zlecDodajForm .validator.error { color: red; }
#dzDialog {
	-moz-box-shadow: 2px 2px 8px #111;
	-webkit-box-shadow: 2px 2px 8px #111;
	box-shadow: 2px 2px 8Spx #111;
}
#dzDialog .dzDialog-content-pane {
	margin: 4px;
	padding: 0;
}
#dzDialog .dzDialog-content {  }

/*************************************
 * ZlecStepsBox: formularz zlecenia - krok 1
 *************************************/
#zlecAttachsBox .cwBoxInner-content { margin-bottom: 6px; }
#zlecStep1Img {
	height: 70px;
	background: transparent url(/i-static/firmy/zlecenie/zlecenie_steps.gif) no-repeat left top;
}
#zlecDodajForm .formRow {
	overflow: hidden;
	padding: 6px 4px;
	font-size: 1.2em;
}
#zlecDodajForm .label {
	float: left;
	display: block;
	width: 160px;
	padding: 2px 0 0 36px;
	background: transparent url(/i-static/common/gt_orange.gif) no-repeat 20px 50%;
	font-weight: bold;
}
#zlecDodajForm .reqPane {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 16px 0;
	color: #6E6E6E;
	font-size: 1.1em;
}
#zlecBranzaListPane {
    float: left;
    width: 460px;
}
#zoBranzaValue {
	float: left;
	padding: 5px 20px 5px 0;
	color: black;
	font-size: 1.3em;
}
#zlecBranzaListPane #zoBranzaList { overflow: hidden; }
#zlecBranzaListPane #zoBranzaList li {
	overflow: hidden;
	padding: 3px 20px 3px 0;
	font-size: 1.3em;
	font-weight: bold;
}
#zoBranzaList .branzaNazwa {
	float: left;
	padding-right: 18px;
	background: transparent url(/i-static/kolekcje/wybrane_close2.gif) no-repeat right 50%;
	cursor: pointer;
}
#zoBranzaList .branzaNazwa.hover { background-image: url(/i-static/kolekcje/wybrane_close_active2.gif); }
#zoDodajBranzeButton {
	width: 157px;
	margin: auto;
	cursor: pointer;
}
/* Załączniki */
#zAttachList { float: left; width: 742px; }
#zAttachList li {
 float: left;
 padding: 3px 25px 3px 0;
 font-weight: bold;
}
#zAttachList .zalNazwa {
 float: left;
 padding-right: 18px;
 background: transparent url(/i-static/kolekcje/wybrane_close2.gif) no-repeat right 50%;
 cursor: pointer;
}
#zAttachList .zalNazwa.hover { background-image: url(/i-static/kolekcje/wybrane_close_active2.gif); }
#zaDodajPlikButton {
	width: 157px;
	margin: auto;
	cursor: pointer;
}
#zlecOpisBox .validator { font-size: 0.9em; }
#wysWyborPane {
	padding: 4px 0 8px;
	font-size: 1.2em;
}
#submitButtonPane {
	padding: 6px 0;
	text-align: center;
}
#firmaDodajPlik h3 { padding-bottom: 12px; }
#firmaDodajPlik .fdpFormPane {
	padding: 8px 14px 14px;
	background: #F2F2F0 url(/i-static/dialog/gradient.gif) repeat-x left bottom;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#firmaDodajPlik .fdpButtonPane {
	padding: 14px 0 10px;
	text-align: center;
}
#firmaDodajPlik #fdpLoader {
	height: 15px;
	background: transparent url(/i-static/firmy/common/ajax_loader.gif) no-repeat 50% 50%;
}
#wybierzBranzeBox {
	width:272px;
	padding: 8px 14px;
	background: #F2F2F0 url(/i-static/dialog/gradient.gif) repeat-x left bottom;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#wybierzBranzeBox #katalogWrap { padding-top: 4px; }

/*************************************
 * ZlecStepsBox: formularz zlecenia - krok 2
 *************************************/
#zlecStep2Img {
	height: 70px;
	background: transparent url(/i-static/firmy/zlecenie/zlecenie_steps.gif) no-repeat left -70px;
}
#formButtonsPane { overflow: hidden; padding: 10px 0; }
#buttonWsteczPane { float: left; }
#buttonWsteczPane.topMargin { margin-top: 9px; }
#buttonWprzodPane { float: right; }
#buttonKupujePane { float: right; }

/*************************************
 * ZlecStepsBox: formularz zlecenia - krok 3
 *************************************/
#zlecStep3Img {
	height: 70px;
	background: transparent url(/i-static/firmy/zlecenie/zlecenie_steps.gif) no-repeat left -140px;
}
#daneZleceniaBox .formRow,
#daneZlecajacegoBox .formRow {
	overflow: hidden;
	padding: 6px 4px;
}
#daneZleceniaBox .label,
#daneZlecajacegoBox .label {
	float: left;
	display: block;
	width: 130px;
	padding: 2px 0 0 12px;
	color: #5A5A5A;
	font-size: 1.1em;
}
#daneZleceniaBox .value,
#daneZlecajacegoBox .value {
	font-size: 1.2em;
	font-weight: bold;
}
#daneZleceniaBox .value.tresc { font-weight: normal; }
#daneZleceniaBox .value.plik { display: block; }

/*************************************
 * ZamStepsBox: formularz zamówienia - krok 4
 *************************************/
#firmaPodziekowania { padding: 2px; }
#firmaPodziekowania h3 { padding-bottom: 12px; }
#firmaPodziekowania #fpContentPane {
	padding: 8px 14px 14px;
	background: #F2F2F0 url(/i-static/dialog/gradient.gif) repeat-x left bottom;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#firmaPodziekowania .fp-message { padding-top: 8px; font-size: 12px; line-height: 1.5em; }
#firmaPodziekowania #fpButtonsPane {
	overflow: hidden;
	padding: 14px 16px 10px;
	color: #797979;
	font-size: 1.2em;
}
#firmaPodziekowania .left,
#firmaPodziekowania .right { line-height: 22px; }
#firmaPodziekowania .left { float: left; }
#firmaPodziekowania .right { float: right; }

/*************************************
 * ProjektyDomowBox - box z kolekcjami projektów 
 *************************************/
#projektyDomowBox .sBox-title { padding-left: 44px; background: transparent url(/i-static/firmy/icons/domek.png) no-repeat 12px 50%; }
#projektyDomowBox ul { overflow: hidden; }
#projektyDomowBox ul li { float: left; margin-bottom: 8px; }
#projektyDomowBox .imgPane { width: 138px; height: 95px; }
#projektyDomowBox .imgPane a { display: block; width: 100%; height: 100%; }
#projektyDomowBox .imgPane .imgDesc p { padding: 3px 16px; font-size: 1.1em; font-weight: bold; }
#projektyDomowBox #pdbParterowe,
#projektyDomowBox #pdbZBali,
#projektyDomowBox #pdbEnergooszczedne { margin-left: 8px; }
#projektyDomowBox #pdbSzkieletowe,
#projektyDomowBox #pdbEnergooszczedne { margin-bottom: 0; }
#projektyDomowBox #pdbZPoddaszem .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left top; }
#projektyDomowBox #pdbParterowe .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left -95px; }
#projektyDomowBox #pdbNowoczesne .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left -190px; }
#projektyDomowBox #pdbZBali .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left -285px; }
#projektyDomowBox #pdbSzkieletowe .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left -380px; }
#projektyDomowBox #pdbEnergooszczedne .imgPane { background: transparent url(/i-static/firmy/misc/projekty_domow_bg.jpg) no-repeat left -475px; }

/*************************************
 * ArtykulKatalogBox - lista artykułów 
 *************************************/
#artykulKatalogBox {}
#artykulKatalogBox .artBox-header { position: relative; }
#artykulKatalogBox .artykul-lista-header { padding: 0 0 6px; border-bottom: 2px solid #BDBDBD; font-size: 1.4em; }
#artykulKatalogBox .artykul-lista-header .fraza { font-size: 16px; font-weight: bold; }
#artykulKatalogBox .artBox-content { padding: 12px 0 0; }
#artykulKatalogBox #akSortbyPane {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 10px;
	color: #878787;
	font-size: 1.1em;
}
#artykulKatalogBox .artBox-content .paging { padding-left: 10px; padding-right: 10px; }
#artykulKatalogBox dl { overflow: hidden; padding: 8px 10px; }
#artykulKatalogBox dl.odd { background-color: #fafafa; }
#artykulKatalogBox dl dt { float: left; width: 210px; text-align: center; }
#artykulKatalogBox dl dt a { display: block; margin: -2px; padding: 1px; border: 1px solid #d2d2d2; }
#artykulKatalogBox dl dd { margin-left: 230px; font-size: 1.1em; line-height: 1.5em; }
#artykulKatalogBox dl dd.artTytul { padding-bottom: 8px; }
#artykulKatalogBox dl dd.artTytul a { font-size: 1.4em; font-weight: bold; }
#artykulKatalogBox dl dd.artOpis { font-size: 1.1em; }

/*************************************
 * ArtykulDetailsBox - box z artykułem 
 *************************************/
#artykulDetailsBox .artInfoPane { margin: 8px 10px 10px; color: #9a9a9a; }
#artykulDetailsBox .artContent { overflow: hidden; line-height: 1.5em;  }
#artykulDetailsBox .artContent h2,
#artykulDetailsBox .artContent h3 { padding: 0; border: 0 none; color: black; }
#artykulDetailsBox .artContent h2 { font-size: 130%; line-height: 3em; }
#artykulDetailsBox .artContent h3 { font-size: 120%; line-height: 2.5em; }
#artykulDetailsBox .artContent p { margin: 8px 0; font-size: 1.3em; line-height: 1.5em; }
#artykulDetailsBox .artContent p.zajawka { font-weight: bold; }
#artykulDetailsBox .artContent ul { margin: 1em 0; padding-left: 40px; list-style-type: disc; }
#artykulDetailsBox .artContent li { font-size: 1.3em; line-height: 1.5em; }
#artykulDetailsBox .artContent a { color: #F76F19; }
#artykulDetailsBox .artContent .artImgPane { overflow: hidden; padding: 4px; margin: 8px; border: 1px solid #d2d2d2; }
#artykulDetailsBox .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; }
#artykulDetailsBox .artContent .artImgPane .artImgCaption span { display: block; }
#artykulDetailsBox .artContent .artImgPane .artImgCaption .opis { float: left; }
#artykulDetailsBox .artContent .artImgPane .artImgCaption .autor,
#artykulDetailsBox .artContent .artImgPane .artImgCaption .zrodlo { text-align: right; font-style: italic; }
#artykulDetailsBox .artContent .artImgPane img {  }
#artykulDetailsBox .artBox-keywords { padding: 12px 0 6px; border-top: 1px solid #d2d2d2; color: #989898; font-size: 1.2em; }
#artykulDetailsBox .artPaging { overflow: hidden; clear: both; padding-top: 5px; color: #969696; font-size: 1.2em; text-align: right; }
#artykulDetailsBox .artPaging ul { overflow: hidden; float: right; }
#artykulDetailsBox .artPaging li {
	float: left;
	margin-left: 3px;
}
#artykulDetailsBox .artPaging li a {
	display: block;
	padding: 1px 4px;
	background-color: #5ab921;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: white;
	font-weight: bold;
}
#artykulDetailsBox .artPaging li a.active { background-color: #9a9a9a; }

/*************************************
 * ArtykulKomentarzeBox - box z komentarzami do artykułu 
 *************************************/
#komentarze { padding: 10px 20px; }
#artykulKomentarzeBox {}
#artykulKomentarzeBox h3 { border-bottom: 0 none; }
#artykulKomentarzeBox #artKomentarzFormPane {
	margin: 8px 12px 8px;
	padding: 12px 20px;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.1em;
}
#artykulKomentarzeBox #artKomentarzFormPane .form-row { overflow: hidden; padding: 4px 0; }
#artykulKomentarzeBox #artKomentarzFormPane .form-buttons { text-align: right; }
#artykulKomentarzeBox #artKomentarzFormPane .form-row label { display: block; float: left; width: 90px; padding-left: 8px; background: transparent url(/i-static/common/gt_green.gif) no-repeat left 50%; line-height: 24px; }
#artykulKomentarzeBox #artKomentarzListPane { padding: 0 10px 10px; font-size: 1.2em; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment { padding-top: 12px; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-header { overflow: hidden; padding: 0 4px 20px; background: transparent url(/i-static/artykuly/komentarze_bg_sprite.gif) no-repeat left bottom; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-header-meta { float: left; color: #989898; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-header-autor { color: #57c240; font-weight: bold; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-header-buttons { text-align: right; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-header-buttons a { padding-left: 8px; background: transparent url(/i-static/common/gt_green.gif) no-repeat left 50%; color: #979797; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-body { padding: 6px 12px; background: transparent url(/i-static/artykuly/komentarze_bg_sprite.gif) repeat-y -640px top; line-height: 1.4em; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-body.reported { color: #989898; }
#artykulKomentarzeBox #artKomentarzListPane .art-comment .art-comment-footer { height: 5px; background: transparent url(/i-static/artykuly/komentarze_bg_sprite.gif) no-repeat -1280px top; }
#komentarzeAutor { width: 245px; height: 22px; padding: 1px 4px; border: 1px solid #c2c2c2; }
#komentarzeTresc { width: 488px; height: 110px; padding: 4px 4px; border: 1px solid #c2c2c2; }

/*************************************
 * ArtykulNajnowszeBox - box z ostatnio dodanymi artykułami 
 *************************************/
#artNajnowszeBox h3 { background: url("/i-static/firmy/icons/kalendarz.png") no-repeat scroll 12px 50% transparent;
    padding-left: 42px; }
.art-najnowsze-box {}
.art-najnowsze-box li {
	overflow: hidden;
	height: 50px;
	padding: 6px 0;
	border-top: 1px dotted #D2D2D2;
    font-size: 11px;
    line-height: 18px;
}
.art-najnowsze-box li:first-child { border-top: 0; }
.art-najnowsze-box li:nth-child(even),
.art-najnowsze-box li.odd { background-color: #FAFAFA; }
.art-najnowsze-box .art-img-pane {}
.art-img-pane img {}

.art-najnowsze-box .art-link {
	display: table;
	width: 275px;
	height: 50px;
	color: #3A3A3A;
}
.art-najnowsze-box .art-link:hover { color: #F76F19; }
.art-najnowsze-box .art-img-pane {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #D2D2D2;
	padding: 2px;
	height: 44px;
	width: 60px;
}
.art-najnowsze-box img { width: 100%; }
.art-najnowsze-box .art-title {
	display: table-cell;
	vertical-align: middle;
	width: 195px;
	padding-left: 10px;
}

/*************************************
 * Inne
 *************************************/
a { color: #3B3B3B; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
label { cursor: pointer; }
img { border: 0; vertical-align: middle; }
img.lazy { background: #EFEFEF url("/i-static/common/ajax-loader-circle-big.gif") no-repeat 50% 50%; }
*.tgreen { color: #2A8D30; }
*.blur { color: #878787; }
*.orange { color: #F76F19; }
*.white { color: white; }
*.bold { font-weight: bold; }
*.italic { font-style: italic; }
*.nowrap { white-space: nowrap; }
.required { color: red; font-size: 14px; }
.fleft { float: left; }
.fright { float: right; }
.textField { background-color: white; border: 1px solid #C3C3C3; }
.textField.error { border-color: red; }
.pointer { cursor: pointer; }
.antiSkype { overflow: hidden; }
p.antiSkypePhone {
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	font: inherit;
}

/*************************************
 * Inne - sortowanie listy projektów
 *************************************/
#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-left: 1px solid #D2D2D2;
}
#sortingPane li:first-child,
.sZaznaczenie li:first-child { border-left: 0; }
#sortingPane li a {
	display: block;
	padding: 0 2px;
	color: #F37018;
	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%; }

/*************************************
 * Inne - stronicowanie listy projektów
 *************************************/
.paging {
	overflow: hidden;
	padding: 8px 0;
	color: #D0D0D0;
	font-size: 1.2em;
}
.paging-current,
.pagingCurrentPage { color: #3C3C3C; font-weight: bold; }
.paging-current { padding: 0 8px; }
.paging-prev,
.pagingPrevPane {
	float: left;
	width: 100px;
}
.paging-pages,
.pagingPane { float: left; width: 452px; text-align: center; }
.paging-prev-link,
.pagingPrevLink {
	padding-left: 26px;
	background: transparent url(/i-static/firmy/common/mniej_circle_orange.gif) no-repeat left 50%;
}
.paging-next,
.pagingNextPane {
	float: right;
	width: 100px;
	text-align: right;
}
.paging-next-link,
.pagingNextLink {
	padding-right: 26px;
	background: transparent url(/i-static/firmy/common/wiecej_circle_orange.gif) no-repeat right 50%;
}
.paging-page-link { padding: 0 8px; }
.paging a { color: #F37018 }

/***********************************
 * Inne - ikony
 ***********************************/
.icon { display: inline-block; width: 18px; height: 18px; vertical-align: top; }
.icon-star { background: transparent url(/i-static/firmy/common/icon-star.png) no-repeat top left; }
.icon-house { width: 28px; height: 24px; background: transparent url(/i-static/firmy/icons/domek.png) no-repeat top left; }
.icon-calendar { width: 24px; height: 24px; background: transparent url(/i-static/firmy/icons/kalendarz.png) no-repeat top left; vertical-align: middle; }

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

.imgDesc {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: transparent url(/i-static/common/transparent.png) repeat-x top;
	color: white;
}

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

/* katalog firm */
a.fKatalogNazwa {
	color: #375d34;
	font-size: 10pt;
	font-weight: 500;
	display: block;
	width: 100%;
}

a.fKatalogNazwa:hover {
	text-decoration: underline;
	color: #375d34;
	font-size: 10pt;
	font-weight: 500;
	display: block;
	width: 100%;
}

a.fKatalogNazwaSelected {
	color: #ffffff;
	font-size: 10pt;
	font-weight: 600;
	display: block;
	width: 100%;
}

a.fKatalogNazwaSelected:hover {
	color: #ffffff;
	font-size: 10pt;
	font-weight: 600;
	display: block;
	text-decoration: underline;
	width: 100%;
}

a.fKatalogNazwaMala {
	color: #375d34;
	font-size: 9pt;
	font-weight: 500;
	display: block;
	width: 100%;
}

a.fKatalogNazwaMala:hover {
	color: #375d34;
	font-size: 9pt;
	font-weight: 500;
	display: block;
	text-decoration: underline;
	width: 100%;
}

a.fKatalogNazwaMalaSelected {
	color: #ffffff;
	font-size: 9pt;
	font-weight: 600;
	display: block;
	width: 100%;
}

a.fKatalogNazwaMalaSelected:hover {
	color: #ffffff;
	font-size: 9pt;
	font-weight: 600;
	display: block;
	text-decoration: underline;
	width: 100%;
}

/* formularz wyszukiwania */

td.fSearchFormLabel {
	color: #ffffff;
	font-weight: 600;
	padding-right: 6px;
}

* .fSearchFormTextField {
	border: 1px solid #38a71c;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 24px;
	vertical-align: middle;
	color: #155304;
	font-weight: 600;
}

/* wyniki wyszukiwania */

* .fSRNazwaFirmy {
	font-size: 9pt;
	font-weight: 600;
	color: #6f6f6f;
	text-decoration: underline;
}

* .fSearchResultsLabel {
	font-size: 8pt;
	font-weight: 600;
	color: #6f6f6f;
	padding-right: 5px;
}

* .fSearchResultsValue {
	font-size: 9pt;
	font-weight: 500;
	color: #6f6f6f;
}

a.fSearchResultsGreen {
	font-size: 8pt;
	font-weight: 500;
	color: #509c3a;
	text-decoration: underline;
}

a.fSearchResultsGreen:hover {
	font-size: 8pt;
	font-weight: 500;
	color: #509c3a;
	text-decoration: underline;
}

a.fGreen {
	color: #509c3a;
	text-decoration: underline;
}


a.fGreen:hover {
	color: #509c3a;
	text-decoration: underline;
}

a.fGreenBold {
	color: #509c3a;
	text-decoration: underline;
	font-weight: 600;
}


a.fGreenBold:hover {
	color: #509c3a;
	text-decoration: underline;
	font-weight: 600;
}


/* widok szczegółów */

a.fDetailsNazwaFirmy {
	color: #22600d;
	font-size: 12pt;
	font-weight: 600;
}

a.fDetailsNazwaFirmy:hover {
	font-weight: 600;
	color: #22600d;
	font-size: 12pt;
}

td.fDetailsOpisLabel {
	color: #626262;
	font-weight: 600;
	font-size: 8pt;
	vertical-align: middle;
}

* .fDetailsOpisValue {
	color: #626262;
	font-weight: 500;
	font-size: 9pt;
}

* .fDetMailFormTextField {
	border: 1px solid #c4c4c4;
	height: 25px;
	padding-top: 3px;
	color: #444444;
}

* .fDetMailFormLabel {
	color: #777777;
	font-size: 9pt;
}

td.fDetMailFormValue {
	padding-top: 3px;
}
div.fWartoWiedziecTytul {
	padding-bottom: 3px;
	padding-top: 12px;
	padding-left: 15px;
	text-align: left;
	font-family: sans-serif;
	font-size: 11pt;
	color: #706e62;
	font-weight: bold;
	text-transform: uppercase;
}