/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
div { position:relative }
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

main, article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

a:link, a:visited {
  color: #554630;
  text-decoration: none;
}
a:active, a:hover {
  color: #FF0000;
  text-decoration:  none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clear{
    content: "";
    display: block;
    clear: both;
}

.nd {
    display: none;
}

img {
  border: 0;
}

.yandex_box  {
    padding: 10px 10px;
    border: 1px dotted #A9A9A9;
    margin: 10px 0;
    border-radius: 10px;
    width: 100%;
}

*{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

html{
  font-size: 14px;
}


body{
  background:#A6A9BF;
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
}

h1 {
  font-size: 2.2rem;
  padding-top: 0px;
  line-height: 2.4rem;
}

h2 {
  font-size: 2.0rem;
  padding-top: 0px;
  line-height: 2.0rem;
}

h3 {
  font-size: 1.5rem;
  padding-top: 0px;
  line-height: 2.0rem;
}

p{padding-bottom:11px;}
p,div, span{line-height:1.4em;}

/* Контейнер --------------------*/

.mainWrap{
  width:1018px;
  margin:0 auto;
  background:#FFFFFF;
}

/* HEADER --------------------*/

.branding {
  max-width:1018px;
  margin:0;
  background: #949494 url(/image/design/logo/header_6.jpg) no-repeat scroll top;
}

#logo {
  display: block;
  float: left;
  padding: 0;
}

.logoimg {
  border: 0;
}

#topBannerBox {
  width: 728px;
  display: block;
  float: right;
  padding-top: 0px;
 }

/* NAV -----------------------*/


nav{
  display:block;
  margin-top: 0px;
  background:#384461;
  font-size: 0.85rem;
  font-style: normal;
}

.menu{
  display:block;
}

.menu li{
  display: inline-block;
  position: relative;
  z-index:100;
  margin:0;
  margin-left:-4px;
}

.menu li:first-child{
  margin-left:0;
}

.menu li a {
  text-decoration:none;
  padding: 8px 10px 8px 10px;
  display:block;
  color:#ffffff;
  font-weight:normal;
  box-sizing: border-box;
  border-right: 1px solid #5E6482;
}

.menu li a:hover, .menu li:hover > a{
  color:#ffffff;
  background:#9CA3DA;
}

.menu ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 250px;
  position: absolute;
  top: 100%;
  left: 0px;
  background: #384461;
}

.menu ul li {
  display:block;
  float: none;
  background:none;
  margin:0;
  padding:0;
}
.menu ul li a {
  font-weight:normal;
  display:block;
  color:#FFFFFF;
  background:#384461;
  border-top: 1px solid #5E6482;
}

.menu ul li a:hover, .menu ul li:hover > a{
  background:#9CA3DA;
  color:#FFFFFF;
}

.menu li:hover > ul{
  display: block;
}

.menu ul ul {
  left: 250px;
  top: 0px;
}

.mobile-menu{
  font-size: 0.85rem;
  display:none;
  width:auto;
  padding: 0px 10px;
  color:#ffffff;
  font-weight:normal;
}
.mobile-menu:hover{
  color:#ffffff;
  text-decoration:none;
}

#touch-menu{
  background:#384461;
  color:#FFFFFF;
  text-align: right;;
}

.icon-reorder {
  display: inline-block;
  background: transparent url(../../image/design/more/menu_r.png) 0 0 no-repeat;
  width: 35px;
  height: 35px;
  vertical-align: middle;
}

/* curPageBlock
================================== */
.curPageBlock {
  background-color: #DCDCDC;
  padding: 8px 10px 8px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #dcdcdc url(/image/design/bg/cur_page.gif) no-repeat top left;
}

.curPageBlock i {
  color: #9A9A9A;
  padding-right: 10px;
  font-weight: bold;
  font-style: normal;
}
.curPageBlock u {
  color: #A9A9A9;
  padding: 0px 5px;
  font-weight: normal;
}

/* MAIN ---------------------*/
.content {
  display: block;
  width:1018px;
  box-sizing: border-box;
  margin: 0;
}

/* centerCol ---------------------*/
.centerCol {
  display: block;
  width:743px;
  float: left;
  background:#FFFFFF;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
}

.centerCol .centerTitleBox {
  margin-bottom: 25px;
  padding: 0px 0px 0px 10px;
  border-left: 10px solid #e6a60c;
  box-sizing: border-box;
  min-height: 65px;
}

