/*********************************************
 * pracujeme.sk stylesheet (screen)
 * @author Radovan Paulech
 ********************************************/

/**
 * BASIC STYLE
 */

body {
	background: #FFFFFF;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #cacaca url(/western/image/frontend/bg-pattern.gif) repeat top center;
}

a {
	border-bottom: 1px solid #00CC33;
	text-decoration: none;
}

form {
	margin: 0;
}

.reset {
	clear: both;
	height: 1px;
	font-size: 0px; overflow: hidden;
}

.hide {
	display: none;
}

td, th {
	vertical-align: top;
	text-align: left;
}

.full-list {
	margin: 0;
	padding: 0;
}
	.full-list li {
		list-style: none;
		margin-bottom: 1px;
	}
	.full-list a {
		display: block;
		padding: 4px 0 4px 24px;
		background-color: #CC9900;
		font-weight: bold;
		text-decoration: none;
		border: 0px;
	}
	.full-list .regular {
		font-weight: normal;
	}

/**
 * STRUCTURE
 */
#bg-fix {
	margin: 0 auto 0 auto;
	padding-top: 22px;
	width: 720px;
	background: url(/western/image/frontend/bg-wrapper.gif) no-repeat top center;
}
#container {
	margin: 0px auto 0 auto;
	width: 700px;
}
	/* HEADER */
	#header {
	/*	background-color: #fff;*/
		padding: 7px;
		height: 102px;
		margin-bottom: 8px;
	}
		#logo {
			float: left;
			width: 195px;
		}
			
			h1 {
				margin: 0px;
				padding: 0px;
				background: url(/western/image/frontend/svk/logo.gif) no-repeat;
				width: 195px;
				height: 102px;
				text-indent: -4000px;
				font-size: 1px;
				line-height: 1px;
				z-index: 2000;
			}
			h1 a {
				display: block;
				width: 195px;
				height: 102px;
				background: none;
				text-decoration: none;
				border: 0;
			}
		#menu {
			position: relative;
			float: right;
			margin: 0;
			padding: 0;
			width: 484px;
			height: 102px; 
			background: url(/western/image/frontend/svk/menu.gif) no-repeat;
		}
		#menu li {
			position:absolute;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#menu li, #menu a {
			width: 96px;
		/*	height: 102px; */
			display: block;
		}
		#menu li a {
			padding-top: 80px;
			padding-bottom: 10px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			border: 0;
			color: #808996;
		}
			#menu li a:hover {
				text-decoration: underline;
				color: #5f656f;
			}
		#mn1 { left: 0; top: 0; }
		#mn2 { left: 96px; top: 0; }
		#mn3 { left: 193px; top: 0; }
		#mn4 { left: 290px; top: 0; }
		#mn5 { left: 387px; top: 0; }
		
		#mn1 a:hover { background: url(/western/image/frontend/svk/menu.gif) -0px -106px no-repeat; }
		#mn2 a:hover { background: url(/western/image/frontend/svk/menu.gif) -96px -106px no-repeat; }
		#mn3 a:hover { background: url(/western/image/frontend/svk/menu.gif) -193px -106px no-repeat; }
		#mn4 a:hover { background: url(/western/image/frontend/svk/menu.gif) -290px -106px no-repeat; }
		#mn5 a:hover { background: url(/western/image/frontend/svk/menu.gif) -387px -106px no-repeat; }
	
	/* WRAPPER */
	#wrapper {
		background-color: #fff;
		padding: 7px;
	}

		/* SIDEBAR (left column) */
		#sidebar {
			float: left;
			width: 195px;
		}
			.cont-header, #sidebar h2 {
				font-size: 11px;
				color: #FFFFFF;
				height: 17px;
				padding: 0;
				margin: 0;
				padding: 3px 0 0 26px;
				letter-spacing: -1px;
			}
				.heading-blue {
					background: #b2c0cc url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
				.heading-orange {
					background: #ff8c1c url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
				.heading-purple {
					background: #abbbc8 url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
				.heading-green {
					background: #AAD328 url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
				.heading-blue-dark {
					background: #1FB9E8 url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
            .heading-pink {
					background: #ef5c8c url(/western/image/frontend/arrow-head.gif) no-repeat left center;
				}
			#sidebar-offer-options {
				margin-bottom: 7px;
			}
				#sidebar-offer-options li a {
					width: 171px;
					background: #fedee7 url(/western/image/frontend/arrow-pink.gif) no-repeat 11px 6px;
					color: #ed497f;
				}
					#sidebar-offer-options li a:visited:hover, #sidebar-offer-options li a:hover {
						background-color: #fec2d3;
					}
			#sidebar-language {
				margin-bottom: 7px;
			}
				#sidebar-language li a {
					width: 171px;
					background: #fedee7 url(/western/image/frontend/arrow-pink.gif) no-repeat 11px 6px;
					color: #ed497f;
				}
					#sidebar-language li a:visited:hover, #sidebar-language li a:hover {
						background-color: #fec2d3;
					}
			#sidebar-candidate, #sidebar-employer {
				margin-bottom: 7px;
			}
			#sidebar-fast-search {
				padding: 13px;
				background-color: #E7F2BF; /* blue: #eaedee*/
			}
				/*#sidebar-fast-search*/ .search-link {
					border-color: #6C9100;
					color: #6C9100;
					padding-left: 12px;
					background: url(/western/image/frontend/arrow-green.gif) no-repeat 0px 2px;
				}
			#sidebar-login {
				padding: 13px;
				background-color: #e3e7e8;
				margin-bottom: 7px;
				color: #666C6E;
			}
				.news-link, #sidebar-login a {
					padding-left: 12px;
					background: url(/western/image/frontend/arrow-purple.gif) no-repeat 0px 2px;
				}
				#sidebar-fast-search .search-link, #sidebar-login a {
					font-weight: bold;
					border: 0;
				}
				#sidebar-login a {
					color: #a8acae;
				}
				#sidebar-fast-search select {
					margin-bottom: 5px;
					width: 150px;
				}
				
					#sidebar-fast-search .search-link:visited:hover, #sidebar-fast-search .search-link:hover {
						color: #6C9100;
						border-bottom: 1px solid #6C9100;
					}
					#sidebar-login a:visited:hover, #sidebar-login a:hover {
						color: #86898b;
						border-bottom: 1px solid #86898b;
					}
			#sidebar-agent {
				margin-bottom: 7px;
			}
				#sidebar-agent li a {
					width: 171px;
					background: #ffdab5 url(/western/image/frontend/arrow-orange.gif) no-repeat 11px 6px;
					color: #ff7e00;
				}
					#sidebar-agent li a:visited:hover, #sidebar-agent li a:hover {
						background-color: #ffc78f;
					}
			#sidebar-news {
				color: #959ca1;
			}
				#sidebar-news .news-item {
					margin: 10px 0 0 0;
				}
					#sidebar-news .news-item h3 {
						font-size: 11px;
					}
					#sidebar-news .news-item h3,
					#sidebar-news .news-item p {
						margin: 10px;
						padding: 0;
					}
					#sidebar-news .news-item p a {
						border: 0;
						color: #959ca1;
					}
					#sidebar-news .news-item p a:hover,
					#sidebar-news .news-item p a:visited:hover {
						color: #FF7E00;
						border-bottom: 1px solid #FF7E00;
					}
					#sidebar-news .news-item .news-date,
					#sidebar-news .news-item .news-link {
						font-size: 11px;
						font-weight: bold;
						background: url(/western/image/frontend/news-ticker.gif) repeat-x;
					}
					#sidebar-news .news-item .news-link {
						text-align: right;
					}
						#sidebar-news .news-item .news-date span {
							padding: 0 4px;
							background-color: #FFFFFF;
							margin-left: 5px;
						}
						#sidebar-news .news-link a {
							margin-right: 5px;
							padding: 0 24px 0 4px;
							color: #a8acae;
							text-decoration: none;
							border: 0;
							background: #FFFFFF url(/western/image/frontend/arrow-next.gif) no-repeat 44px 4px;
						}
						#sidebar-news .news-link a:visited:hover,
						#sidebar-news .news-link a:hover {
							/*border-bottom: 1px solid #a8acae;*/
							text-decoration: underline;
						}
		
		/* CONTENT (right column) */
		#content {
			float: right;
			width: 484px;
		}
			#content-offer-columns {
			}
				#content-offer-columns h2 {
					font-size: 11px;
					color: #FFFFFF;
					height: 17px;
					padding: 0;
					margin: 0;
					padding: 3px 0 0 26px;
					letter-spacing: -1px;
				}
				#content-offer-columns a, #content-offer-columns img {
					border: 0;
				}
				#content-offer-columns .offer-column {
					float: left;
					width: 240px;
				}
					#oc01 {
						margin-right: 2px;
					}
					#oc01 h2 {
						background: #a5d21f url(/western/image/frontend/gebula01.jpg) no-repeat;
					}
					#oc02 h2 {
						background: #0cb2e7 url(/western/image/frontend/gebula02.jpg) no-repeat;
					}
					
					#oc01 li a, #oc02 li a { width: 216px; }
					
					#sidebar-candidate li a, #oc01 li a {
						background: #d6ea97 url(/western/image/frontend/arrow-green.gif) no-repeat 11px 7px;
						color: #879765;
					}
						#sidebar-candidate li a:visited:hover, #sidebar-candidate li a:hover
						#oc01 li a:visited:hover, #oc01 li a:hover {
							background-color: #bed770;
						}
					#sidebar-employer li a, #oc02 li a { 
						background: #b9e6f1 url(/western/image/frontend/arrow-blue-dark.gif) no-repeat 11px 7px;
						color: #0496c4;
					}
						#sidebar-employer li a:visited:hover, #sidebar-employer li a:hover
						#oc02 li a:visited:hover, #oc02 li a:hover {
							background-color: #94d4e4;
						}
			#content-articles {
				font-family:Arial, Helvetica, sans-serif;
			}
				#content-articles .article {
				}
				#content-articles .article-content {
					margin-top: 4px;
					background: url(/western/image/frontend/article-bg.gif) no-repeat;
					padding: 12px;
					color: #959ca1;
					font-family:Arial, Helvetica, sans-serif;
					font-size: 12px;
				}
				#content-articles .article-content h3 {
					color: #87b400;
					font-size: 21px;
					margin: 0;
					padding: 0;
				}
				#content-articles .article-content a {
					color: #87b400;
					border-bottom: 1px solid #87b400;
					font-weight: bold;
				}
				#content-articles .article-link {
					margin-top: 5px;
					font-size: 11px;
					font-weight: bold;
					background: url(/western/image/frontend/news-ticker.gif) repeat-x;
					text-align: right;
				}
					#content-articles .article-link a {
						font-size: 12px;
						padding: 0 20px 0 8px;
						margin-right: 5px;
						color: #87b400;
						text-decoration: none;
						border: 0;
						background: #FFFFFF url(/western/image/frontend/arrow-next.gif) no-repeat 40px 4px;
					}
					#content-articles .article-link a:visited:hover,
					#content-articles .article-link a:hover {
						/*border-bottom: 1px solid #87b400;*/
						text-decoration: underline;
					}
	
	/* FOOTER */
	#footer {
		background-color: #fff;
	}
		#footer-copyright {
			float: left;
			width: 190px;
			color: #acb5ba;
			padding: 7px 0 0 16px;
		}
		#footer-fast-menu {
			background: url(/western/image/frontend/footer-bg.gif) repeat-x;
			float: right;
			width: 484px;
			height: 25px;
			padding: 7px 0 0 0;
			color: #959ca1;
			margin-right: 6px;
			text-align: center;
		}
			#footer-fast-menu a {
				border: 0;
				color: #959ca1;
			}
					#footer-fast-menu a:visited:hover, #footer-fast-menu a:hover {
						border-bottom: 1px solid #959ca1;
					}
	
	#style-gradient-bottom {
		margin: 0 auto;
		width: 720px;
		background:url(/western/image/frontend/gradient-bottom.gif) no-repeat top center;
		height: 12px;
	}

