body {
//    background-image: url('../img/bg_shadow.png');
      font-family: "lato", "Verdana", sans-serif;
      background-color: #D4EEF9;
      overflow: auto; overflow-x: hidden; overflow-y: scroll;
}

.bg_header { background-color: #F7AD3A;}
body.rizzoli .bg_header { background-color: #D3A6C9;}

#text { background: #ffffff; text-align: center; text-transform: uppercase; margin: 45px 25px 5px 25px; padding: 10px 10px; font-weight: normal; }

.container {
   // background-image: url('../img/ombra_base.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 49px;
}
.play_screen {
    background-color: transparent;
    background-repeat: no-repeat;
// background-image : url('../img/bg_test.png');
}


    .play_screen h1 { text-transform: uppercase; font-size: 30px; }
    .play_screen h1.title {

        position: absolute;
        top: 2px;
        left: 220px;
        width: 590px;

        /*
        margin: 1px auto 0 auto;
        width: 450px;
        */
        text-align: center;
    }
    .play_screen .left_col { margin-left: 5px; float: left; width: 213px; }

    .play_screen menu {padding: 0px; margin: 0px; width: 213px; height: 396px; float: left; position: relative; top: -20px; background-image: url('../img/menu_bg3.png'); background-repeat: no-repeat;}
    .play_screen menu { padding-top: 41px; }

/** TIPS BUTTONS */
    .play_screen menu #tips { margin-left: 34px; margin-bottom: 11px; height: 55px; }
    .play_screen menu #tips .title {font-size: 13px; color: #666666; margin-bottom: 3px; }
    .play_screen menu #tips .tip { margin-left: 0px; margin-right: 9px; width: 43px; height: 34px; float: left; text-align: center; font-weight: bold; line-height: 35px; color: white; }

                        #tips .btn.tip {  background-image: url('../img/theme_base/btn/tips_bg.png'); background-repeat: no-repeat;
                            background-position: 0px -34px;
                        }

                        #tips .btn.tip:hover { background-position: 0px 0px; }

                        #tips .btn.tip.active,
                        #tips .btn.tip:active { background-position: 0px -68px; }

                        #tips .btn.tip.disabled,
                        #tips .btn.tip:disabled { background-position: 0px -102px; }


    .play_screen menu .btn { margin-left: 34px; margin-bottom: 11px; }
    .play_screen menu .btn.modality { margin-bottom: 7px; }
    .play_screen menu .divisor { border-top: 1px solid #706F6F; text-align: center; margin: 17px 33px 2px 33px; font-size: 14px; padding-top: 8px; }


.help_box { float: left; height: 132px; margin-top: 23px; margin-right: 7px; width: 110px; }

#empty_card { display: none; }

#cards_container { /* background-color: #39B54A; */ height: 100%; margin-left: 220px; padding: 3px; overflow: visible;}
.card { float: left; width: 326px; height: 326px;  margin:8px; cursor: pointer; }

.card .back,
.card .front { width: 298px; height: 298px; border: 14px solid #d2d2d2;

    text-align: center;

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

    display: table;

}

.card .back .label,
.card .front .label {
    font-family: "lato-bold", "Verdana", sans-serif;
    text-align: center;
    display: table-cell;
    text-transform: uppercase;
    font-size: 35px;
    vertical-align: middle;
    max-width:  1px;
    overflow: hidden;
}

.card .back { background-color: transparent; }
.card .front { background-color: #ffffff; background-repeat: no-repeat; background-position: center center;}

.card.win .front { border-color: #8cc63f;}
.card.lose .front { border-color: #ed1c24;}



    .layout_2 .card {  width: 326px; height: 326px;  margin:8px; }
    .layout_2 .card .front,
    .layout_2 .card .back { width: 298px; height: 298px; border-width: 14px; }

    .layout_3 .card { width: 216px; height: 216px; margin: 6px; }
    .layout_3 .card .front,
    .layout_3 .card .back { width: 200px; height: 200px; border-width: 8px; }

    .layout_4 .card { width: 165px; height: 165px; margin: 3px; }
    .layout_4 .card .front,
    .layout_4 .card .back { width: 155px; height: 155px; border-width: 5px; }

    .layout_6 .card { width: 108px; height: 108px; margin: 3px; }
    .layout_6 .card .front,
    .layout_6 .card .back { width: 98px; height: 98px; border-width: 5px; }

    .layout_8 .card { width: 81px; height: 81px; margin: 2px; }
    .layout_8 .card .front,
    .layout_8 .card .back { width: 75px; height: 75px; border-width: 2px; background-size: cover;
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
    }


#multipBox .btn.players {  background-image: url('../img/multip_btn.png'); background-repeat: no-repeat;
    background-position: 0px 0px;
}
body.rizzoli #multipBox .btn.players {  background-image: url('../img/multip_rizzoli.png'); background-repeat: no-repeat; }

#multipBox .btn.players { margin-left: 0px; margin-right: 9px; width: 45px; height: 45px; float: left; text-align: center; font-weight: bold; line-height: 45px; color: white; }

#multipBox .btn.players:hover { background-position: 0px -45px; }

#multipBox .btn.players.active,
#multipBox .btn.players:active { background-position: 0px -90px; }

#multipBox .btn.players.disabled,
#multipBox .btn.players:disabled { background-position: 0px -135px; }

#start_playerBox .inputcont {margin-bottom: 10px;}


#multipBox, #start_playerBox, #multipResult, #tipBox { padding-left: 0; margin-left: 0px; }

.div_help_box { margin-right: 10px;}

#helpPopUp .text { display: none; }
#helpPopUp .text.primaria { display: block; }