

html,body{
		margin: 0px;padding: 0px;
		text-align: center;
		font-family:  Tahoma, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		height:100%;
		}

#wrapper {
			text-align: left;
			margin: 0px auto;
			padding: 0px;
			border:0;width: 960px;}

#header {
			position: relative;
			height: 230px;
			background: url(img/header1.jpg) no-repeat;
			width: 100%; 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;}

#div1{
			position: absolute;
			height: 230px;
			background: url(img/header1.jpg) no-repeat;
			width: 100%; 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;}
			
#div2{
			position: absolute;
			height: 230px;
			background: url(img/header2.jpg) no-repeat;
			width: 100%; 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;}	
#inside{
			position: absolute;
			height: 230px;
			width: 100%; 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;}			
					

#container{
			line-height: 160%;
			clear:both; 
			overflow:hidden;
			height: 1%; 
			margin:0px; 
			padding:0px;
			background: url(img/bg.gif) right repeat-y;
			}
		
#footer {
			padding: 0px;
			margin: 0px;
			clear: both;
			}
#page2 #footer{border-top: 1px solid #d7e3e6; margin: 1px 0px 0px 0px;}
a{color: #53c2f7; text-decoration: underline;}
a:hover{text-decoration: none;}
.clear{clear: both; height: 0px!important; overflow: hidden;}			
#page1 #left{float:left; width: 410px;padding: 0px 20px 20px 20px;}
#page1 #main{float: left; width: 210px; padding: 0px 20px 20px 20px;}
#page1 #ll{width: 700px; float: left; background: url(img/bg3.gif) 450px 50px no-repeat; margin: 0px 0px 20px 0px;}
#page2 #ll{width: 700px; float: left; background: #fff; margin: 0px 0px 20px 0px;}
#page2 #main{float: left; width: 660px; padding: 0px 20px 20px 20px; text-align: justify;}

#right{width: 220px; padding: 30px 20px 20px 20px; float: left; background: url(img/bg.jpg) top no-repeat;}

#page1 h1{font-size: 18px; color: #373737; font-weight: normal; margin: 20px 0px; float: left;}
#page1 #main h2{font-size: 18px; color: #373737; font-weight: normal; margin: 20px 0px; float: left;}
#right h2{font-size: 18px; color: #fff; font-weight: normal; margin: 20px 0px 20px 0px; float: left;}
#page2 h1{font-size: 18px; color: #373737; font-weight: normal; margin: 20px 0px; }

#patronat{color: #ecebeb; margin: 50px 0px 0px 0px; line-height: 200%;}

.float_left{float:left;}
.float_right{float:right;}	 

#logo{float: left;}
#logo a{display: block; overflow: auto; text-indent: -999em; width: 340px; height: 80px; background: url(img/logo.jpg) no-repeat;}
.invisible{display: none!important;}
#tl_nav{float: right; padding: 25px 0px 0px 0px;}
#tl_nav ul{ list-style: none; margin: 0; padding: 0;}
#tl_nav ul li{margin: 0; padding: 0; float: left}
#tl_nav ul li a{display: block; height: 30px;overflow: auto; text-indent: -999em;}
#tl_nav ul li.menu1 a{width: 113px; background: url(img/m1.gif) no-repeat;}
#tl_nav ul li.menu2 a{width: 59px; background: url(img/m2.gif) no-repeat;}
#tl_nav ul li.menu3 a{width: 92px; background: url(img/m3.gif) no-repeat;}
#tl_nav ul li.menu4 a{width: 77px; background: url(img/m4.gif) no-repeat;}
#tl_nav li a:hover{background-position: 0px -30px !important;}
#tl_nav li a.active{background-position: 0px -30px !important;}

#top{clear: both;}
#pracodawcy,#pracownicy{float: left; }
#pracodawcy ul, #pracownicy ul{list-style: none; margin: 0px; padding: 0px;}
#pracodawcy ul li,#pracownicy ul li{margin: 0px; padding: 0px; line-height: 17px; border-bottom: 1px solid #9cb8c0; }
#pracodawcy ul li a,#pracownicy ul li a{font-weight: bold; color: #fff; text-decoration: none; }

#pracownicy{width: 95px; height: 78px; padding: 72px 200px 0px 185px;}
#pracodawcy{width: 145px; height: 78px; padding: 72px 185px 0px 150px; text-align: right;}
#pracodawcy ul li a:hover,#pracownicy ul li a:hover{color: #363636}
#pracodawcy ul li a.active,#pracownicy ul li a.active{color: #363636}
#breadcrumb{color: #999999; height: 30px; line-height: 30px; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 10px; border-bottom: 1px solid #eaeaea;}
#breadcrumb a{color: #999; text-decoration: none;}
#breadcrumb a:hover{color: #53c2f7;}
.all {float: right; line-height: 18px; margin: 20px 0px; }
.all a{text-decoration: none; color: #53c2f7;}
.all a:hover{text-decoration: underline;}
#right .all a{color: #fff;}

#right .szkolenie{clear: both; background: url(img/bg4.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}
#right .szkolenie .tytul{color: #fff; font-weight: bold; display: block; margin: 5px 0px 5px 0px;}
#right .szkolenie .data{float: left; color: #fff;}
#right .szkolenie .more a{width: 13px; height: 13px!important; overflow: hidden; background: url(img/more3.gif) no-repeat; text-indent: -999em; margin: 3px 0px 0px 0px;}
#right .szkolenie .more a:hover{background-position: 0px -13px;}
#main .szkolenie{clear: both; background: url(img/bg2.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}
#main .szkolenie .tytul{ font-weight: bold; display: block; margin: 5px 0px 5px 0px;}
#main .szkolenie .data{float: left; }
#main .szkolenie.more{margin: 5px 0px;}
#main .szkolenie.more a{text-transform: lowercase;float: right; width: 54px; height: 19px; line-height: 17px; text-align: center; color: #373737; background: url(img/more.gif) no-repeat; display: block; text-decoration: none;}
#main .szkolenie.more a:hover{background-position: 0px -19px; color: #000;}

.mod_article{clear: both; }
.mod_newslist{clear: both;}
#left .mod_article  h2{color: #363636; font-size: 12px; font-weight: bold; margin: 5px 0px 5px 0px;}
#left .mod_newslist  h2{color: #363636; font-size: 12px; font-weight: bold; margin: 5px 0px 5px 0px;}
#page2 #main h2{color: #363636; font-size: 12px; font-weight: bold; margin: 5px 0px 5px 0px;}

.p{margin: 0px 0px 10px 0px;}
.more{margin: 5px 0px;}
.more a{text-transform: lowercase;float: right; width: 54px; height: 19px; line-height: 17px; text-align: center; color: #373737; background: url(img/more.gif) no-repeat; display: block; text-decoration: none;}
.more a:hover{background-position: 0px -19px; color: #000;}
.back{margin: 5px 0px;}
.back a{text-transform: lowercase;float: right; width: 54px; height: 19px; line-height: 17px; text-align: center; color: #373737; background: url(img/more.gif) no-repeat; display: block; text-decoration: none;}
.back a:hover{background-position: 0px -19px; color: #000;}

#page1 .news .more a{width: 13px;height: 13px!important; overflow: hidden; background: url(img/more2.gif) no-repeat; text-indent: -999em; margin: 3px 0px 0px 0px;}
#page1 .news .more a:hover{background-position: 0px -13px;}
.news .data{color: #999; float: left;margin: 5px 0px 0px 0px;}
.news .tytul{color: #363636; font-size: 11px; font-weight: bold; display: block; margin: 5px 0px 5px 0px;}

#page1 .ce_teaser{background: url(img/bg2.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}
#page2 .ce_teaser{background: url(img/bg2.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}

.news{clear: both; background: url(img/bg2.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}

#lista_ofert{width: 660px; padding: 0px 20px 20px 20px; float: left;}
#cv{width: 220px; padding: 0px 20px 20px 20px; float: left;}

#lista_ofert h2{font-size: 18px; color: #fff; font-weight: normal; margin: 20px 0px 20px 0px; }
#cv h3{font-size: 18px; color: #fff; font-weight: normal; margin: 20px 0px 20px 0px; }

#bb{background: url(img/bg5.gif) repeat-y; margin: 1px 0px 0px 0px; height: 100%;}
#lista_ofert{line-height: 150%; color: #fff;}
#lista_ofert .lista{background: #3eafe6; line-height: 30px; width: 100%; height: 100%;}
#lista_ofert .oferta{line-height: 25px; width: 100%; height: 100%;}
#lista_ofert .odd{background: #66c9f8;}
#lista_ofert .nrreferencyjny{width: 80px; float: left; padding: 0px 10px 0px 10px;}
#lista_ofert .stanowisko{width: 260px; float: left; padding: 0px 10px 0px 0px;}
#lista_ofert .lokalizacja{width: 150px; float: left; padding: 0px 10px 0px 0px;}
#lista_ofert .rodzaj{width: 120px; float: left; padding: 0px 0px 0px 0px;}
#lista_ofert .pagination{clear: both; width: 100%; text-align: center; overflow:hidden;
}
#lista_ofert .pagination ul{list-style: none; margin: 20px auto 0px auto; padding: 0; position:relative;left:50%; float: left;}
#lista_ofert .pagination ul li{float: left; margin: 0px 4px; padding: 0px; 
position:relative;
right:50%;}
#lista_ofert .pagination ul li span{background: #3eafe6; padding: 2px 4px;}
#lista_ofert .pagination ul li a:hover{padding: 2px 4px; background: #3eafe6;}
#lista_ofert .pagination ul li a{padding: 2px 4px; }

#lista_ofert a{color: #fff; text-decoration: none;}

#file_upload{}
#cv{c_olor: #fff; line-height: 150%;}
#cv p{color: #fff;}
#cv .checkbox_container{font-size: 10px; color: #fff; display: block; clear: both; width: 220px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;}
#cv .checkbox_container input{margin: 0px 5px 10px 0px; float: left;}
#cv .submit_container{text-align: right; top:-20px; position: relative;}
#cv p.error {display: none;}
div.fileinputs {
	position: relative;
	width: 192px;
	height: 24px;
	background: url(img/cv.gif) no-repeat;
}
#file_upload { 
	display:block; 
	position:relative; 
	width:220px;
	background: url(img/cv2.gif) left top no-repeat;
	margin:10px 0px 0px 0px;
}
#file_upload span.input_file_wrapper { 
	background:none; 
	border:none; 
	line-height:30px; 
	height:30px; 
	display:block; 
	position:relative; 
	width:220px; 
	overflow:hidden; 
	float:left; 
	z-index: 100;
}
#file_upload input.fake-text { 
	display:block; 
	position:absolute; 
	top:3px; 
	left:0px; 
	padding:2px 4px 2px 4px; 
	width:184px; 
	height:16px; 
	color:#666; 
	font-size:11px; 
	border:none;
	background: none;
	z-index: -100!important;
}
.files{z-index: 100!important;}
.file{width: 30px;}
#file_upload span.explain { 
	line-height:30px; 
	padding-left:5px; 
	font-style:italic; 
	color:#d5d5d5; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#cv .up{ clear: both; width: 60px; height: 24px;  border: none; background:#ccc; cursor: pointer;}

#projekt{clear: both; text-align: right; padding: 0px 20px 0px 20px; height: 50px; line-height: 50px; border-top: 1px solid #d7e3e6;}
#copy{float: left; line-height: 50px;padding: 0px 0px 0px 20px;}
#tool{float: right;line-height: 50px; padding: 0px 20px 0px 0px;}
#tool ul{list-style: none; margin: 0; padding: 0;}
#tool ul li{margin: 0px 0px 0px 30px; padding: 0px 0px 0px 15px; float: left; background: url(img/li.gif) left center no-repeat;}
#tool ul li a{text-decoration: none;}
#tool ul li a:hover{text-decoration: underline;}
#left img, #main img{border: 1px solid #eaeaea; padding: 2px;}

.mod_cataloglist .total{display: none;}
.pagination p{display: none;}	

#lista2	.label{font-weight: bold; width: 150px; float:left;}
#lista2	.value{float: left;}
#lista2 .oferta{background: url(img/bg2.gif) bottom repeat-x; padding: 0px 0px 10px 0px;}
#lista2 .oferta .more{margin: 0px 0px 0px 0px;}


#main .formbody { font-size: 11px; }
 
	#main .formbody label {
		clear: both;
		display: block;
		float: left;
		margin: 3px 15px 3px 0px;
		text-align: right;
		width: 140px; }
 
	#main .formbody input {
		background: #fff;
		border: 1px solid #dedbdb;
		color: #656565;
		f_loat: left;
		font-family: tahoma;
		font-size: 11px;
		height: 14px;
		margin: 3px 0px 3px 0px;
		padding: 2px 0px 2px 0px;
		width: 180px; }
 
	#main .formbody p.error {
		clear: both;
		color: #ff0000;
		display: block;
		float: right;
		margin: 3px 15px 3px 0px;
		padding: 0px 0px 0px 165px;
		width: 280px; }
 
	#main .formbody textarea {
		background: #fff;
		border: 1px solid #dedbdb;
		color: #656565;
		float: left;
		font-family: tahoma;
		font-size: 10px;
		height: 80px;
		margin: 3px 0px 3px 0px;
		width: 260px; }
 