#content fieldset {
	padding: 3px 3px 3px 0;
	margin: 10px 0px; 
	width: 460px;
}
.cont-form {
	color: #838a8e;
}
	.cont-form h3 {
		margin: 10px 10px 10px 7px;
		font-size: 15px;
	}
	.cont-form p, .cont-form table {
		margin: 8px;
	}
	#content legend {
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 2px 4px; 
		color: #FFFFFF;
		letter-spacing: -1px;
		width: 200px;
	}

#content input, #content textarea, #content select, select {
	font-size: 11px;
	padding: 2px;
	border: 1px solid #999999;
}

#lab_name {
	font-size: medium;
	font-weight: bold;
}
.button-add {
	font-size: 9px;
}
.theme-green.cont-form {
	background: url(/western/image/frontend/section-bg.gif) repeat-x 0px 19px;
/*	color: #688A00; */  
}
	.theme-green h3 {
		color: #87B400;
	}
	.theme-green fieldset {
		background-color: #E7F2BF;
		border: 0px;
		width: 460px;
	}
	.theme-green legend {
		background-color: #AAD328;
	}
	.theme-green a {
		border-color: #87B400;
		color: #87B400;
	}

.theme-blue.cont-form {
	background: url(/western/image/frontend/section-bg.gif) repeat-x 0px 19px;
/*	color: #377082; */
}
	.theme-blue h3 {
		color: #1fb9e8;
	}
		.theme-blue h3 a {
			color: #1fb9e8;
			border-bottom: 2px solid #1fb9e8;
		}
			a img { border: 0; }
	.theme-blue fieldset {
		background-color: #DDF3F9;
		border: 0;
		width: 460px;
	}

	.theme-blue legend {
		background-color: #1FB9E8;
	}
	.theme-blue a {
		border-color: #838a8e;
		color: #838a8e;
	}
