/***********************************************/
/*                 Ovewrite                    */
/***********************************************/
.NewByButton {
    display: none;
}

.RightPlace {
    display: none;
}

.Center .Menu {
    height: 40px;
}

.PromoTitle .Button {
    height: 32px;
    padding-top: 16px;
}

.PromoTitle .Text {
    /*margin-top: 10px;*/
}

.PromoTitle  a.NewByButton2 {
    float: right;
    background: url(/img/but_shop.png) 0px 0px no-repeat;
    padding: 4px 5px 5px 5px;
    height: 33px;
    width: 148px;
    color: #FFF;
    margin: 30px 5px 0 8px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.PromoTitle  a.NewByButton2 .odin {
    color: #0658a4;
}

.PromoTitle  a.NewByButton2 .dwa {
    color: #f37022;
}

/***********************************************/
/*                 Lessons                     */
/***********************************************/

.Lessons .Subject .Title {
    width: 750px;
    height: 27px;
    margin: 0 auto;
    margin-top: 5px;
    color: white;
    cursor: pointer;
}

.Lessons .Subject .Title .Text{
    font-size: 1.1em;
    margin: 5px 5px 2px 10px;
    font-weight: bold;
}

.Lessons .Subject .Cards {
    width: 752px;
    padding-top: 5px;
    padding-left: 1px;
    display: none;
}

.Lessons .Subject .CardLesson {
    width: 180px;
    height: 130px;
    display: inline-block;
    margin: 1px 1px 6px 1px;

    overflow: hidden;
}

.Lessons .Subject .CardLesson .TitleLesson {
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
    color: white;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Lessons .Subject .CardLesson .Icon {
    width: 178px;
    height: 108px;
}

.Lessons .Subject .CardLesson .Icon .Image {
    width: 178px;
    height: 108px;
    overflow: hidden;
}

.Lessons .Subject .CardLesson .Icon .Image img {
    display: block;
    margin: 0 auto;
    height: 108px;
}

.Lessons .Subject .CardLesson .Tools {
    width: 174px;
    height: 28px;
    margin-left: 2px;

    position: relative;
    top: 0px;

    background: #d9dbdc url(../img/promo.png) -805px -150px no-repeat;
    border: 1px solid #c2c4c6;
}

/*****************************************************************/
/*                      Section Colors                           */
/*****************************************************************/

.Lessons .Subject .Title.Openede {
    background-position-x: -758px;
}

.Lessons .Subject .Green {
    background: #43b57d url(../img/science_math_arrow.png) 0px -0px no-repeat;
    border: 1px solid #009245;
}

.Lessons .Subject .Blue {
    background: #4791c6 url(../img/science_math_arrow.png) 0px -28px no-repeat;
    border: 1px solid #005ba6;
}

.Lessons .Subject .Orange {
    background: #f59156 url(../img/science_math_arrow.png) 0px -58px no-repeat;
    border: 1px solid #f15a24;
}

.Lessons .Subject .Violet {
    background: #6769b0 url(../img/science_math_arrow.png) 0px -88px no-repeat;
    border: 1px solid #1b1464;
}

.Lessons .Subject .Red {
    background: #ec4d43 url(../img/science_math_arrow.png) 0px -118px no-repeat;
    border: 1px solid #c1272d;
}

.Lessons .Subject .Turquoise {
    background: #22b3a5 url(../img/science_math_arrow.png) 0px -147px no-repeat;
    border: 1px solid #238b80;
}

.Lessons .Subject .Hrenovina {
    background: #b04063 url(../img/science_math_arrow.png) 0px -177px no-repeat;
    border: 1px solid #7c3048;
}

/*****************************************************************/
/*                        Cards Colors                           */
/*****************************************************************/
.Lessons .Subject .CardGray {
    border: 1px solid #b3b3b3;
}
.Lessons .Subject .CardGray .TitleLesson {
    background: #b3b3b3 url(../img/promo.png) -805px -180px no-repeat;
    color: #4d4d4d;
    border-bottom: 1px solid #b3b3b3;
}


.Lessons .Subject .CardGreen {
    border: 1px solid #009245;
}
.Lessons .Subject .CardGreen .TitleLesson {
    background: #43b57d url(../img/promo.png) -0px -150px no-repeat;
}

.Lessons .Subject .CardBlue {
    border: 1px solid #005ba6;
}
.Lessons .Subject .CardBlue .TitleLesson {
    background: #4791c6 url(../img/promo.png) -0px -180px no-repeat;
}

.Lessons .Subject .CardOrange {
    border: 1px solid #f15a24;
}
.Lessons .Subject .CardOrange .TitleLesson {
    background: #f59156 url(../img/promo.png) -0px -210px no-repeat;
}

.Lessons .Subject .CardViolet {
    border: 1px solid #1b1464;
}
.Lessons .Subject .CardViolet .TitleLesson {
    background: #6769b0 url(../img/promo.png) -0px -240px no-repeat;
}

.Lessons .Subject .CardRed {
    border: 1px solid #c1272d;
}
.Lessons .Subject .CardRed .TitleLesson {
    background: #ec4d43 url(../img/promo.png) -0px -270px no-repeat;
}

.TopPromo {
    width: 752px;
    height: 44px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 10px;
    color: white;
    cursor: pointer;
}

.TopPromo.Science {
    background: url(/img/science_math.png) no-repeat 0px 0px;
}

.TopPromo.Math {
    margin-top: 30px;
    background: url(/img/science_math.png) no-repeat 0px -48px;
}

.TopPromo div {
    display: table-cell;
    height: 44px;
    width: 752px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3em;
    font-weight: bold;
}

.Lessons .Subject .CardLesson.Math {
    font-size: 0.8em;
}

.MenuPresentations {
    width: 755px;
    height: 60px;
    margin: 0 auto;
    margin-top: 5px;
}

.MenuPresentations .Title {
    height: 30px;
    width: 145px;
    float: left;
    margin: 0 2px;
    text-align: center;
    color: #FFF;
    padding: 5px 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 12px;
    position: relative;
}

.MenuPresentations .Title .Pres {
    width: 749px;
    height: 10px;
    position: absolute;
    z-index: 10;
    top: 40px;
    display: none;
}

.MenuPresentations .Title.Green .Pres {
    background: #43c26e;
    border-left: 1px solid #009245;
    border-right: 1px solid #009245;
    left: -1px;
}

.MenuPresentations .Title.Green {
    background: #43c26e;
    border-left: 1px solid #009245;
    border-right: 1px solid #009245;
    border-top: 1px solid #009245;
}

.MenuPresentations .Title.Blue .Pres {
    background: #3f9ec6;
    border-left: 1px solid #005ba6;
    border-right: 1px solid #005ba6;
    left: -152px;
}

.MenuPresentations .Title.Blue {
    background: #3f9ec6;
    border-left: 1px solid #005ba6;
    border-right: 1px solid #005ba6;
    border-top: 1px solid #005ba6;
}

.MenuPresentations .Title.Red .Pres {
    background: #ec4d43;
    border-left: 1px solid #c1272d;
    border-right: 1px solid #c1272d;
    left: -303px;
}

.MenuPresentations .Title.Red {
    background: #ec4d43;
    border-left: 1px solid #c1272d;
    border-right: 1px solid #c1272d;
    border-top: 1px solid #c1272d;
}

.MenuPresentations .Title.Violet .Pres {
    background: #6769b0;
    border-left: 1px solid #1b1464;
    border-right: 1px solid #1b1464;
    left: -454px;
}

.MenuPresentations .Title.Violet {
    background: #6769b0;
    border-left: 1px solid #1b1464;
    border-right: 1px solid #1b1464;
    border-top: 1px solid #1b1464;
}

.MenuPresentations .Title.Orange .Pres {
    background: #f59156;
    border-left: 1px solid #f15a24;
    border-right: 1px solid #f15a24;
    left: -605px;
}

.MenuPresentations .Title.Orange {
    background: #f59156;
    border-left: 1px solid #f15a24;
    border-right: 1px solid #f15a24;
    border-top: 1px solid #f15a24;
}

.MenuPresentations .Title.Active {
    font-weight: bold;
    color: #222;
}

.MenuPresentations .Title.Active .Pres {
    display: block;
}

.ContentPresentations {
    width: 755px;
    margin: 0 auto;
    margin-top: 5px;
}

.ContentPresentations .Title.Openede.Green,.ContentPresentations .Title.Openede.Green.Light,.ContentPresentations .Title.Openede.Blue,.ContentPresentations .Title.Openede.Blue.Light {
    background-position-x: -758px;
}

.ContentPresentations .Title.Openede.Orange,.ContentPresentations .Title.Openede.Orange.Light,.ContentPresentations .Title.Openede.Violet,.ContentPresentations .Title.Openede.Violet.Light {
    background-position-x: -758px;
}

.ContentPresentations .Title.Openede.Red,.ContentPresentations .Title.Openede.Red.Light,.ContentPresentations .Title.Openede.Turquoise,.ContentPresentations .Title.Openede.Hrenovina {
    background-position-x: -758px;
}

.ContentPresentations .Title.Green {
    background: #43b57d url(../img/science_math_arrow.png) 0px -0px no-repeat;
    border: 1px solid #009245;
}

.ContentPresentations .Title.Green.Light {
    background: #43b57d url(../img/science_math_arrow.png) 0px -240px no-repeat;
    border: 1px solid #009245;
}

.ContentPresentations .Title.Blue {
    background: #4791c6 url(../img/science_math_arrow.png) 0px -28px no-repeat;
    border: 1px solid #005ba6;
}

.ContentPresentations .Title.Blue.Light {
    background: #4791c6 url(../img/science_math_arrow.png) 0px -268px no-repeat;
    border: 1px solid #005ba6;
}

.ContentPresentations .Title.Orange {
    background: #f59156 url(../img/science_math_arrow.png) 0px -58px no-repeat;
    border: 1px solid #f15a24;
}

.ContentPresentations .Title.Orange.Light {
    background: #f59156 url(../img/science_math_arrow.png) 0px -298px no-repeat;
    border: 1px solid #f15a24;
}

.ContentPresentations .Title.Violet {
    background: #6769b0 url(../img/science_math_arrow.png) 0px -88px no-repeat;
    border: 1px solid #1b1464;
}

.ContentPresentations .Title.Violet.Light {
    background: #6769b0 url(../img/science_math_arrow.png) 0px -328px no-repeat;
    border: 1px solid #1b1464;
}

.ContentPresentations .Title.Red {
    background: #ec4d43 url(../img/science_math_arrow.png) 0px -118px no-repeat;
    border: 1px solid #c1272d;
}

.ContentPresentations .Title.Red.Light {
    background: #ec4d43 url(../img/science_math_arrow.png) 0px -358px no-repeat;
    border: 1px solid #c1272d;
}

.ContentPresentations .Title.Turquoise {
    background: #22b3a5 url(../img/science_math_arrow.png) 0px -147px no-repeat;
    border: 1px solid #238b80;
}

.ContentPresentations .Title.Hrenovina {
    background: #b04063 url(../img/science_math_arrow.png) 0px -177px no-repeat;
    border: 1px solid #7c3048;
}

.ContentPresentations .Title {
    width: 750px;
    height: 27px;
    margin: 0 auto;
    margin-top: 5px;
    color: white;
    cursor: pointer;
}

.ContentPresentations .Title .Text{
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 5px 5px 2px 10px;
    font-weight: bold;
}

.ContentPresentations .Block {
    display: none;
}

.ContentPresentations .Block.Active {
    display: block;
}

.ContentPresentations .Block .Cards {
    width: 752px;
    padding-top: 5px;
    padding-left: 1px;
    display: none;
}

.ContentPresentations .Block .CardLesson {
    width: 180px;
    height: 130px;
    display: inline-block;
    margin: 1px 1px 6px 1px;

    overflow: hidden;
}

.ContentPresentations .Block .CardLesson .TitleLesson {
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
    color: white;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ContentPresentations .Block .CardLesson .Icon {
    width: 178px;
    height: 108px;
}

.ContentPresentations .Block .CardLesson .Icon .Image {
    width: 178px;
    height: 108px;
    overflow: hidden;
}

.ContentPresentations .Block .CardLesson .Icon .Image img {
    display: block;
    margin: 0 auto;
    height: 108px;
}

.ContentPresentations .Block .CardLesson .Tools{
    width: 174px;
    height: 28px;
    margin-left: 2px;

    position: relative;
    top: 0px;

    background: #d9dbdc url(../img/promo.png) -805px -150px no-repeat;
    border: 1px solid #c2c4c6;
}

.ContentPresentations .Block .CardGray {
    border: 1px solid #b3b3b3;
}

.ContentPresentations .Block .CardGray .TitleLesson {
    background: #b3b3b3 url(../img/promo.png) -805px -180px no-repeat;
    color: #4d4d4d;
    border-bottom: 1px solid #b3b3b3;
}


#ForMenuLesson {

}

#leftMenuLesson {
    float: left;
    width: 320px;
}

#rightMenuLesson {
    overflow-y: scroll;
}

