html,body{margin:0;padding:0}
body{text-align:center;}
div#container{text-align:left;}
div#navigation{background:#FFFFFF}
div#extra{background:#FFFFFF}
div#footer{background:#FFFFFF}
div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 10px;}
div#navigation{float:left;width:10px;margin-left:-1000px}
div#extra{float:left;width:10px;margin-left:-10px}
div#footer{position:relative;width:100%;padding:0;}
div#footer_index{clear:left;width:100%;padding:0;background:#FFFFFF;}

#top
{
margin-top:15px;
padding:0;
border:0;
}

#logo
{
float:left;
margin-left:-10px;
padding:0;
border:0;
}

.top_logo
{
        border:0;
}

#lang
{
float:right;
margin:0;
padding:0;
border:0;
}

.eng
{
  border:0;
}

#menu
{
position:relative;
top:-50px;
left:0;
min-width:500px;
width:500px;
border:0;
margin:0;
padding:0;
}

#menu_i
{
position:relative;
top:-80px;
left:-20px;
float:left;
min-width:700px;
width:700px;
border:0;
margin:0;
padding:0;
}

.start_text
{
position:relative;
top:-550px;
left:700px;
width:250px;
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:8pt;
text-decoration:none;
text-align:justify;
}

#but_client
{
position:relative;width:90px;height:90px;top:-128px;left:132px;border:0;margin:0;padding:0;
}

#but_agent
{
position:relative;width:90px;height:90px;top:13px;left:365px;border:0;margin:0;padding:0;
}

#but_expert
{
position:relative;width:90px;height:90px;top:-87px;left:51px;border:0;margin:0;padding:0;
}

#but_news
{
position:relative;width:90px;height:90px;top:-65px;left:102px;border:0;margin:0;padding:0;
}

#but_vacan
{
position:relative;width:90px;height:90px;top:-118px;left:62px;border:0;margin:0;padding:0;
}

#but_contact
{
position:relative;width:90px;height:90px;top:-88px;left:243px;border:0;margin:0;padding:0;
}

.button
{
width:90px;
height:90px;
border:0;
}

#main
{
position:relative;

top:-400px;
left:275px;
border:0;

width:490px;
height:630px;

overflow:hidden;
}

#in_main
{
overflow:auto;
height:580px;
}

.bulig
{
        margin:0;
        padding:0;
        width:25px;
        height:10px;
        border:0;
}

.a_news
{
color:#003366;
font-family:Arial;
font-size:8pt;
text-decoration:none;
}

#foot
{
background:url('foot_fon.jpg') repeat-x;
height:100px;
width:875px;
border:0;
margin:0;
padding:0;
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:10pt;
}

.logo
{
width:130px;
height:60px;
border:0;
}

.pic_news
{
width:150px;
height:80px;
border:0;
}

.pic
{
  width:400px;
  border:0;
}

#news_pic
{
width:200px;
height:120px;
padding:0;
margin-top:25px;
border:0;
}

.head_news_main
{
position:relative;
top:0px;
margin-left:27px;
margin-bottom:0;
padding:0;
width:370px;
height:50px;
min-height:50px;
}

.head_news
{
position:relative;
top:-25px;
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:10pt;
text-decoration:none;
z-index:2;
}

.raduga
{
position:relative;
left:-25px;
width:50px;
height:50px;
z-index:1;
}

.news_text
{
position:relative;
margin-bottom:30px;
margin-left:0;
margin-top:10px;
padding:0;
width:400px;
border:0;
color:#003366;
font-family:Arial;
font-size:8pt;
text-align:justify;
}

.expert_text
{
position:relative;
top:10px;
margin-bottom:50px;
margin-left:0;
margin-top:0px;
padding:0;
width:400px;
border:0;
color:#003366;
font-family:Arial;
font-size:8pt;
text-align:justify;
}

#menu_agent
{
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:10pt;
text-align:center;
}

.a_menu_agent
{
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:10pt;
text-decoration:none;
}

.a_menu_expert
{
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:8pt;
text-decoration:none;
text-align:left;
}

.menu_in
{
position:relative;
left:0px;
width:425px;
margin-left:0;
margin-top:20px;
margin-bottom:20px;
text-align:left;
}

