html {
height:100%;
}
body {
background: #eeeeee;	
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 margin:0px;
 height:auto !important;
 height:100%; min-height:100%;
 position:relative;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #13236b;
}	
a img {	
	border:0px;
	}
#left {
    background-image: url(/images/bg_sh_left.gif);
	background-repeat: repeat-x;
}
#right {
    background-image: url(/images/bg_sh_right.gif);
	background-repeat: repeat-x;
}
* html #toper_back {
width: auto;	
   
}
.gl{
background-image: url(/images/bg_sh_right.gif);
background-repeat:repeat-x;
}
.reb{
background-image:url(/images/shapka.png);
height:200px;
background-repeat:no-repeat;
}	
/*----------------articul--------------*/
#art {
padding-bottom:5px; height:25px; margin-left: 50px;
}
/*---------------Search-----------------*/	
#bg_sh {
padding: 0px;
margin:0px;
   background-image: url(/images/bg_nane_menu.gif);
	background-repeat: repeat-x;
	height: 41px; 
}	
#sh {	
	width: 195px;
	display: block;
	float: right;
	margin-top: 5px;
	padding-right: 15px;
	
	}
#sh form input {	
    background: #fff url(/images/input_fill.gif) repeat-x left top;	
	border: 0;
	float: left;
	height: 18px;
	padding-top: 4px;
	width: 150px;
	color: #999999;
	font-size: 13px;
	margin-top: 3px;
	}
.index #sh form input {	
	height: 18px;
	}
#sh span.sh_right{	
	background-image: url(/images/imgbutton.gif);
	height: 30px;
	width: 26px;
	float: left;
	margin-left: 4px;
	cursor:pointer;
	}
#auth2 a {	
    margin-right: 15px;	
    float: right;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;
	margin-top: 9px;
	text-align: justify;
}	
#auth2 a:hover {	
	color: #333333;
	text-decoration: underline;
}	
#auth2 img {	
float: right;	
padding-right: 5px;	
margin-top: 11px;	
}	
/*------------navi------------*/	
.cur_span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
}
#navi {	
	display: block;
	width: 130px;
	float: left;
	margin-top: 11px;
	}
#navi ul{	
	list-style:none;
	padding: 0px;
	margin: 0px;
	display: block;
	float: right;
	}
#navi li{	
	float: left;
	margin-right: 13px;
	}
#navi li a {	
	height: 24px;
	width: 24px;
	display: block;
	}
#navi li a:hover{	
	background-repeat: no-repeat;
	}
.nav_home a:hover{	
	background-image: url(/images/navi_home.gif);
	}
.nav_mail a:hover{	
	background-image: url(/images/navi_mail.gif);
	}
.nav_map a:hover{	
	background-image: url(/images/navi_map.gif);
	}
/*----------menu----------------*/

#horizontal_menu {
padding:0px;
border:0px;
margin:0px;
background-image:url(/images/horizontal-multilevel-menu_bg.png);
background-repeat: repeat-x;	
    width: auto;	
}	
#button a {
    font-size: 14px;	
    color: #010e43;
}	
.topnav, .topnav ul {	
    list-style: none;	
    margin: 0; padding: 0; border: 0px;	
    text-align: left; width: 100%;	
}	
.topnav li {	
    position: relative;	
    border: 0px; width: 100%;	
}	
.topnav a {	
    font-size: 11px; font-weight: bold; text-align: center; text-decoration: none;	
    display: block;	
}	
a.top_menu_on:link, a.top_menu_on:visited {	
    color: #1A57AE;	
}	
a.top_menu_on:active, a.top_menu_on:hover {	
    color: #4883D6;	
}	
a.top_menu_off:link, a.top_menu_off:visited {	
    color: #6e8ab8;	
}	
a.top_menu_off:active, a.top_menu_off:hover {	
    color: #CCCCCC;	
}	
.topnav li ul {	
    display: none; position: absolute;	
    text-align: left;	
    border: 1px solid #0c2958; border-top: 0px; padding: 0px; padding-top: 6px;	
    background: #1D488C;	
}	
.topnav li li:hover, .topnav li li.jshover {	
    background: #6e8ab8;	
}	
.topnav li li A {	
    font-size: 11px; text-align: left; font-weight: normal; text-decoration: none;	
}	
.topnav li li a:link, .topnav li li a:visited {	
    color: #6e8ab8;	
}	
.topnav li li A:active, .topnav li li a:hover {	
    color: #CCCCCC;	
}	
.topnav li:hover ul, .topnav li.jshover ul {	
    display: block;	
}	
	