#rightMenuLesson .plau {
    text-align: center;
    color: #555;
}

#rightMenuLesson .Rihu.plau {
    display: block;
    font-size: 14px;
    padding-top: 100px;
}

#rightMenuLesson .Rihu {
    display: none;
}

#rightMenuLesson .Rihu.Selects {
    display: block;
}

#rightMenuLesson .Rihu .CardLesson {
    display: inline-block;
    background-color: #DDD;
    overflow: hidden;
    padding: 0;
    margin: 20px 0 0 20px;
    height: 171px;
    width: 203px;
    border: 1px solid #D2D2D2;
    position: relative;
}

#rightMenuLesson .Rihu .CardLesson .Icon {
    text-align: center;
    width: 203px;
    height: 120px;
    margin: 0;
    float: none;
    background-image: url(/img/wait.gif);
    background-size: 150px 150px;
    background-repeat: no-repeat;
    background-position: 26px 0;
}

#rightMenuLesson .Rihu .CardLesson .Icon:before {
    content: '';
    background: url(/img/video-circle-white.svg) no-repeat left center/ 60px 60px;
    height: 60px;
    width: 60px;
    position: absolute;
    z-index: 10;
    display: block;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    cursor: pointer;
}

#rightMenuLesson .Rihu .CardLesson .Icon img {
    height: 130px;
    background-color: #DDD;
}

