@import "text.css";
@import "base.css";
@import "php_inc/css/form.css";
@import "php_inc/css/site_map.css";

.onPrint {
	display: none;
}

h2 {
	margin: 0px 0px 21px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
}

ul {
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

ul li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 8px 18px;
	list-style: none;
	list-style-image: none;
	background: url('grafika/li.gif') no-repeat 0px 2px;
}

div.up {
	padding: 20px 0px;
	text-align: right;
}

div.up a {
	display: block;
	width: 81px;
	height: 25px;
	background: url('grafika/sprite.gif') no-repeat -82px 0px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
}

div.centered {
	margin: 0px auto;
	text-align: left;
	width: 926px;		
}

div#top-wrapper {
	background: url('grafika/top-wrapper-bg.gif') repeat-x;
}

body.index div#top-wrapper {
	background: transparent;
	background: url('grafika/top-index.jpg') no-repeat top center;
}

div#top {
	height: 196px;
	background: url('grafika/top-subpage.jpg') no-repeat top center;
}

body#page.index {
	/*background: url('grafika/top-index.jpg') no-repeat top center	*/
	background: url('grafika/tlo_rozciaganie.jpg') repeat-x;
}

body.index div#top {
	height: 284px;	
	background: transparent;
}

div#top .centered {
	padding-top: 30px;
	position: relative;
	height: 166px;	
}

body.index div#top .centered {
	padding-top: 30px;
	position: relative;
	height: 254px;	
}

#slogan {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#zadzwon {	
	width: 164px;
	/*
	background: url('grafika/sprite.gif') no-repeat 0px -154px;
	text-indent: -9999px;
	*/
	position: absolute;
	right: 0px;
	bottom: 28px;
	font: bold 12px/18px Arial;	
	color: #7D8795;
}

#zadzwon b {
	font-size: 24px;
	color: #C5CED9;
}

#zadzwon span {
	font-weight: normal;
	font-size: 14px;
}

#zadzwon a {
	color: #7D8795;
}

#zadzwon a:hover {
	color: #E35C0C;
}

#belki {
	position: absolute;
	top: 110px;
	left: 530px;
	float: none;
	width: 200px;
}

#belki b {
	display: block;
	height: 28px;
	width: 137px;
	text-indent: -9999px;
	background: url('grafika/sprite.gif') no-repeat 0px -126px;
	margin-left: 10px;
}

div#top #belki ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;	
}

div#top #belki ul li {
	background: none;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

div#top #belki ul li a {
	display: block;
	height: 21px;
	width: 151px;	
	background: url('grafika/belki.gif') no-repeat;	
	overflow: hidden;
	text-align: center;
	line-height: 21px;
	color: #F7D6C2;
}

div#top #belki ul li.i2 a { width: 157px; background-position: 0px -21px; margin-left: 11px;}
div#top #belki ul li.i3 a { width: 142px; background-position: 0px -42px; margin-left: 2px;}
div#top #belki ul li.i4 a { width: 181px; background-position: 0px -63px; margin-left: 29px;}
div#top #belki ul li.i5 a { width: 225px; background-position: 0px -84px; margin-left: 0px;}
div#top #belki ul li.i6 a { width: 198px; background-position: 0px -105px; margin-left: 0px;}
div#top #belki ul li.i7 a { width: 151px; background-position: 0px -126px; margin-left: 15px;}
div#top #belki ul li.i8 a { width: 152px; background-position: 0px -147px; margin-left: 0px;}

div#top #belki ul li.i1 a:hover { background-position: -225px 0px; }
div#top #belki ul li.i2 a:hover { background-position: -225px -21px; }
div#top #belki ul li.i3 a:hover { background-position: -225px -42px; }
div#top #belki ul li.i4 a:hover { background-position: -225px -63px; }
div#top #belki ul li.i5 a:hover { background-position: -225px -84px; }
div#top #belki ul li.i6 a:hover { background-position: -225px -105px; }
div#top #belki ul li.i7 a:hover { background-position: -225px -126px; }
div#top #belki ul li.i8 a:hover { background-position: -225px -147px; }


div#top div.centered div.nav {
	float: right;
	margin: 1px 0px 0px 0px;
}

div#top div.centered div.nav a {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('grafika/sprite.gif') no-repeat;
	border: 0px;
	margin-left: 6px;
}

div#top div.centered div.nav a.i2 { background-position: -25px 0px; }
div#top div.centered div.nav a.i3 { background-position: -50px 0px; }
div#top div.centered div.nav a.i4 { background-position: 0 0; background: url('grafika/fb.gif') no-repeat;}

div#top div.centered div.nav a.i1active, div#top div.centered div.nav a.i1:hover { background-position: 0px -25px; }
div#top div.centered div.nav a.i2active, div#top div.centered div.nav a.i2:hover { background-position: -25px -25px; }
div#top div.centered div.nav a.i3active, div#top div.centered div.nav a.i3:hover { background-position: -50px -25px; }
div#top div.centered div.nav a.i4active, div#top div.centered div.nav a.i4:hover { background-position: 0 -25px; }

