body{margin:0px; padding:0; font-family:Tahoma, Helvetica, sans-serif; font-size: 12px; color:#444; background:#111 url(../images/bbgq.gif) top repeat;

    min-height: 100%;

    height: auto !important;

    height: 100%;

}

img{border:0;}

ul{margin:0; padding:0;}

li{list-style:none; line-height:18px; margin:0;}

a{color:#555;}

a:hover{color:#000; text-decoration:none;}

a:focus{outline:none;}

.clear{line-height:0px; clear:both;}

/*head*/

.head{background:url(../images/top.png) top no-repeat; height:137px;}

.logoclick{position:absolute; margin:35px 0 0 5px;}

.hlinks{position:absolute; margin:10px 0 0 10px; color:#676767;}

.hlinks a, .loginlinks a{color:#676767; text-decoration:none;}

.hlinks a:hover, .loginlinks a:hover{border-bottom:1px solid #777; color:#bbb;}

.loginlinks{position:absolute; margin:10px 0 0 345px; color:#bbb; width:300px; text-align:right;}.loginlinks a{color:#bbb;}

.hsearch{position:absolute; margin:7px 0 0 670px;}

.srchinp{background:none; border:none; font-size:12px; width:195px;}

.srchbutton{background:none; border:none; width:25px;}

/*menu*/



#hmenu{position:relative; z-index:3; top: 125px; padding:0 3px; background:#000 url(../images/hmenu.gif) top no-repeat; height:34px; width:743px;}



#hmenu li{float:left; display:inline; list-style:none; position:relative; padding:6px 0; margin:0;}



ul#hmenu ul {margin:0; border:0; padding:0; width:160px; list-style:none; display:none; position:absolute; font-size:12px; left:-20px; top:26px;}



ul#hmenu ul li {float:none; display:block; height:20px; line-height:18px; margin:0; padding:2px 0; border:1px solid #222; background:#777 url(../images/mgb_02.gif) top repeat-x;}



ul#hmenu a {padding:6px 15px; color:#fff; text-decoration:none;}ul#hmenu a:hover{background:url(../images/mgb_02.gif) top repeat-x;}



ul#hmenu li:hover li a, ul#hmenu li.iehover li a {font-size:11px; padding:5px 15px;margin:0; color: #eee; line-height:18px;}



ul#hmenu li:hover li a:hover, ul#hmenu li:hover li:hover a, ul#hmenu li.iehover li a:hover, ul#hmenu li.iehover li.iehover a {color: #ccc;}ul#hmenu li:hover ul ul, ul#hmenu li:hover ul ul ul, ul#hmenu li.iehover ul ul, ul#hmenu li.iehover ul ul ul {display: none;}ul#hmenu li:hover ul, ul#hmenu ul li:hover ul, ul#hmenu ul ul li:hover ul, ul#hmenu li.iehover ul, ul#hmenu ul li.iehover ul, ul#hmenu ul ul li.iehover ul {display: inline;}

/*body*/

.contener{width:898px; margin:10px auto 0;}

.body{background:#fff url(../images/img_05.gif) top repeat-y;}

.menu{float:left; width:210px; margin:0; padding:0 0 0 15px;}

.content{float:right; width:621px; text-align:left; margin:0; padding:0 14px 0 0; }

.footer3{background:url(../images/down.png) top no-repeat; height:185px; padding:50px 150px 0px 145px;}

/*loginform*/

#loginform{overflow:hidden; z-index:99; display:none; padding:20px; position:absolute; top:40px; left:45%; background:#222 url(../images/login.gif) top no-repeat; width:210px; height:127px; line-height:20px; color:#eee;}

#loginform a{color:#fff;}

.logintitle{font-size:14px; margin:0 0 10px 0; font-weight:bolder;}

.loginbg{background:#fff url(../images/hbbg.gif) repeat-x;padding:15px; line-height:20px;}

.logininph{font-size:16px; color:#333; font-weight:bolder; border-bottom:1px solid #ddd;}

.logininp{width:180px; height:16px;   background: #fff; color:#555; padding:1px 5px; margin:3px; font-size:12px;}

/*h1 & .mh1*/

h1, h2, .neh1, .mh1{font-size:12px; color:#555;  }

h1, h2{margin:0 0 -15px 0; padding:5px 5px 5px 7px;   height:20px; color:#fff;}

h1 a, h2 a{color:#fff;}

h1 a:hover, h2 a:hover{color:#ccc;  }

.neh1, .mh1{margin:15px 0 -8px 0; padding:4px 7px 5px 7px; font-size:12px; background:#777 left top repeat-x; color:#fff;}

/* news&menu */

.mh1bg{margin:15px 0 0 0;}

.c2bg{padding:5px 10px;  }

.h1bg{border-bottom:1px solid #999;margin:15px 0 0 0;}

.blockbg{padding:10px; margin:10px 0 20px 0;  }

.blockbg a{color:#000;}

.nback{padding:0 0 5px 0; margin:15px 0 20px 0;line-height:18px;  }

.newsstory{padding:7px;}

.podh{padding:0 5px; font-size:10px; line-height:16px; margin:-3px 0 5px 0; font-size:11px;}

.rmb{text-align:right; border-top:1px solid #ddd; padding:2px 5px 0 5px; margin:2px 0 0 0;}

.speedbar{margin:0 0 0 10px;}

.speedbar a{text-decoration:none; border-bottom:1px dashed #777;}

.speedbar a:hover{text-decoration:none; border-bottom:1px solid #777;}

/*  */

.bbcodes, .bbcodes_poll{font-family:Arial, Helvetica, sans-serif;border:1px solid #777; padding:2px;font-size:11px;border:1px solid #aaa;background:#777 url(../images/mgb_02.gif) left top repeat-x;}.bbcodes:hover, .bbcodes_poll:hover{background:#555 url(../images/mgb_02.gif) left bottom repeat-x; border:1px solid #999; color:#eee;}.f_textarea:focus, .f_input:focus, .f_select:focus{color:#000; border-color:#777;}.bbcodes, .bbcodes_poll{padding:1px 7px; color:#fff; margin:2px 2px 0 0;}.f_textarea, .f_input, .f_select{color: #555;font-size: 11px;font-family: tahoma;background:#fcfcfc; }.f_textarea{width: 459px;height: 156px;}.f_input{width: 300px;height: 14px;}.f_select{height: 14px;}

/*  */

.com {margin:10px 0 0 0; padding:0;background:#fff;  }

.commenttext{padding:10px;}

.com p { font-size:11px; line-height:12px;}

.comdate{margin:0; padding:4px 7px; font-size:11px; color:#555; border-bottom:1px solid #ddd;}

.author {padding:7px;   font-size:10px;}

.mcomtext{font-size:9px; color:#777;}

.comed{text-align:right; padding:3px; margin:-20px 5px 10px 0; font-size:10px;}

.ch4{text-align:right; font-size:12px; margin:5px 0 5px 0; padding:5px 0 0 0; border-bottom:1px solid #ddd;}

.ch4 a{text-decoration:none; color:#222;}

.comed{text-align:right; padding:3px; margin:0 0 10px 0; font-size:10px;}

/* .navigation */

.navigation {text-align:center;color:#ccc; border:0px;line-height:20px;}

.navigation a:link,.navigation a:visited,.navigation a:active {text-decoration:none;color:#ccc; background:#777 url(../images/mgb_02.gif) left top repeat-x; border:1px solid #222; padding:2px 6px;font-size:12px; margin:8px 0;}

.navigation a:hover {background:#777 url(../images/mgb_02.gif) left center repeat-x; color:#ddd;border-color:#222;}

.navigation span {text-decoration:none;background:#999; color:#eee; padding:2px 6px; margin:8px 0;border:1px solid #222; font-size:12px;cursor:default;}

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}

.tabberlive {

 margin-top:1em;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

 margin:0;

 padding: 0px 0px 0px 5px;

 border-bottom: 1px solid #778;

 font: bold 12px Verdana, sans-serif;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}



.tabberactive

{



  padding: 3px 0.5em  ;

 margin-left: 3px;

 border: 1px solid #778;

 border-bottom: none;

 background: #FFF;

 text-decoration: none;

}

.notabberactive

{

 padding: 2px 0.5em;

 margin-left: 3px;

 border: 1px solid #778;

 

 background: #DDE;

 text-decoration: none;

}

.tabberactive a{

 text-decoration: none;

}

 



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:5px;

 border:1px solid #aaa;

 border-top:0;

 height:600px;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}

.menushka {
position: relative;
height: 100px;
width: 700px;
z-index: 100;
}

.menushka {position:absolute; z-index:3; padding:0 3px; background:#000 url(../images/hmenu.gif) top no-repeat; height:34px; width:743px;}

.menushka ul li a, .menu ul li a:visited {
display:block;
font-style:none;
color:white;
font-family: Tahoma, Helvetica, sans-serif;
font-size:12px;
width:155px;
height:27px;
text-align:center;
text-decoration:none;
padding-top:5px;
}

.menushka ul {
padding:0;
margin:0;
list-style:none;
}

.menushka ul li {
float:left;
position:relative;
}

.menushka ul li ul {
display:none;
}

.menushka ul li ul {
float:left;
}

.menushka ul li:hover ul { display:block;position:absolute;}
/* Тут ставить то,что будет происходить с самим верхним(и всеми нижними)
элементами */
.menushka ul li:hover a {background:url(../images/mgb_02.gif) top repeat-x;}
/*Конец*/
.menushka ul li:hover ul li ul {display:none;}
/*Установка шрифтов*/
.menushka ul li ul li:hover a {color:#fffddf;}
.menushka ul li ul li:hover ul a {color:white;}
.menushka ul li ul li:hover ul {margin-left:-1px;}
.menushka ul li ul li:hover ul a:hover {color:#fffddf;}
.menushka ul li ul li:hover ul li ul{display:none;}
.menushka ul li ul li ul li:hover a {color:#fffddf;}
.menushka ul li ul li ul li:hover ul a {color:white;}
.menushka ul li ul li ul li:hover ul {display:block;}
.menushka ul li ul li ul li:hover ul li ul{display:none;}
.menushka ul li ul li ul li ul li:hover ul{display:block;}
.menushka ul li ul li ul li ul li:hover a{color:#fffddf;}
.menushka ul li ul li ul li ul li:hover ul a{color:white;}
/*Конец установки шрифтов*/
.menushka ul li ul li:hover ul {display:block;left:156px;}