/*
-----------------------------------------------
Site Base Styles
Author:   akella at http://cssing.org.ua
Version:  29 Oct 2011
----------------------------------------------- */
*{margin:0;padding:0}
body{
    font:13px/1.4  arial,sans-serif;
    color:#383e44;
    background:#f3f3f3;
    padding-top:40px;
    }    
/* =Misc(links)
----------------------------------------------- */
a img,fieldset{border:none}
.pda, .print, legend{display:none}
a{color:#00a0dc; cursor: pointer;}
a.blue{color:#00a0dc !important;}
.clr{
    clear:both;
    height:1px;
    font-size:1px;
    line-height:1px;
    }

/* =Header
----------------------------------------------- */
.header{
    /*height:86px; had to remove this*/
    position:relative;
    }
.header h1{
    float:left;
    height: 60px;
    width: 450px;
    position: relative;
    background:url(../img/minobr_gerb.png) no-repeat 0 0;
    }
    .header h1 a{
      height: 36px;
      position: absolute;
        padding:17px 0 17px 70px;
        font-size:15px;
        color:#000;
        font-weight:bold;
        text-transform:uppercase;
        line-height:1.15;
        display:block;
        text-decoration:none;
        }
        .header h1 a span{
            display:block;
            color:#545454;
            }
    .header h1 a.second {
      visibility: hidden;
    }
      .header h1 a.second span {
        visibility: hidden;
      }
.header .lang{
    position:absolute;
    font-size:12px;
    text-transform:uppercase;
    top:13px;
    left:510px;
    width:100px;
    padding:4px 0;
    background:url(../img/dotted.png) repeat-y 100% 0;
    transition: left .5s;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    }
    .header.search-active .lang{
        left: 454px;
        }
    .lang a{
        font-weight:bold;
        text-decoration:none;
        color:#919191;
        margin-right:10px;
        }
    .lang a.active{
        color:#131313;
        }
.h-social{
    list-style:none;
    position:absolute;
    left:620px;
    top:13px;
    width:220px;
    line-height:1;
    transition: left .5s;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    }
    .header.search-active .h-social{
        left: 590px;
        }
    .h-social li{
        float:left;
        width:22px;
        height:22px;
        margin-right:12px;
        background:url(../img/h-social.png) no-repeat 0 0;
        }
        .h-social li a{
            float:left;
            width:22px;
            height:22px;
            background:url(../img/h-face.png) no-repeat 0 0;
            }    
        .h-social li a:hover {
            background-position: 0 -22px;
            }
        .h-social .h-vkon{background-image:url(../img/h-vkon.png)}
        .h-social .h-twit{background-image:url(../img/h-twit.png)}
        .h-social .h-live{background-image:url(../img/h-live.png)}
        .h-social .h-youtube{background-image:url(../img/h-youtube.png)}
                .h-social .h-facebook{background-image:url(../img/h-facebook.png)}
        .h-social .h-discuss{background-image:url(../img/h-discuss.png)}
.header form{
    position:absolute;
    right:0;
    top:13px;
    width:136px;
    transition: width .5s;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    }
    .header.search-active form{
        width: 196px;
        }
    .h-keyword{
        width:92px;    
        border:1px solid #e6e6e6;
        border-radius:14px;
        padding:3px 10px;
        background:#fff;
        box-shadow:inset 0 0 2px #e6e6e6;
        position:absolute;
        left:0;
        transition: width .5s;
        -webkit-transition: width .5s;
        -moz-transition: width .5s;
        outline: none;
        }
        .header.search-active .h-keyword{
            width: 152px;
            color: #fff;
            background-color: #bababa;
            text-shadow: 0 -1px #919191;
            box-shadow: inset 0 0 6px #919191;
            }
        .h-submit{
            position:absolute;
            right:0;
            top:5px;
            background: url(../img/search.png) no-repeat 0 0;
            border: none;
            outline: none;
            width: 15px;
            height: 16px;
            cursor: pointer;
            }
            .h-submit:hover {
            background-position: 0 -16px;
            }
.nav{
    position:relative;
    z-index:2;
    width:100%;
    overflow:hidden;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
    border-radius:6px;
    }
    .nav ul{
        list-style:none;
        height:48px;
        }
        .nav li{
            float:left;
            background:url(../img/nav-sep.png) no-repeat 100% 50%;
            }
        .nav li a{
            float:left;
            height:48px;
            line-height:48px;
            text-decoration:none;
            padding:0 28px;
            font-size:14px;
            color:#5a5a5a;
            text-shadow:0 1px 0 #f5f5f5;
            font-weight:bold;
            }
        .nav li:last-child{
            background:none;
            }
            .nav li:last-child a{
                padding-right:75px;
            }
        .nav li a:hover{
            color:#131313;
            }
        .nav li a.here{
            box-shadow:inset 0 0 3px rgba(0,0,0,.4);
            background: #9f9f9f; /* Old browsers */
            background: -moz-linear-gradient(top, #9f9f9f 0%, #b1b1b1 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(100%,#b1b1b1)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #9f9f9f 0%,#b1b1b1 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #9f9f9f 0%,#b1b1b1 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #9f9f9f 0%,#b1b1b1 100%); /* IE10+ */
            background: linear-gradient(top, #9f9f9f 0%,#b1b1b1 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
            color:#fff;
            text-shadow:0 -1px 0 #888;
            }
            .nav li:first-child a.here{
                border-top-left-radius:6px;
                border-bottom-left-radius:6px;
                }
    .nav-more{
        width:66px;
        height:48px;
        position:absolute;
        right:0;
        top:0;
        background:url(../img/sitemap.png) no-repeat 0 0;
        border-top-right-radius:6px;
        border-bottom-right-radius:6px;
        }
        .nav-more:hover,.nav-more.nav-more-open{
            background-position:0 -48px;
            }
.top-sitemap{
    box-shadow:inset 0 0 14px #ddd;
    border-radius:6px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin:0 0 15px 0;
    position:relative;
    top:-3px;
}
.top-sitemap-in{
    padding:18px 0 18px 28px;
    }
    .top-sitemap h2{
        margin-bottom:18px;
        font-size:16px;
        font-weight:bold;
        }
        .top-sitemap h2 a{
            margin-right:1em;
            text-decoration:none;
            color:#c8c8c8;
            border-bottom: 1px dotted #c8c8c8;
            text-shadow:0 1px 0 #fff;
            }
        .top-sitemap h2 a:hover,
        .top-sitemap h2 a.active{
            color:#1e1e1e;
            }
            .top-sitemap h2 a.active{
            border-bottom: none;
            }
    .top-sitemap-nav{
        list-style:none;
        float:left;
        width:154px;
        }

        #top-sitemap-content{
            float:left;
            width:750px;
            font-size:11px;
            background: url(../img/faux.png) repeat-y 200px 0;
            margin-left:20px;
            display:inline;
            min-height:230px;
            }
            /* thats how merge columns */
            #top-sitemap-content.double{
                background: url(../img/faux.png) repeat-y -50px 0;
            }
            #top-sitemap-content ul{
                list-style:none;
                width:210px;
                float:left;
                padding-right:35px;
                }
                #top-sitemap-content ul.double{
                    width:455px;
                    background: #F3F3F3; /* XXX!!! */
                }
                #top-sitemap-content li{
                    margin-bottom:11px;
                    }
                #top-sitemap-content p{
                    padding-bottom: 5px;
                }
                /*#top-sitemap-content li.imp{
                    padding-left:16px;
                    background:url(../img/circle.png) no-repeat 0 3px;
                    }*/
                #top-sitemap-content a{
                    color:#505860;
                    text-decoration:none;
                    }
                    #top-sitemap-content a:hover {
                        text-decoration:underline;
                        color:#00a0dc;
                    }
        .top-sitemap-nav li{
            margin-bottom:15px;
            }
        #top-sitemap-content li.imp a,
        .top-sitemap-nav li a{
            color:#5a5a5a;
            font-size:14px;
            font-weight:bold;
            text-decoration:none;
            text-shadow:0 1px 0 #fff;
            }
        .top-sitemap-nav li a{
            border-bottom: 1px dotted #5a5a5a;
            }
        #top-sitemap-content li.imp a:hover,
        .top-sitemap-nav li a:hover,
        .top-sitemap-nav li a.active{
            color:#1e1e1e;
        }
        .top-sitemap-nav li a.active{
            padding-right:15px;
            background:url(../img/arr.png) no-repeat 100% 50%;
            border: none;
            }
    #top-sitemap-help{
        padding-right: 18px;
        font-size: 11px;
        }
        #top-sitemap-help p{
        margin-bottom: 11px;
        }
