/*
	Template: NATUSANA ltd - LACALUT.OF.BY 
	LACALUT official in Belarus / Oficialniy predstavitel' LACALUT
	Version: no version
*/
/* ############# Common ############# */

body.page-template-custom-kids {
    background-color: #70bfe0;
    background-repeat: no-repeat;
    background-position: center top;
}

.kids-body #lacalut-footer {
    border-top: 1px solid #9cc9e6;
    color: #cde6f9;
}

.kids-body #lacalut-footer a {
    color: #fff;
}

.kids-flash-bg-wr {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    min-width: 1140px;
}

.kids-btn-small {
    display: block;
    padding-left: 50px;
    font-family: Comic Sans MS;
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
    line-height: 110%;
    text-decoration: underline;

    background: url("img/kids_btn_small.png") no-repeat left center;
}

.kids-btn-small:hover {
    color: #D61D22 !important;
}

/* ------------ Common -------------- */

/* ############# Main ############# */

.rabbit {
    position: absolute;
    top: -90px;
    left: 140px;
    width: 905px;
    height: 918px;

    background: url("img/rabbit.png") no-repeat 0 0;
}

.rabbit-says {
    position: absolute;
    top: 120px;
    right: 60px;
    width: 250px;

    text-align: center;
    color: #d61e22;
    font-family: Comic Sans MS;
    font-size: 22px;
    font-weight: bold;
}

.kids-home-btn {
    display: block;
    position: absolute;
    padding-left: 70px;

    font-family: Comic Sans MS;
    font-size: 30px;
    font-weight: bold;
    line-height: 110%;
    text-decoration: underline;

    background: url("img/kids_home_btn.png") no-repeat 0 -234px;
}

.kids-home-btn:hover {
    background-position: 0 10px;
    color: #D61D22 !important;
}

.kids-home-btn.single-r {
    padding-top: 17px;
    padding-bottom: 17px;
}

.kids-home-btn.b1 {
    top: 90px;
    left: 30px;
    color: #901f8e;
}

.kids-home-btn.b2 {
    top: 450px;
    left: -55px;
    color: #f04f00;
}

.kids-home-btn.b3 {
    top: 720px;
    left: 40px;
    color: #34a22f;
}

.kids-home-btn.b4 {
    top: 835px;
    left: 410px;
    color: #0f5e9d;
}

.kids-home-btn.b5 {
    top: 735px;
    left: 785px;
    color: #008a7f;
}

.kids-home-btn.b6 {
    top: 545px;
    left: 785px;
    color: #db6b95;
}

.kids-home-btn.b7 {
    top: 260px;
    left: 840px;
    color: #f0d700;
}

/* ------------ Main -------------- */

/* ############# Benefits ############# */

.lacalut-benefits {
    height: 950px;
}

.lacalut-benefits h1 {
    color: #ff595d;
    font-size: 30px;
    font-family: Comic Sans MS;
    margin: 0;
    line-height: 110%;
}

.lacalut-benefits h2 {
    color: #fff;
    font-size: 30px;
    font-family: Comic Sans MS;
    line-height: 110%;
}

.lacalut-benefits .benef {
    position: absolute;
}

.lacalut-benefits .benef td {
    font-size: 20px;
    font-weight: bold;
    font-family: Comic Sans MS;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    line-height: 120%;
}

.benef.b1 {
    left: 105px;
    top: 190px;
    color: #00893c;
}

.benef.b2 {
    left: 0px;
    top: 300px;
    color: #fff600;
}

.benef.b3 {
    left: 261px;
    top: 424px;
    color: #00893c;
}

.benef.b4 {
    left: 165px;
    top: 530px;
    color: #f47f01;
}

.benef.b5 {
    left: 475px;
    top: 640px;
    color: #eb427b;
}

.benef.b6 {
    left: 145px;
    top: 780px;
    color: #4c0dd9;
}

/* ------------ Benefits -------------- */

/* ############# Fairy tales ############# */

.wr-tales {
    height: 950px;
}

.wr-tales h1 {
    top: -20px;
    height: 100px;
    overflow: visible;
}

.tales-book-wr {
    width: 856px;
    height: 592px;
    margin: 0 auto;
    background: url("img/tales_book_bg.png") no-repeat;
}

.tales-book-wri {
    width: 800px;
    height: 800px;
    margin: 0 auto;
    top: -104px;
}

.tales-book-controls-wr {
    width: 310px;
    margin: 8px auto;
}

.tales-book-controls-wr .arr-next, .tales-book-controls-wr .arr-prev {
    width: 98px;
    height: 42px;
    background-image: url("img/tales_book_arrows.png");
    background-repeat: no-repeat;
    padding-top: 35px;
    text-align: center;
    color: #4aab2c;
    font-size: 20px;
    font-weight: bold;
    font-family: Comic Sans MS;
    line-height: 100%;
    text-decoration: none;
}