.theme-orange.cont-form {
	background: url(/western/image/frontend/section-bg.gif) repeat-x 0px 19px;
/*	color: #D96C00; */
}
	.theme-orange fieldset {
		background-color: #FFE4CA;
		border: 0px;
		width: 460px;
	}
	.theme-orange legend {
		background-color: #ff8c1c;
	}
	.theme-orange a {
		border-color: #B05800;
		color: #B05800;
	}

.theme-purple.cont-form {
	background: url(/western/image/frontend/section-bg.gif) repeat-x 0px 19px;
/*	color: #6C7375; */
}
	.theme-purple fieldset {
		background-color: #f0f1fb;
		border: 0px;
		width: 460px;
	}
	.theme-purple legend {
		background-color: #abbbc8;
	}
	.theme-purple a {
	/*	border-color: #525758;
		color: #525758; */
		border-color: #959ca1;
		color: #959ca1;
	}
 fieldset p {
	margin-left: 5px;
	margin-right: 0;
}

.offerTable {
	width: 478px;
	border-left: 1px solid #d4d6d6;
	border-right: 1px solid #d4d6d6;
	border-bottom: 1px solid #d4d6d6;
	padding: 0px 2px 2px 2px;
/*	background: url(/western/image/frontend/offer-bottom.gif) left bottom no-repeat; */
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
}