#rightMenuLesson .Rihu .CardLesson .TitleLesson {
    text-align: center;
    border-bottom: 1px solid #FFF;
    color: #444;
    background-color: #D2D2D2;
    height: 52px;
}

#rightMenuLesson .Rihu .CardLesson .TitleLesson .TRR {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 48px;
    width: 203px;
    font-weight: 600;
    border: none;
}

#rightMenuLesson .Rihu .CardLesson .TitleLesson .TRR div,#rightMenuLesson .Rihu .CardLesson .TitleLesson .TRR h4 {
    overflow: hidden;
    max-height: 48px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: inherit;
}

#rightMenuLesson .Rihu .CardLesson .Tools {
    border: none;
    border-top: 1px solid #FFF;
    width: 203px;
    height: 44px;
    margin-left: 0;
    position: relative;
    top: -46px;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #EEEEEE 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #EEEEEE 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #EEEEEE 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#f9f9f9',GradientType=0 );
}

#rightMenuLesson .Rihu .CardLesson .Tools.Red {
    background: #fed2ba;
    background: -moz-linear-gradient(top, #fed2ba 0%, #fcf7f4 100%);
    background: -webkit-linear-gradient(top, #fed2ba 0%,#fcf7f4 100%);
    background: linear-gradient(to bottom, #fed2ba 0%,#fcf7f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed2ba', endColorstr='#fcf7f4',GradientType=0 );
}

#ForMenuLessonTop {
    color: #FFF;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

#ForMenuLessonTop div {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

#ForMenuLessonTop div[inde="science"] {
    background-color: #0077c5;
}

#ForMenuLessonTop div[inde="science"] select {
    background-color: #0077c5;
    color: #FFF;
    height: 38px;
    margin: 6px;
    width: 230px;
    font-size: 16px;
}