.tales-book-controls-wr .arr-prev {
    float: left;
    background-position: 0 0;
}

.tales-book-controls-wr .arr-next {
    float: right;
    background-position: right 0;
}

.tales-book-controls-wr .arr-prev:hover {
    float: left;
    background-position: 0 -108px;
    color: #d61d22;
}

.tales-book-controls-wr .arr-next:hover {
    float: right;
    background-position: right -108px;
    color: #d61d22;
}

/* ------------ Fairy tales -------------- */

/* ############ Brush rules ############## */

.brush-rule {
}

.brush-rule td {
    font-size: 20px;
    font-weight: bold;
    font-family: Comic Sans MS;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    line-height: 120%;
    color: #fff;
}

.brush-rule.r2 {
    left: 60px;
}

.brush-rule.r4 {
    left: 150px;
}

.brush-just-after {
    font-size: 20px;
    font-weight: bold;
    font-family: Comic Sans MS;
    line-height: 120%;
    color: #fefe94;
    padding-top: 35px;
    width: 600px;
    text-align: center;
    margin-bottom: 10px;

}

.brush-steps {
    background: url("img/brush_cloud.png") no-repeat right bottom;
}

.brush-slider {
    width: 574px;
    height: 423px;
    background: url("img/brush_slider_bg.png") no-repeat;
    margin-bottom: 70px;
    float: left;
}

.brush-slider .ctrl-left, .brush-slider .ctrl-right {
    background: url("img/brush_slider_controls.png") no-repeat;
    width: 96px;
    height: 80px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 185px;
    z-index: 5;
}

.brush-slider .ctrl-left {
    left: -40px;
}

.brush-slider .ctrl-right {
    right: -40px;
    background-position: right 0;
}

.step-images {
    position: absolute;
}

.step-images img {
    position: absolute;
    top: 1px;
    left: 9px;
}

.step-descr-wr {
    float: left;
    margin-left: 75px;
    top: 120px;
    width: 450px;
}

.step-descr {
    position: absolute;
    top: 0;
    left: 0;
}

.step-descr h3 {
    font-size: 30px;
    font-family: Comic Sans MS;
    line-height: 120%;
    color: #81bb00;
    margin-bottom: 10px;
}

.step-descr .c {
    font-size: 24px;
    font-family: Comic Sans MS;
    line-height: 120%;
    color: #000;
}

/* ------------ Brush rules -------------- */

/* ############# Games ############# */

.games-rabbit {
    position: absolute;
    top: 0px;
    right: 130px;
    width: 658px;
    height: 545px;

    background: url("img/games_rabbit.png") no-repeat 0 0;
}

.games-rabbit-says {
    position: absolute;
    top: 60px;
    left: 60px;
    width: 250px;

    text-align: center;
    color: #d61e22;
    font-family: Comic Sans MS;
    font-size: 22px;
    font-weight: bold;
}

.games h1 {
    padding-top: 50px;
}

.games .block {
    font-family: Comic Sans MS;
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
    color: #fff;
    width: 400px;
    position: absolute;
}

.kids-games-btn {
    display: block;
    padding-left: 70px;

    padding-top: 17px;
    padding-bottom: 17px;

    font-family: Comic Sans MS;
    font-size: 30px;
    font-weight: bold;
    line-height: 110%;
    text-decoration: underline;

    background: url("img/kids_home_btn.png") no-repeat 0 -234px;
    color: #fff;
    margin-top: 0px;
}

.kids-games-btn:hover {
    background-position: 0 10px;
    color: #D61D22 !important;
}

.games .block.b1 {
    left: 0;
    top: 290px;
}

.b1 .kids-games-btn {
    color: #f0d700;
}

.games .block.b2 {
    left: 350px;
    top: 350px;
    color: #d61e22;
}

.b2 .kids-games-btn {
    color: #c85359;
}

.games .block.b3 {
    left: 75px;
    top: 490px;
    color: #00893c;
}

.b3 .kids-games-btn {
    color: #5aa501;
}

/*
.games .block.b4
{
    left:500px;
    top:485px;
    color:#2560a6;
}
    .b4 .kids-games-btn
    {
        color:#2560a6;
    }

.games .block.b5
{
    left:200px;
    top:635px;
    color:#971c54;
}
    .b5 .kids-games-btn
    {
        color:#af5881;
    }
    */
.games .block.b4 {
    /*left:650px;
    top:670px;*/
    left: 460px;
    top: 535px;
    color: #59a500;
}

.b4 .kids-games-btn {
    color: #59a500;
}

#game-top {
    position: absolute;
    top: 40px;
    width: 10px;
    height: 1px;
}

/* ------------ Games -------------- */

/* ############ Coloring ############# */

/* ------------ Coloring ------------- */