.centerCol .centerTitleBox h1 {
  font-size: 2.2rem;
  padding-top: 0px;
  line-height: 2.3rem;
}

.centerCol .centerTitleBox p {
  margin-top: 5px;
  font-size: 1rem;
}

.centerCol p {
  text-align: justify;
  font-size: 1rem;
}

/* rightCol ---------------------*/
.rightCol {
  display: block;
  max-width:250px;
  float: right;
  background:#FFFFFF;
  margin: 10px 10px 10px 10px;
  box-sizing: border-box;
}

/* FOOTER ---------------------*/
footer {
  max-width:1018px;
  margin:0 auto;
  padding: 10px 10px;
  background-color: #C8B9A2;   /* #B5A080  */
  color: #FFFFFF;
  border-top: 2px solid #7c6b52;
  text-align: center;
  box-sizing: border-box;
}

/* bottommenu --------------------*/
.bottommenu {
  margin: 0px 5px 40px 5px;
  text-align: left;
  font-family: Tahoma, arial, verdana, courier;
  font-size: 12px;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
}
.bottommenu a:link, .bottommenu a:visited {
  color: #31281C;     /* #554630 */
  text-decoration: none;
}
.bottommenu a:active, .bottommenu a:hover {
  color: #FF0000;
  text-decoration:  none;
}
.bottommenubox {
  max-width: 300px;
  margin: 10px 10px 10px 10px;
  text-align: left;
}
.bottommenu .bottommenu_h {
  font-size: 14px;
  margin: 5px 0px 0px 0px;
  font-weight: normal;
  color: #FFFFFF;
}
.bottommenu .bottommenu_h a:link, .bottommenu .bottommenu_h a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.bottommenu .bottommenu_h a:active, .bottommenu .bottommenu_h a:hover {
  color: #FF0000;
  text-decoration:  none;
}
.bottommenu ul {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 16px;
}
.bottommenu li {
  padding-left: 0px;
  margin-left: 0px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.ctit {
  font-size: 0.8rem;
  font-style: italic
}

.copyrightbox {
  max-width:340px;
  margin:0 auto;
  font-size: 0.75rem;
  font-style: italic;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  padding: 10px 0px;
  text-align: left;
}

.copyrightbox div {

}

#bottomCountersBox {
  width: auto;
  margin: 0 auto;
}


/* Меню раздела ------------------------*/
#sideMenu {
  padding-bottom: 9px;
  width: 250px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.sideMenuBox {
  margin-bottom: 7px;
  padding: 6px 1px 6px 1px;
  border: 1px dotted #A9A9A9;
}
#sideMenu h3 {
  height: 35px;
  width: 250px;
  font-family: Tahoma, arial, verdana, courier;
  font-size: 15px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 5px;
  background: #9CA3DA;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  text-align: center;
}
#sideMenu h2,h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0px 5px 10px ;
  display: block;
  margin: 0px 0px 5px 0px;
  background-color: #D3D3D3;
  border-bottom: 1px dotted #A9A9A9;
  font-weight: bold;
  margin-top: -5px;
}
#sideMenu a {
  font-size: 12px;
  color: #000000;
  display: block;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
}
#sideMenu a.mLine {
  margin-bottom: 0px;
}
#sideMenu a:link, #sideMenu a:visited {
    color: #000000;
    text-decoration: none;
}
#sideMenu a:active, #sideMenu a:hover {
    color: #cf142b;
    text-decoration: underline;
}


/* Блоки ------------------------*/
.sideTitleBox {
  padding-bottom: 15px;
  width: 250px;
  font-family: Arial, Helvetica, sans-serif;
}

.reclameBox_160 {
    display: block;
    width: 160px;
    margin: 0 auto;
}

.reclameBox_250 {
    display: block;
    width: 160px;
    margin: 0 auto;
}