#ForMenuLessonTop div[inde="science"] select option {
    background-color: #0077c5;
    color: #FFF;
}

#ForMenuLessonTop div[inde="math"] {
    background-color: #fc6612;
}

#ForMenuLessonTop div img {
    float: right;
    height: 30px;
    margin: 10px 12px 0 0;
}

.ForMenuLessonCenter
{
    overflow-y:auto;
    overflow-x:hidden;
}

.ForMenuLessonCenter[inde="science"] {
    background-color: #2880B9;
}

.ForMenuLessonCenter[inde="math"] {
    background-color: #F07120;
}

.ForMenuLessonCenter.ahide {
    display: none;
}

.ForMenuLessonCenter .Subjecta {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #FFF;
    padding: 16px;
    font-size: 20px;
    width: 320px;
}

.ForMenuLessonCenter .Subjecta div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 283px;
}

.ForMenuLessonCenter[inde="science"] .Subjecta {
    border-bottom: 1px solid #a0cbe8;
    border-left: 5px solid #2880B9;
}

.ForMenuLessonCenter[inde="math"] .Subjecta {
    border-bottom: 1px solid #fed2ba;
    border-left: 5px solid #F07120;
}

.ForMenuLessonCenter .SubjectaRo {
    display: table-row;
    cursor: pointer;
}

