/* Fonts */
@font-face {
    font-family: "Vida";
    font-style: normal;
    font-weight: normal;
    src: local("Vida"), url(../font/vidapro.otf) format("opentype");
}
@font-face {
    font-family: "VidaBold";
    font-style: normal;
    font-weight: normal;
    src: local("VidaBold"), url(../font/vida32pro-bold-webfont.woff) format("woff"), url(http://www.classomsk.com/templates/classnew/fonts/vida32pro-bold-webfont.ttf) format("truetype");
}

*{
  margin: 0;
  font-size: 16px;
  border-spacing: 0px 0px;
  line-height: 20px;
  font-family: 'PT Sans', serif, Tahoma;
  border-spacing: 0px 0px;
  outline: none;
  border: 0;
  padding: 0;
}
p, span {
  cursor: default;
}
.push {
  height: 110px;
}
a {
  text-decoration: underline;
  color: #000000;
}
a:hover {
  text-decoration: none;
}
a.invert, .category-name a {
  text-decoration: none;
}
a.invert:hover, .category-name a:hover {
  text-decoration: underline;
}
.main .module h3, .component .blog h1 {
  padding: 14px 0px 8px;
  margin-bottom: 5px;
}
.main .module h3 {
  border-bottom: 1px solid #f7941e;
}
.module h3, .item-page h2, .component .blog h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}
.item-page .main_text h2:after, .newsblock .main_text h3:after, .component .blog .main_text h1:after{
  background: none;
}
.item-page h2:after, .newsblock h3:after, .component .blog h1:after {
  background: url("../images/icons.png") no-repeat scroll 2px -62px transparent;
  padding: 0 20px;
  content: " ";  
}
.item-page h2 {
  padding: 8px 20px 8px 0px;
}
.item-page h2 a {
  text-decoration: none;
}
html, body{
  min-height: 100%;
  height: 100%;
  min-width: 1000px;
  position: relative;
}
button:hover {
  cursor: pointer;
}
.moduletable_menu ul {
  width: 146px;
}
ul{
  list-style: none;
  text-align: left;
}
.fixed {
  position: fixed;
  top: 60px;
}
.hits {
  float: right;
  margin: 5px 0px;
  padding-right: 31px;
  color: #737373;
  font-style: italic;
  background: url("../images/icons.png") no-repeat scroll right -133px transparent;
}
.tags {
  float: left;
}
.pagination {
  clear: both;
}
.clear, .clr{
  width: 100%;
  height: 0px;
  clear: both;
  overflow: hidden;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -106px;
  width: 1280px;
  position: relative;
}
.main {
  width: 1127px;
  padding-bottom: 24px;
}
.breadcrumbs {
  padding: 20px 42px;
  border-bottom: 3px solid #000000;
}
.breadcrumbs span {
  color: #dd0000;
}
.cur {
  text-decoration: line-through;
}

/*	Template	*/

/*      Header          */

#Head {
  height: 135px;
  width: 100%;
  border-bottom: 2px solid #f7941e;
  position: relative;
}
.age {
  width: 19px;
  height: 19px;
  background: url(../images/icons.png) center top no-repeat transparent;
  margin: 12px 0px 2px 0px;
}
#left_head {
  margin-left: 21px;
  width: 300px;
  float: left;
  height: 100%;
}
#middle_head {
  float: left;
  height: 100%;  
}
#middle_head .module {
  float: left;
}
#right_head {
  float: right;
}
#right_head .banneritem img {
  height: 109px;
  max-width: 86px;
  width: auto;
  margin: 13px 23px 13px 13px;
}
#right_head .banneritem {
  padding-left: 78px;
  background: url(../images/readIt.png) left center no-repeat transparent;
}
#right_head .banner .banneritem {
  background: none;
  padding-left: 0px;
}
#right_head .banner .banneritem img {
  max-width: none;
  height: auto;
  margin: 30px 23px 13px 13px;
}
/*	Top Menu	*/