.topnav li:hover li ul, .topnav li.jshover li ul {	
    display: none; list-style: none; text-align: left; top: 0px; left: 95%; padding: 0px;	
    border: 1px solid #0c2958; background: #1D488C;	
    width: 180px;	
}	
.topnav li:hover li:hover ul, .topnav li.jshover li.jshover ul {	
    display: block;	
}	
/*----content---------------*/	
#menu {	
    width: 200px;	
    float: left;
    padding-top: 3px;
	background: #d7d7d7 url(images/bg_nane_menu.gif);
	background-repeat: repeat-x;
}	
#menu a {	
    font-size: 100%;	
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #13236b;
	display: block;
}	
#my_menu_vertical {
    list-style: none;
	background: #d7d7d7;
	padding-bottom: 2px;
	/*padding-left: 15px;*/
}	
#my_menu_vertical ul {	
    list-style-image: url(/images/list_style.gif);
	padding-left: 12px;
/*float: left;*/
}
#my_menu_vertical li {	
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    color: #3f3f3f;	
    font-size: 14px;	
	
	
}	
#my_menu_vertical li a {	
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    color: #3f3f3f;	
    font-size: 14px;	
	/*padding-top: 3px;*/
	
}
#my_menu_vertical li a:hover {		
    color: #000000;		
/*	padding-top: 3px;*/
}
	
.polosa {	
    background-image: url(/images/line_b.gif);	
	background-repeat: repeat-x;
	height: 1px;
}		
#line {	
    background-color: #FFFFFF;	
    height: 1px;	
    padding: 0;	
    margin: 0px;	
	margin-top: 4px;
}	
#content_ho {	
    height: 35px;	
    background: #ffffff url(/images/bg_h.gif) repeat-y;	
	margin-top: 3px;
    margin-left: 203px;	
    margin-bottom: 15px;	
}
#toper {
 margin-top: 3px;
 background: #ffffff url(/images/bg_h.gif) repeat-y;	
 height: 35px;
 margin-bottom: 15px;
 font-weight: bold;
 margin-left: 203px;	
}
#free_1 {
 background: #e3e8cc;
 border: solid 1px black;
 margin-right: 115px;
 margin-bottom: 15px;
 margin-left: 203px;
}
#first {
   width: 100%;
}	
#course {	
    float: right;	
	margin-top: 4px;
}	
h1 {	
    text-align: left;	
    font-size: 18px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-weight: normal;	
    color: #13236b;	
    padding-left: 7px;	
    padding-top: 4px;	
    margin: 0;	
}	
#ref {	
    float: right;	
    margin-top: 3px;
	margin-right: 3px;	
 }	
 #ref a {	
 font-size: 14px;	
 text-decoration: none;	
 color: #1f317f;	
 font-family: Verdana, Arial, Helvetica, sans-serif;	
 }	
 #ref a:hover {	
 text-decoration: none;	
 color: #cccccc;	
 }	
#content P {	
    font-size: 90%;	
    text-align: justify;	
    padding: 10px;	
    margin: 0;	
}	
.investment_1 {		
    margin-left: 203px;	
}	
.investment {		
    margin-left: 205px;	
}
.investment_articul {
    margin-top: -35px;	
    margin-left: 203px;	
}
.investment a {	
    font-size: 14px;	
    text-decoration: none;	
    color: #1f317f;	
    font-family: Verdana, Arial, Helvetica, sans-serif;	
}	
.investment a:hover {		
    text-decoration: underline;	
    color: #3a3a3a;	
    font-family: Verdana, Arial, Helvetica, sans-serif;	
}	
.text_d {
    padding-left: 7px;	
	border: 1px solid #c7c7c7; background: #ffffff;
	margin-top: 0px;
	display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-size: 14px;	
}

/*----------table---------------*/
#div1 {
 margin-right:250px;
 padding: 10px;
 border-right: 1px dashed #183533;
}

