@charset "utf-8";
body {
  font: 1rem 'Raleway', sans-serif;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-variant-ligatures: discretionary-ligatures;
  color: #000;
  background: #eaeae8;
  margin: 0; padding: 0;
  
  -webkit-font-smoothing:       subpixel-antialiased !important;
  -webkit-backface-visibility:  hidden;
  -moz-backface-visibility:     hidden;
  -ms-backface-visibility:      hidden;
  }

a:link {color: #000; text-decoration: none;}
a:visited {color: #666;}
a:hover {color: #ffba00!important;}
a:active {color: #c93!important;}

.linkNoVisited a:visited {color: #000;}

.linkWhite a:link {color: #fff;}
.linkWhite a:visited {color: #fff;}

h1 {
  font-size: 1.4em;
  margin: 0 0 10px 0; padding: 0;
  line-height: 1.4em;
  }
h2 {
  font-size: 1.25em;
  font-weight: 700;
  margin: 0 0 20px;
  }
h3 {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  margin: 15px 0 10px;
  }
h4 {
  font-size: 0.97em;
  line-height: 1.4;
  margin: 5px 0;
  }
p {margin: 0 0 10px 0; padding: 0; line-height: 1.4em;}
u {text-decoration: none!important;}

.error-message {
  color: #fff;
  font-size: 1.4em;
  background: #f00;
  margin: 10px 0 -37px; padding: 5px;
  text-align: center;
  }
.successful-message {
  color: #fff;
  font-size: 1.4em;
  background: #390;
  margin: 10px 0 -37px; padding: 5px;
  text-align: center;
  }
.warning-message {
  color: #fff;
  font-size: 1.4em;
  background: #f90;
  margin: 10px 0 -37px; padding: 5px;
  text-align: center;
  }

hr {
  display: block;
  background: #eaeae8;
  margin: 20px 0; height: 2px;
  border: 0;
  }
dl, ul, dt, dd {
  list-style: none;
  margin: 0; padding: 0;
  }

img {border: 0;}

fieldset {
  margin: 10px 0; padding: 10px;
  border: 2px solid #eaeae8;
  border-radius: 5px;
  }
fieldset legend {font-weight: 700;}
fieldset legend a {
  text-decoration: none;
  border-bottom: 2px dashed #eaeae8;
  }
fieldset label {cursor: pointer;}

label {display: block; font-weight: bold;}

form {margin: 0; padding: 0; border: 0;}
/**/
.top_banner {
  display: none;
  background: url(../img/top_banner.png) repeat-x bottom;
  height: 100px;
  padding: 8px 0 12px;
  text-align: center;
  white-space: nowrap;
  }
.top_ban {display: inline;}
.top_ban:first-child {margin-right: 20px;}
.banner {text-align: center; margin-bottom: 30px;}
.center_banner {
  padding: 20px;
  border: solid #eaeae8;
  border-width: 1rem 0;
  text-align: center;
  box-sizing: border-box;
  }

.spacer {
  clear: both;
  font-size: 0;
  line-height: 0;
  }

.login-form span {display: block; font-weight: bold; margin-bottom: 5px;}

input[type=text],
input[type=password],
textarea,
select,
.textfield {
  font: 1rem 'Raleway', sans-serif;
  background: #f9f9f9;
  margin: 0; padding: 5px;
  border: 2px solid #eaeae8;
  border-radius: 3px;
  box-sizing: border-box;
  }
select {padding: 4px;}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
select:hover,
.textfield:hover {border-color: #dfdfdb;}

input[type=submit] {
  font-size: 1rem;
  font-weight: 600;
  background: #ffba00;
  padding: 5px;
  border: 2px solid #ffba00;
  border-radius: 3px;
  cursor: pointer;
  }
input[type=submit]:hover {border-color: #c93;}

.big-textfield {width: 80%;}
.textfield {width: 50%;}
.short-textfield {width: 10%;}
.invalid {
  background: #fff7f7!important;
  border-color: #ffb4b4!important;
  }
.button {font-size: 1.4em; padding: 5px 10px;}

.shade + img {display: none;}

.all {
  background: #fff;
  width: 1000px;
  margin: auto;
  }
	.head {
      position: relative;
      padding-top: 90px;
      font-weight: 700;
      }
    .logo {
      position:absolute;
      left: 35px; top: 35px;
      }

    .rss {
      position: absolute;
      top: 46px; right: 245px;
      }
    .rss a,
    a.iconRss {
      display: inline-block;
      background: url(../img/socials.png) no-repeat;
      width: 16px; height: 16px;
      margin-right: 10px;
      }
    .rss a:hover,
    a.iconTwitter:hover,
    a.iconFacebook:hover,
    a.iconRss:hover {background-position-x: -16px;}
    
    a.iconTwitter {background-position: 0 0;}
    a.iconFacebook {background-position: 0 -16px;}
    a.iconRss {background-position: 0 -32px;}

    .rss h1 img {position: absolute; top: 0; right: 0;}
    .rss h1 span {display: block; margin-right: 28px;}

    .superMenu {
      display: none;
      position: absolute;
      top: 46px; right: 35px;
      }
    .superMenu li {float: left;}
    .superMenu li a {
      float: left;
      display: block;
      margin-left: 20px;
      }
    .superMenu li:first-child a {margin: 0;}

    .subscribe {
      position: absolute;
      top: 46px; right: 35px;
      }

    .hotline ul {list-style: none;}
    .hotline ul li {
      display: inline;
      margin-right: 10px;
      }
    .hotline .marquee {
      font-weight: 400;
      color: #999;
      padding: 10px;
      border: solid #eaeae8;
      border-width: 2px 0;
      white-space: nowrap;
      overflow: hidden;
      }

    .menu {
      position: relative;
      color: #ffba00;
      float: left;
      margin: 35px 35px 0;
      width: 613px;
      }
    .menu ul {list-style: none;}
    .menu ul li {
      display: block;
      float: left;
      margin-right: 20px;
      }
    .menu ul li a,
    .menu ul li span {
      display: block;
      float: left;
      font-size: 1.3em;
      }
    .menu ul li.login {float: right;}

    .search {
      position: relative;
      float: right;
      font-size: 1.3em;
      margin: 35px 35px 0;
      }
    .search .lense {
      position: absolute;
      top: 5px; right: calc(100% + .4rem);
      background: url(../img/lense.png) no-repeat 0 0;
      width: 16px; height: 16px;
      }
    .search a:hover .lense {background-position-x: -16px!important;}

    .marker {color: #252525!important; background: #ff3; padding: 0!important;}
    .tag-search {
      margin-bottom: 20px; padding-bottom: 20px;
      border-bottom: 2px solid #eaeae8;
      }


.left {
  float: left;
  width: 613px;
  margin-right: 21px;
  }
.right {
  float: left;
  width: 296px;
  }

.content .categoriesGroup {padding: 35px;}  
.content .left-col embed {width: 470px; height: 313px;}

.content .gen-news {
  margin-top: 35px; padding: 35px;
  border-top: 2px solid #eaeae8;
  }

.niceList li {
  position: relative;
  border-top: 2px solid #eaeae8;
  margin-top: 20px; padding-top: 20px;
  }
.niceList li:first-child {
  margin: 0; padding: 0;
  border: 0;
  }
.niceList li h4 {margin-top: 0;}
.niceList li img,
.niceList li object {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  }
.niceList li > p, .niceList li > div {
  font-size: .95rem;
  line-height: 1.4;
  margin: 0; padding: 5px 0;
  }

.hot-news .left .mainNews img {
  display: block;
  width: 100%;
  }
.hot-news .mainNews h3 {font-size: 1.7rem;}

/* Info */
.info {color: #999;}
.info span {
  font-weight: 500;
  color: #ffba00;
  padding-left: 10px;
  }
.info .comments-counter {
  display: inline;
  background: url(../img/chat.png) no-repeat left center;
  margin-left: 10px; padding-left: 17px;
  }
.info .hit {
  display: inline;
  background: url(../img/views.png) no-repeat 0 center;
  margin-left: 10px; padding-left: 23px;
  }
/*--- End of Info ---*/

.hot-news .lastNews {margin-top: 35px;}
.hot-news .lastNews ul::after {
  display: block;
  content: '';
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  }
.hot-news .lastNews ul li {
  float: left;
  width: 296px;
  margin-left: 21px;
  }
.hot-news .lastNews ul li:first-child {margin: 0;}
.hot-news .lastNews ul li img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  }


/* User Menu */
.user-menu {
  position: absolute; z-index: 1;
  top: calc(46px - 20px); right: 35px;
  background: #fff;
  line-height: 1.6;
  padding: 15px;
  border: 2px solid #fff;
  }
.user-menu:hover {border-color: #eaeae8;}
.user-menu ul {display: none;}
.user-menu:hover ul {
  display: block;
  padding-top: 10px;
  }
.user-menu:hover > span {color: #999;}
.user-menu .logout {
  margin: 10px -15px -15px -15px; padding: 10px 15px 15px 15px;
  border-top: 2px solid #eaeae8;
  }
.user-menu .logout a,
.user-menu .logout a:visited {color: #ec0000;}
/*--- End of User Menu ---*/

/* Comunicate */
.flashnews {
  font-size: .9rem;
  background: #e7f1fa;
  margin-bottom: 35px;
  border-radius: 10px;
  }
.flashnews li {
  border-top: 2px solid #fff;
  padding: 10px 20px;
  }
.flashnews li:first-of-type {border: 0;}
.flashnews h1 {
  background: url(../img/comunicateLogo.png) no-repeat center bottom;
  height: 14px;
  padding: 20px 0 0;
  }
.flashnews h4 {margin-top: 0;}
.flashnews h1 a {
  display: block;
  height: 14px;
  }
.flashnews a:hover {color: #f13e03!important;}
/*--- End of Comunicate ---*/

.hotblock {background: #ffc170;}
.hotblock dl {margin-bottom: -15px;}
.hotblock dt {color: #f14c53!important; border-top: 1px solid #eb1b24!important;margin-left:50px}
.hotblock a {color: #eb1b24!important;}
.hotblock h1 {background: #eb1b24; margin: -15px -10px 10px -10px; padding: 5px 5px 5px 10px;}
.hotblock h1 a {color: #fff!important;}
.hotblock dd h4 {padding-left:50px; background:url(../img/hot.gif) no-repeat; min-height:33px;}

/* Widgets */
  /* Weather */
  .weather {margin-bottom: 35px;}
  .weather table, .curs table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 35px;
    }
  .weather table:last-of-type {margin-bottom: 0;}
  .weather table + p {
    color: #999;
    font-size: .85rem;
    padding-top: 10px;
    border-top: 2px solid #eaeae8;
    text-align: center;
    }
  .weather table thead th {background: #eaeae8;}
  .weather table tbody td {border-top: 2px solid #eaeae8;}
  .weather table tbody tr:fisrt-child td {border: 0;}
  .weather table th {padding: 10px;}
  .weather table td {padding: 20px 10px 20px 0;}

  .weather table tbody td:first-child,
  .curs tbody td:first-child {padding-left: 20px;}

  .weather table tbody td:last-child,
  .curs tbody td:last-child {padding-right: 20px;}

  .weather table .strong {font-weight: 700;}
  .weather table .note {font-size: .85rem;}
  .weather table .temperature {
    font-size: 1.4em;
    font-weight: 700;
    }
  .weather p {margin: 0;}
  /*--- End of Weather ---*/
  
  /* Curs */
  .curs {font-size: .85rem;}
  .curs td {padding: 15px 10px 15px 0;}
  .curs .type_number {text-align: right;}
  .curs table td {background: #eaeae8;}
  .curs td {border-top: 2px solid #fff;}
  .curs tr:fisrt-child td {border: 0;}
  .curs td:first-child {font-weight: 700;}
  .curs .factor {
    width: 1%;
    white-space: nowrap;
    }
  .curs .arrow {padding: 0 10px 0 20px;}

  /*--- End of Curs ---*/
/*--- End of Widgets ---*/


.feed {
  float: left;
  width: 296px;
  margin-bottom: 35px;
  }
.feed:nth-of-type(2n-1) {margin-right: 21px;}
.video {margin-bottom: 35px;}

/* Search */
.searchView {
  margin-top: 35px; padding: 35px;
  border-top: 2px solid #eaeae8;
  }
.searchView input[type=text] {width: 400px;}
.searchView select {width: 200px;}
.searchView input[type=submit] {width: 80px;}
.searchView .searchForm {padding: 0 115px;}
/*--- End of Search ---*/

/* Article View */
.articleView {
  margin-top: 35px; padding: 35px 150px;
  border-top: 2px solid #eaeae8;
  }
.articleView h1 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 20px;
  }
.articleView .image {
  position: relative;
  margin-bottom: 20px;
  }
.articleView img,
.articleViewContent object {
  display: block;
  width: 100%;
  }

.articleView .source {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  color: #e9e9e9;
  font-size: .85rem;
  background: rgba(128,128,128,.5);
  padding: 5px;
  text-align: center;
  }
.articleView .articleViewContent a {border-bottom: 1px solid rgba(0,0,0,.0845);}
.articleView .articleViewContent a:hover {border-color: rgba(255,186,0,.5);}
.articleView .articleViewContent {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 20px;
  }
.articleView .articleViewContent span {color: #000!important;}

.articleView .articleAutor {
  font-style: italic;
  padding: 0 0 20px 0;
  text-align: right;
  }

.articleView .date {float: left;}

.articleNav {
  position: relative;
  float: right;
  margin-right: -5px;
  }
.articleView .articleBanners {
  margin: 35px 0;
}

.send {
  display: inline-block;
  position: relative;
  margin: -5px 0 -5px 5px; padding: 5px;
  }
.send span {
  color: #000;
  border-bottom: 2px dotted #eaeae8;
  font-weight: 400;
  padding: 0;
  }
.send:hover span {
  color: #ffba00;
  border: 0;
  }
.sendToFriend {
  display: none;
  position: absolute;
  top: 0; right: 0;
  background: #fff;
  margin: -18px -10px -18px; padding: 15px;
  white-space: nowrap;
  }

.send:hover .sendToFriend {display: block;}

  /* Discussion */
  .discussion {
    line-height: 1.4;
    margin-top: 35px; padding-top: 35px;
    border-top: 2px solid #eaeae8;
    }
  .discussion dt {margin-bottom: 20px;}
  .discussion dt .header {
    background: #eaeae8;
    margin-bottom: 15px; padding: 10px;
    }
  .discussion dd {
    margin-left: 35px;
    border-left: #eaeae8 2px solid;
    margin-bottom: 35px; padding-left: 10px;
    }
  .discussion .question {font-weight: 700;}
  /*--- End of Discussion ---*/

  .keywords {
    font-size: .85rem;
    background: url(../img/tag.png) no-repeat left center;
    margin: 35px 0 0;
    padding: 20px;
    border: solid #eaeae8;
    border-width: 2px 0;
    }

  /* Comments */
  .comments {
    padding: 35px 0;
    border: solid #eaeae8;
    border-width: 2px 0 0;
    }
  .comments h3 {margin: 0 0 20px;}
  .comments .username {
    font-weight: 700;
    margin-bottom: 10px;
    }
  .comments ul {list-style: none;}
  .comments .capcha {margin-bottom: 15px;}
  .comments .capcha label {display: inline;}
  .comments input[type=submit] {padding: 10px 30px;}
  .comments .info {margin-bottom: 20px; padding-bottom: 20px;}
  .comments .counter {
    color: #999;
    font-size: small;
    vertical-align: super;
    }
  /*--- End of Comments ---*/
/*--- End of Article View ---*/

/* Registration */
.registration {
  margin-top: 35px; padding: 35px 150px;
  border-top: 2px solid #eaeae8;
  }
.registration ul {margin-left: -20px;}
.registration ul li div {
  float: left;
  width: 50%;
  margin-bottom: 20px; padding-left: 20px;
  box-sizing: border-box;
  }
.registration ul li input[type=text],
.registration ul li input[type=password] {width: 100%;}

.registration ul li::after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
  }
.registration .checkbox {
  color: #999;
  font-size: .9rem;
  }
.registration .checkbox input[type=checkbox],
.registration .checkbox label {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  }
.registration .checkbox label {width: 90%;}
/*--- End of Registration ---*/


/* Category Feed */
.categoryFeed {
  padding: 35px;
  border-top: 2px solid #eaeae8;
  margin-top: 35px;
  }
.categoryFeed .left .articles ul li,
.searchResults .articles ul li {
  display: inline-block;
  width: 296px;
  margin: 0 0 21px 20px;
  vertical-align: top;
  }
.categoryFeed .left .articles ul,
.searchResults .articles ul {margin-left: -21px;}
.categoryFeed .left .articles ul li img,
.searchResults .articles ul li img {width: 100%;}
.categoryFeed .left .articles ul li object,
.categoryFeed .left .articles ul li object embed,
.searchResults .articles ul li object,
.searchResults .articles ul li object embed {
  width: 100%;
  max-height: 180px;
  }
/*--- End of Category Feed ---*/

.additional {float: right; font-size: 0.9em; background: #fff; width: 200px; margin: 10px -10px 10px 10px; padding: 10px; border-right: 1px solid #f2f4f8;}
.additional img {display: block; width: 200px!important; height: 104px!important; margin-bottom: 5px;}
.additional embed {width: 100%!important; height: auto!important;}



.admin-message {display: block; color: #252525; font-style: italic; padding: 5px 0 5px 20px;}
.admin-message .logo-red {color: #f00; font-style: normal; font-weight: bold;}
.admin-message .logo-black {font-style: normal; font-weight: bold;}

.short-login {margin-bottom: 10px;}
.short-login .username, .short-login .password {float: left; margin-right: 10px;}
.short-login input {width: 200px;}
.join {float: left; padding-top: 18px;}



.addcomment textarea {width: 99%; height: 150px; margin-bottom: 10px;}

.promo {background: url(../img/promo.png) no-repeat top right; padding-top: 20px;}

/* Universal box */
.universalBox {
  margin-top: 35px; padding: 35px 150px;
  border-top: 2px solid #eaeae8;
  }

.universalList {margin-left: -20px;}
.universalList li div {
  float: left;
  width: 50%;
  margin-bottom: 20px; padding-left: 20px;
  box-sizing: border-box;
  }
.universalList li input[type=text],
.universalList li input[type=password] {width: 100%;}

.universalList li::after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
  }
/*--- ---*/


/* Paging */
.paging {
  margin: 35px 0;
  padding-top: 20px;
  border-top: 2px solid #eaeae8;
  }
.paging ul {margin: 0!important;}
.paging li {
  display: block;
  float: left;
  width: 50%!important;
  margin: 0!important;
  }
.paging li:last-child {text-align: right;}
/*--- End of Paging ---*/

.profile fieldset {margin: 0 0 20px;}
.profile fieldset label {
  display: inline-block;
  font-weight: 400;
  margin-right: 20px;
  }

.create-article .textfield, .create-article select, .create-article textarea {margin-bottom: 10px; padding: 5px;}
.create-article textarea {width: 80%;}
.tags span {background: url(../img/del.png) no-repeat center left; margin-right: 5px; padding-left: 15px;}
.tags span:hover {background: url(../img/del-hover.png) no-repeat center left; cursor: pointer;}
.availableTags {
  max-height: 300px;
  overflow-y: auto;
  }

/* Footer */
.footer {
  font-size: .85rem;
  color: #b8b8b8;
  background: #000;
  padding: 30px 35px;
  }
.footer ul li {
  display: inline;
  margin-right: .8rem;
  }
.footer .left ul {margin-bottom: 10px;}
.footer .left > ul {margin-bottom: 20px;}
/*--- End of Footer ---*/

/* ADV */
.adv {
  padding: 35px;
  border-top: 2px solid #eaeae8;
  }
.adv > ul {margin-bottom: 35px;}
.adv > ul:after {
  clear: both;
  content: '';
  display: block;
  font-size: 0;
  line-height: 0;
  }
.adv > ul > li {
  float: left;
  width: 296px;
  margin-left: 21px;
  }
.adv > ul > li:first-child {margin: 0;}
/*--- End of ADV ---*/