body{
    background: url(/img/alfa/alfa.pattern.op.jpg) repeat fixed;
}
.container{
    width: 940px;
    margin: 0 auto;
    padding: 10px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(78, 78, 78, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(78, 78, 78, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(78, 78, 78, 0.1) inset;
    background: #ffffff;
    margin-bottom: 20px;
}

img[data-imagepreview]{
    cursor: pointer;
}

.container .header{
    width: 100%;
}

.clear{
    width: 100%;
    clear: both;
}

.container .header .logo{
    float: left;
}

.dontpublish{
    background: #740000;color: #ffffff;padding-left: 30px;font-weight: bold;
}

/*Главный экран видео*/
#sitevideo .iframe .but{
    width: 586px;
    height: 376px;
    float: left;
    margin-top: -376px;
    position: relative;
    cursor: pointer;
}

#sitevideo .iframe:hover .but .play{
    border-left: 50px solid #a6e9a6;
    opacity: 1;
}

#sitevideo .iframe .but .play{
    border-top: 40px solid transparent;
    border-left: 50px solid #73a373;
    border-bottom: 40px solid transparent;
    margin-top: 130px;
    margin-left: 268px;
    opacity: 0.80;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

/*Просмотр изображений*/
#imagepreview.hide{
    top: -100%;
}
#imagepreview{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0, 0, 0, 0.80)
}
#imagepreview .images{
    background: #000000;
    -webkit-transition: margin 600ms ease;
    -moz-transition: margin 600ms ease;
    -ms-transition: margin 600ms ease;
    -o-transition: margin 600ms ease;
    transition: margin 600ms ease;
}

#imagepreview .center .title{
    color: white;
    text-align: center;
    min-height: 20px;
}
#imagepreview .right .posttitle{
    line-height: 15px;
}
body #imagepreview .right a.posturl span,#imagepreview .right .title{
    font-size: 13px;
    padding-left: 5px;
    padding-right: 15px;
}

#imagepreview .right .postannotation,#imagepreview .right .imgannotation{
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
    color: #b7b7b7;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 15px;
    text-align: justify;
}

#imagepreview img.img{
}

#imagepreview .dont:hover{
    opacity: 0.8;
}
#imagepreview .dont{
    opacity: 0.3;
}

#imagepreview .dont.actived{
    opacity: 1;
}

html, body
{
    height: 100%;
}

/*Меню верхнее*/
#topmenu ul.menu{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-top: 17px;
}

#topmenu ul li{
    float: left;
    margin-left: 10px;
    line-height: 32px;
}
#topmenu ul li a{
    padding: 3px 5px;
    text-decoration: underline;
}

#topmenu ul li a:hover{
    border-radius: 10px;
    color: #ffffff;
    background: #239fff;
    text-decoration: none;
}

#topmenu ul li a.active{
    border: 1px solid #239fff;
    border-radius: 10px;
    text-decoration: none;
}
/*Лэйблы блоков*/
.h3gr{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.h3gr .miniinfo{
    font-size: 70%; font-weight: normal;margin-left: 10px;
    margin-top: 0px;
}


/*Блок анонсов*/
#anonses{


}

#anonses .block{/*
    padding: 1px;
    -webkit-box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 1);
    box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 1);*/
}

#anonses .blockimage{
    float:left;
    width: 465px;
    border-right: 1px solid #cccccc;
}

#anonses .blockimage .images{
    width: 465px;
    height: 298px;
    overflow: hidden;
    padding-bottom: 1px;
    border-bottom: 1px solid #cccccc;
}

#anonses .blockimage .images .oneimage{
    height: 0px;
    overflow: hidden;
    -webkit-transition: height 300ms linear;
    -moz-transition: height 300ms linear;
    -ms-transition: height 300ms linear;
    -o-transition: height 300ms linear;
    transition: height 300ms linear;
}

#anonses .blockimage .images .oneimage.active{
    width: 465px;
    height: 298px;
}

#anonses .blockimage .infos .oneinfo{
    float: left;
    width: 465px;
    max-height: 0px;
    overflow: hidden;
}


#anonses .blockimage .infos .annotation{
    font-size: 13px;
    text-align: justify;
    padding: 0px 10px 10px 10px;
    line-height: 16px;
}

#anonses .blockimage .infos .oneinfo ul.datetimes{
    font-size: 13px;
    line-height: 17px;

}