#TopMenu {
  height: 48px;
  width: 1000px;
  background: url(http://www.classomsk.com/templates/classnew/images/bgTop.png) left top no-repeat transparent;
}
#TopMenu_left {
  float: left;
  padding: 10px 30px;
}
.inputbox.topSearch {
  color: #adadad;
  padding: 3px 10px;
  background-color: #474747;
  width: 153px;
  height: 18px;
}
.button.topSearch {
  height: 24px;
  width: 24px;
  background: url(../images/icons.png) 5px 7px no-repeat #474747;
  float: right;
  overflow: hidden;
  padding-top: 24px;
}
.menu .deeper.parent ul {
  display: none;
}
.menu .deeper.parent.active ul {
  display: block;
}

/*	logo		*/

#logo {
  background: url(../images/class.jpg) left top no-repeat transparent;
  width: 283px;
  height: 77px;
}

/*    MODULES   */
/*    Search    */

.search .button {
  margin-left: -24px;
}
#mod-search-searchword {
  margin: 14px 8px 4px 8px;
  padding: 0px 5px;
  width: 124px;
  color: #616161;
  font-size: 14px;
  line-height: 16px;
  background-color: #e0dfdc;
  border: 1px solid #c1c1c2;
}

/*    News     */

.newsflash.faces {
    padding: 16px 0px;
}
.newsflash-title.faces {
    width: 140px;
    float: left;
}
.circle100 {
    height: 100px;
    border-radius: 100px 100px 100px 100px;
    margin: 0 10px 0 15px;
}
.circle100, .width100 {
    clear: both;
    overflow: hidden;
    width: 100px;
    float: left;
}
.width100 {
    margin: 0 10px 0 0px;  
    max-height: 135px;
    overflow: hidden;
}
.newsflash-title.faces, .newsflash-title.faces a {
    color: #434242;
    text-decoration: none;
    font-style: italic;
}
.newsflash.faces .mark {
    height: 20px;
    width: 20px;
    background: url(../images/icons.png) -2px -44px no-repeat transparent;
}
.quotation .descr {
    width: 180px;
    float: left;  
}
.quotation .descr a {
  text-decoration: none;
}
.newsflash.quotation, .quotation .newsflash-title {
    font-style: italic;
    font-weight: normal;
}
.quotation .title-name {
    margin-top: 24px;
    font-weight: bold;
    color: #ff8900;
}



/*   FOOTER    */

#footer * {
  color: #000000;
  font-size: 11px;
  line-height: 14px;
}
#footer {
  height: 70px;
  padding: 18px 172px 18px 20px;
  width: 1087px;
  background-color: #fdb813;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
}
#footer #left_footer {
  float: left;
  width: 500px;
}
#footer #right_footer {
  float: right;
  width: 271px;
}
#footer #right_footer h3 {
  font-weight: normal;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
#footer #right_footer ul.menu li {
  display: inline;
  padding-right: 5px;
}
#footer #right_footer ul.menu li a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#footer #right_footer div.module {
  clear: both;
  padding-bottom: 12px;
}
#footer #right_footer div.module.label {
  padding-bottom: 0px;
}
#footer #right_footer .module.rss, #footer #right_footer .module.share {
  float: left;
  clear: none;
}


/*     News Block     */