.theme-green h4.offerTitle { background: url(/western/image/frontend/offer-item-bg.gif) no-repeat; }
.theme-blue h4.offerTitle { background: url(/western/image/frontend/blue-item-bg.gif) no-repeat; }

h4.offerTitle {
	background: url(/western/image/frontend/offer-item-bg.gif) no-repeat;
	font-size: 11px;
	color: white;
	padding: 2px 0 0 26px;
/*	width: 484px; */
	height: 18px;
	margin: 20px 0 0 0;
}

h4.contactTitle {
	background: url(/western/image/frontend/item-bg-purple.gif) no-repeat;
	font-size: 11px;
	color: white;
	padding: 2px 0 0 26px;
	height: 18px;
	margin: 20px 0 0 0;
}

	.offerTable div.offerItem {
		background-color: #f4f5f6;
		padding: 11px 0 7px 24px;
		border-bottom: 1px dashed #cccccc;
		color: #838a8e;
	}
	.offerTable div.offerItem a {
		color: #838b8f;
		border-color: #838b8f;
	}
		.offerTable div.offerItem a:hover {
			color: #9bc220;
			border-color: #9bc220;
		}
	.offerTable div.offerItem:hover {
		background-color: #e9eef2;
	}
	.offerTable.purple {
      color: #7b8185;
   }
		
		.theme-green .offerTable .title {
			color: #92ab1b;
			background: url(/western/image/frontend/offer-small-arrow.gif) no-repeat 0 4px;
		}
		.theme-blue .offerTable .title {
			color: #1fb9e8;
			background: url(/western/image/frontend/blue-small-arrow.gif) no-repeat 0 4px;
		}
		
		.offerTable .title {
			margin-left: -10px;
			padding-left: 10px;
			font-weight: bold;
		}
		 .offerTable.purple .title {
		   color: #7b8185;
         background: url(/western/image/frontend/small-arrow-con.gif) no-repeat 0 4px;
       }
       .offerTable.purple .bc-link {
       	width: 200px;
		 	border: 0;
		 	padding-left: 13px;
         color: #7b95a9;
			background: url(/western/image/frontend/download-purple.gif) no-repeat 0 2px;
		 }
		 .offerTable.purple .bc-link:hover {
		      color: #619588;
		 }
	.offerTable div.last {
		border-bottom: 0px;
	}

   .lister {
      margin: 15px 17px 0 7px;
      color: #838a8e;
   }
      .lister a {
         color: #838a8e;
         border-color: #838a8e;
      }