#main .submit_container { clear: both; }
 
	#main .submit_container input {
		background: #fff;
		border: 1px solid #dedbdb;
		color: #656565;
		cursor: pointer;
		font-family: tahoma;
		font-size: 11px;
		height: 22px;
		margin: 3px 0px 0px 155px;
		padding: 4px 0px 4px 0px;
		width: 64px; }
 
#main .formbody input:focus { border: 1px solid #b2b2b2; }
 
#main .formbody textarea:focus { border: 1px solid #b2b2b2; }




#lista_ofert .pagination ul{list-style: none; margin: 20px auto 0px auto; padding: 0; position:relative;left:50%; float: left;}
#lista_ofert .pagination ul li{float: left; margin: 0px 4px; padding: 0px; 
position:relative;
right:50%;}
#lista_ofert .pagination ul li span{background: #3eafe6; padding: 2px 4px;}
#lista_ofert .pagination ul li a:hover{padding: 2px 4px; background: #3eafe6;}
#lista_ofert .pagination ul li a{padding: 2px 4px; }

#main .pagination{clear: both; width: 100%; text-align: center; overflow:hidden;}
#main .pagination p { display: none; }
 
#main .pagination ul {
	list-style: none; margin: 20px auto 0px auto; padding: 0; position:relative;left:50%; float: left; }
 
	#main .pagination ul li {
		background: none;
		float: left;
		margin: 0px 0px 0px 5px;
		padding: 0px; 
		position:relative;
right:50%;
		}
 
		#main .pagination ul li a {
			border: 1px solid #dedbdb;
			color: #666;
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0px 7px 0px 7px;
			text-align: center;
			text-decoration: none; }
 
		#main .pagination ul li span {
			border: 1px solid #dedbdb;
			color: #666;
			display: block;
			font-weight: bold;
			height: 20px;
			line-height: 20px;
			padding: 0px 7px 0px 7px;
			text-align: center;
			text-decoration: none; }
 
		#main .pagination ul li a:hover { border: 1px solid #b2b2b2; }