.newsblock, #BeforeBody, #AfterBody {
  padding: 0px 21px;
}
#NewsLeft {
  float: left;
  width: 615px;
}
#NewsRight {
  float: right;
  width: 444px;
}
#NewsRight .newsflash {
  margin-right: -20px;
}
.newsflash li.last {
  border: none;
}
.newsflash ul li, .blog .item {
  border-bottom: 1px solid #ACACAC;
}
.newsflash ul li {
  float: left;
  width: 200px;
  margin-right: 32px;
  margin-bottom: 10px;
}
.newsflash .time, .newsflash .date, .newsArticle .date {
  font-size: 11px;
}
.newsflash .category, .newsflash .category a, .newsArticle .category,  .newsArticle .category a {
  font-size: 11px;
  text-transform: uppercase;
}
.newsflash .time, .newsflash .category, .newsArticle .category, .category a, .category-name, .category-name a  {
  color: #ff8900;
}
.category-name {
  text-transform: uppercase;
}
.newsflash .date, .newsArticle .date  {
  color: #96979b;
}
.newsflash-title, .newsflash-title a {
  text-decoration: none;
  font-weight: normal;
  line-height: 16px;
  font-size: 14px;
  padding: 5px 0px;
}
.mainNews {
  position  : relative;
}
.mainNews img {
  margin: 0px;
  padding: 0px;
}
.mainNews .grad {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(right top, rgba( 0,0,0, 255 ) 50%, rgba( 0,0,0, 1 ) 140% );
  background: -moz-linear-gradient(right top, rgba( 0,0,0, 0) 50%, rgba( 0,0,0, 1 ) 140% );
  background: -ms-linear-gradient(right top, rgba( 0,0,0, 0 ) 50%, rgba( 0,0,0, 1 ) 140% );
  background: -o-linear-gradient( right top, rgba( 0,0,0, 0 ) 50%, rgba( 0,0,0, 1 ) 140% );
  background: -webkit-linear-gradient( right top, rgba( 0,0,0, 0 ) 50%, rgba( 0,0,0, 1 ) 140% );
  z-index: 1;
}
.mainNewsDscr {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding-left: 10px;
  z-index: 2;
}
.mainNews .mainNewsDscr * {
  color: #ffffff;
}
.mainNews.photo .mainNewsDscr, .mainNews.photo .mainNewsDscr .newsflash-title {
  width: 400px;
}
.mainNewsDscr .newsflash-title, .mainNewsDscr .newsflash-title a {
  font-size: 26px;
  line-height: 26px;
  width: 240px;
  font-weight: bold;
  padding-top: 15px;
}
.mainNewsDscr .newsflash-title, .mainNewsDscr .newsflash-title a, .mainNewsDscr .date, .mainNewsDscr .category {
  text-shadow: 0.1em 0.1em 0.2em black; 
}
.mainNewsDscr .date, .mainNewsDscr .category {
  font-size: 14px;
}
.newsflash .intro *{
  font-size: 18px;
}
.newsflash .intro {
  padding: 10px 0px;  
}
.newsflash .intro a {
  text-decoration: none;
}

/*      Articles      */

#BeforeBody h3, #AfterBody h3 {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  border-bottom: 1px solid #acacac;
  margin-bottom: 20px;
}
#BeforeBody li {
  width: 30%;
  margin-right: 0px;
  padding-right: 3%;
}
.newsArticle li {
  float: left;
}
.newsArticle .title {
  margin: 10px 0px  ;
}
.newsArticle img.big {
  margin-bottom: 12px;
}
.newsArticle img.small {
  padding: 0px 0px 25px 25px;
  float: right;
}
.ArticleNews.Small .title, .ArticleNews.Small .title a {
  font-size: 16px;
  line-height: 19px;
}
.newsArticle .title, .newsArticle .title a {
  font-size: 21px;
  line-height: 24px;
  font-weight: normal;
  text-decoration: none;
}
.ArticleNews .intro {
  padding-bottom: 10px;
}
.newsArticle td {
  vertical-align: top;
  width: 363px;
}
.ArticleNews {
  border-bottom: 1px solid #acacac;
  margin: 0px 25px 25px 0px;
  width: 345px;
  overflow: hidden;
}
.newsflash .intro *{
  font-size: 18px;
  line-height: 24px;
}
.newsflash .intro {
  padding: 10px 0px;  
}
.newsflash .intro a {
  text-decoration: none;
}
.loadNext * {
  color: #848484;
  font-size: 13px;
}
.loadNext a .arrow{
  height: 25px;
  background: url(../images/icons.png) center -20px no-repeat transparent;
  margin-bottom: 10px;
}
.loadNext a:hover .arrow, .loadNext a .arrow,.arrow:hover {
  text-decoration: none;
}


/*    SocialNetwork   */