/* =content
----------------------------------------------- */
.h2, .h2 a{
    font-size:16px;
    font-weight:bold;
    color:#1e1e1e;
    text-decoration:none;
    }
    .h2{
        margin-bottom:24px;
        padding-top:14px;
        }
    .h2-sw a{
        color:#c8c8c8;
        margin-right:9px;
        cursor: pointer;
        border-bottom: 1px dotted #c8c8c8;
        }
    .h2-sw a.active{
        color:#1e1e1e;
        border-bottom: none;
        }
.b{
    background:#fff;
    border-radius:4px;
    padding:0 23px 20px 30px;
    }
.small-note{
    font-size:11px;
    color:#8c96a0;
    margin-bottom:14px;
    }
    .b .switcher{
        font-size:14px;
        color:#c8c8c8;
        font-weight:bold;
        margin-bottom:20px;
        }
        .switcher a{
            color:#c8c8c8;
            text-decoration:none;
            }
            
            .switcher .switcher-item1{
                color:#1a1a1a;
                }
            .switcher .switcher-toggle{
                padding: 6px 26px;
                width: 40px;
                background:url(../img/switcher1.png) no-repeat 50% 50%;
                }

            .switcher1 .switcher-toggle{
                background-image:url(../img/switcher2.png);
                }
            .switcher1 .switcher-item1{
                color:#c8c8c8;
                border-bottom: 1px dotted #c8c8c8;
                }
            .switcher2 .switcher-item2{
                border-bottom: 1px dotted #c8c8c8;
                }
            .switcher1 .switcher-item2{
                color:#1a1a1a;
                }
    .list-with-counter{
        list-style:none;
        }
        .list-with-counter li{
            font-size:12px;
            position:relative;
            margin-bottom:12px;
            padding-right:70px;
            }
            .list-with-counter a{
                color:#505860;
                text-decoration:none;
                }
            .list-with-counter a:hover {
                text-decoration:underline;
                color:#00a0dc;
            }
            .list-with-counter .counter:hover,
            .list-with-counter .counter{
                width:59px;
                height:17px;
                line-height:17px;
                color:#fff;
                font-size:9px;
                position:absolute;
                right:0;
                top:0;
                background:url(../img/counter.png) no-repeat 100% 0;
                text-align:right;
                }
                .counter i{
                    font-style:normal;
                    display:inline-block;
                    height:17px;
                    line-height:17px;
                    width:11px;
                    text-align:center;
                    margin-left:1px;
                    text-shadow: 0 -1px #949a9f;
                    }
    .more-dir{
        font-size:11px;
        }
        .more-dir a{
            color:#a0a8b0;
            text-decoration:none;
            }
