body
{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
table
{
    font-size: inherit;
    font-size: 100%;
}
pre, code, kbd, samp, tt
{
    font-family: monospace;
    line-height: 100%;
}
/* CSS RESET */

ul
{
    list-style-type: none;
    padding-left:20px
}

body
{
    text-align: center;
    color: #fff;
}
a
{
    text-decoration: none;
    color: #fff;
}
a:hover
{
    text-decoration: underline;
    font-weight:bolder;
    color: #B3FFA8;
}
#wrap
{
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    background: url(images/bg.png);
}

.fl
{
    float: left;
}
.fr
{
    float: right;
}
.clearfix
{
    clear: both;
}


/* header */
#header
{
    position: relative;
    height: 140px;
}
#logo
{
    position: absolute;
    top: 40px;
    left: 50px;
}
#logo h1
{
    font-size: 32px;
    color: #fff;
    padding-left:20px;
    padding-top:20px;
}
#logo img
{
    float:left;
    margin:10px;
    border-width:0px; 
}

#logo div
{
    padding-left: 100px;
}
#nav
{
    position: absolute;
    top: 70px;
    left: 562px;
    background: url(images/nav.jpg);
    width: 380px;
    height: 38px;
    line-height: 38px;
    padding-left: 6px;
    text-decoration: none;
}
#nav li
{
    float: left;
    font-weight: 700;
    text-decoration: none;
}
#nav a
{
    text-decoration: none;
    display: block;
    text-align: center;
}
#nav a:hover
{
    background: #006633 url(images/hover.jpg);
    color: #000000;
}


li.h
{
    width: 70px;
    padding-left: 4px;
}
li.a
{
    width: 60px;
    padding-left: 4px;
}
li.p
{
    width: 80px;
    padding-left: 2px;
}
li.o
{
    width: 75px;
    padding-left: 2px;
}
li.c
{
    width: 65px;
    padding-left: 2px;
}

.h a:hover
{
}
.a a:hover
{
}
.o a:hover
{
}
.p a:hover
{
}
.c a:hover
{
}

/* content */
#content
{
    width: 880px;
    margin: 0 auto;
    
}

.main
{
    width: 660px;
    /*height: 600px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background: url(images/boxm.gif) repeat-y right top;
    color: #000;
    background-color: #fff;
    float: left;

}
.upward
{
    width: 660px;height: 10px;
    background: url(images/boxh.gif) no-repeat right top;
    float: left;
    
}
.downward
{
    width: 660px;height: 10px;
    background: url(images/boxd.gif) no-repeat right top;
    float: left;
    
}

#text
{
    padding-right:20px;
    padding-left:20px;
    padding-top:0px;
    padding-bottom:20px;
    background-color:#B3FFA8;
}
#text p
{
    margin: 0 auto; 
    padding-left:10px;   
}
#text h2
{
    font-size: 20px;
    padding: 0px 0 0px 10px;
}
#text img
{
    margin: 0px 5px 0 5px;
}
#text a
{
    color: #007F0E;
}

#col
{
    margin: 0 0 20px 0px;
    width: 300px;
    background: url(images/m.jpg);
    width: 799px;
    height: 46px;
    padding-left:80px;
    /*padding-top:4px;*/
}

#col div
{
    width: 220px;
    margin: 20px 0 0 70px;
    display: inline;
}
#col .first
{
    margin: 20px 0 0 50px;
}
#col li
{
    line-height: 20px;
}

.side
{
   float:right; width: 200px;/*     margin: 0 0 0 40px;          display: inline;
    background-color:#9EE899;*/
}
.side h2
{
    font-size: 19px;
}
.side li
{
    line-height: 20px;    
    color: #FFFFFF;
}
.side ul
{
    margin: 20px 0 30px 20px;
}
#top
{
    margin-top: 50px;
}
/* footer */
#footer
{
    background: url(images/ft.jpg);
    height: 133px;
    position: relative;
}
#ftinner
{
    position: absolute;
    bottom: 20px;
    width: 680px;
    margin-left: 120px;
}
.ftlink
{
    width: 500px;
}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#menu {padding:0; list-style:none; margin-left:10px;}/*background:url(images/back.gif); text-align:center; margin:0 auto; font-size:13px; font-family:arial, sans-serif; height:41px; float:left; }*/
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:150px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(images/button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
ul#menu li a.sub {background:url(images/button-arrow.gif) right top;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(images/button.gif) left top; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#fff;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:41px;}
* html ul#menu :hover ul {top:36px;}

ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
/*установка ширины подменю*/
ul#menu :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:125px; background:#ddd; color:#000;}
ul#menu :hover ul li a.fly {background:#ddd url(images/arrow.gif) no-repeat right center;}
ul#menu :hover ul li a:hover {background:#c60; color:#fff;}
ul#menu :hover ul li:hover > a {background:#c60; color:#fff;}

ul#menu :hover ul li a.fly:hover {background:#c60 url(images/arrow-over.gif) no-repeat right center;}
ul#menu :hover ul li:hover > a.fly {background:#c60 url(images/arrow-over.gif) no-repeat right center;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}