#footer .SocilLink {
  float: left;
  width: 28px;
  height: 28px;
  background: url(../images/SNColor.png) no-repeat transparent;
  margin-right: 7px;
}
#footer .SocilLink.TW {
  background-position: 0px -33px;
}
#footer .SocilLink.VK {
  background-position: 0px -66px;
}
#footer .SocilLink.YTB {
  background-position: 0px -99px;
}
#footer .SocilLink.INS {
  background-position: 0px -133px;
}
.rightMenu .SocilLink:hover {
  background-position: inherit 30px;
  background: url(../images/SNGrayColor.png) no-repeat transparent;
}
.rightMenu .SocilLink {
  float: left;
  width: 23px;
  height: 23px;
  background: url(../images/SNGray.png) no-repeat transparent;
  margin: 5px 5px 0px 0px;
}
.rightMenu .SocilLink.FB {
  margin-left: 8px;
}
.rightMenu .SocilLink.TW {
  background-position: 0px -28px;
}
.rightMenu .SocilLink.VK {
  background-position: 0px -56px;
}
.rightMenu .SocilLink.YTB {
  background-position: 0px -84px;
}
.rightMenu .SocilLink.INS {
  background-position: 0px -112px;
}
.rightMenu .menu {
  margin: 83px 3px 0px;
}

/*  Magazine Slider    */

#slider_block {
  padding-top: 50px;
        width: 100%;
}
#slider_block #slider {
        width: 1015px;
        background-color: #f2f2f2;
        height: 180px;
        overflow: hidden;
        padding: 20px 0px;
  float: left;
}
.slide {
        float: left;
        height: 180px;
        position: relative;
}
.slide img {
        padding: 0px 20px;
}
.slide a {
        color: #2a87b1;
}
.slide p {
        padding: 5px 20px;
        color: #2a87b1;
}
#slider_block .left_btn {
  background-image: url(../images/sld_left.png);
  background-position: left center;
  background-repeat: no-repeat;
  height: 40px;
  width: 22px;
  float: left;
  padding: 90px 12px 90px 0px;
}
#slider_block #docum_img_slide {
  position: relative;
}
#slider_block.disbl {
  padding-left: 34px;
}
#slider_block.disbl .left_btn, #slider_block.disbl .right_btn{
  display: none;
}
#slider_block .right_btn {
  background-image: url(../images/sld_right.png);
  background-position: right center;
  background-repeat: no-repeat;
  height: 40px;
  width: 22px;
  float: left;
  padding: 90px 0px 90px 12px;
}
#slider_block .left_btn, #slider_block .right_btn {
  cursor: pointer;
}

/*    Menu    */

.rightMenu .menu .active.current .item{
  background: url(../images/icons.png) -6px -111px no-repeat transparent;
  color: #fff;
}
.rightMenu .menu .active .item{
  background: none;
  color: #bbbbbc;
  text-shadow: 0em 0em 0.2em #222222;
}
.rightMenu .menu .active.current .item a {
  color: #fff;
}
.rightMenu .menu .item {
  padding-left: 10px;
}
.rightMenu .menu .item, .rightMenu .menu .item a {
  font-size: 14px;
  line-height: 24px;
  color: #bbbbbc;
  text-decoration: none;
  text-shadow: 0em 0em 0.2em #222222;
}
.rightMenu .menu .item:hover, .rightMenu .menu .item:hover a{
  color: #fff;
  background-color: #acacac;
}
.rightMenu .menu li li .item {
  padding-left: 20px;
}
.rightMenu .menu .separator {
  border-bottom: 1px solid #acacac;
  height: 0px;
  overflow: hidden;
  margin: 5px 0px 5px 3px;
}
.rightMenu {
  height: 100%;
  width: 153px;
  float: right;
  background: url(../images/RightMenuBG.jpg) repeat left top transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.rightMenu .grad {
  background-image: -webkit-linear-gradient(bottom , transparent 70%, #FFFFFF 180%); /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(bottom , transparent 10%, #FFFFFF 180%); /* FF3.6+ */
  background-image: -ms-linear-gradient(bottom , transparent 10%, #FFFFFF 180%); /* IE10 */
  background-image: -o-linear-gradient(bottom , transparent 10%, #FFFFFF 180%); /* Opera 11.10+ */
  background-image: linear-gradient(bottom , transparent 10%, #FFFFFF 180%); /* W3C */
  min-height: 100%;
  height: auto;
}


/*    News    */
.article-info {
  clear: both;
  padding-left: 26px;
  margin: 8px 0px;
  background: url("../images/icons.png") no-repeat scroll 0px -62px transparent;
}
.article-info dd, .article-info dt {
  float: left;
}
.item-page {
  padding: 0px 21px; 
}
.leftside-item {
  float: left;
  width: 800px;
  padding-right: 45px;
}
.rightside-item {
  float: right;
  width: 235px;
  padding-left: 0px;
}

/*    PageBreakes   */
#article-index li {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 10px 0px 10px -12px;
}
#article-index li a {
  padding: 2px 6px;  
}
#article-index li.active a {
  color: #fff;
  text-decoration: none;
  background-color: #f7941d;
}
#article-index li span {
  padding-left: 24px;
}
#article-index li.active span {
  background: url("../images/icons.png") no-repeat scroll 0px -62px transparent;
}
.nextPage a, .prevPage a {
  text-decoration: none;
}
.nextPage a:hover, .prevPage a:hover {
  text-decoration: underline;
}
.prevPage {
  float: left;
}
.nextPage {
  float: right;
}
.nextPage a {
  padding: 4px 30px 4px 0px;
  background: url("../images/icons.png") no-repeat scroll right -152px transparent;
}
.prevPage a {
  padding: 4px 0px 4px 30px;
  background: url("../images/icons.png") no-repeat scroll left -178px transparent;
}
.item-page.full {
  width: 1078px;
}
.item-page .pagination {
  margin-top: 30px;
}
.rightside-item #article-index, .rightside-item .banneritem {
  margin-bottom: 120px;
}
.createdby {
  font-style: italic;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 50px;
}
.createdby img {
  margin-bottom: 10px;
}
#RightMenuAfter .tags {
  width: 100%;
  float: none;
}
#RightMenuAfter .tags .menu {
  margin-top: 5px;
}
#RightMenuAfter .tags .item {
  padding-left: 10px;
}
.item-page .hits, .item-page .tags {
  margin-top: 40px;
}