/* hentry
---------------------------------------- */
.hentry{
    font-size:12px;
    color:#383e44;
    }
.hentry-short{
    padding-bottom:14px;
    margin-bottom:12px;
    border-bottom:1px solid #e0e2e3;
}
    .hentry-pic{
        box-shadow:0 0 10px rgba(0,0,0,0.2);
        margin-bottom:20px;
        }
    .hentry h3{
        font-size:16px;
        color:#505860;
        font-weight:bold;
        }
        .hentry-lenta h3{
            font-weight:normal;
            }
        .hentry h3 a{
            color:#505860;
            text-decoration:none;
            }
        .hentry h3 a:hover{
            color:#00a0dc;
            text-decoration:underline;
            }
        .hentry-short h3{
            margin-bottom:4px;
        }
        .hentry-short h3 a{
            padding-right:14px;
            background:url(../img/arr.png) no-repeat 100% 50%;
        }
     .hentry-main h3{
            font-size:18px;
            margin-bottom:20px;
            }
    .hentry-main h3 a{
        color:#00a0dc;
        }
    .hentry-main p{
        margin-bottom:1em;
        }
    .meta{
        color:#8c96a0;
        font-size:11px;
        }
        .meta a{
            color:#8c96a0;
            text-decoration:none;
            }
            .meta a:hover {
                color:#00a0dc;
                text-decoration:underline;
                }
            .meta .sep{
                margin:0 9px;
                width:1px;
                height:1em;
                padding:2px 0;
                background: url(../img/dotted1.png) repeat-y 0 0;
                display:inline-block;
                vertical-align:middle;
                position:relative;
                top:-2px;
            }
            .meta-categ{
                padding-left:16px;
                background:url(../img/categ.png) no-repeat 0 50%;
            }
            .published{
                padding-left:18px;
                background:url(../img/published.png) no-repeat 0 50%;
            }
            .published-alt{
                padding:0 18px 0 0;
                background:url(../img/published.png) no-repeat 100% 50%;
            }
            .meta-place{
                padding-left:15px;
                background:url(../img/place.png) no-repeat 0 50%;
                }
.main{
    margin-top:15px;
}
.main-news{
    position:relative;
    }
    .main-caro-nav{
        position:absolute;
        top:15px;
        right:0;
        text-align:right;
        }
        .cnav a{
            display:inline-block;
            margin-left:6px;
            width:8px;
            height:8px;
            background:url(../img/nav.png) no-repeat 0 0;
            }
        .cnav a.current,
        .cnav a.active{
            background:url(../img/nav-here.png) no-repeat 0 0;
            }
    #m-next,
    #m-prev{
        width:26px;
        height:500px;
        position:absolute;
        right:-40px;
        top:-3px;
        display:none;
        cursor: pointer;
        background:url(../img/m-next.png) no-repeat 0 0;
        text-indent:-1983em;
        overflow:hidden;
        }
        #m-next:active {
            background:url(../img/m-next-pressed.png) no-repeat 50% 2px;
        }
    #m-prev{
        left:-40px;
        width:40px;
        background:url(../img/m-prev.png) no-repeat 0 0;
        }
        #m-prev:active {
            /* XXX numpers here? */
            background:url(../img/m-prev-pressed.png) no-repeat 4px 2px; 
        }
