/*----------------------Design elements-------------------*/
html,body{padding:0;margin:0;}
*{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*----HEADER----*/
#head{
	background: url(design/head_fon.jpg) repeat-x;
	height: 100px;
}
#head_logo{
	background: url(design/head_logo.jpg) no-repeat;
	height: 100px;  width: 260px;
	float: left;
	margin-left: 5%;
}
#head_text{
	font-size: 0.65em;
	color: #ffffff;
	margin-top:45px;
	float: right;
	margin-right: 2%;
}


/*----MENU-----*/
#menu{
	background: url(design/menu_bg.jpg) repeat-x;
	height: 31px;
}
#menu_home{
	background: url(design/menu_home.jpg) no-repeat;
	height: 31px;  width:49px;
	float:left; cursor:pointer;
}#menu_home:hover{background: url(design/menu_home_sel.jpg);}
#menu_elements{
	background: url(design/menu_el_bg.jpg) repeat-x;
	height: 31px;	/*width: 70%;*/
	padding-right:20%;
	float:right;
}
.not_first{background: url(design/menu_el_notfirst.jpg) no-repeat left;height: 31px;width: 28px;float:left;}
.first.not_first{background: url(design/menu_el_first.jpg) no-repeat left;height: 31px;	width: 30px;float:left;}
.last{background: url(design/menu_el_last.jpg) no-repeat left;height: 31px;width:30px;float:left;}
.element{
	background: url(design/menu_el_bg_l.jpg) repeat-x left;height: 24px;	float:left;
	padding: 7px 15px 0px 15px;
}
.element a{
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;
}
.element a:hover{color: #888681;}

#pointer{background: url(design/pointer.jpg) no-repeat left;height: 13px;width: 11px;float:left; margin-top:5px; margin-right:10px; margin-left:-5px;}
	*html #pointer{margin-top:0px;}

#stripe{
	background: url(design/stripe.jpg) repeat-x;
	height: 22px;
}


/*---PANEL VAKANSII---*/
#counter{display:none;}
#all_vac{
	float: right;
	background: url(design/vacancy_all.jpg) no-repeat right;
	width:255px;height:31px;
	text-align:center;
	padding: 0px 20px 0px 0px;
}

#all_vac a{
	clear: left;
	color:#9B9585; text-decoration: none;
	font-weight: 400;	font-size: 18px;}
#all_vac a:hover{text-decoration: underline;}

#right_info{
	float:right;
	clear: right;
	margin-top: 25px;
} 

#vacancy{
	margin-right: 10px;
} *html #vacancy{margin-right: 5px;}

#vacancy_up{
	background: url(design/vacancy_up.jpg) no-repeat right;
	width:225px;height:26px;
	color: #ffffff;
	font-size: 16px; font-weight: bolder;
	text-align: center;
	padding-top: 14px;
}

#vacancy_down{
	background: url(design/vacancy_down.jpg) no-repeat right;
	width:225px;height:23px;
}
#vacancy_next{
	float:left; color: #ffffff;
	font-size: 10px; font-weight: bolder;cursor: pointer;
	padding-left:15px; padding-top:5px;height:18px;
}
#vacancy_prev{
	float:right; color: #ffffff;
	font-size: 10px; font-weight: bolder;cursor: pointer;
	padding-right:15px; padding-top:5px;height:18px;
}

