a {color:#666;text-decoration:none;cursor: pointer; }
a img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.center {text-align: center;}
.b {font-weight: bold;}
.red{color:#ad0b0b}


.font-size {
        cursor: pointer;
        margin-left: 7px;
}

#small {
        font-size: 10px;
}

#normal {
        font-size: 12px;
}

#big {
        font-size: 15px;
}




html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family:Tahoma,"Trebuchet MS",MetaBlack,sans-serif;
   color:#5e5e5e;
   font-size:12px;
   background: #fff url(../images/bg.jpg) repeat-x;
}
#container {
   min-height:100%;  
   position:relative;
}
#header {
 height:343px; 
}
#body {
   padding-bottom:50px;
  
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:50px;  
  background: url(../images/bg_footer.jpg) repeat-x;
}

/*----------------------------------main*/

#header_content{
   margin:auto;
   width:885px;
}

#logo_bg{
float:left;
width:357px;
height:67px;
background: url(../images/logo.jpg) no-repeat;
margin:18px 0px 0px 20px; 
}
#logo{
width:357px;
height:67px;
float:left;
}

#right_menu{
float:right;
width:303px;
margin-top: 15px;
font-size:11px;
}
#right_menu a{color:#5e5e5e;}

div#body_content{
	width:885px;
	margin:auto;
}





#navi{
   margin:auto;
   width:885px;
   height:20px;
}
div.nav{
padding-top:7px;
padding-left:10px;
}
div.nav a{color:#1089c9;}



#all{
   margin:auto;
   width:885px; }
 
 #all_content{
  float:left;
 }


#footer_content{
padding:20px 20px 31px 20px;
 width:845px;
 margin:auto;
 color:#666;
 font-size:11px;
 background:#dadada;
}

#footer_content a{color:#666;}
#footer_content a:hover,#footer_content a.active{ color:#444;}









a.clients{color:#cb1d2d; font-size:17px; line-height: 28px; background:  url(../images/pkt.jpg) top left no-repeat; padding-left:35px;}
a.clients:hover{color:#555;}
	
			
	
		
			#top{height:343px; }
			.logo{position:absolute; top:18px; left:0px;}
			.top_img{position:absolute; top:144px;}
			.txt_r{position:absolute; top:15px; right:0px; font-size:10px; color:#666;}
			
#m {
height:35px;
overflow:hidden;
position:relative;
top:25px;
width:673px;
float:right;
}

#menu {
  width: 673px; height: 35px;
  background: url(../images/menu.jpg);
  margin:0 0 0 0;   
  overflow:hidden;  
  
  
}

  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 
  #menu li, #menu a {
    height: 35px; display: block;}


  #panel1 {left: 0px; width: 132px;}
  #panel2 {left: 132px; width: 141px;}
  #panel3 {left: 273px; width: 132px;}
  #panel4 {left: 405px; width: 157px;}
  #panel5 {left: 562px; width: 111px;}


  #panel1.active a, #panel1 a:hover {
    background: transparent url(../images/menu.jpg)
    -0px -35px no-repeat;}
  #panel2.active a, #panel2 a:hover  {
    background: transparent url(../images/menu.jpg)
    -132px -35px no-repeat;}
  #panel3.active a, #panel3 a:hover  {
    background: transparent url(../images/menu.jpg)
    -273px -35px no-repeat;}
  #panel4.active a, #panel4 a:hover  {
    background: transparent url(../images/menu.jpg)
    -405px -35px no-repeat;}
	 #panel5.active a, #panel5 a:hover  {
    background: transparent url(../images/menu.jpg)
    -562px -35px no-repeat;}
    


			.leftbox{background: url(../images/box.jpg) no-repeat; width:257px; height:200px; float:left; margin-right:15px;margin-top:12px; font-size:11px; color:#666;}
			.leftbox a{color:#666;}
				.posk{margin:30px 0px 10px 15px; }
				.desc_b{padding:15px;}
			.contents, .contents2{float:left; width:610px; margin-bottom:20px;margin-top: 7px;}
				.contents2{ padding-left: 23px;
    width: 843px;}
				.contents h1{margin-top:30px;}
				.contents .desc{ margin:20px 0 0 2px; color:#555; text-align:justify; }
	
		   
		   .left_l{float:left; width:530px;}
				.bottom{float:left;}
				.bottom a{color:#666;}
				.bottom a.active{color:#444;}