.main-caro-holder{
    position:relative;
    height:500px;
    }
.main-caro{
    width:292px;
    height:500px;
    position:absolute;
    top:-10px;
    left:-10px;
    overflow:hidden;
    padding-left:10px;
    }
    .main-caro .slides{
        width:20000em;
        position:absolute;
        }
        .main-caro .slide{
            float:left;
            width:282px;
            height:500px;
            margin:10px;
            }
    .more{
        width:100%;
        display:inline-block;
        }
        .more a{
            float:right;
            width:68px;
            height:34px;
            line-height:30px;
            background:url(../img/more.png) no-repeat 0 0;
            text-decoration:none;
            font-size:11px;
            color:#8c96a0;
            padding-left:28px;
            position:relative;
            right:-5px;
            }
/* sitemap
---------------------------------------- */
.sitemap{
    width:958px;
    width:880px;
    margin:40px 0;
    border:1px solid #d8dadd;
    overflow:hidden;
    padding:23px 39px;
    
    }
    .sitemap .col{
        float:left;
        width:130px;
        margin-right:57px;
        }
    .sitemap h3{
        font-size:13px;
        color:#00a0dc;
        font-weight:normal;
        border-bottom:1px solid #d8dadd;
        padding-bottom:7px;
        margin-bottom:12px;
        }
        .sitemap h3 a{
            color:#00a0dc;
            margin-right:3px;
            text-decoration:none;
            }
    .sitemap ul{
        list-style:none;
        margin-bottom:20px;
        }
        .sitemap li{
            font-size:11px;
            margin-bottom:13px
            }
        .sitemap li a{
            color:#505860;
            text-decoration:none;
            }
        .cols{
            float:left;
            }
            .cols .col-last{
                margin:0;
            }
    .sitemap .sub{
        color:#8c96a0;
        text-shadow:1px 1px 0 #fff;
    }
    .site-title{
        clear:both;
        font-size:11px;
        }
        .site-title a{
            display:block;
            padding:12px 0 12px 55px;
            background:url(../img/small-logo.png) no-repeat 0 50%;
            text-transform:uppercase;
            text-decoration:none;
            color:#0d0d0d;
            font-weight:bold;
            }
            .site-title a span{
                color:#5f5f5f;
                }
/* top
---------------------------------------- */
.top{
    padding:18px 0;
    margin:20px 0;
    border-top:1px solid #d8dadd;
    border-bottom:1px solid #d8dadd;
    color:#505860;
    font-size:14px;
    width:100%;
    overflow:hidden;
    position:relative;
    }
    .top-title{
        float:left;
        padding-right:33px;
        background:url(../img/top.png) no-repeat 100% 50%;
        font-weight:bold;
        }
    .top-caro{
        float:left;
        width:600px;
        overflow:hidden;
        height:20px;
        margin-left:18px;
        display:inline;
        position:relative;
        }
        .top-caro ul{
            list-style:none;
            position:absolute;
            left:0;
            top:0;
            width:20000em;
            }
        .top-caro li{
            width:600px;
            height:20px;
            float:left;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            }
            .top-caro li a{
                color:#00a0dc;
                text-decoration:none;
                font-weight:bold;
                }    
        .top-caro-nav{
            position:absolute;
            right:62px;
            top:19px;
            }
            .top-caro-nav a{
                width:6px;
                height:6px;
                background-image:url(../img/nav1.png);
            }
            .top .top-caro-nav .current,
            .top .top-caro-nav .active{
                background-image:url(../img/nav-here1.png);
            }
        .top-caro-nav-arrs{
            position:absolute;
            top:20px;
            right:0;
            text-align:right;
            width:60px;
            }
            .top-caro-nav-arrs a,.top-caro-nav-arrs span{
                margin-left:8px;
                display:inline-block;
                margin-left:8px;
                width:16px;
                height:16px;
                background:url(../img/prevnext.png) no-repeat 0 0;
                cursor:pointer;
                }
                .top-caro-nav-arrs .next{
                    background-position:100% 0;
                }
/* media
---------------------------------------- */
.media{
    border-radius:6px;
    background:#b4b8be;
    box-shadow:inset 0 0 15px rgba(0,0,0,0.5);
    margin:72px 0 -1px 0;
    
    padding:30px 30px 0 30px;
    width:900px;
    }
    .media-wrap{
        overflow:hidden;
        }    
    .mcol1{
        width:250px;
        float:left;
        margin-right:30px;
        position:relative;
        }
    .mcol2{
        width:340px;
        float:left;
        position:relative;
        }
    .mcol3{
        width:250px;
        float:right;
        position:relative;
        }
.media h2{
    position:absolute;
    left:0;
    top:-82px;
    white-space:nowrap;
    padding-top:0;
    margin:0;
    text-shadow:0 1px 0 rgba(255,255,255,0.4);
    }
    .fotos .h2{
        padding-left:36px;
        background:url(../img/h2-fotos.png) no-repeat 0 50%;
        }