#anonses .blockimage .infos .oneinfo ul.datetimes .passed{
    color: #999999;
}


#anonses .blockimage .infos .oneinfo.active{
    max-height: 300px;
}

#anonses .blockanonses .anons{
    background: #f5f7f9;
    margin-left: 466px;
    margin-bottom: 1px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#anonses .blockanonses .anons.active{
    background: #dce1e7;
}

#anonses .blockanonses .anons.active:before{
    content: "";
    position: absolute;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 30px solid #dce1e7;
    border-bottom: 10px solid transparent;;
}

#anonses .blockanonses .anons.isanons.active:before{
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;;
}

#anonses .blockanonses .anons .title a{
    font-size: 18px;
    text-decoration: underline;
}

#anonses .blockanonses .anons .title a.info{
    font-size: 15px;
    font-style: italic;
    text-decoration: none;
    color: #eb1940;
}

#anonses .blockanonses .anons .title a:hover{
    color: #eb1940;
}

#anonses .blockanonses .anons .annotation{
    font-size: 13px;
    text-align: justify;
    line-height: 16px;
}

/*Тень под анонсами*/
#anonses {
    position:relative;
    padding:1em;
    min-height: 410px;
    margin-top: 10px;
    /*margin:2em 10px 4em;*/
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#anonses:before,
#anonses:after {
    content:"";
    position:absolute;
    z-index:-2;
}

#anonses:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.centerblock{
    margin-top: 20px;
}

/*Список статей*/
/*Главная статья*/
#posts.listposts .postMegaMain{
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 30px;
    -webkit-box-shadow:0px 6px 12px #8e8e8e;
    -moz-box-shadow:0px 6px 12px #8e8e8e;
    box-shadow:0px 6px 12px #8e8e8e;
    border-bottom: 3px solid #24a5ff;
}
#posts.listposts .postMegaMain .clubrubinfo{
    margin-left: 13px;
    font-size: 12px;
}
#posts.listposts .postMegaMain .icons{
    text-align: left;
}

#posts.listposts .postMegaMain .title{
    font-size: 20px;
    padding-bottom: 5px;
}

#posts.listposts .postMegaMain .info .annotation{
    font-size: 14px;
    text-align: justify;
    line-height: 18px;
}

#posts.listposts .post .datetimes{
    margin-top: 10px;
    font-size: 13px;
    line-height: 17px;

}

#posts.listposts .post .datetimes .passed{
    color: #999999;
}

#posts.listposts{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow:none;
    padding: 0px;
}
#posts.listposts .h3gr{
    margin-bottom: -20px;
}
#posts.listposts .postMain{
    padding: 10px;
}

#posts.listposts .postMain .clubrubinfo{
    margin-left: 12px;
    font-size: 11px;
}

/*#posts.listposts .postMain.post{*/
    /*border-bottom: 2px solid transparent;*/
/*}*/

/*#posts.listposts .postMain.post:hover{*/
    /*border-bottom: 2px solid #e9edf0;*/
/*}*/

/*#posts.listposts .postMain:hover{*/
    /*-webkit-box-shadow:2px 2px 0px #8e8e8e;*/
    /*-moz-box-shadow:2px 2px 0px #8e8e8e;*/
    /*box-shadow:2px 2px 0px #8e8e8e;*/
    /*background: #e9edf0;*/
/*}*/

/*Страницы*/
.pages{
    list-style: none;
    padding: 0px;
    margin: 0px auto;
    margin-top: 20px;
    margin-left: 30px;
}

.pages a.current{
    background: #477994;
    color: #ffffff;
}

.pages a.page_f,.pages a.page_n{
    float: left;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    vertical-align: -20px;
    overflow: hidden;
    text-decoration: none;
    color: #858585;
    font-weight: bold;

}

.pages a.page_f{
    border: 1px solid #ccc;
    border-right: 0px;
}

.pages a.page_n{
    border: 1px solid #ccc;
    border-left: 0px;
}

.pages .page_f:hover, .pages .page_n:hover, .pages .prev:hover, .pages  .next:hover{
    color: #477994;
    border: 1px solid #477994;
    background: #c8d7df;
}

.pages a.prev{
    border: 1px solid #ccc;
    margin-top: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: -25px;
    font-size: 18px;
}

.pages a.next{
    border: 1px solid #ccc;
    margin-top: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: -25px;
    font-size: 18px;
}