#menu_det {
 position: absolute;
 right: 0;
 width: 250px;
 font-size: 90%;

}
/*----------end table---------------*/	
.text {	
    padding-left: 7px;	
	border: 1px solid #c7c7c7; background: #ffffff;
	margin-top: 4px;
	display: block;
	margin-left: 203px;
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-size: 14px;	
}	
#title2{	
 font-family: Verdana, Arial, sans-serif;	
 font-weight: bold;	
 font-size: 80%;	
 color: #575656;	
 width: 180px;	
 padding: 1px;	
 margin-right: 2px;	
 margin-top: 2px;	
 float: right;	
 background: #d7d7d7;	
	
}	
#title1 {	
    background: #ffffff;	
}	

#copper {	
	padding-left: 4px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}	
#pole {	
    padding-left: 4px;	
}	
#currency {	
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #575656;
	padding-left: 4px;
	padding-bottom: 2px;
}	
.small_1232621616 {	
	FONT-SIZE:11px; FONT-FAMILY: verdana;
}	
.norm_1232621616{	
	FONT-SIZE:11px; FONT-FAMILY: verdana;
}	
.txt_1232621616{	
	FONT-SIZE:11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}	
/*-------------footer----------------------*/	
#footer {	
 background: #020f45 url(/images/footer.gif);
 background-position: right;
 background-repeat: no-repeat;
 color: #7e88b1;
 height: 43px;
 width: 100%;
 position: absolute;
 bottom: 0;
	}
#footer a {	
    color: #7e88b1;	
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
#footer a:hover{	
	color: #ffffff;
	}
.clear {	
    clear: both;	
}
#button{
margin-top: 42px;
}
/*------------------dop----------------------*/
#mainContainer {
margin:0px;
border: 0px;
padding:0px;
min-height: 300px;
background: #eeeeee;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 200px solid    #eeeeee; /*** This is the width and the color for our left column ***/
border-right: 200px solid   #eeeeee; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -210px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content_1 {
float: right;
background:  #eeeeee;
margin-right: -200px;  /*** Same length as .outer border-left but with negative value ***/
width: 100%;
}
* html #content_1 {
position: relative;
}
.text_d{
background-color: #FFFFFF;
padding: 5px;
border: 1px #CCCCCC solid;
margin-left: 5px;
margin-right: 5px;
margin-top: 8px;
}
.text_d ol, .text_d ul {
margin: 3px 0 5px 35px;
}
.text_d li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#menu {
float: left;
width: 200px;
min-height: 200px;
background:#CCCCCC;
}
* html #menu {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#my_menu_vertical{
background-color: #CCCCCC;
}
#my_menu_vertical ul{
list-style-image:url(/images/list_style.gif);
padding-left: 20px;
}
#my_menu_vertical ul a{
text-decoration: none;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #3f3f3f;
}

#my_menu_vertica li a {

}
#my_menu_vertical li a:hover {
color: #000000;
}

#menu_n {
float: left;
width: 200px;
min-height: 200px;
background:#CCCCCC;
}
* html #menu_n {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#my_menu_vertical_n ul{
list-style: none;
padding-left: 20px;
}
#my_menu_vertical_n ul a{
text-decoration: none;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #3f3f3f;
}

#my_menu_vertica_n li a {

}
#my_menu_vertical_n li a:hover {
color: #000000;
}

#menu_n h1 {
padding-left: 15px;
padding-bottom: 1px;
color: #000066;
}
/*************************
RIGHT COLUMN
**************************/
#pet_n {
float: right; 
width: 200px;
min-height: 250px;
margin-right: -199px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
background:#CCCCCC;
display:block;
}
* html #pet_n {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
#pet_n h1 {padding-left: 8px;
padding-bottom: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #000066;
}
#pet_n ul {
display: block;
}
#pet_n ul li a{
font-size: 10px;
}
.polosa {
background-image: url(/images/line_b.gif);
background-repeat:repeat-x;
height:1px;
}
.content_1 {
font-size:18px;
color:#000066;
font-family: Verdana, Arial, Helvetica, sans-serif;	
height:30px;
background-image: url(/images/bg_h.png);
background-repeat: repeat-y;
background-color: #FFFFFF;
padding-left: 5px;
margin-left:5px;
margin-right: 5px;
}