.m-media-video{
    position:relative;
    padding-bottom:30px;
}
    .m-media-video .video-block {
        display: none;
        }
    .m-media-video .active {
        display: block;
        }
.m-media .h2{
    padding-left:36px;
    background:url(../img/h2-media.png) no-repeat 0 50%;
    position:absolute;
    left:-30px;
}

.video-list{
    padding:8px 0;
    background:#f0f0f0;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    width:100%;
    margin-top:14px;
    overflow:hidden;
    position:absolute;
    top:376px;
    }
    .video-list li{
        float:left;
        padding-left:6px;
        display:inline;
        position:relative;
        left:2px;
        }
        .video-list li a{
            float:left;
            border:2px solid #f0f0f0;
            }
        .video-list li a.active,.video-list li a:hover{
            border-color:#00a0dc;
            }
            .video-list li a img{
                float:left;
                }
.video-text{
    font-size:12px;
    color:#505860;
    text-shadow:0 1px 0 #c8cbcf;
    }            
    .video-text h3{
        font-size:16px;
        color:#fff;
        font-weight:bold;
        margin:14px 0;
        text-shadow:none;
        }
        .video-text h3 a{
            color:#fff;
            text-decoration:none;
        }
    .video{
        position:relative;
    }
    .video object,
    .video img{
        display:block
        }
    .video-title{
        text-decoration:none;
        display:block;
        font-size:11px;
        color:#8c96a0;
        text-shadow:0 1px 0 rgba(255,255,255,.3);
        background: #c2c5c8;
        background: -moz-linear-gradient(top, #c2c5c8 0%, #ebebeb 34%, #dddddd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c5c8), color-stop(34%,#ebebeb), color-stop(100%,#dddddd));
        background: -webkit-linear-gradient(top, #c2c5c8 0%,#ebebeb 34%,#dddddd 100%);
        background: -o-linear-gradient(top, #c2c5c8 0%,#ebebeb 34%,#dddddd 100%);
        background: -ms-linear-gradient(top, #c2c5c8 0%,#ebebeb 34%,#dddddd 100%);
        background: linear-gradient(top, #c2c5c8 0%,#ebebeb 34%,#dddddd 100%);
        
        padding:10px 11px 10px 12px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        }
        .video-title i{
            font-style:normal;
            display:block;
            background:url(../img/video.png) no-repeat 100% 50%;
            }
        .video-frame{
            width:250px;
            height:190px;
            position:absolute;
            top:0;
            left:0;
            background:url(../img/frame.png) no-repeat 0 0;
            }

.media-item{
    height:80px;
    margin-bottom:20px;
    position:relative;
    box-shadow:0 2px 7px rgba(0,0,0,0.2);
    background:#f3f3f3;
    padding:10px;
    }
    .media-item-audio{
        height:105px;
        background:#ffffff;
        }
        .audioct{
            position:absolute;
            right:0;
            top:0;
            z-index:100;
        }
    .media-item a{
        text-decoration:none;
        display:block;
        height:100px;
        width:100%;
        position:absolute;
        top:0;left:0;
    }
    .media-item img{
        position:absolute;
        right:0;
        top:0;
        }
    .media-item h3{
        font-size:11px;
        color:#505860;
        width:170px;
        position:relative;
        z-index:10;
        margin:10px 0 0 10px;
        font-weight:normal;
        }
        .media-item-meta{
            font-size:11px;
            color:#8c96a0;
            margin-left:10px;
            padding-top:4px;
            }
    .media-item-stats{
        position:absolute;
        bottom:5px;
        left:10px;
        font-size:14px;
        color:#a0a8b0;
        font-weight:bold;
        }
    .media-item-fotos{
        padding-left:24px;
        background:url(../img/fotog-stats.png) no-repeat 0 -15px;
        }
        .media-item-views{
            padding-left:26px;
            background:url(../img/fotog-stats.png) no-repeat 0 -45px;
            }
        .media-item-long{
            padding-left:24px;
            background:url(../img/media-item-video.png) no-repeat 0 0;
            }
        .media-item-stats span{
            margin-right:25px;
            height:15px;
            line-height:15px;
            display:inline-block;
            }
        .media-item .media-item-video{
            width:14px;
            height:11px;
            background:url(../img/media-item-video-icon.png) no-repeat 0 0;
            position:absolute;
            top:11px;
            left:165px;
            z-index:100;
            }
    .media-item a:hover .media-item-stats{
        color:#00a0dc;
        }
        .media-item a:hover .media-item-views{
            background-position:0 -30px;    
            }
        .media-item a:hover .media-item-fotos{
            background-position:0 0;    
            }
        .media-item a:hover .media-item-long{
            background-position:0 -15px;
            }
    .media-item i{
        height:100px;
        width:100px;
        width:22px;
        left:168px;
        top:0;
        position:absolute;
        -webkit-transition:all .1s ease-in-out;
        background:url(../img/fotog-arr.png) no-repeat 0 0;
        z-index:2;
        }
        .media-item:hover i{
            left:190px;
            }
.social{
    background:#f0f0f0;
    box-shadow:0 0 10px rgba(0,0,0,0.4),inset 0 -15px 15px rgba(0,0,0,0.05);
    }
    .social-feed{
        list-style:none;
        }
    .social-feed li{
        border-bottom:1px solid #e0e2e3;
        font-size:12px;
        color:#505860;
        padding:12px 30px;
        }
        .social-feed li:last-child {
            border:none;
            }
    .social-feed a{
        text-decoration:none;
        }    
        .ljlist-more,
        .twlist-more{
            width:100%;
            overflow:hidden;
            position: absolute;
            bottom: 10px;
            }
            .ljlist-more a,
            .twlist-more a{
                float:right;
                margin:0 14px 0 0;
                margin-right:14px;
                position:relative;
                z-index:1;
                }
.social-sw{
    width:100%;
    overflow:hidden;
    list-style:none;
    font-size:11px;
    border-bottom:1px solid #e0e2e3;
        }
        .social-sw li{
            float:left;
            width:50%;
            }
            .social-sw li a{
                display:block;
                text-align:center;
                padding:6px 0;
                color:#8c96a0;
                text-decoration:none;
                box-shadow:inset 3px -3px 4px rgba(0,0,0,0.05);
                }
                .social-sw li a span{
                    border-bottom: 1px dotted #8c96a0;
                    }
                .social-sw li:first-child a{
                    border-right:1px solid #e0e2e3;
                    box-shadow:inset -3px -3px 4px rgba(0,0,0,0.05);
                    }
                .social-sw li a.active{
                    color:#00a0dc;
                    box-shadow:none;
                    }
                .social-sw li a.active span{
                    border-bottom: none;
                    }
                    
    .feed-meta{
        font-size:11px;
        color:#8c96a0;
        padding-left:12px;
        background:url(../img/feed-meta.png) no-repeat 0 50%;
        }
/* =Footer
----------------------------------------------- */
.main-projects{
    margin:40px 0;
    position: relative;
    }
    .main-projects h2,.main-projects .cnav{
        display:inline;
        margin-right:6px;
    }
    .main-projects .top-caro-nav-arrs{
        top: 2px;
        }
.projects-wrap{
    padding:20px 0;
    box-shadow:inset 0 0 14px #ddd;
    border-radius:6px;
    margin-top:20px;
    }
    .projects-wrap .project{
        width:190px;
        float:left;
        margin-right:20px;
        min-height:190px;
        }
        .project-caro{
            width:930px;
            height:233px;
            position:relative;
            overflow:hidden;
            margin-left:20px;
            }
            .project-caro .slides{
                width:20000em;
                position:absolute;
                }
                .project-caro .slide{
                    width:930px;
                    height:233px;
                    float:left;
                    padding:10px 0 0 10px;
                }
.prefoot{
    width: 980px;
    overflow:hidden;
    margin:40px 0 0 0;
    }
    .prefoot .site{
        position:relative;
        width:203px;
        float:left;
        margin-right:20px;
        margin-bottom: 20px;
        height:68px;
        border:1px solid #d8dadd;
        padding:10px 10px 0 10px;
        font-size:10px;
        text-decoration:none;
        color:#8c96a0;
        text-transform:uppercase;
        text-shadow:0 1px 0 #fff;
        cursor:pointer;
        }
        .prefoot .site:hover {
            color:#505860;
            border-color:#91d2eb;
            }
        .site span{
            white-space: pre-wrap;
            }
        .site em{
            font-style:normal;
            position:absolute;
            color:#00a0dc;
            left:10px;
            text-shadow:none;
            bottom:10px
            }
        .prefoot .site-last{
            margin:0;
            }
.footer{
    padding:10px 0;
}
.footer, .footer a{
    font-size:11px;
    color:#8c96a0;
    }
    .footer p{
        margin-bottom:1em;
        }
.footer-social{
    float:right;
    width:50%;
    text-align:right;
    }
    .footer-social a{
        color:#505860;
        text-decoration:none;
        padding:3px 10px;
        background:url(../img/dotted.png) repeat-y 100% 0;
        }
        .footer-social a:last-child{
            background:none;
        }

ul.deal-list{
    list-style: none;
    float: left;
    width: 300px;
    }
    .deal-show li,
    ul.deal-list li {
        padding: 0;
        margin: 0 0 25px 0;
    }
    .deal-show a,
    ul.deal-list a{
        padding-right:15px;
        color: #383e44;
        text-decoration: none;
        }
        ul.deal-list a span{
            border-bottom: 1px dotted #00A0DC;
        }
        ul.deal-list a[href] span{
            border-bottom: none !important;
            }
    .deal-show a:hover,
    ul.deal-list a[href]:hover{
        text-decoration: underline;
        }
    /*ul.deal-list .sw a span{
        border-bottom: 1px dotted #383e44;
        }*/
    .deal-show a:hover,
    ul.deal-list a:hover {
        color: #00A0DC;
        }
    ul.deal-list a.active{
        background:url(../img/arr.png) no-repeat 100% 50%;
        }
.deal-show{
    float: left;
    width: 330px;
    }
    .deal-show ul{
        list-style: none;
        }

.yandex-note {
  color: #8C96A0;
  font-size: 11px;
  line-height: 11px;
  margin-left: 40px;
  margin-top: 0px;
  margin-bottom: 38px;
  }
.yandex-note.no-result{
    margin-left: 0px
    }

.rotatable{
    position: relative;
    }
    div.top-events, div.top-press {       
             transition: opacity 0.4s;
          -o-transition: opacity 0.4s;
         -ms-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
     -webkit-transition: opacity 0.4s;
     overflow: hidden;
    }
    div.top-press {
        opacity: 0;
        height: 0px;
        visibility: hidden;
    }
    div.top-events, .rotated div.top-press {
        opacity: 1;
        height: auto;
        visibility: visible;
    }
    .rotated div.top-events {
        opacity: 0;
        height: 0px;
        visibility: hidden;
    }

/*div.top-events, div.top-press {       
    position: absolute;
    width: 280px;
            backface-visibility: hidden;
         -o-backface-visibility: hidden;         
        -ms-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
            transition:         transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
         -o-transition:      -o-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
        -ms-transition:     -ms-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
       -moz-transition:    -moz-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
    background: #F3F3F3;
}

div.top-press {
            transform: translateZ(-140px) rotateY(90deg) translateZ(140px); 
         -o-transform: translateZ(-140px) rotateY(90deg) translateZ(140px); 
        -ms-transform: translateZ(-140px) rotateY(90deg) translateZ(140px); 
       -moz-transform: translateZ(-140px) rotateY(90deg) translateZ(140px); 
    -webkit-transform: translateZ(-140px) rotateY(90deg) translateZ(140px); 
    visibility: hidden;
    }

div.top-events, .rotated div.top-press {
            transform: translateZ(-140px) rotateY(0deg) translateZ(140px);
         -o-transform: translateZ(-140px) rotateY(0deg) translateZ(140px);
        -ms-transform: translateZ(-140px) rotateY(0deg) translateZ(140px);
       -moz-transform: translateZ(-140px) rotateY(0deg) translateZ(140px);
    -webkit-transform: translateZ(-140px) rotateY(0deg) translateZ(140px);
            transition:         transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
         -o-transition:      -o-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
        -ms-transition:     -ms-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
       -moz-transition:    -moz-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background-color 0.6s ease-in-out;
    visibility: visible;
    }
    .rotated div.top-events {
                transform: translateZ(-140px) rotateY(-90deg) translateZ(140px);
             -o-transform: translateZ(-140px) rotateY(-90deg) translateZ(140px);
            -ms-transform: translateZ(-140px) rotateY(-90deg) translateZ(140px);
           -moz-transform: translateZ(-140px) rotateY(-90deg) translateZ(140px);
        -webkit-transform: translateZ(-140px) rotateY(-90deg) translateZ(140px);
            transition:         transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
         -o-transition:      -o-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
        -ms-transition:     -ms-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
       -moz-transition:    -moz-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background-color 0.6s ease-in-out, visibility 0s linear 0.6s;
        visibility: hidden;
    }*/

.loader{
    background: url(../img/loader.gif) no-repeat center center;
    width: 16px;
    height: 16px;
    }
.lenta-tags-active .loader {
    position: absolute;
    bottom: -30px;
    left: 50%;
    display: none;
    }
    .lenta-tags-active .loader.show {
        display: block;
        }

/*-------banner-----------------------------------------------*/
.bannercodes .banner{
    float:left;
    width:141px;
    padding-bottom:1em;
    position:relative;
    top:-4px;
    }
    .bannercodes dd{
        clear:both;
        font-weight:bold;
        width:100%;
        overflow:hidden;
        padding-top:5px;
        }
        .bannercodes dd span{
            font-size:12px;
            display:block;
            padding-top:5px;
            font-weight:normal;
        }

.doc-header-logo{
    height: 36px;
    padding:17px 0 54px 70px;
    font-size:15px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1.15;
    display:block;
    text-decoration:none;
    border-bottom: 1px solid #d9dcdf;
    position: relative;
    }
    .doc-header-logo span{
        display:block;
        color:#8b8b8b;
        }
    .doc-header-logo img{
        position: absolute;
        top: 3px;
        left: 0;
        }
.doc-header-address{
    color: #8c96a0;
    text-align: right;
    font-size: 12px;
    padding-top: 17px;
    padding-bottom: 21px;
    }
    .doc-header-address span{
        padding-left: 12px;
        }

#advanced-search {
    margin-top: 19px;
    line-height: 1em;
    position: relative;
    height: 20px;
    overflow: hidden;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;

    }
    #advanced-search.open {
        height: 285px;
        overflow: visible;
    }
    #advanced-search .advanced-open{
        display: block;
        color: #5a5a5a;
        background: url(../img/search-advanced.png) 0 1px no-repeat;
        padding-left: 28px;
        font-weight: bold;
        float: left;
        font-size: 14px;
        padding-bottom: 21px;
        }
    #advanced-search .advanced-close{
        background: url(../img/overlay/close_icon.png) bottom right no-repeat;
        padding-right: 17px;
        position: absolute;
        display: none;
        color: #5a5a5a;
        top: 0;
        right: 0;
        font-size: 11px;
        }
        #advanced-search.open .advanced-close{
            display: block;
            }
    #advanced-search .advanced-close span,
    #advanced-search .advanced-open span{
        border-bottom: 1px dotted #5a5a5a;
        padding-bottom: 2px;
        }

    #advanced-search .field-row{
        clear: both;
        margin-bottom: 27px;
        padding-left: 13px;
        }
    #advanced-search .field-row label{
        color: #000;
        padding-bottom: 8px;
        display: block;
        }
    #advanced-search .field-row .blue-buttons{
        margin-left: -13px;
        }

    #advanced-search .since-switcher,
    .advanced-period{
        float: left;
        }
    .advanced-period{
        position: relative;
        padding-right: 27px;
        margin-left: 15px;
        }
    .advanced-period input{
        width: 70px;
        }
    #advanced-search .calendar-btn{
        }