.pages a{
    float: left;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    vertical-align: -20px;
    overflow: hidden;
    text-decoration: none;
    color: #858585;
    font-weight: bold;
}

/*Статьи*/
#posts{
    background: #e9edf0;
    padding: 10px;

    -webkit-box-shadow:2px 2px 0px #8e8e8e;
    -moz-box-shadow:2px 2px 0px #8e8e8e;
    box-shadow:2px 2px 0px #8e8e8e;
}



#posts .h3gr{
    float: left;
    margin-top: 0px;
    margin-right: 120px;
}

#posts .menu{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-top: 12px;
}

#posts .menu li{
    float: left;
    margin-right: 20px;

}

#posts .menu li a{
    color: #656565;
    text-decoration: none;
    margin: 3px 10px;
    border-bottom: 1px dashed;
}


#posts .menu li.active{
    background: #0088cc;
    border-radius: 4px;
}

#posts .menu li.active a:hover{

}

#posts .menu li.active a{
    color: #ffffff;
    border-bottom: none;
}

#posts .post{
    margin-top: 10px;
    overflow:hidden;
    _zoom:1;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffffff;
}

#posts .post.last{
    padding-bottom: 3px;
    border-bottom: none;
}

#posts .post .icons{
    text-align: right;
    margin-right: 6px;
}

#posts .post.postMain .icons{
    text-align: left;
    margin-right: 6px;
    margin-bottom: 5px;
}

#posts .post .image{
    float: left;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);
    box-shadow:1px 1px 3px rgba(0,0,0,0.6);

    margin-right: 6px;
    /*padding: 4px;*/
}

#posts .post .image img{
    margin: 4px;
}


#posts .postMain .image{

}

#posts .postMain .image img{
    margin: 6px;
}

#posts .post .info{
}

#posts .post .datepublish,.datepublish{
    font-size: 12px;
    color: #898989;
}

#posts .post .title{
    font-size: 18px;
    padding-bottom: 4px;
}

#posts .post .info .annotation{
    font-size: 13px;
    text-align: justify;
    line-height: 16px;
}


/*Наши проекты*/
#linkprojects{
}

#linkprojects .oneproject{
    width: 350px;
    text-align: center;
}


/*Фотографии*/
#siteimages{
    margin-top: 20px;
}
#siteimages .h3gr .info{
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    margin-left: 15px;
}



/*Пост*/
#post,#postcontent{
    padding: 10px;
    background: #e9edf0;

    -webkit-box-shadow:2px 2px 0px #8e8e8e;
    -moz-box-shadow:2px 2px 0px #8e8e8e;
    box-shadow:2px 2px 0px #8e8e8e;
}

#post .sourcelink{
    font-size: 13px;
    font-style: italic;
}

#post .posttitle{
    font-size: 21px;
}

#post .postimage{
    float: left;
    background: #ffffff;
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    padding: 6px;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);
    box-shadow:1px 1px 3px rgba(0,0,0,0.6);
}

#post .postimage .glob{
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
    background: #166294;
    color: #acacac;
}
#post .postimage .glob i{
    margin-top: 3px;
    vertical-align: top;
    margin-left: 4px;
}

#post .postimage .glob a{
    color: #d9d9d9;
}

#post .postcontent{
    font-size: 14px;
    line-height: 20px;
    padding-top: 20px;
}

#post .postcontent p{
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

/*Материалы к статье*/
#postcontent{
    margin-left: -2px;
    padding-left: 2px;
    padding-right: 0px;
}

#postcontent .images{
}

#postcontent .image{
    float: left;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 3px;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    min-height: 70px;
}

#postcontent .image .glob{
    height: 16px;
    overflow: hidden;
    margin-top: -18px;
}

/*Меню к статье*/
#postcontent .minimenus{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#postcontent .minimenus .annotation{
    line-height: 14px;
    font-size: 12px;
}

#postcontent .minimenus .posts{
    /*border: 1px solid gray;*/
    margin: 3px;
    padding: 3px;
    margin-left: 15px;
    /*background: #e0e3e6;*/
}

#postcontent .minimenus .posts:hover{
    /*background: #cddae0;*/
}

/*Видео к статье*/
#postcontent .videos{
    margin-left: 4px;
    margin-bottom: 10px;
}

#postcontent .videos .videoMain .img{
    width: 339px;
    height: 217px;
    float: left;

}