.vacancy_el_nosel{
	background: #EFECE0 url(design/vacancy_pointer.gif) no-repeat 13px;
	border: 1px solid #9B9585;
	border-bottom:0px;
	width: 178px; height:25px;
	padding: 10px 0px 0px 45px;
	
	color: #8B8674;
	font-size: 12px; font-weight: bolder;
	cursor: pointer; 
}.vacancy_el_nosel:hover{background-color: #DBDBCC; color: #ffffff;}
.vacancy_el_sel{
	background: #DBDBCC url(design/vacancy_pointer.gif) no-repeat 13px;
	border: 1px solid #9B9585;border-bottom:0px;width: 178px; height:25px;padding: 10px 0px 0px 45px;	
	color: #ffffff;font-size: 12px; font-weight: bolder;cursor: pointer;}
a.vel, a.vel:visited{text-decoration: none; border:0px;padding:0px; font-family: Verdana, sans-serif;}
	
	
/*-----------INFO-------------*/
#info{
	background-color: #EFECE0;
	margin-top: 80px;
	width: 220px;
	font-size: 16px; font-weight: bolder;
	color: #444444;
	line-height: 21px;
	padding: 10px 0px 10px 15px;
	border-radius: 10px 0 0 10px;
}#info a:link, #info a:visited{color: #444444;} #info a:hover{color: #9F9688;}





/*---------MAIN_CONTENT----------*/
#content{
	font-family: "Times New Roman", Times, serif;
	min-height: 480px;
	margin: 60px 250px 30px 30px;
	padding-right: 30px;
	
	font-size:16px;
}
#content, #content p, li, #content a, #content strong{font-family: "Times New Roman", Times, serif;}
#content p,li{margin-bottom:0.7em;line-height: 130%;}
#content p#under_h{margin: 0 0 0.7em 2px; font-size: 12px; font-weight: bolder; font-family: Verdana, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: Verdana, sans-serif;}
h1 { font-size:165%; margin:0 0 0 0; }
h2 { font-size:140%; margin:15px 0 0 0; }
h3 { font-size:100%; font-weight:bold; margin:1.5em 0 0.5em 0; }
h4 { font-size:80%; font-weight:bold; margin:0; }
h1+h2, h2+h3{margin:0px;}
.hr1{color:#CCCCCC;height:1px;border:0px;border-top:1px solid #CCCCCC;margin:50px 0px 40px 0px;}

#content a.listlink{
	font-weight: bolder;
	font-size: 14px;
	font-family: Verdana, sans-serif;
}
#content a{font-weight: normal;}
a.listlink{margin-left:20px;}
a.listlink:link, a.listlink:visited, #content a:link, #content a:visited{color: #333333;} a.listlink:hover, #content a:hover{color: #9F9688;}

p.listpar{
	margin-left:40px;margin-top:5px;padding-bottom: 5px;font-size:14px; 
}

div#content ul { margin:0 0 5px 0; padding:0 0 0 1.4em; }
div#content ul li {list-style-image:none; list-style-position:inside; list-style-type:none; margin-bottom:5px; line-height:130%; }
* html div#content ul li { behavior:expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent:expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-2.3em' : 0 ); }
div#content ul>li {text-indent:-1.3em;}
div#content ul>li:before { content:'\2014\a0'; }



/*-------PP_in_WWW-------*/
#pp_www{
	position: relative;
	width:895px;min-width:895px;
	padding-top: 30px; padding-left:25px; padding-right:30px;
	background: url(design/pp_www_top.jpg) top repeat-x;
	margin-top:100px;/*margin-left:30px;*/margin-bottom:30px;
	margin-left: auto; margin-right:auto;
}
#pp_www_left{
	width:25px;height:263px;
	background: url(design/pp_www_left.jpg) no-repeat;
	position:absolute;
	top:0%;left:0%;
}
#pp_www_right{
	width:28px;height:263px;
	background: url(design/pp_www_right.jpg) no-repeat;
	position:absolute;
	top:0%;right:0%;
}
table.pp_www {border:0px; border-spacing: 0px 0px;  empty-cells: show;  }
table.pp_www td{height:105px;} 
td.no_sel{background: url(../../design/sqr.jpg) no-repeat;}
td.sel{background: url(../../design/sqr_sel.jpg) no-repeat !important;}
td.text{text-align:center; vertical-align: middle; font-size: 18px; line-height: 24px;}

td.no_sel, td.sel{
	width:210px;
	cursor: pointer; text-align:center; vertical-align: middle;
	font-size: 14px; line-height: 20px; color:#999999; font-weight: bolder;
}

#about_usl{display:block;}

div.about#a1{display:block;}
.no_sel#c1{background-image: url(../../design/sqr_sel.jpg);}

td.about h3, td.about h4{margin-top:0px;}
h3#about_usl{font-size:20px; font-weight:normal;  letter-spacing: 1px; }
td.about {padding-left: 20px; vertical-align: top;}
div.about{overflow: auto; width:245px; height:280px; display:none;font-size:12px;}
div.about a{color: #333333;} div.about a:hover{text-decoration:none;}
b.tt{font-size:12px; display:block; margin-top:10px;}
b.ht{font-size:14px; display:block; margin-top:10px;}


/*------FOOT------------*/
#bottom{display:block; color: #8B8674;line-height: 14px;font-weight: bolder;font-size: 10px;word-spacing: 2px;margin: 0 0 0px 30px; height:50px;padding-top:10px;}