div#top ul {
	margin: 13px 0px 0px 290px;
	padding: 0px;
}

div#top ul li {
	background: none;
	float: left;
	margin-right: 15px;
	margin-left: 0px;	
}

div#top ul li a {
	font-size: 14px;
	color: #8B9099;
}

div#top ul li a:hover,
div#top ul li a.active {
	color: white;
}

#content {	
	padding-top: 45px;
	background: white url('grafika/content-bg.gif') repeat-x;
}

body.index #content {
	background-position: 0px -11px;
	padding-top: 0px;
}

#footer {
	font-size: 11px;
	color: #919BA5;
	padding: 20px 0px;
	clear: both;
}

#footer a {
	color: #919BA5;
}

div.left {
	float: left;
	width: 250px;
	margin-right: 43px;
	position: relative;		
}

div.right {
	float: left;
	width: 633px;
}

body.index div.left {
	width: 500px;
	margin-right: 40px;
	position: static;
}

body.index div.right {
	width: 374px;
}

body.index div.right ul li {
	margin-left: 0px;
}

span.orange {
	display: block;
	width: 250px;
	height: 18px;
	background: url('grafika/sprite.gif') no-repeat 0px -197px;
	position: absolute;
	top: -45px;
}

#nagrody-wrapper {
	background: url('grafika/nagrody-wrapper.gif') repeat-x;
	margin-top: 25px;
}

#nagrody {
	padding: 50px 0px 40px 0px;	  
}

#nagrody-wrapper #nagrody {
	padding: 30px 0px 20px 0px;
}

#nagrody ul {
	height: 55px;
	margin: 0px;
	padding: 0px; 
}

#nagrody ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	float: left;
	display: block;
	background: transparent;
}

#nagrody ul li span {
	display: block;
	width: 76px;
	width: 91px;
	height: 19px;
	float: left;
	/*text-indent: -9999px;*/
	/*background: white url('grafika/sprite.gif') no-repeat 0px -50px;*/
	margin-right: 10px;	
 	margin-top: 5px;
 	font: bold 12px Arial;
 	text-align: right;
 	color: #657281;
}

#nagrody ul li.nagrody {
	width: 290px;
	width: 276px;
	width: 260px;
}

#nagrody ul li.pracujemy {
	width: 491px;
}

#nagrody ul li.nalezymy {
	width: 175px;
}

#nagrody ul li.pracujemy span { background-position: 0px -69px; }
#nagrody ul li.nalezymy span { background-position: 0px -88px; }
#nagrody ul li.znajdz span { background-position: 0px -107px; }

div#accordion div.item {
	height: 62px;
	background: url('grafika/pasek1.gif') no-repeat center top;	
}

#nagrody ul li.pracujemy > div {
    position: relative;
    top: -4px;
}

.subpageContent {
	background: url('grafika/subpage-column-separator.gif') repeat-y;
}

#menu {
	zoom: 1;	
	margin-left: 15px;
	position: relative;
	top: -6px;
}

#menu li {
	background: transparent;
	zoom: 1;
	margin: 0px;	
}

#menu li.level2 {
	background: url('grafika/menu-shadow.gif') no-repeat top left;
	padding: 0px;
	margin-top: 6px;
}

#menu li a {
	display: block;
	color: #657281;
	zoom: 1;
}

#menu li a:hover,
#menu li a.active {
	color: #EC6B00;
}

#menu li.level2 a {
	background: url('grafika/menu-arrow-big.gif') no-repeat -272px 5px;
	padding: 6px 10px 0px 45px;
	font-weight: bold;	
}

#menu li.level2 a:hover,
#menu li.level2 a.active {
	background: url('grafika/menu-arrow-big.gif') no-repeat 20px 5px;	
}

#menu li.level3 {
	padding: 0px;
	margin-top: 3px;
}

#menu li.level3 a {
	padding: 3px 0px 0px 60px;
	font-size: 11px;
	background: url('grafika/menu-arrow-small.gif') no-repeat 52px 8px;
}

#path {
	font-size: 10px;
	position: relative;
	margin-bottom: 20px;
}

#path a {
	color: #657281;
}

#path div.path {
	position: relative;
	top: -3px;
}

#path span,
#path a.last {
	color: #F27200;
}

#path h2 {
	font-size: 36px;
	color: #F27200;
	margin: 4px 0px;
}

#path div.nav {
	  float: right;
}

#path div.nav a {
	display: block;
	width: 81px;
	height: 25px;
	background: url('grafika/sprite.gif') no-repeat -82px -26px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	margin-left: 5px;
}

#path div a.polec {
	background-position: -82px -52px;
}

table {
	border-collapse: separate;
	border: 0px;
}

table td,
table th {
	padding: 7px;
	background: #ECEEF0;
	border: 1px solid #E3E6EB;	
}

table th {
	background: #5C606A;
	border: 1px solid #5C606A;
	color: white;
	font-weight: bold;
	text-align: left;
}

.txtImage {
	padding: 2px;
	border: 1px solid #E0E2E4;	
}

#accordion .outer-bg {
	background: url('grafika/pasek1-bg.gif') repeat-x top left;
}

#accordion .item-row {
	position: relative;
	height: 62px;		
}

#accordion .item-wrapper {
	/*
	height: 62px;  
	width: 100%;	
	z-index: 50;        
	*/
	position: relative;
	overflow: hidden;		
	zoom: 1;
	background: url('grafika/pasek-bg.gif') repeat-x top left;	
	text-align: center;
}

#accordion .item-wrapper .inner-bg {
	background: url('grafika/pasek-bg.gif') no-repeat left center;	
}

div#accordion .item-wrapper#w1 { background-image: url('grafika/pasek2-bg.gif');}
div#accordion .item-wrapper#w2 { background-image: url('grafika/pasek3-bg.gif');}
div#accordion .item-wrapper#w3 { background-image: url('grafika/pasek4-bg.gif');}
div#accordion .item-wrapper#w4 { background-image: url('grafika/pasek5-bg.gif');}

div#accordion .item-wrapper#w1 .inner-bg  { background-image: url('grafika/pasek2.gif');}
div#accordion .item-wrapper#w2 .inner-bg  { background-image: url('grafika/pasek3.gif');}
div#accordion .item-wrapper#w3 .inner-bg  { background-image: url('grafika/pasek4.gif');}
div#accordion .item-wrapper#w4 .inner-bg  { background-image: url('grafika/pasek5.gif');}

#accordion .item-content {
	height: 83px;	
	margin: 0px auto;
	width: 926px;	
	position: relative;
}
#accordion .item-content a {	
	text-align: left;
	position: relative;
	left: 12px;
	padding-top: 16px;	
	display: block;
	text-decoration: none;
	border: 0px;
	color: #7D8795;	
}

#accordion .item-wrapper-collapsed .inner-bg  {
	background-position: center -14px;
}

#accordion .item-wrapper-active .inner-bg   {
	background-position: center 0px;
}     

#accordion .item-wrapper-active a {
	color: #AEB7C3;
}

#accordion .item-wrapper-active a:focus {	
	outline: 0;
}

#accordion .item-wrapper-active .item-content a {
	/*line-height: 74px;*/
	padding-top: 25px;
}

#accordion .item-wrapper-collapsed .item-content a {
	/*line-height: 42px;*/
	padding-top: 12px;
}

#accordion .item-wrapper strong.date {
	display: block;
	float: left;
	font: 32px Verdana;
	margin-right: 20px;
	position: relative;
	top: -5px;
}

#accordion .item-wrapper img {	   
	position: absolute;
	right: 178px;
	top: -12px;
}

#accordion .item-wrapper img.on {
	display: none;
}

#accordion .item-wrapper-active img {
	top: 0px;
}

#accordion .item-wrapper-active img.off {
	display: none;
}

#accordion .item-wrapper-active img.on {
	display: block;
}

#portfolio .item {
	padding: 1px 1px 0px 1px;
	background: #e7e9ea;	
	margin: 15px 0px;
}

#portfolio .item .image {
	float: left;
}

#portfolio .item .meta {
	margin-left: 233px;
	padding: 10px 15px 0px 0px;
}

#portfolio .www {
	font-size: 10px;
}

#portfolio .item .meta div,
#portfolio .item .meta p {
	font-size: 11px;
	padding: 15px 0px;
	margin: 0px;
}

.pager {
	font-size: 10px;
	text-align: right;
}

.pager a {
	color: #657281;
	border: 0px;
	text-decoration: none;	
	position: relative;
	top: 1px;
}

.pager .pages a {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

.pager .pages a.active {
	background: url('grafika/sprite.gif') no-repeat -82px -78px;
	color: #F27200;
}

.pager a:hover {
	color: #F27200;
}

#form_url { display: none; }

div.informacja {
	border-top: 1px solid #D9DEE5;
	margin-top: 15px;
	padding-top: 10px;
}

div.informacja .head {
	padding-bottom: 10px;
}

div.informacja .news_title {
	font-size: 24px;
	font-weight: normal;
	display: block;
	margin-top: 4px;
}

div.informacja .news_date {
	display: block;
	float: left;
	width: 48px;
	height: 42px;
	background: url('grafika/date.gif') no-repeat;
	color: white;
	text-align: center;
	font-size: 11px;	
}

div.informacja .news_date span {
	position: relative;
	left: -3px;
	top: 2px;
}

div.informacja .news_date b {
	font-size: 20px;
	font-weight: normal;
}

div.informacja a.news_url {
	font-weight: bold;
	position: relative;
	top: 6px;
	left: 10px;
}



div.item .referencje {
    float: right;
    font-size: 10px;
    display: block;
    padding: 4px 10px;
    text-align: right;
}