.menu_in_agent
{
width:400px;
margin-left:0px;
margin-bottom:20px;
text-align:left;
}

.head_praktika_main
{
position:relative;
top:10px;
margin-left:27px;
padding:0;
width:370px;
height:50px;
}

.a_expert
{
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:8pt;
text-decoration:none;
}

.a_proezd
{color:#003366;
font-weight:normal;
font-family:Arial;
font-size:8pt;
}

.a_partners
{
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:10pt;
text-decoration:none;
}

.praktika
{
        position:relative;
        top:20px;
width:400px;
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:8pt;
text-decoration:none;
text-align:justify;
}

.service
{
padding-top:35px;
width:400px;
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:8pt;
text-decoration:none;
text-align:justify;
}

.pic_keis
{
  width:115px;
  height:80px;
  border:0;
  margin-right:25px;
  margin-bottom:25px
}

.big_pic_keis
{
  width:400px;
  border:0;
  padding-top:20px;
  padding-right:25px;
  padding-bottom:5px
}

.title_big_pic_keis
{
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:10pt;
text-decoration:none;
}

.copyright
{
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:9pt;
text-decoration:none;
}

.empty
{
width:30px;
height:10px;
border:0;
}

.big_empty
{
width:1px;
height:1px;
border:0;
}

.logo_client
{
width:90px;
height:50px;
border:0;
}

.big_logo_client
{
width:400px;
height:450px;
border:0;
}

#ar_news
{
height:15px;
border:0;
}

.created
{
color:#003366;
font-weight:bold;
font-family:Arial;
font-size:8pt;
text-decoration:none;
}

#container2 {
	width: 490px;
	height:630px;
	background-color: #fff;
	position:relative;
    overflow:auto;
    	left: 0;
	top: 0;
}

#text {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 440px;
}


#scrollbox {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 10;
	display:inline;
	float: left;
	width: 450px;
	height: 602px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 12px;
	margin-bottom: 10px;
}

#scrollbarbox {
	display: block;
	visibility: hidden;
	position: absolute;
	right: 0;
	top: 0;
	height: 602px;
	width: 11px;
	overflow: hidden;
}

#scrolltrack {
	position: absolute;
	left: 0;
	top: 10px;
	width: 10px;
	height: 572px;
	overflow: hidden;
	background-image: url(1_v_track_bg.gif);
	background-repeat: repeat-y;
	z-index: 10;
}

#scrollgreifer {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 10;
}

#scrollpfeiloben {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 20;
}

#scrollpfeilunten  {
	display: block;
	position: absolute;
	left: 0;
	top: 582px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 30;
}

#springpfeil  {
	display: block;
	position: absolute;
	left: 0;
	top: 592px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	z-index: 40;
}
#left
{
margin:0;
padding:0;
width:430px;
}

/*
.applemenu{
margin: 5px 0;
padding: 0;
width: 390px; width of menu

}

.applemenu div.silverheader a{
background: #fff;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #003366;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #003366;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
color: #002255;
font-weight:bold;
}

.applemenu div.submenu{ /*DIV that contains each sub menu
background: #eee;
padding: 5px;
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #003366;
 /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"
}*/


.arrowlistmenu{
width: 380px; /*width of accordion menu*/
height:370px;
padding-top:5px;
}

.arrowlistmenu { /*CSS class for menu headers in general (expanding or not!)*/
font:Arial;
font-size:11pt;
font-weight:normal;
color: #003366;
background: white;
margin-top: 5px; /*bottom spacing between header and rest of content*/
padding: 15px 0 5px 10px; /*header text is indented 10px*/
}

.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
color:#003366;
font-weight:normal;
font-family:Arial;
font-size:10pt;
text-decoration:none;
background: white;
margin-top: 0px; /*bottom spacing between header and rest of content*/
padding: 0px 0 0px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
line-height:20pt;
}

.menuheader:hover { /*CSS class for menu headers in general (expanding or not!)*/
font-weight:bold;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: white;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: 5px;
color: #003366;
font: 11px Arial;
background:#eee;
}

.categoryitems
{padding-bottom:7px;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #003366;
background: white /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font:bold 11px Arial;
}
/*
.arrowlistmenu ul li a:visited{
color: #003366;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header
background: lightblue;
}
*/