.ForMenuLessonCenter .Subjecta div span {
    font-size: 0.8em;
}

.ForMenuLessonCenter[inde="science"] .Sels {
    background-color: #3691CD;
}

.ForMenuLessonCenter .NoSels .Subjecta {
    color: #CCC;
}

.ForMenuLessonCenter[inde="math"] .Sels {
    background-color: #fe7a0f;
}

.ForMenuLessonCenter[inde="science"] .Sels .Subjecta {
    border-left: 5px solid #a0cbe8;
}

.ForMenuLessonCenter[inde="math"] .Sels .Subjecta {
    border-left: 5px solid #fed2ba;
}

#ForMenuLessonTop .ui-multiselect {
    margin: 6px;
    height: 37px;
    line-height: 34px;

    background: #74a5c1;
    background: -moz-linear-gradient(top,  #74a5c1 0%, #b2bdc4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74a5c1), color-stop(100%,#b2bdc4));
    background: -webkit-linear-gradient(top,  #74a5c1 0%,#b2bdc4 100%);
    background: -o-linear-gradient(top,  #74a5c1 0%,#b2bdc4 100%);
    background: -ms-linear-gradient(top,  #74a5c1 0%,#b2bdc4 100%);
    background: linear-gradient(to bottom,  #74a5c1 0%,#b2bdc4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74a5c1', endColorstr='#b2bdc4',GradientType=0 );
}

#ForMenuLessonTop .ui-state-default .ui-icon {
    margin: 4px 0 0 0;
}

#ForMenuLessonTop .ui-multiselect div {
    width: 180px;
    font-size: 20px;
}

#ForMenuLessonTop .ui-multiselect-menu {
    height: auto;
    margin: 6px 0 0 6px;
    background-color: #b2bdc4;
    font-weight: normal;
}

#ForMenuLessonTop .ui-multiselect-single .ui-multiselect-checkboxes label
{
    padding: 10px !important;
}

#ForMenuLessonTop .ui-state-hover,#ForMenuLessonTop .ui-widget-content .ui-state-hover {
    background-color: #FFF;
    border: 1px solid #FFF;
}

#ForMenuLessonTop .ui-state-active,#ForMenuLessonTop .ui-widget-content .ui-state-active,#ForMenuLessonTop .ui-widget-header .ui-state-active {
    background-color: #0077c5;
    color: #FFF;
}