.sideTitleBox .center {
  display: block;
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.sideTitleBox img{
  border: 0;
}

.sideTitleBox h3 {
  height: 35px;
  width: 250px;
  font-family: Tahoma, arial, verdana, courier;
  font-size: 15px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 5px;
  background: #e6a60c;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  text-align: center;
}

.sideBorderBox {
  padding: 10px 10px 0px 10px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px dotted #A9A9A9;
  background-color: #F5F5F5;
  margin: auto;
}

.sideBorderBox img {
  border: 5px solid #FFFFFF;
}
.sideBorderBox p {
  padding: 5px 0px 15px 0px;
  font-size: 12px;
  text-align: center;
}
.sideBorderBox .pLine {
  border-bottom: 1px dotted #A9A9A9;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.sideBorderBox a:link, .sideBorderBox a:visited {
    color: #000000;
    text-decoration: none;
}
.sideBorderBox a:active, .sideBorderBox a:hover {
    color: #cf142b;
    text-decoration: underline;
}

/* Блок голосование --------------------*/
.mypoll {
  padding-bottom: 9px;
  width: 250px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.mypoll_box {
  margin-bottom: 7px;
  padding: 5px 10px 10px 10px;
  border: 1px dotted #A9A9A9;
}
.mypoll_title {
  height: 35px;
  width: 250px;
  font-family: Tahoma, arial, verdana, courier;
  font-size: 15px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 5px;
  background-color: #9CA3DA;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
}
.mypoll_question {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 7px;
  margin-top: 7px;
}
.mypoll_answer {
  padding: 4px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.mypoll_link {
  margin-top: 7px;
  text-align: right;
}
.mypoll_submit {
  margin-top: 7px;
  padding: 2px 5px 2px 5px;
}
.mypoll a {
  font-size: 12px;
}
.mypoll a:link, .mypoll a:visited {
    color: #000000;
    text-decoration: none;
}
.mypoll a:active, .mypoll a:hover {
    color: #cf142b;
    text-decoration: underline;
}

@media screen and (max-width: 1023px) {

  .mainWrap{
    max-width:753px;
  }

  #logo {
    max-width: 160px;
    height: auto;
    float: none;
  }

  .logoimg {
    max-width: 160px;
    height: auto;
  }

  .centerCol {
    float: none;
    width: auto;
    padding: 0px 0px 0px 10px;
    margin-right: 10px;
    display: block;
  }

  .bottommenu {
    display: none;
  }
  
  .rightCol {
    float: none;
    margin: 0 auto;
    width: auto;
  }

  .rightCol .sideTitleBox:not(.rec) {
    display: none;
  }

  #topBannerBox {
    /*display: none;*/
    float: none;
    width: 728px;
    padding-top: 0px;
  }
}

@media screen and (max-width: 777px) {

  .mainWrap{
    width: auto;
  }
  /*
  .curPageBlock {
    display: none;
  }*/

  .centerCol {
    float: none;
    width:auto;
    padding: 0 10px 0 10px;
    margin-right: 0px;
  }

  .centerCol .centerTitleBox {
    width: auto;
    height: auto;
    background: none !important;
    font-size: 1rem;
    padding: 10px;
  }

  .centerCol .centerTitleBox p {
    margin-top: 0px;
    font-size: 1rem;
    text-align: left;
  }

  .centerCol .centerTitleBox h1 {
    font-size: 2.0rem;
    padding-top: 0px;

  }

  .rightCol {
    float: none;
    margin: 0 auto;
  }

  .menu{
    display:none;
  }

  .mobile-menu{
    display:block;
  }

  nav{
    margin:0;
    background:none;
  }

  .menu li{
    display:block;
    margin:0;
  }

  .menu ul li a {
    color:#000000;
    background:#F8F8FF;
    padding-left: 40px;
    font-size: 0.85rem;
    border-bottom: 1px solid #D9D9D9;
    border-top: none;
    text-transform: none;
  }

  .menu ul li a:hover, .menu ul li:hover > a{
    background:#E8E8E8;
    color:#000000;
    padding-left: 40px;
    text-transform: none;
  }

  .menu li a {
    background:#F8F8FF;
    color:#000000;
    border-left:3px solid #FFFFFF;
    border-right: none;
    font-size: 0.85rem;
    border-bottom: 1px solid #D9D9D9;
    text-transform: uppercase;
  }

  .menu li a:hover, .menu li:hover > a{
    background: #A9A9A9;
    color:#FFFFFF;
    border-left:3px solid #FFD700;
  }

  .menu ul {
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
  }

  .menu ul ul {
    left:0;
    background: #DCDCDC;
  }

  .rightCol .sideTitleBox:not(.rec) {
    display: none;
  }

  #topBannerBox {
    /*display: none;*/
    width: 320px;
    float: none;
    padding-top: 0px;
  }
}

@media screen and (max-width: 450px) {
  .mainWrap{
    width:auto;
  }

  .centerCol p{
    text-align: left;
  }

  .copyrightbox {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #topBannerBox {
    width: 320px;
    float: none;
    padding-top: 0px;
  }

}