/* */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

/* body default */
body {background: #fff; font: 0.625em/1.5em Arial; color: #404040;}

hr {display: none;}

img {display: block; border: 0;}

.menu {list-style: none;} /* ul */
	.menu li {float: left;}
		.menu li a {float: left; text-decoration: none;}

.container {width: 815px; margin: 0 auto; overflow: hidden;} 

/* modules */
.none {display: none;}

form {}
	form fieldset {border: 0;}

a {color: #404040; text-decoration: none;}	
	a:hover {text-decoration: underline;}	
	
	
#main input, #main  select,#main  textarea { border: 1px solid #9d9d9d;}
	
/* header */
#header {}
	#header .container {height: 289px; position: relative;}
	
		/* logo */
		#header h1 {width: 281px; height: 124px; position: absolute; top: 45px; left: 20px;}
			#header h1 a {width: 281px; height: 124px; display: block;}
				#header h1 a span {width: 281px; height: 124px; background: url('../images/logo.png') no-repeat; text-indent: -666em;}		
	
	/* sitemap, contact */
	#header-menu {width: 287px; height: 28px; border-bottom: 1px solid #e5e5e5; position: absolute; top: 13px; left: 521px;}			
		#header-menu dt {display: none;}			
			#header-menu dd {float: left;}			
				#header-menu dd a {display: block; line-height: 23px; color: #0f72bf; font-size: 1.1em; padding: 0 7px 0 20px;}			
					#header-menu dd a.site-map {background: url('../images/icons/site-map.png') left no-repeat; margin: 0 0 0 126px; border-right: 1px solid #e5e5e5;}			
					#header-menu dd a.contact {background: url('../images/icons/contact.png') 6px 6px no-repeat; padding: 0 6px 0 26px;}	
					
	/* project finance */		
	#project-co-financed {width: 314px; position: absolute; top: 64px; left: 502px;}
		#project-co-financed h3 {display: none;}
		#project-co-financed dl {height: 54px; overflow: hidden;}
			#project-co-financed dl dt {display: none;}
				#project-co-financed dl dd {float: left;}
				#project-co-financed dl dd a {display: block; text-indent: -666em;}
					#project-co-financed dl dd a.kapital-ludzki {width: 174px; height: 54px; background: url('../images/kapital-ludzki.png') no-repeat;}
					#project-co-financed dl dd a.efs {width: 139px; height: 37px; background: url('../images/efs.png') no-repeat; margin-top:9px; }
			#project-co-financed p {margin-top: 20px; color: #a6a6a6; text-align: center; font-size: 1.1em; line-height: 20px;}

	/* go to */		
	#go-to {width: 287px; position: absolute; top: 194px; left: 521px;}
		#go-to dt {display: none;}
		#go-to dd {float: right;}
			#go-to dd a {display: block; font-size: 1.1em; background: url('../images/go-to/right.png') right no-repeat; color: #fff;}
				#go-to dd a span {line-height: 32px; display: block; text-align: right; padding-right: 15px; color: #fff; font-weight: bold; background: url('../images/go-to/left.png') left no-repeat;}
			
			#go-to dd a.employers-zone {width: 143px;}
			#go-to dd a.your-cv {width: 96px;}
				#go-to dd a.your-cv span {background: url('../images/go-to/left-cv.png') left no-repeat;}

/* main menu */
#navigation-menu {width: 100%; height: 54px; background: url('../images/menu/bg-menu.png') repeat-x; position: absolute; top: 235px; left: 0;}			
	#navigation-menu h2 {display: none;}			
	#navigation-menu ul {height: 54px; padding: 0 0 0 20px; margin: 0; background: url('../images/menu/menu.gif') no-repeat;}			
		#navigation-menu ul li {background: url('../images/menu/sep-menu.png') right no-repeat; padding-right: 2px;}			
			#navigation-menu ul li a {padding: 0 28px; font: 1.1em/54px Arial; color: #fff; font-weight: bold;}			
				#navigation-menu ul li a:hover, #navigation-menu ul li .selected  { background: url('../images/menu/a.hover.png') repeat-x; text-decoration: underline;}			
			#navigation-menu ul li.lastchild {background: none;}	
				
/* current position */
#current-position {}	
	#current-position .container {line-height: 51px;}	
	#current-position h3 {float: left; font-size: 1.1em; font-weight: normal; background: url('../images/icons/paper.png') left no-repeat; padding: 0 0 0 15px; margin-left: 13px;}	
		#current-position h3 em {font-weight: bold; font-style: normal;}	
	#current-position ul {float: left; padding: 0; margin: 0;}	
		#current-position ul li {margin-left: 10px;}	
			#current-position ul li a {background: url('../images/icons/black-arrow.png') left no-repeat; font-size: 1.1em; padding-left: 10px;}	
				#current-position ul li a:hover {text-decoration: underline;}	


/* content */
#content {}

/* main */
#main {width: 551px; float: right;}
	
	/* blue border */
	#main .box {width: 551px; margin-bottom: 26px; background: url('../images/site/main-top-box.png') top no-repeat;}
	#main .box2 {width: 551px; margin-bottom: 26px; background: url('../images/site/main-top-box_inactive.png') top no-repeat;}
		#main .box .bg-box {height: 6px; font-size: 0; line-height: 0; background: url('../images/site/main-bottom-box.png') bottom no-repeat;}
		#main .box2 .bg-box2 {height: 6px; font-size: 0; line-height: 0; background: url('../images/site/main-bottom-box_inactive.png') bottom no-repeat;}
	
		/* buttons: more */
		#main .box p.extend {height: 30px; position: relative;}
			#main .box p.extend .more {width: 69px; height: 28px; overflow: hidden; position: absolute; top: 20px; right: 20px;}		
				#main .box p.extend .more span {width: 69px; height: 28px; display: block; cursor: pointer; background: url('../images/inputs/more.png') no-repeat; text-indent: -666em;}		

	/* main -> serachbox */
	#main #search-box {width: 551px; height: 187px; background: url('../images/search-box/bg.png') no-repeat; margin-bottom: 26px;}
		#main #search-box h3 {line-height: 36px; margin: 11px 14px; font-size: 1.2em; color: #d80203; padding: 0 0 0 39px; background: url('../images/icons/search-icon.png') left no-repeat;}
		#main #search-box ul {width: 300px; list-style: none; padding: 0; margin: 0 30px; overflow: hidden; height: 1%;}
			#main #search-box ul li {font-size: 1.1em; float: left;}
				#main #search-box ul li label {width: 95px; display: block; font-weight: bold; line-height: 30px; padding-right: 10px; text-align: right;}
					#main #search-box ul li label.category {line-height: 22px;}
				#main #search-box ul li input {width: 158px; color: #a6a6a6; padding: 9px 10px 11px 10px; font-size: 11px; background: url('../images/inputs/bg-input.png') no-repeat; border: 0;}
				#main #search-box ul li #category {width: 178px; color: #a6a6a6;}
				
		#main #search-box ul.extend {margin: 30px 0 0 180px; line-height: 28px;}		
			#main #search-box ul.extend a {color: #99a0a1; text-decoration: underline; padding-left: 10px; background: url('../images/icons/grey-arrow.png') left 5px no-repeat;}		
			#main #search-box ul.extend input.submit {width: 69px; height: 28px; padding: 0; margin: 0 0 0 63px;}

	/* main -> latest job */
	#latest-job {position: relative; padding-top: 27px;}		
		#latest-job h3 {width: 120px; line-height: 30px; position: absolute; top: -17px; left: 30px; padding: 0 0 0 40px; background: #fff url('../images/icons/newest-offers.png') left no-repeat; font-size: 1.2em; color: #d80203; text-align: center;}		
		#latest-job ul {list-style: none; padding: 0; margin: 0 11px; overflow: hidden; height: 1%;} 		
			#latest-job ul li {width: 529px; float: left; clear: left; font-size: 1.1em; padding: 8px 0 7px; border-bottom: 1px dashed #c1c1c1; background: url('../images/icons/item-arrow.png') 6px 13px no-repeat; cursor: pointer;}		
				#latest-job ul li:hover, #latest-job ul li.hover {background: #ececec url('../images/icons/item-arrow.png') 6px 13px no-repeat;}		
				#latest-job ul .lastchild {border: none;}		
				#latest-job ul li dl {font-size: 1.1em; overflow: hidden; height: 1%;}		
					#latest-job ul li dl dt {width: 362px; float: left; font-weight: bold;}		
						#latest-job ul li dl dt a {display: block; margin: 0 0 0 20px;}		
					#latest-job ul li dl dd {width: 150px; float: right; background: url('../images/icons/item-paper.png') 0 3px no-repeat; padding: 0 0 0 15px;}		
		
	/* main -> offers by industry */
	#offers-by-industry {position: relative; padding-top: 30px;}		
		#offers-by-industry h3 {width: 120px; line-height: 39px; position: absolute; top: -18px; left: 30px; padding: 0 0 0 48px; background: #fff url('../images/icons/offers-according-to-sectors.png') left no-repeat; font-size: 1.2em; color: #d80203; text-align: center;}			
		#offers-by-industry ul {padding: 0; margin: 0; height: 1%; overflow: hidden;}			
			#offers-by-industry ul li {width: 250px; font-size: 1.1em; margin: 0 11px; border-bottom: 1px dashed #c1c1c1; display: inline;}			
				#offers-by-industry ul li a {width: 233px; line-height: 31px; display: block; padding-left: 20px; background: url('../images/icons/item-arrow.png') 6px 13px no-repeat;}			
				#offers-by-industry ul li a:hover {text-decoration: underline; background:#ececec url('../images/icons/item-arrow.png') 6px 13px no-repeat;}			
	
	/* main -> job offerts */
	#job-offerts {position: relative; padding-top: 27px; margin-top: 17px;} 
	#job-offerts h3 {float: left; line-height: 30px; position: absolute; top: -17px; left: 30px; padding: 0 10px 0 45px; background:#fff url('../images/icons/newest-offers.png') left no-repeat; font-size: 1.2em; color: #d80203; text-align: center;}

/*	#job-offerts {}
	#job-offerts h3 {line-height: 30px; padding: 15px 0 0 45px; margin: 0 0 0 20px; background: url('../images/icons/newest-offers.png') left 15px no-repeat; font-size: 1.2em; color: #d80203;} 
	*/
		#job-offerts .list {list-style: none; padding: 0; margin: 0 11px; overflow: hidden; height: 1%;}
			#job-offerts .list li {width: 529px; float: left; clear: left; padding: 8px 0 7px; font-size: 1.1em; font-size: 1.1em; border-bottom: 1px dashed #c1c1c1; cursor: pointer;}
				#job-offerts .list li.hover {background: #ececec url('../images/icons/item-arrow.png') 6px 13px no-repeat;}
				#job-offerts .list li.lastchild {border: none;}
			
				#job-offerts .header {font-size: 1.1em; border: none; padding: 0; margin: 15px 11px 5px; overflow: hidden; height: 1%;}
					#job-offerts .header li {float: left; color: #6cad1d; display: inline; border: none; padding: 0; line-height: 25px;}
						#job-offerts .header li.title {width: 286px; text-indent: 5px;}
						#job-offerts .header li.place-of-work {width: 134px;}
						#job-offerts .header li.company-name {width: 100px;}
	
			#job-offerts .list dl {overflow: hidden; height: 1%;}
				#job-offerts .list dl dt {width: 266px; float: left; background: url('../images/icons/item-arrow.png') 6px 5px no-repeat; font-weight: bold; cursor: pointer; padding-left: 20px;}
				#job-offerts .list dl dd {float: left;}
					#job-offerts .list dl dd.place-of-work {width: 134px;}
					#job-offerts .list dl dd.company-name {width: 108px;}
	
		/* main -> pager 1,2,3,4 */
		#main .pager {margin: 0 auto; overflow: hidden; height: 1%;}
			#pager {width: auto; list-style: none; padding: 0; margin: 10px auto; overflow: hidden; height: 1%; float: left;}
				#pager li {float: left; display: inline;}
					#pager li a {float: left; display: block;}
					
					#pager li dl {text-align: center;}
						#pager li dl dt {display: none;}
					
					#pager li ol {list-style: none; padding: 0; margin: 0 15px 0 10px;}
						#pager li ol li {line-height: 28px; font-size: 1.1em; background: url('../images/site/sep-pager.png') right no-repeat;}
							#pager li ol li a {padding: 0 7px; display: block; text-decoration: underline;}
								#pager li ol li.lastchild {background: none;}
									#pager li ol li.lastchild a {padding: 0 0 0 7px;}
								#pager li ol li a:hover {font-weight: bold;}
							#pager li ol li a.active {font-weight: bold;}
				
				#pager li a.back, #job-offerts #pager li a.next {overflow: hidden; text-indent: -666em;}
					#pager li a.back {width: 90px; height: 28px; background: url('../images/inputs/before.png') no-repeat;}
					#pager li a.next {width: 81px; height: 28px; background: url('../images/inputs/next.png') no-repeat;}
			
	/* main -> about company */		
	#text {}	
		#text h3 {line-height: 30px; padding: 15px 0 0 45px; margin: 0 0 20px 20px; background: url('../images/icons/newest-offers.png') left 15px no-repeat; font-size: 1.2em; color: #d80203;}	
		#text .body {padding: 10px; border-bottom: 1px dashed #c1c1c1; border-top: 1px dashed #c1c1c1; font-size: 1.1em;}	
			#text .body p {padding: 5px 0; text-align: justify; text-indent: 25px;}	
			#text .body a {border-bottom: 1px dashed #c1c1c1;}	
		
	/* main -> the commercial */	
	#the-commercial {position: relative; padding-top: 27px; margin-top: 17px;}	
		#the-commercial h3 {float: left; line-height: 41px; position: absolute; top: -17px; left: 30px; padding: 0 10px 0 40px; background: #fff url('../images/icons/the-commercial.png') left no-repeat; font-size: 1.2em; color: #d80203; text-align: center;}
		#the-commercial h3.inactive { background: url('../images/icons/the-commercial_inactive.png') left no-repeat; }
		#the-commercial div.header {padding: 10px; background: url('../images/the-commercial/bg-header.png') bottom no-repeat; font-size: 1.1em;}
		#the-commercial div.inactive { padding: 10px; background: url('../images/the-commercial/bg-header_inactive.png') bottom no-repeat; font-size: 1.1em; }
			#the-commercial .header ul {list-style: none; padding: 0; margin: 0; overflow: hidden; height: 1%;}
				#the-commercial .header ul li {overflow: hidden; height: 1%;}
					#the-commercial .header ul li dl {}
					#the-commercial .header ul li dl dt {float: left; font-weight: bold;}
					#the-commercial .header ul li dl dd {float: left;}
				
					#the-commercial .header ul li.header {border-bottom: 1px dashed #c1c1c1; padding: 10px;}
						#the-commercial .header ul li.header dl.the-industry {width: 380px; float: left;}
							#the-commercial .header ul li.header dl.the-industry dt {}
							#the-commercial .header ul li.header dl.the-industry dd {width: 300px; margin-left: 40px;}
						
						#the-commercial .header ul li.header dl.number {width: 95px; float: right;}
							#the-commercial .header ul li.header dl.number dt {margin-right: 30px; font-weight: normal;}
							#the-commercial .header ul li.header dl.number dd {float: right;}
							
					#the-commercial .header ul li .about-company {width: 300px; float: left; border-right: 1px dashed #c1c1c1;  padding-right: 10px; margin: 10px 10px 0 0;}		
						#the-commercial .header ul li .about-company .company {border-bottom: 1px dashed #c1c1c1; padding: 5px 10px;}		
							#the-commercial .header ul li .about-company .company dt {float: none;}		
							#the-commercial .header ul li .about-company .company dd {font-size: 2em; line-height: 1em; float: none; text-align: right; padding: 0 20px 10px;}		
							
						#the-commercial .header ul li .about-company .place-of-work {padding: 10px;}		
							#the-commercial .header ul li .about-company .place-of-work dd {width: 160px; margin-left: 40px;}		
							
					#the-commercial .header ul li .about-work {}		
						#the-commercial .header ul li .about-work dl {overflow: hidden; height: 1%; clear: both; margin: 13px 0 0 5px;}		
						#the-commercial .header ul li .about-work dt {width: 100px;}		
						#the-commercial .header ul li .about-work dd {}		
	
	/* main -> the declaration job */
	#the-declaration-job {position: relative; padding-top: 27px; margin-top: 17px;}								
		#the-declaration-job .title {float: left; line-height: 41px; position: absolute; top: -17px; left: 30px; padding: 0 10px 0 40px; background: #fff url('../images/icons/the-commercial.png') left no-repeat; font-size: 1.2em; color: #d80203; text-align: center;}
			#the-declaration-job div.header {padding: 10px 15px; background: url('../images/the-commercial/bg-header.png') bottom no-repeat; font-size: 1.1em;}						
				#the-declaration-job div.header h3 {font-size: 1.2em; text-decoration: underline; color: #0063b0; margin-bottom: 10px;}						
				#the-declaration-job div.header ul {list-style: none; padding: 0; margin: 0; overflow: hidden; height: 1%;}						
					#the-declaration-job div.header ul li {width: 260px; float: left; font-size: 1.1em;}						
						#the-declaration-job div.header ul li dl {overflow: hidden; height: 1%; margin: 7px 0;}						
						#the-declaration-job div.header ul li dl dt {font-weight: bold; float: left; margin-right: 5px;}						
						#the-declaration-job div.header ul li dl dd {float: left;}	
						
			#the-declaration-job form {margin: 10px;}						
				#the-declaration-job form ul {list-style: none; padding: 0; margin: 0;}						
					#the-declaration-job form ul li {padding: 10px; line-height: 20px; border-bottom: 1px dashed #c1c1c1; font-size: 1.1em; overflow: hidden; height: 1%;}						
						#the-declaration-job form ul li label {width: 150px; display: block; float: left; font-weight: bold; text-align: right; padding-right: 20px;}						
						#the-declaration-job form ul li input, #the-declaration-job form ul li select {width: 160px; border: 1px solid #9d9d9d;}						
						#the-declaration-job form ul li dl {}						
						#the-declaration-job form ul li dl dt {font-weight: bold; text-align: right; margin: 0 361px 5px 0;}						
						#the-declaration-job form ul li dl dd {margin: 0 0 5px 0;}						
							#the-declaration-job form ul li dl dd label {font-weight: normal;}						
								#the-declaration-job form ul li textarea.text {width: 320px; height: 100px; border: 1px solid #9d9d9d;}						
							
						#the-declaration-job form .checkbox {list-style: none; padding: 0; margin: 0; overflow: hidden; height: 1%;} 	
							#the-declaration-job form .checkbox li {width: 150px; border: none; padding: 0; float: left;}	
							#the-declaration-job form .checkbox li label {width: 30px; font-weight: normal; float: left;}	
							#the-declaration-job form .checkbox li input {width: 15px; float: left; border: none; margin: 4px 10px; position: relative;}		
					
						#the-declaration-job form p.extend {position: relative;}
							#the-declaration-job form p.extend input {border: 0px; position: absolute; top: 30px; right: 30px;}
							
		#the-declaration-job .alert {
		color: #CC0000;
		padding-left: 170px;
		}
							
		/* main -> the commercial */
		#the-commercial .body {padding: 0 10px; font-size: 1.1em;}
			#the-commercial .body dl {padding: 0 5px 11px; margin-top: 10px; border-bottom: 1px dashed #c1c1c1;}
				#the-commercial .body dl.lastchild {border: none;}
			#the-commercial .body dl dt {font-weight: bold; margin-bottom: 8px;}
			#the-commercial .body dl dd {text-align: justify;}
			#the-commercial .extend {list-style: none; padding: 0; margin: -10px 0 0 250px; height: 1%; overflow: hidden; position: relative; top: 20px;}
				#the-commercial .extend li {float: left; margin: 0 3px; position: relative;}
					#the-commercial .extend li a {display: block; float: left;}
						#the-commercial .extend li a.print {width: 69px; height: 28px;}
							#the-commercial .extend li a.print span {width: 69px; height: 28px; background: url('../images/inputs/print.png') no-repeat;}

						#the-commercial .extend li a.edit {width: 69px; height: 28px;}
							#the-commercial .extend li a.edit span {width: 69px; height: 28px; background: url('../images/inputs/edit.png') no-repeat;}

						#the-commercial .extend li a.send-cv {width: 69px; height: 28px;}
							#the-commercial .extend li a.send-cv span {width: 69px; height: 28px; background: url('../images/inputs/send-cv.png') no-repeat;}
						#the-commercial .extend li a.send-zgl {width: 120px; height: 28px;}
							#the-commercial .extend li a.send-zgl span {width: 120px; height: 28px; background: url('../images/inputs/send-zgl.png') no-repeat;}							
						#the-commercial .extend li a.accept-offer {width: 69px; height: 28px;}
							#the-commercial .extend li a.accept-offer span {width: 69px; height: 28px; background: url('../images/inputs/accept-offer.png') no-repeat;}
						#the-commercial .extend li a.unaccept-offer {width: 69px; height: 28px;}
							#the-commercial .extend li a.unaccept-offer span {width: 69px; height: 28px; background: url('../images/inputs/unaccept-offer.png') no-repeat;}					
						#the-commercial .extend li a.delete-offer {width: 69px; height: 28px;}
							#the-commercial .extend li a.delete-offer span {width: 69px; height: 28px; background: url('../images/inputs/delete.png') no-repeat;}											
							
						#the-commercial .extend li a.back {width: 69px; height: 28px;}
							#the-commercial .extend li a.back span {width: 69px; height: 28px; background: url('../images/inputs/back.png') no-repeat;}
		
						#the-commercial .extend li a.arch {width: 69px; height: 28px;}
							#the-commercial .extend li a.arch span {width: 69px; height: 28px; background: url('../images/inputs/arch.png') no-repeat;}

						#the-commercial .extend li a.dearch {width: 69px; height: 28px;}
							#the-commercial .extend li a.dearch span {width: 69px; height: 28px; background: url('../images/inputs/dearch.png') no-repeat;}

/* aside */
#aside {width: 258px; float: left;}	

	#aside .box {width: 258px; margin-bottom: 8px; background: url('../images/aside/bg-top-box.gif') top no-repeat;}
		#aside .box h3 {font-size: 1.2em; color: #d80203; padding: 0 0 0 39px;}

	/* aside -> login panel */	
	#login-panel {}
		#login-panel form {background: url('../images/aside/bg-bottom-box.gif') bottom no-repeat; padding: 13px 16px;}
			#login-panel h3 {line-height: 28px; background: url('../images/icons/login-icon.png') left no-repeat;}
			#login-panel form ul {list-style: none; padding: 0; margin: 10px 0 0 0;}
				#login-panel form ul li {height: 30px; line-height: 30px; font-size: 1.1em; clear: both;}
					#login-panel form ul li label {width: 30px; text-align: right; font-weight: bold; float: left;}
					#login-panel form ul li input {float: right; width: 158px; color: #a6a6a6; padding: 9px 10px 11px 10px; font-size: 11px; background: url('../images/inputs/bg-input.png') no-repeat; border: 0;}
					
			#login-panel form p {margin: 0 0 0 157px;}
			#login-panel form .extend {overflow: hidden; height: 1%; padding-top: 10px; margin: 0; background: url('../images/site/sep-aside.png') 127px 13px no-repeat;}
				#login-panel form .extend li {height: 20px; line-height: 11px; display: inline;}
					#login-panel form .extend li a {text-decoration: underline; color: #969fa1;}
						#login-panel form .extend li a.recover-passwd {margin: 0 0 0 30px;}
						

						
	#newsletter-panel {}
		#newsletter-panel form {background: url('../images/aside/bg-bottom-box.gif') bottom no-repeat; padding: 13px 16px;}
			#newsletter-panel h3 {line-height: 28px; background: url('../images/icons/newsletter_icon.png') left no-repeat;}
			#newsletter-panel span { font-size: 11px; margin: 10px 0; display:block; }
			#newsletter-panel form ul {list-style: none; padding: 0; margin: 10px 0 0 0;}
				#newsletter-panel form ul li {height: 30px; line-height: 30px; font-size: 1.1em; clear: both;}
					#newsletter-panel form ul li label {width: 30px; text-align: right; font-weight: bold; float: left;}
					#newsletter-panel form ul li input {float: left; width: 130px; color: #a6a6a6; padding: 7px 10px 7px 10px; font-size: 11px; border: 1px solid #d2d2d2;}
					
			#newsletter-panel form p {margin: 0 0 0 157px;}
			#newsletter-panel form .extend {overflow: hidden; height: 1%; padding-top: 10px; margin: 0; background: url('../images/site/sep-aside.png') 127px 13px no-repeat;}
				#newsletter-panel form .extend li {height: 20px; line-height: 11px; display: inline;}
					#newsletter-panel form .extend li a {text-decoration: underline; color: #969fa1;}
						#newsletter-panel form .extend li a.recover-passwd {margin: 0 0 0 30px;}
						
						
		/* aside -> login panel -> after login */
		#after-login {min-height: 120px; background: url('../images/aside/bg-bottom-box.gif') bottom no-repeat; padding: 13px 16px;}
			* html #after-login {height: 120px;}
			#after-login ul {list-style: none; padding: 0; margin: 6px 0 0 0;}
				#after-login ul li {padding: 7px 0; border-bottom: 1px dashed #c1c1c1; overflow: hidden; font-size: 1.1em;}
					#after-login ul li.lastchild {border: none;}
					#after-login ul li dl {width: 226px; height: 1%;clear: left; float: left;}
						#after-login ul li dl dt {float: left; padding-left: 5px;}
							#after-login ul li dl dt em {font-weight: bold; font-style: normal;}
						#after-login ul li dl dd {float: right; }
							#after-login ul li dl dd a.more {color: #969a99; padding: 0 0 0 10px; background: url('../images/icons/grey-arrow.png') left no-repeat; text-decoration: underline;}
					
					
					#after-login .account-options {width: 226px; overflow: hidden; margin-top: 10px; font-size: 1.1em;}
						#after-login .account-options dt {display: none;}
						#after-login .account-options dd {float: left;}
							#after-login .account-options dd a {color: #969a99; text-decoration: underline; margin: 0 5px;}
							
							#after-login p.extend {width: 69px; height: 28px; overflow: hidden; position: relative; margin: 20px 0 0 157px;} 
								#after-login p.extend span {width: 69px; height: 28px; position: absolute; top: 0; left: 0; background: url('../images/inputs/logaut.png') no-repeat;}
	
	/* aside -> search box */
	#aside #search-box {}
		#aside #search-box form {background: url('../images/aside/bg-bottom-box.gif') bottom no-repeat; padding: 13px 6px;}
		#aside #search-box h3 {line-height: 36px; font-size: 1.2em; color: #d80203; padding: 0 0 0 39px; margin-left: 10px; background: url('../images/icons/search-icon.png') left no-repeat;}
		#aside #search-box ul {list-style: none; padding: 0; margin: 10px 0 0 0; overflow: hidden; height: 1%;}
			#aside #search-box ul li {font-size: 1.1em; float: left;}
				#aside #search-box ul li label {width: 60px; display: block; font-weight: bold; padding-right: 4px; line-height: 30px; text-align: right;}
					#aside #search-box ul li label.category {line-height: 22px;}
				#aside #search-box ul li input {width: 158px; color: #a6a6a6; padding: 9px 10px 11px 10px; font-size: 11px; background: url('../images/inputs/bg-input.png') no-repeat; border: 0;}
				#aside #search-box ul li #category {width: 178px; color: #a6a6a6;}
				
		#aside #search-box ul.extend {margin-top: 30px; line-height: 28px;}		
			#aside #search-box ul.extend a {color: #99a0a1; text-decoration: underline; padding-left: 10px;}		
			#aside #search-box ul.extend input.submit {width: 69px; height: 28px; padding: 0; margin: 0 0 0 20px;}
	
	
	/* aside -> our offer */
	#our-offer {}		
		#our-offer h3 {display: none;}		
		#our-offer ul {list-style: none; padding: 0; margin: 0;}		
			#our-offer ul li {width: 258px; height: 88px; margin-bottom: 8px; background: url('../images/our-offer/bg-box.png') no-repeat; cursor: pointer;}		
				#our-offer dl {width: 258px; height: 88px;}				
					#our-offer dl dt {font-size: 1.2em; font-weight: bold; padding: 15px 0 0 20px;} 		
						#our-offer dl dt a {color: #d80203;} 		
					#our-offer dl dd {width: 166px; text-align: justify; padding: 10px 0 0 20px; font-size: 1.1em;}	
					
					#our-offer dl.register {background: url('../images/our-offer/register.png') right no-repeat;}
					#our-offer dl.your-cv {background: url('../images/our-offer/your-cv.png') right no-repeat;}
					#our-offer dl.your-help {background: url('../images/our-offer/your-help.png') right no-repeat;}
					#our-offer dl.training {background: url('../images/our-offer/training.png') right no-repeat;}
					#our-offer dl.partners {background: url('../images/our-offer/partners.png') right no-repeat;}
					
					
/* sponsors */			
#sponsors {padding-top: 20px;}			
	#sponsors h3 {display: none;}			
	#sponsors dl {width: 506px; margin: 0 auto; height: 1%; overflow: hidden;}			
		#sponsors dl dt {display: none;}			
		#sponsors dl dd {height: 84px; float: left; margin: 0 30px; display: inline;}			
		* html #sponsors dl dd {margin: 0 29px;}			
	#sponsors h4 {text-align: center; margin-top: 20px; line-height: 50px; font-size: 1.1em; color: #757575; font-weight: normal;}		
			
			
/* footer */
#footer {}			
	#footer .container {border-top: 1px solid #dbdbdb; line-height: 56px;}			
		#footer ul {padding: 0; margin: 0 0 0 5px;}			
			#footer ul li {margin-right: 31px;}			
				#footer ul li a {color: #d80203; text-decoration: underline; font-size: 1.1em; background: url('../images/site/sep-footer-menu.png') top center no-repeat;}			
				
		#footer .copy-right {margin-right: 5px; font-size: 1.1em; float: right; color: #9f9f9f;}
		#footer .copy-right a {color: #9f9f9f;}
/* image replacement */
#header h1 a, #the-commercial .extend li a  {position: relative; overflow: hidden;}
	#header h1 a span, #the-commercial .extend li a span {position: absolute; top: 0; left:0; cursor: pointer;}
	
	

.blad {
width:500px;
background-color: #e2ebfe;
border: 1px solid #d5cfb2;
padding: 20px 8px;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 15px;
overflow: hidden;
font-weight: bold;
font-size: 1.2em;
color: #d80203;
}

.info {
width:500px;
background-color: #e2ebfe;
border: 1px solid #d5cfb2;
padding: 20px 8px;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 15px;
overflow: hidden;
font-weight: bold;
font-size: 1.2em;
color: #73A62D;
}