.agencyBox {
	width: 482px;
}
	.agencyLogo {
		padding: 10px;
		float: right;
		width: 120px;
	}
	.agencyLogo img {
	/*	padding: 5px;
		border: 1px solid #EBEEEF;
*/	}
	.agencyDesc {
		float: left;
		width: 300px;
	}
.archive-link {
	background: url(/western/image/frontend/offer-small-arrow.gif) no-repeat 0 5px;
	color: #87B400;
	border-color: #87B400;
	padding-left: 8px;
	font-size: 11px;
	font-weight: bold;
}
.link-pink {
	font-weight: bold;
	color: #ed497f;
	border-color: #ed497f;
	padding-left: 12px;
	background: url(/western/image/frontend/arrow-pink.gif) no-repeat 0px 2px;
}

table#offerList {
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 17px;
}
#offerList tr:hover {
	background-color: #F2F4F3;
}
	#offerList .offerDate {
		color: #838a8e;
		padding-top: 7px;
		font-size: 11px;
		border-bottom: 1px dashed #CCCCCC;
	}
	#offerList .offerSum {
		border-bottom: 1px dashed #CCCCCC;
		padding: 7px 3px;
		color: #838a8e;
	}
		#offerList .offerSum a { font-size: 13px; }
		.greenTheme .offerSum a { color: #92ab1b; border-color: #92ab1b; }
		.greenTheme .offerSum a:hover { color: #879765; border-color: #879765; }
		.blueTheme .offerSum a { color: #1fb9e8; border-color: #1fb9e8; }
		.blueTheme .offerSum a:hover { color: #3282E9; border-color: #3282E9; }


h4.formTitle {
	font-size: 11px;
	color: white;
	padding: 2px 0 0 26px;
	height: 18px;
	margin: 15px 0 0 0;
}

	.theme-green h4.formTitle { background: url(/western/image/frontend/offer-item-bg.gif) no-repeat; }
	.theme-blue h4.formTitle { background: url(/western/image/frontend/blue-item-bg.gif) no-repeat; }
	.theme-orange h4.formTitle { background: url(/western/image/frontend/orange-item-bg.gif) no-repeat; }
	.theme-purple h4.formTitle { background: url(/western/image/frontend/purple-item-bg.gif) no-repeat; }

.formTable {
	width: 478px;
	border-left: 1px solid #d4d6d6;
	border-right: 1px solid #d4d6d6;
	border-bottom: 1px solid #d4d6d6;
	padding: 0px 2px 2px 2px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	margin-bottom: 3px;
}
	.formTable div.formHandle {
		background-color: #f4f5f6;
		padding: 3px;
		color: #838a8e;
	}
	
/*	.formHandle table td {
		border-bottom: 1px dashed #cccccc;
	}
*/
.formDesc {}

div.img-ilus {
	background: url('/western/image/frontend/shadow.gif') no-repeat bottom right;
	margin: 10px 5px;
	padding: 0;
	position: relative;
}
 
div.img-ilus img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}

.img-shadow {
  float:left;
  background: url(/western/image/frontend/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/western/image/frontend/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }