BODY, HTML
{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
#body_bg
{
  text-align: center;
}
.main
{
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.main DIV
{
  font-family: 'Open Sans Webfont', Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(51, 51, 51);
  text-align: left;
  line-height:150%;
}
.mod
{
  background: none;
  width: 3px;
  margin: 0;
  padding: 0;
}
TD, TR, DIV
{
  font-family: 'Open Sans Webfont', Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(51, 51, 51);
  text-align: left;
}

.blog DIV
{
  font-family: 'Open Sans Webfont', Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(51, 51, 51);
  text-align: left;
  line-height:150%;
}

P
{
  font-family: 'Open Sans Webfont', Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  color: rgb(51, 51, 51);
  text-align: left;
  line-height:150%;
}
HR
{
  color: #999999;
  height: 1px;
  width: 100%;
}
FORM
{
  margin: 0;
  padding: 0;
}
IMG
{
  border: 0 none #000000;
}
.leftrow
{
  width: 210px;
  height: 100%;
  margin-right: 0;
  background: #FFF;
}
.rightrow
{
  height: 100%;
  width: 210px;
  margin-left: 0;
  background: #FFF;
}
#logo
{
  position: absolute;
  margin: 0;
  padding: 0;
  background: #eeeeee;
}
#imglogo
{
  border: 0;
  height: 130px;
  width: 1900px;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 0;
}

#imglogotype
{
  border: 0;
  height: 130px;
  width: 350px;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 0;
}

#social-icons
{
  width: 1200px;
  height: 50px;
  text-align: right;
 
 
}

#social-icons img 
{
  margin: 5px 0px; 
  padding: 0; 
  width: 32px; 
  height: 32px;
 }

#oldsite
{
  width: 1203px;
  height: 100px;
  text-align: right;
  
 
}

#oldsite img 
{
  margin: 25px 0px; 
  padding: 0; 
  width: 100px; 
  height: 50px;
 }

#headermod
{
  position: relative;
  float: right;
  height: 40px;
  background: none;/*#202020;*/
  color: #6D6C6C;
  overflow: hidden;
  width: 178px;
  /*margin-left: 2px;*/
  margin: 5px;
  top: 40px;
}
#headermod DIV
{
  overflow: hidden;
  height: 23px;
  background: #FFFFFF;/*#202020;*/
  color: #6D6C6C;;
  margin: auto;
  border: 1px solid #DDDADD;
}
#headermod P
{
  color: #FFF;
  padding: 0;
  margin: 0;
}
BUTTON, .button
{
  font-size: 11px;
  color: #333333;
  border: 1px solid none;
  margin: auto auto;
  background-color: none;
 /* padding: 2px !important;
  padding: 1px;*/
  padding: auto;
  cursor: pointer;
  vertical-align: -5px;
}
.inputbox
{
  color: #6D6C6C;
  background: #FFFFFF;
  border: none;/*1px solid #DDDADD;*/
  margin: auto;/*3px;*/
  height: 17px;
   top: 30px;
}
.blog-featured H1, .blog H1
{
  font-size: 17px;
  color: #333333;
  margin: 5px 0;
  text-align: center;
}
H1
{
  font-size: 17px;
  color: #333333;
  margin: 5px 0;
}
H2
{
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  text-transform: none;
  text-align: left;
  text-indent: 0;
  width: 100%;
  padding: 1px;
  margin: 3px 0px;
}
H3
{
  font-size: 13px;
  color: #333;
  margin: 5px 0;
}
A:link, A:visited
{
  text-decoration: none;
  font-weight: bold;
}
A:hover
{
  color: #999;
  text-decoration: none;
  font-weight: bold;
}
UL
{
  margin: 5px 2px;
  padding-left: 10px;
  list-style: none;
}
LI
{
  line-height: 15px;
  padding-left: 15px;
  margin: 10px 0;
  background-image: url(../images/li.jpg);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
OL LI
{
  background-image: none;
}
DIV.date
{
  float: right;
  font-size: 11px;
  font-weight: bold;
  width: 100px;
  text-align: right;
}
DIV.pw
{
  float: left;
  width: auto;
  text-align: left;
  margin-left: 0;
}
.footer
{
  font-size: 11px;
  font-weight: normal;
  padding: 10px 0;
  color: #333;
  text-align: center;
}
.footer P
{
  padding: 5px 0;
  color: #333;
  text-align: center;
}
#footertext, #footertext P
{
  color: #333;
}
#footertext
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.lcol
{
  vertical-align: top;
  background: #FFFFFF;
  padding-top: 5px;
  border-left: 1px solid #CCCCCC;
  padding-left: 3px;
}
.rcol
{
  vertical-align: top;
  background: #FFFFFF;
  padding-top: 5px;
  border-right: 1px solid #CCCCCC;
  padding-right: 3px;
}
.foot
{
  background: none;
  vertical-align: top;
}
TD.top1
{
  margin: 0;
  padding: 0 0 5px;
  height: 25px;
  text-align: center;
}
#top1
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.tm
{
  margin: 0;
  padding: 0;
}
TABLE.maincontent
{
  background: #FFFFFF;
  border-top: 1px solid #CCCCCC;
}
#searchbox
{
  margin: 100px;
  padding: 0;
  margin-top: 13px;
  margin-left: 10px;
  width: 130px;
  font-size: 11px;
  color: #707070;
  padding: 2px !important;
  padding: 1px;
  border: 1px solid #CCCCCC;
  background: none;
}
#logoheader
{
  margin: 0;
  padding: 0;
  height: 130px;
  width: 100%;
  position: relative;
  overflow: hidden;
  top: 0px;
  left: 0px;
  border: 1px solid #FFFFFF;
  background: #eeeeee;
}
#headerconteiner
{
  clear: both;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
TD.bgl
{
  margin: 0px;
  padding: 0px;
  width: 7px;
}
#srch .inputbox
{
  width: 180px;
  margin: 10px 0;
  height: 15px;
  font-size: 13px;
  background: #2A2A2A;
  border: none;
  color: #FFFFFF;
}
#srch
{
  position: relative;
  right: 0;
  float: right;
  width: 220px;
  height: 42px;
  margin-right: 0;
  margin-top: 0;
  background: #202020;
  text-align: center;
}
.clear
{
  clear: both;
  background: none;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}
PRE
{
  width: 500px;
  overflow: auto;
  font-size: 12px;
  border: 2px solid #E9E7E9;
  padding: 15px;
  margin: 15px 0;
  color: #676067;
}
BLOCKQUOTE
{
  width: 500px;
  margin: 15px 0;
  padding: 15px;
  border-top: 3px solid #DDDADD;
  border-bottom: 3px solid #DDDADD;
  background: #F5F4F5;
  color: #676067;
}
.highlight
{
  background-color: #A02C27;
  color: #F53B00;/*#FFFFFF;*/
  padding: 0 5px;
}
TD.bgnoright
{
  margin: 0;
  padding: 0;
  background: url(../images/bg_noright.gif) repeat-y top right;
  width: 7px;
}
TD.bgnoleft
{
  margin: 0;
  padding: 0;
  background: url(../images/bg_noleft.gif) repeat-y top left;
  width: 7px;
}
#botmod, #topmod
{
  padding: 5px 3px;
  background: #F5F4F5;
  border: 1px solid #CCCCCC;
}
#mainconteiner
{
  margin-left: auto;
  margin-right: auto;
}
/*** modules ***/
TABLE.moduletable, TABLE.moduletable_menu
{
  margin: 0 0 8px;
  width: 100%;
  padding: 0;
  padding-bottom: 2px;
}
#topmod TABLE.moduletable, #topmod TABLE.moduletable_menu, #botmod TABLE.moduletable, #botmod TABLE.moduletable_menu
{
  margin: 0;
}
TABLE.moduletable TH, TABLE.moduletable_menu TH
{
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  background: #DDDADB;
  color: #666;
  padding: 2px 0;
  line-height: 24px;
  border-bottom: 1px solid #D2D5D8;
  text-transform: none;
}
TABLE.moduletable TD, TABLE.moduletable_menu TD
{
  padding: 2px 5px 5px;
  background: #F5F4F5;
   font-size: 12px;
}
#topmod TABLE.moduletable TD, #topmod TABLE.moduletable_menu TD, #botmod TABLE.moduletable TD, #botmod TABLE.moduletable_menu TD
{
  background: #E9E7E8;
}
TABLE.moduletable_menu TD
{
  padding: 2px 0 0;
}
.lcol TABLE.moduletable TH, .lcol TABLE.moduletable_menu TH, .rcol TABLE.moduletable TH, .rcol TABLE.moduletable_menu TH
{
  color: #FFFFFF;
  background: url(../images/sidebar.gif) 0 0 repeat-x;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.lcol TABLE.moduletable TH SPAN, .lcol TABLE.moduletable_menu TH SPAN, .rcol TABLE.moduletable TH SPAN, .rcol TABLE.moduletable_menu TH SPAN
{
  color: #FFFFFF;
  font-size: 14px;
  white-space: nowrap;
  background: none;
  padding: 6px;
  font-weight: bold;
}
.lcol TABLE.moduletable_menu TD P, .rcol TABLE.moduletable_menu TD P
{
  font-family: 'Open Sans Webfont', Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(51, 51, 51);
  text-align: left;
  
}
.rcol TABLE.moduletable TH, .rcol TABLE.moduletable_menu TH
{
  text-align: center;
}
/*Main Menu*/
TABLE.moduletable_menu UL, TABLE.moduletable_menu UL LI
{
  background-image: none;
  list-style: none;
  display: block;
  width: 100%;
  margin: 1px 0px;
  padding: 0;
  font-size: 12px;
  background: none;
}
TABLE.moduletable_menu UL LI A, TABLE.moduletable_menu UL LI A:link, TABLE.moduletable_menu UL LI A:visited
{
  display: block;
  font-size: 13px;
  border-bottom: 1px solid #E9E7E9;
  background-color: #F5F4F5;
  font-weight: bold;/*normal;*/
  padding: 2px 0;
  color: rgba(239, 110, 31, 0.94);/*#F06611;*//*#666666;*/
  padding-left: 10px;
  /*text-align: center;*/
}
TABLE.moduletable_menu UL LI A:hover
{
  border-bottom: 1px solid #E9E7E9;
  background-color: #E9E7E9;
  font-size: 13px;
  font-weight: bold;/*normal;*/
  text-decoration: none;
  padding-left: 10px;
  /*text-align: center;*/
}
TABLE.moduletable_menu UL LI.active A:link, TABLE.moduletable_menu UL LI.active A:visited
{
  border: none;
  background-color: #E9E7E9;
  font-weight: bold;
}
TABLE.moduletable_menu UL LI UL LI A:link, TABLE.moduletable_menu UL LI UL LI A:visited, TABLE.moduletable_menu UL LI UL LI UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI A:visited
{
  display: block;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #999999;
  padding: 3px 1px 3px 5px;
  margin: 3px;
  text-decoration: none;
  padding-left: 15px;
  border: none;
  background-color: #E9E6E6;
}
TABLE.moduletable_menu UL LI UL LI A:hover, TABLE.moduletable_menu UL LI UL LI UL LI A:hover
{
  background: none;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  padding-left: 15px;
}
TABLE.moduletable_menu UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI.active UL LI A:visited
{
  display: block;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #5377A5;
  padding: 3px 1px 3px 5px;
  margin: 3px;
  text-decoration: none;
  padding-left: 15px;
  border: none;
  background-color: #E9E6E6;
}
TABLE.moduletable_menu UL LI.active UL LI.current A
{
  font-weight: bold;
}
TABLE.moduletable_menu UL LI.active UL LI UL LI A:link, TABLE.moduletable_menu UL LI.active UL LI UL LI A:visited
{
  display: block;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #6284B0;
  padding: 3px 1px 3px 5px;
  margin: 3px;
  text-decoration: none;
  padding-left: 15px;
  border: none;
  background-color: #DDDADA;
}
TABLE.moduletable_menu UL LI UL LI UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI.active UL LI A:visited
{
  color: #666666;
  border: none;
  background-color: #F2F2F2;
  font-weight: normal;
}
TABLE.moduletable_menu UL LI UL LI UL LI UL LI.active UL LI A:link, TABLE.moduletable_menu UL LI UL LI UL LI UL LI.active UL LI A:visited
{
  color: #999999;
  background-color: #F8F9FA;
}
TABLE.moduletable_menu UL LI.active UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI UL LI A:hover, TABLE.moduletable_menu UL LI.active UL LI UL LI UL LI UL LI A:hover
{
  background: none;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  padding-left: 15px;
}
/*Tooltips*/
.tip, .tool-tip
{
  float: left;
  background: #FFC;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  font-size: 12px;
}
.tool-title
{
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text
{
  font-size: 12px;
  margin: 0;
}
/*System Standard Messages*/
#system-message DD.message UL
{
  background: #C3D2E5 url(../images/system/notice-info.png) no-repeat 4px center;
}
#system-message DD.message UL LI
{
  background-image: none;
  text-align: center;
}
/*System Error Messages*/
#system-message DD.error UL
{
  color: #C00;
  background: #E6C0C0 url(../images/system/notice-alert.png) no-repeat 4px center;
  border-top: 3px solid #DE7A7B;
  border-bottom: 3px solid #DE7A7B;
}
#system-message DD.error UL LI
{
  background-image: none;
  text-align: center;
}
/*System Notice Messages*/
#system-message DD.notice UL
{
  color: #C00;
  background: #EFE7B8 url(../images/system/notice-note.png) no-repeat 4px center;
  border-top: 3px solid #F0DC7E;
  border-bottom: 3px solid #F0DC7E;
}
#system-message DD.notice UL LI
{
  background-image: none;
  text-align: center;
}
/** Login **/
P#form-login-password .inputbox, P#form-login-username .inputbox
{
  width: 120px;
  height: 15px;
}
FIELDSET.userdata
{
  border: none;
  margin: 0;
  padding: 5px 5px 5px 10px;
}
FORM#login-form
{
  color: #333333;
  margin: 5px 0 10px;
  padding: 5px;
  text-align: left;
}
FORM#login-form P
{
  margin: 5px 0;
  padding: 3px 0;
  text-align: left;
}
FORM#login-form FIELDSET
{
  border: none;
  margin: 0;
  padding: 5px 0 0;
  background: #F0F0F0;
}
FORM#login-form FIELDSET LABEL
{
  color: #A7A7A7;
}
FORM#login-form FIELDSET .inputbox
{
  color: #333333;
  background: none;
  border: 1px solid #DDDADB;
  margin: 3px 0;
  display: block;
}
FORM#login-form UL A
{
  text-decoration: none;
}
FORM#login-form FIELDSET P
{
  padding: 0 7px;
  margin: 5px 0 2px;
}
FORM#login-form FIELDSET INPUT.button
{
  margin: 5px 0 10px 10px;
}
FORM#login-form UL
{
  padding-bottom: 10px;
}
/*****  print, pdf, mail  *****/
.main UL.actions
{
  text-align: right;
  padding: 0;
  margin: 0;
}
.main UL.actions LI
{
  display: inline;
  margin: 0 5px;
  background-image: none;
}
.main UL.actions A
{
  text-decoration: none;
}
/**** pagenav ****/
DIV.pagination
{
  clear: both;
}
UL.pagenav
{
  display: block;
  text-align: center;
}
.pagenav LI, DIV.pagination UL LI
{
  display: inline;
  background-image: none;
}
LI.pagenav-prev
{
}
LI.pagenav-prev A
{
}
LI.pagenav-next
{
}
LI.pagenav-next A
{
}
/**** article-info ****/
DL.article-info
{
  padding: 10px;
  background: #F5F4F5;
  font-style: italic;
}
DT.article-info-term
{
  width: auto;
  font-weight: bold;
  color: #666;
}
/******** content *********/
DIV.category-desc, DIV.cat-items
{
  margin: 10px 0;
  background: #FCFCFD;
  clear: both;
}
SPAN.item-title A
{
}
DIV.cat-children UL LI
{
  clear: both;
}
DL.article-count
{
  margin: 5px 0;
  padding: 5px;
  background: #FCFCFD;
  font-style: italic;
}
DL.article-count DT, DL.article-count DD
{
  display: inline;
  padding: 0;
  margin: 0;
}
.readmore
{
  padding: 10px 0;
}
P.readmore A:link, P.readmore A:visited
{
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  background: url(../images/readon.gif) no-repeat bottom left;
  white-space: normal;
  font-weight: normal;
  padding: 1px 0 3px 18px;
  float: right;
  line-height: 11px;
  text-decoration: underline;
}
P.readmore A:hover
{
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  background: url(../images/readon.gif) no-repeat bottom left;
  white-space: normal;
  font-weight: normal;
  padding: 1px 0 3px 18px;
  line-height: 11px;
  text-decoration: underline;
}
.item-separator
{
  display: block;
  height: 15px;
  clear: both;
}
.bannergroup
{
  text-align: center;
}
.banneritem {
        display: inline-block;
    margin-top: 15px;
    text-align: center;
    }
.pagenavcounter
{
  font-size: 10px;
  color: #666666;
}
.small
{
  font-size: 10px;
  color: #333333;
}
.login-fields
{
  margin: 10px 0;
}
.login-fields LABEL
{
  width: 250px;
  float: left;
}
SELECT#ordering OPTION
{
  line-height: 25px;
}
#ordering, #limit
{
  height: 20px;
}
SPAN.pagination
{
  display: block;
  text-align: center;
}
.pagination SPAN
{
  padding: 2px;
}
.pagination A
{
  padding: 2px;
}
A.pagination:link, A.pagination:visited
{
  font-size: 11px;
  color: #999999;
  text-decoration: none;
}
A.pagination:hover
{
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}
#article-index
{
  display: block;
  float: right;
  border: 1px solid #DDDADB;
  background: #F5F4F5;
  padding: 5px;
  margin: 0 10px 10px;
}
UL.weblinks LI
{
  line-height: 20px;
  background: #F5F4F5;
}
SELECT.inputbox
{
  padding: 0px;
  font-size: 11px;
}
LEGEND
{
  color: #777777;
}
.ordering-box .inputbox, .filter-search .inputbox
{
}
.filter-search BUTTON
{
}
.filter-search
{
  padding: 5px;
}
/*#################### tables ############################*/
TABLE
{
  border-collapse: collapse;
  margin:0 auto;
}
TABLE.weblinks, TABLE.category
{
  margin: 10px 0;
  width: 100%;
  border: 1px solid #E9E7E9;
}
TABLE.weblinks TD
{
  border-collapse: collapse;
}
TABLE.weblinks TD, TABLE.category TD
{
  padding: 5px;
  border: 1px solid #E9E7E9;
}
TABLE.weblinks TH, TABLE.category TH
{
  padding: 5px;
  text-align: left;
  background: #DDDADB;
}
TD.list-title
{
  background: #F5F4F5;
}
TD.createdby
{
  background: #FCFCFC;
}
TD.list-hits
{
  background: #F2F2F2;
}
FIELDSET
{
  margin-bottom: 10px;
  background: #F5F4F5;
  border: 1px solid #E9E7E9;
}
UL#archive-items LI
{
  background-image: none;
}
UL#archive-items LI DIV UL LI
{
  background-image: url(../images/strelka.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
.cat-items
{
  clear: both;
}
/*** contact ***/
.contact H3
{
  margin: 20px 0;
}
.form-required
{
  font-weight: bold;
  margin: 10px 0;
}
.contact-email LABEL
{
  width: 250px;
  float: left;
}
.contact-email .inputbox
{
  background: #F5F4F5;
  border: 1px solid #E9E7E9;
  padding: 3px;
}
#contact-formname, #contact-email, #contact-subject, #contact-text
{
  width: 345px;
}
.contact-image, .contact-position, .contact-address, .contact-contactinfo, .contact-miscinfo
{
  margin: 10px 0;
}
/*** contact  slider ***/
.panel
{
  border: 1px solid #E9E7E9;
  margin-top: 10px;
}
.contact .panel H3
{
  margin: 0;
  padding: 0;
  background: #F5F4F5;
}
.panel H3 A
{
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #676067;
  padding: 6px;
}
.panel H3.pane-toggler A
{
  background: #F5F4F5 url(../images/plus.png) no-repeat 99% 50%;
}
.panel H3.pane-toggler-down A
{
  background: #F5F4F5 url(../images/minus.png) no-repeat 99% 50%;
  border-bottom: 1px solid #E9E7E9;
}
.pane-slider
{
  border: 0px solid #000000;
  padding: 0px 10px !important;
  margin: 0;
}
/*.pane-slider content*/
#INVALID-RULE
{
}
.panel .contact-form, .panel .contact-miscinfo
{
  padding: 10px;
}
.contact .panel .contact-form FORM, .contact .panel .contact-address
{
  margin: 20px 0 0;
}
/****** list-row ******/
.cat-list-row0
{
  padding: 3px;
  background: #F4F5F7;
}
.cat-list-row1
{
  padding: 3px;
  background: #F2F2F2;
}
/***** blog columns *****/
.cols-1
{
  display: block;
  float: none !important;
  margin: 0 !important;
}
.cols-2 .column-1
{
  width: 49%;
  float: left;
}
.cols-2 .column-2
{
  width: 49%;
  float: right;
  margin: 0;
}
.cols-3 .column-1
{
  float: left;
  width: 33%;
}
.cols-3 .column-2
{
  float: left;
  width: 33%;
  padding-left: 1%;
}
.cols-3 .column-3
{
  float: right;
  width: 32%;
}
.cols-4 .column-1
{
  width: 24%;
  float: left;
}
.cols-4 .column-2
{
  width: 24%;
  padding-left: 1%;
  float: left;
}
.cols-4 .column-3
{
  width: 24%;
  padding-left: 1%;
  float: left;
}
.cols-4 .column-4
{
  width: 25%;
  float: right;
}
SPAN.row-separator
{
  display: block;
  clear: both;
}
/*********** suckerfish menu *********/
#navborder
{
  height: 12px;
 
}
#nav
{
  z-index: 100;
  position: relative;
  /*border: 1px solid #7D7A78;*/
  height: 40px;
  /*margin-left: 0;*/
  background: url(../images/mainmenu.png) 0 0 repeat-x;
   /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
   float:left;
   width:100%;
   

  
}
#nav UL
{
  margin: 0;
  padding: 0;
  z-index: 100;
  clear:left;
   float:left;
   list-style:none;
   position:relative;
   left:50%;
   text-align:center;
   

}
#nav LI
{
  list-style: none;
  float: left;
  padding-left: 0px;
  height: auto;
  position: relative;
  background-image: none;
  margin: 0;
  /*display: inline-block;*/
  /*box-shadow: 0 1px 0 #111, 0 2px 0 #666;*/
  display:block; 
   padding:0;
   right:50%;
    width:130px;
    
}
#nav LI A
{
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #FFF;
  font-weight: bold;
  background: none;/*#7D7A78;*/
  
}
#nav LI.active A
{
  color: #FFF;
}
#nav LI A:hover, #nav LI:hover A, #nav LI.sfHover A
{
  color: #FFF;
  text-decoration: none;
}
#nav LI UL
{
  position: absolute;
  width: 290px;/*190px;*/
  left: -999em;
  margin-left: -1px;
  border-top: 0;
  z-index: 1000;
  border-radius: 3px;
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
   
   
}
#nav LI UL UL
{
  margin: -31px 0 0 190px;
  z-index: 1001;
  width: 290px;
 /*position: relative;
   right:50%;*/
  
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL, #nav LI:hover UL UL UL UL, #nav LI.sfHover UL UL, #nav LI.sfHover UL UL UL, #nav LI.sfHover UL UL UL UL
{
  left: -999em;
}
#nav LI LI
{
  padding: 0;
  height: auto;
  background: #FFF;
  display: block;
  /*
   clear:left;
   float:left;
   list-style:none;
   position:absolute;
   left:50%;
   text-align:center;*/
   position: relative;
    left: 0;
    float: none;
    height: auto;
    text-align: left !important;
    
}
#nav LI LI A, #nav LI LI.active A
{
  margin: 0;
  height: auto;
  line-height: 30px;
  color: #FFF;
  width: 270px;
  
}
#nav LI LI A
{
  background: #2A2A2A;
  
}
#nav LI LI A:hover
{
  background: #E7E7E7;
  color: #2586CB; /*#332920;*/
  /*text-shadow: none;*/
  
}
#nav LI LI A, #nav LI.active LI A
{
  font-weight: bold;
}
#nav LI:hover UL, #nav LI.sfHover UL
{
  left: 4px;
}
#nav LI LI:hover UL, #nav LI LI LI:hover UL, #nav LI LI LI LI:hover UL, #nav LI LI.sfHover UL, #nav LI LI LI.sfHover UL, #nav LI LI LI LI.sfHover UL
{
  left: 0;
  background: #2A2A2A;
}









/******** **********/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*************************** Основные пункты **/

#mainmenu {
    position: relative;
    border: 1px solid #667e02;
    background-color: #426E1F;
    background-image: -moz-linear-gradient(#9cc101, #426E1F);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc101), to(#426E1F));
    background-image: -webkit-linear-gradient(#9cc101, #426E1F);
    background-image: -o-linear-gradient(#9cc101, #426E1F);
    background-image: linear-gradient(#9cc101, #426E1F);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    box-shadow: 0 1px 1px #6F8958, 0 1px 0 #5D764A inset;
    -moz-box-shadow: 0 1px 1px #6F8958, 0 1px 0 #5D764A inset;
    -o-box-shadow: 0 1px 1px #6F8958, 0 1px 0 #5D764A inset;
    -ms-box-shadow: 0 1px 1px #6F8958, 0 1px 0 #5D764A inset;
    -webkit-box-shadow: 0 1px 1px #6F8958, 0 1px 0 #5D764A inset;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    width: 100%;/*960px;*/
    z-index: 1000;/* для отображения подпунктов поверх остальных блоков */
    
}

#mainmenu ul, /* сбрасываем поля и отступы у списков */
#mainmenu ul ul,
#mainmenu ul ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    
}
#mainmenu ul {
    clear: left;
    position: relative;
    right: 50%;
    height: 40px;
    float: right;
    text-align: center;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;/*normal;*/
    text-transform: uppercase;
    }
    


#mainmenu ul li {
    border-right: 1px solid #5B6F3E;/*#111;*/
    box-shadow: 1px 0 0 #9cc101;
    -moz-box-shadow: 1px 0 0 #9cc101;
    -o-box-shadow: 1px 0 0 #9cc101;
    -ms-box-shadow: 1px 0 0 #9cc101;
    -webkit-box-shadow: 1px 0 0 #9cc101;
    position: relative;
    left: 50%;
    float: left;
    height: 39px;
    background-image:none;
    margin:0;
    padding:0;
    
    
}
#mainmenu ul li:last-child {
    border: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none
}
#mainmenu ul li a {
    display: block;
    color: #fafafa;/*#DDD;*/
    text-decoration: none;
    padding: 13px 25px;
    font-weight: normal;
    font: 13px Arial, Helvetica, sans-serif;
   /* text-shadow: 0 1px 0 #3D4C00;*/
    /*font-weight: bold;*/
    
}



#mainmenu ul > li:hover > a {
    /*background-color: #0186BA;
    background-image: -moz-linear-gradient(#04acec, #0186ba);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);*/
    background-color: #246B32;
    background-image: -moz-linear-gradient(#37AB4F, #246B32);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#37AB4F), to(#246B32));
    background-image: -webkit-linear-gradient(#37AB4F, #246B32);
    background-image: -o-linear-gradient(#37AB4F, #246B32);
    background-image: linear-gradient(#37AB4F, #246B32);
    color: #fafafa;
    font-weight: normal;/*bold;*/
    /*text-shadow: 0 1px 0 #3D4C00;*/
    
}

/** Индикатор наличия подкатегорий верхнего уровня **/

#mainmenu > ul > li.parent > a::after {
    border-left: 1px solid #fafafa;/*#CCC;*/
    border-top: 1px solid #fafafa;/*#CCC;*/
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 8px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    height: 5px;
    width: 5px;
}



/*************************** Выпадающие подпункты **/

#mainmenu ul li ul {
    background: #9cc101;
    background: -moz-linear-gradient(#EEF5CF, #81A002);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEF5CF), to(#81A002));
    background: -webkit-linear-gradient(#EEF5CF, #81A002);
    background: -o-linear-gradient(#EEF5CF, #81A002);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEF5CF), to(#81A002));
    background: linear-gradient(#EEF5CF, #81A002);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    line-height: 18px;
    top: 39px;
    font-size: 12px;
    font-weight: normal;
    margin-top: 20px;
    height: auto;
    min-width: 250px;
    width: 100%;
    
    
}
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: margin 0.3s ease 0s;
       -moz-transition: margin 0.3s ease 0s;
         -o-transition: margin 0.3s ease 0s;
            transition: margin 0.3s ease 0s;
    margin: 0;
    z-index: 11;
}
#mainmenu ul li ul li {
    border: none;
    box-shadow: 0 1px 0 #7B9804, 0 2px 0 #A3C783;
    -moz-box-shadow: 0 1px 0 #7B9804, 0 2px 0 #A3C783;
    -o-box-shadow: 0 1px 0 #7B9804, 0 2px 0 #A3C783;
    -webkit-box-shadow: 0 1px 0 #7B9804, 0 2px 0 #A3C783;
    -ms-box-shadow: 0 1px 0 #7B9804, 0 2px 0 #A3C783;
    position: relative;
    left: 0;
    float: none;
    height: auto;
    text-align: left !important;
    
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding: 10px 15px;
    border: none;
    color: #154103;/*#151212;*/
    font-size: 14px;
    
}

/*************************** Выпадающие пункты второго уровня **/

#mainmenu ul li ul li ul {
    top: 0;
    left: 100%;
    margin: 0 0 0 20px;
    _margin: 0;
    /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, .3);
    -o-box-shadow: -1px 0 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: -1px 0 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, .3);
}

/** Индикатор наличия подкатегорий 2 уровня **/

#mainmenu > ul > li ul li.parent > a::after {
    border-left: 1px solid #111;/*#CCC;*/
    border-top: 1px solid #111;/*#CCC;*/
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 7px 0px 0px 8px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    height: 5px;
    width: 5px;
    float: right;
}

#mainmenu > ul > li ul li.parent:hover > a::after {
    border-left: 1px solid #fafafa;/*#CCC;*/
    border-top: 1px solid #fafafa;/*#CCC;*/
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 7px 0px 0px 8px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    height: 5px;
    width: 5px;
    float: right;
}

/********************** Стрелочки на подпунктах **/

#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
#mainmenu ul li > ul > li:first-child > a:before {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #9cc101;
}
#mainmenu ul ul ul li:first-child a:before {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #A0B258;/*#465701;*/
}
#mainmenu ul ul li:first-child a:hover:before {
    border-bottom-color: #37AB4F;
}
#mainmenu ul ul ul li:first-child a:hover:before {
    border-right-color: #246B32;
    border-bottom-color: transparent;
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#mainmenu > ul > li.parent > ul > li:first-child > a::before {
    display: none;
}
#mainmenu > ul > li.parent > a::before {
    bottom: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #9cc101;
    content: '';
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -6px;
}
#mainmenu > ul > li.parent:hover > a::before {
    visibility: visible;
    -webkit-transition: all .5s ease .2s;
       -moz-transition: all .5s ease .2s;
         -o-transition: all .5s ease .2s;
            transition: all .5s ease .2s;
}


#mainmenu ul li.current a{
   background-color: #246B32;
    background-image: -moz-linear-gradient(#37AB4F, #246B32);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#37AB4F), to(#246B32));
    background-image: -webkit-linear-gradient(#37AB4F, #246B32);
    background-image: -o-linear-gradient(#37AB4F, #246B32);
    background-image: linear-gradient(#37AB4F, #246B32);
    color: #fafafa;
	/*color:#4996e5;*/
	text-decoration:none;
}

/************/
