@charset "UTF-8";

/**
 * BLOCK WITH CAROUSEL
 */
div.block-child-list-wrap {
    overflow: hidden;
    margin-bottom: 30px;
    width: 671px;
    background: url("/i/bg-child-list.png") repeat-x scroll left top #e47c71;
}
div.block-child-list-wrap.block-after-program {
    background: url("/i/bg-child-list-blue.png") repeat-x scroll left top #72b4c9;
}



div.block-child-list-head {
    
}

div.block-child-list-head h1 {
    float: left;
    
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 21px;
    
    font: normal 38px RussiaMedium;
    color: #ffffff;
    text-shadow: 0 1px #ae554a;    
    text-transform: uppercase;
    
}

div.region-choose {
    float: right;
    
    margin-right: 20px;
    padding-top: 12px;
}

div.region-choose select {
    width: 250px;
}

div.region-choose label {
    margin-left: 4px;
    margin-bottom: 6px;
    
    font: normal 12px Arial;
    color: #ae554a;
    text-transform: uppercase;
}
div.block-after-program div.region-choose label {
    color: #2b4d6c
}

div.block-child-list-wrap div.info {
    padding-top: 1px;
    padding-bottom: 2px;
    margin-left: 21px;
    
    font: normal 12px Arial;
    line-height: 24px;
    color: #ffffff;
    text-shadow: 0 1px #ae554a;    
    text-transform: uppercase;
    
}


/**
  * CAROUSEL layout
  */
div.block-child-list-wrap div.items {
    padding-left: 2px;
    padding-right: 2px;
    
    width: 50000px;
    
    /*
    -moz-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -webkit-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -o-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    -ms-box-shadow: 0 40px 60px rgba(10, 10, 10, 0.4);
    */
    box-shadow: 0 10px 15px -7px rgba(10, 10, 10, 0.3);
}

div.block-child-list-wrap div.items div.narrow-column, div.block-child-list-wrap div.items div.wide-column {
    float: left;
    margin-right: 1px;
    
    overflow: hidden;    
}

div.block-child-list-wrap div.items div.narrow-column, div.block-child-list-wrap div.items div.narrow-column img  {
    /*width: 197px;*/
    width: 209px;
}

div.block-child-list-wrap div.items div.wide-column, div.block-child-list-wrap div.items div.wide-column img {
    /*width: 271px; подгоним немного...*/
    width: 248px;
    
}

div.block-child-list-wrap div.items div.block-child-list-horizontal {
    float: left;
}

div.block-child-list-wrap div.items div.block-child-list-horizontal div.message {
    position: absolute;
    width: 669px; /* just like parent's block bounds ' */
    height: 300px; /* 560-260 */
    background-image: url("/i/transparent-square-90.png");
    z-index: 1;
    
    padding-top: 260px;
    text-align: center;
    font: normal 14px Arial !important;
    color: #666 !important;
    line-height: 20px;
    text-decoration: underline;
}

div.child-block-list-item {
    position: relative;
    
    margin-bottom: 1px;
}

div.child-block-list-item div.child-info-wrap {    
    width: 100%;
    position: absolute;
    bottom: 0;
    
    background-image: url("/i/transparent-square-90.png");
    
    font: normal 11px Tahoma;
    line-height: 13px;
    color: #303030;
}

div.child-block-list-item div.child-info {
    padding-left: 16px;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-right: 8px;
}

div.child-block-list-item div.child-info div.av {
    float: right;
    
    padding-top: 4px;
    white-space: nowrap;
}