.hl{
    background: #dadcdf;
    box-shadow: 0 0 5px 2px #dadcdf;
    border-radius: 4px;
    }

.calendar-btn{
    width: 18px;
    height: 18px;
    background: url(../img/search-calendar.png) top left no-repeat;
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    }

.datepicker{
    position: relative;
    }
.ui-datepicker{
    position: absolute;
    width: 230px;
    top: 2px;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 12px #dde0e2;
    background: #e6e7e9;
    }
    .ui-datepicker-header{
        height: 39px;
        font-size: 14px;
        font-weight: bold;
        color: #5a5a5a;

        background-image: linear-gradient(bottom, rgb(227,227,227) 0%, rgb(251,251,251) 100%);
        background-image: -o-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(251,251,251) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(251,251,251) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(251,251,251) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(251,251,251) 100%);

        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(227,227,227)),
            color-stop(1, rgb(251,251,251))
        );

        }
        .ui-datepicker-prev,
        .ui-datepicker-next{
            margin-top: 12px;
            width: 8px;
            height: 1em;
            }
        .ui-datepicker-prev{
            margin-left: 25px;
            float: left;
            background: url(../img/pagi-prev.png) no-repeat 0 50%;
            }
        .ui-datepicker-next{
            margin-right: 25px;
            float: right;
            background: url(../img/pagi-next.png) no-repeat 0 50%;
            }
        .ui-datepicker-title{
            text-align: center;
            line-height: 39px;
            text-shadow: 0 1px #f7f7f7;
            }
        .ui-datepicker-calendar{
            width: 100%;
            border-collapse: separate;
            border-spacing: 1px;
            text-align: center;
            vertical-align: middle;
            }
        .ui-datepicker-calendar thead th,
        .ui-datepicker-calendar thead tr,
        .ui-datepicker-calendar thead{
            height: 19px;
            background: #f3f3f3;
            font-size: 10px;
            text-transform: uppercase;
            color: #9a9fa2;
            box-shadow: inset -5px -15px 5px -13px #e6e7e9;
            }
        .ui-datepicker-calendar td{
            height: 32px;
            background: #f3f3f3;
            position: relative;
            margin: 0px;
            border: 1px solid #f3f3f3;
            border-top: 1px solid #f9fbfc;
            }
        .ui-datepicker-calendar td span,
        .ui-datepicker-calendar td a{
            font-size: 12px;
            text-shadow: 1px 1px #fff;
            color: #7f8487;
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%;
            line-height: 32px;
            }
            .ui-datepicker-calendar td:hover {
                border: 1px solid #47c2e5;
                box-shadow: none;
                }
        .ui-datepicker-calendar td.ui-datepicker-current-day{
            border: 1px solid #c5c8ca;
            box-shadow: none;
            background: #eaeaea;
            }
        .ui-datepicker-calendar td.ui-datepicker-current-day a{
            color: #00b0e3;
            }
        .ui-datepicker-calendar td.ui-datepicker-unselectable{
            background: #fdfeff;
            border: 1px solid #fdfeff;
            }
        .ui-datepicker-calendar td.ui-datepicker-unselectable span{
            color: #dcdedf;
            }
#banner_krum{
	position:absolute;
	bottom: 8px;
	right: 0;
}