#postcontent .videos .videoMain .but{
    width: 339px;
    height: 217px;
    float: left;
    margin-top: -217px;

    cursor: pointer;
}

#postcontent .videos .videoMain:hover .but .play{
    border-left: 25px solid #a6e9a6;
    opacity: 1;
}
#postcontent .videos .videoMain .but .play{
    border-top: 20px solid transparent;
    border-left: 25px solid #73a373;
    border-bottom: 20px solid transparent;
    margin-top: 80px;
    margin-left: 148px;
    opacity: 0.80;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

#postcontent .videos .video.videoMain{
    float: none;
}

#postcontent .videos .video{
    width: 165px;
    margin-top: 9px;
    margin-right: 9px;
    float: left;
    cursor: pointer;
}

#postcontent .videos .video .img{
    width: 165px;
    height: 104px;
    float: left;
}

#postcontent .videos .video .but{
    width: 165px;
    height: 104px;
    float: left;
    margin-top: -104px;
}
#postcontent .videos .video:hover .but .play{
    border-left: 25px solid #a6e9a6;
    opacity: 1;
}
#postcontent .videos .video .but .play{
    border-top: 20px solid transparent;
    border-left: 25px solid #73a373;
    border-bottom: 20px solid transparent;
    margin-top: 20px;
    margin-left: 68px;
    opacity: 0.80;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

#postcontent .videos .video .title{
    width: 165px;
    height: 104px;
    float: left;
    margin-top: -104px;

}

#postcontent .videos .video .title .content{
    font-size: 12px;
    line-height: 14px;
    vertical-align: bottom;
    background: rgba(0, 0, 0, 0.64);
    padding: 5px 10px;
    color: #ffffff;
}

/*Документы к статье*/
#postcontent .docs{

}

#postcontent .docs .doc{
    margin: 3px;
    padding: 3px;
    margin-left: 15px;
}

#postcontent .docs .doc .title{

}

#postcontent .docs .doc .annotation{
    font-size: 12px;
}


/*Дополнительные ссылки справа от статьи*/
#rightpanel{
    padding: 10px;
}

#rightpanel .parentposts .image{
    width: 95px;
    height: 66px;
    overflow: hidden;
}

#rightpanel .childrens{

}
#rightpanel .childrens .children{

}

#rightpanel .childrens .children .title{
    line-height: 15px;
}

/*Нижнее меню*/
#bottommenu{
    border-top: 3px solid #e2e2e2;
    margin-top: 30px;
    padding-left: 10px;
    padding-top: 27px;
    /*padding-bottom: 36px;*/
    padding-bottom: 26px;
}

#bottommenu .logo, #bottommenu .info{
    float: left;
}

#bottommenu .info{
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #989898;
}

/*Видогаллерея*/
.videolist .oneVideo .img{
    width: 220px;
    height: 139px;
    float: left;

}

.videolist .oneVideo .but{
    width: 220px;
    height: 139px;
    float: left;
    margin-top: -139px;

    cursor: pointer;
}

.videolist .oneVideo:hover .but .play{
    border-left: 25px solid #a6e9a6;
}
.videolist .oneVideo .but .play{
    border-top: 20px solid transparent;
    border-left: 25px solid #73a373;
    border-bottom: 20px solid transparent;
    margin-top: 50px;
    margin-left: 95px;
}

/*Люди о Альфе*/
.peopleAboutAlfa{
    width: 335px;
    float: left;
}
#people .text p:first-letter,.peopleAboutAlfa .text p:first-letter{
    margin-left: 3px;
    font-size: 110%;
}

#people .text p.normal,.peopleAboutAlfa .text p.normal{
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
}

#people .text small.name,.peopleAboutAlfa .text small.name{
    font-size: 110%;
}

#people .text small:after,.peopleAboutAlfa .text small:after{
    content: '';
}

/*Вопрос ответ*/
#questions{
    clear: left;
    padding-top: 25px;
    padding-left: 60px;
}

#questions .info{
    margin-left: 10px;
}
#questions .infolabel{
    font-weight: bold;
    font-size: 17px;
    margin-top: 16px;

    padding-bottom: 14px;
}
#questions a{
    color: #ff551a;
    text-decoration: underline;
    font-size: 22px;
}

/*Партнёры*/
#partners .onePartner{
    float: left;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 5px;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
}

#partners .onePartner img{
    width: 156px;
    height: 64px;
}