/*  Blog Ctg    */
.cols-3 .item {
  width: 345px;
}
.blog {
  padding-left: 21px;
}
.blog .item {
  float: left;
  margin: 25px 25px 0px 0px;
}
.blog .article-info, .jg_subcatelem_cat .article-info {
  background: none;
  padding: 0px;
}
.blog .item h2 {
  padding: 10px 0px 15px;
  height: 20px;
  overflow: hidden;
}
.blog .items-row {
  clear: both;
  margin-right: -25px;
}
.blog .item {
  padding-bottom: 10px;
}

/*    pagination      */
.pagination {
  position: relative;
}
.pagination .center {
  float: right;
  left: -50%;
  position: relative;
  text-align: left;
  clear:both;
  padding: 20px 0px;
}
.pagination .center ul {
  left: 50%;
  list-style: none outside none;
  position: relative;
}
.pagination .center li {
        display:inline;
        padding:2px 2px;
        text-align:left;
        border:solid 0px #eee;
        margin:0px;
}
.pagination .center li a {
  color: #828282;
}
.pagination .center li span {
  color: #000;
}
.pagination .center li span, .pagination .center li a {
  font-style: normal;
}
.pagenav {
  padding:2px;
  clear: both;
}
.pagination .center li {
  float: left;
}
.pagination .center li.pagination .center-prev , .pagination .center li.pagination .center-next {
  width: 11px;
  overflow: hidden;
}
.pagination .center li.pagination .center-prev a, .pagination .center li.pagination .center-next a {
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 13px;
}
.pagination .center li.pagination .center-prev a{
  background-image: url(http://www.classomsk.com/templates/classnew/images/left_arrow.png);
}
.pagination .center li.pagination .center-next a{
  background-image: url(http://www.classomsk.com/templates/classnew/images/right_arrow.png);
}
.pagination .center li.pagination .center-start ,
.pagination .center li.pagination .center-start  span
 {
  padding:0
}
.pagination-prev .pagenav {
  background: url("../images/icons.png") no-repeat scroll left -179px transparent;
  padding: 2px 0px 2px 26px;
}
.pagination-next .pagenav {
  background: url("../images/icons.png") no-repeat scroll right -153px transparent;
  padding: 2px 26px 2px 0px;
}
#jlvkcomments {
  clear: both;
}