div.child-block-list-item div.child-info div.av div {
    display: inline-block;
    
    width: 22px;
    height: 22px;
    
    background-image: url("/i/carousel-av-btns.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

div.child-block-list-item div.child-info div.av div.audio {
    background-position: -22px 0;
}


div.block-child-list-wrap div.controls {
    position: relative;
    height: 52px;
}

div.block-child-list-wrap div.controls a.btn-left, div.block-child-list-wrap div.controls a.btn-right {
    position: absolute;
    
    width: 28px;
    height: 28px;
    
    margin-top: 13px;
    
    background-image: url("/i/carousel-btns.png");
    background-repeat: no-repeat;
}

div.block-child-list-wrap div.controls a.btn-left {
    left: 0;
    margin-left: 11px;
    
    background-position: 0 0;    
}

div.block-child-list-wrap div.controls a.btn-right {
    right: 0;
    margin-right: 11px;
    
    background-position: -28px 0;    
}

div.block-child-list-wrap div.controls div.pages {
    text-align: center;
    padding-top: 16px;
    line-height: 20px;
}

div.block-child-list-wrap div.controls div.pages a {
    display: inline-block;
    
    width: 20px;
    height: 20px;
    
    padding-left: 3px;
    padding-right: 3px;
    
    background-image: url("/i/carousel-pages.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    
    
}

div.block-child-list-wrap div.controls div.pages a.active {
    background-position: 0 -20px;    
}


/* MAINPAGE SMALL BLOCKS */
div.block-anons, div.block-next-episode, div.block-sos {
    float: left;
    
    padding: 12px;
    margin-bottom: 30px;
    
    border: 1px solid #e6edf1;    
}
div.block-anons { margin-right: 30px; }

div.block-anons small, div.block-next-episode small {    
    display: block;
    
    padding-left: 18px;
    padding-top: 10px;
    
    font: normal 11px Arial;    
}
div.block-anons small { color: #559c6c; }
div.block-next-episode small { color: #77579d; }

div.block-anons, div.block-anons div.inner {
    width: 190px;
    height: 264px;        
}

div.block-anons div.inner {    
    overflow: hidden;
    
    background-image: url("/i/bg-block-anons.png");
    background-repeat: no-repeat;
    background-position: left top;
}

div.block-next-episode, div.block-next-episode div.inner {
    width: 400px;
    height: 264px;
}
    
div.block-next-episode div.inner {
    background-image: url("/i/bg-block-next-episode.png");
    background-repeat: no-repeat;
    background-position: left top;
}

div.block-next-episode.wide, div.block-next-episode.wide div.inner {
    width: 646px;
}

div.block-anons h2, div.block-next-episode h2, div.block-sos h2 {
    padding-left: 18px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 15px;

    font: normal 25px RussiaMedium;
    line-height: 30px;
    text-transform: uppercase;
}
div.block-anons h2 { color: #00794a; text-shadow: 0 1px #b681a2; }
div.block-next-episode h2 { color: #3d097e; text-shadow: 0 1px #cce2c4; }
div.block-sos h2 { color: #c74927; text-shadow: 0 1px #f2cdc0; padding-top: 16px; }

div.block-anons div.info, div.block-next-episode div.info, div.block-sos div.info {
    padding-left: 18px;
    padding-right: 18px;
    
    font: normal 14px Tahoma;
    line-height: 18px;
}
/*
div.block-anons div.info { text-shadow: 0 1px #8da95a; }
div.block-next-episode div.info { text-shadow: 0 1px #8d7f8c; }
*/
div.block-sos div.info { color: #983115; }

div.block-sos, div.block-sos div.inner {
    width: 646px;
    height: 143px;
}
    
div.block-sos div.inner {
    background-color: #feb28a;
    background-image: url("/i/bg-block-sos.png");
    background-repeat: no-repeat;
    background-position: left top;
}



/**
 * SIDEBAR BLOCKS
 */
div.sidebar-block {
    margin-bottom: 20px;
}

div.sidebar-block div.deviz-content {
    font: normal 22px Georgia;
    line-height: 26px;
    font-style: italic;
    color: #5c3e3b;
    
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
    
    background-image: url("/i/bg-deviz-middle.png");
    
}
div.sidebar-block div.deviz-bottom-bg {
    background-image: url("/i/bg-deviz-bottom.png");
    background-repeat: no-repeat;
    height: 7px;
}




/* BLOCK HOPETRAIN */
div.sidebar-block.hopetrain {
    background-image: url("/i/bg-side-hopetrain.png");
    background-repeat: no-repeat;
    height: 428px;    
}

div.sidebar-block.hopetrain h2 {
    padding-left: 20px;
    padding-top: 32px;
    padding-right: 20px;
    padding-bottom: 22px;

    font: normal 25px RussiaMedium;
    line-height: 28px;
    color: #7d4004;
    text-shadow: 0 1px #fff9cd;    
    text-transform: uppercase;

    background-image: url("/i/hopetrain.png");
    background-repeat: no-repeat;
    background-position: right 25px;    
}

div.sidebar-block.hopetrain div.hopetrain-content {
    margin: 0 20px;
    
    font: normal 14px Arial;
    line-height: 18px;
    color: #5e5224;
}

div.sidebar-block.hopetrain div.btns {
    padding-top: 15px;
    padding-left: 44px;
}    

div.sidebar-block.hopetrain div.btns div {
    display: inline-block;
    
    width: 28px;
    height: 28px;
    
    background-image: url("/i/block-hopetrain-btns.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.sidebar-block.hopetrain div.btns div.video {
    margin-right: 12px;
}

div.sidebar-block.hopetrain div.btns div.discuss {
    background-position: -28px 0;
}


/* BLOCK MIRACLE */
div.sidebar-block.miracle {
    background-image: url("/i/bg-side-miracle.png");
    background-repeat: no-repeat;
    height: 676px;    
}

div.sidebar-block.miracle h2 {
    padding-left: 17px;
    padding-top: 24px;
    padding-right: 20px;
    padding-bottom: 12px;

    font: normal 25px RussiaMedium;
    line-height: 28px;
    color: #ffffff;
    text-shadow: 0 1px #b681a2;    
    text-transform: uppercase;
}

div.sidebar-block.miracle div.info {
    margin: 0 20px;
    margin-bottom: 12px;
    
    font: normal 15px Georgia;
    line-height: 18px;
    font-style: italic;
    color: #42034d;
}

div.sidebar-block.miracle div.miracle-content {
    margin: 19px 10px 0 17px;
    
    font: normal 14px Arial;
    line-height: 18px;
    color: #5e5224;
    
    overflow: hidden;
    height: 480px;    
}

div.sidebar-block.miracle .hr {
    background: url(/i/miracle-hr.png) no-repeat center center;
    height: 65px;
    margin-right: 6px;
    clear: both;
}

div.sidebar-block.miracle img {
    display: block;
    float: left;
    margin-right: 3px;
    border: 3px solid #fadbe7;
    border-radius: 2px;
}

div.block-sunny-fellows {
    width: 204px;
    height: 201px;
    background: url(/i/bg-block-sunny-fellows.png) no-repeat;
    padding: 105px 18px 0;
    margin-bottom: 20px;
    font: normal 14px/24px Tahoma, Arial, sans-serif;
    color: #404040;
    position: relative;
}

div.block-sunny-fellows a {
    color: #404040;
    text-decoration: none;
}

div.block-sunny-fellows a:hover {
    text-decoration: underline;
}

/*div.block-sunny-fellows a.fake-link {
    display: block;
    position: absolute;
    width: 240px;
    height: 306px;
    top: 0;
    left: 0;
}
*/