/*.game_frame .elements_data {
    position:relative;
    margin-bottom:30px;
}
.game_frame .elements_data .checkbox-holder{
    position:absolute;
    bottom:5px;
    left:5px;
}

.game_frame .elements_data .img_element {
    height: 150px;
}

.response{
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}*/
.pag_left {
    background-image: url("../images/Pg_16.jpg");
    background-position: left top;
}
.pag_right {
    background-image: url("../images/Pg_17.jpg");
    background-position: right top;
}

.dictionar {
    display: block;
    height: 73px;
    position: absolute;
    right: 5px;
    top: 0;
    width: 710px;
}


#dictionar .gm_elem{
    display:block;
    text-align: left;
}

.elements_data{
    text-align: center;
}
.number_hook {
    display:block;
    height: 80px;
    width:80px;
    font-size:50px;
    line-height: 80px;
    color:#ffffff;
    color: #FFFFFF;
    display: block;
    font-size: 50px;
    height: 85px;
    line-height: 96px;
    width: 104px;
    text-align: center;
    text-shadow: -3px 0 0 #ff7d03, 0 -1px 0 #ff7d03, 0 1px 0 #ff7d03, -1px 0 0 #ff7d03;
}
.game_frame .elements_data  .sunet{
    display:inline-block;
    vertical-align: middle;
    background: url('../../../../assets/images/sound.jpg') no-repeat center center;
    width:40px;
    height:38px;
    background-size: 40px 38px;

}
.game_frame .elements_data  .name_tag{
    display:inline-block;
    vertical-align: middle;
    border:3px solid #fca321;
    color:#000000;
    height: 33px;
    line-height: 33px;
    font-size:22px;
    text-align: center;
}
/*.ex2 {
    display: block;
    height: 307px;
    position: absolute;
    right: 30px;
    top: 328px;
    width: 495px;
}
.ex3_box_observa {
    display: block;
    height: 255px;
    position: absolute;
    right: 135px;
    top: 35px;
    width: 368px;
}
.ex4_box_ascultare {
    display: block;
    height: 110px;
    position: absolute;
    right: 20px;
    top: 265px;
    width: 100px;
}

input.response{

    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;

    color:#3698D3;
    text-align:center;
    font-size:18px;
    line-height: 20px;
    width:30px;
    padding:3px;    
    height: 20px;
    margin:0 auto;
    font-weight: normal;
    border:3px solid #49b82d;
}
input.response.c_true {
    color:#8FC800;
}
input.response.c_false {
    color:#CC0000;
}

custom selectable
.game_frame .elements_data .img_element {
    height: 130px;
    margin:20px 15px 10px;
}
.game_frame .elements_data.c_true , .game_frame .elements_data.c_false{
    background-position: top right;
}

.game_frame .elements_data  {
    text-align: center;
    float:left;
    width:33.33333%;
}
.game_frame .elements_data  .sunet{
    display:inline-block;
    vertical-align: middle;
    background: url('../../../../assets/images/sound.jpg') no-repeat center center;
    width:40px;
    height:38px;
    background-size: 40px 38px;

}
.game_frame .elements_data  .name_tag{
    display:inline-block;
    vertical-align: middle;
    border:3px solid #fca321;
    color:#000000;
    height: 33px;
    line-height: 33px;
    font-size:22px;
    text-align: center;
}

.dictionar {
    display: block;
    height: 73px;
    position: absolute;
    right: 5px;
    top: 0;
    width: 710px;
}

#dictionar .gm_elem{
    display:block;
}

.game_frame .gm_elem {
    display: inline-block;
}*/

/*drag game*/
.drag_container, .game_frame {
    text-align: right;
}
.game_frame .gm_elem {
    display:block;
}
.droppable_container {
    position:relative;
    background: url(../images/game/Pg16_ex1.jpg) no-repeat top center;
    height: 530px;
    width:721px;
    margin-bottom: 20px;
    display: block;
    margin:0 0 0 auto;
}
.el1 {
    right: 100px;
    top: 320px; 
}
.el2 {
    right: 110px;
    top: 440px;
}
.el3 {
    right: 100px;
    top: 15px;
}
.el4 {
    right: 280px;
    top: 440px;
}
.el5 {
    right: 350px;
    top: 210px;
}
.el6 {
    right: 450px;
    top: 440px;
}
.ui-droppable {
    position:absolute;
    height: 40px;
    width: 150px;
    background: rgba(255,255,255,0.5);
    border:2px solid #000;
    border-radius: 10px;
}
.ui-droppable .err_block{

    position:absolute;
    height: 24px;
    top:-24px;
    right: -20px;
    width: 20px;
}
.ui-droppable .err_block.c_true {
    background: url(../images/ok.png) no-repeat center center ;   
    width: 24px;
    height: 24px;
}
.ui-droppable .err_block.c_false {
    background: url(../images/bad.png) no-repeat center center ;        
    width: 24px;
    height: 24px;
}
.draggable_container {
    background: url(../images/game/Pg16_ex1_b.jpg) no-repeat center center ;
    height: 380px;
    left: 0px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 250px;
    padding-top:65px;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.draggable_container .ui-draggable  {

    display:inline-block;

    height: 40px;    
    width: 163px;
    cursor: move;

}
.draggable_container .ui-draggable  .name{
    font-size: 20px;
    line-height: 34px;

    margin-bottom: 0px;
    padding: 5px;
    text-align: center;

    margin:0 auto;
}

.ex9_box {
    display: block;
    height: 534px;
    position: absolute;
    right: 5px;
    top: 81px;
    width: 534px;;
}
/* end drag*/

/* video start*/
.ex2_vid {
    bottom: 57px;
    display: block;
    height: 40px;
    left: 41px;
    position: absolute;
    width: 126px;
}

.ex3_vid {
    display: block;
    height: 40px;
    left: 31px;
    position: absolute;
    top: 80px;
    width: 363px;
}

.video_cta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
}
/* video end*/

/***********************************/
/*static defaul block*/
/************************************/
.p17_ex3_box_prezentare {
    display: block;
    height: 326px;
    position: absolute;
    right: 5px;
    top: 88px;
    width: 530px;
}

#static_ex .gm_elem{
    display:block;
}

#static_ex .bk {
    background:url('../images/game/pg17_ex3_bk.jpg') no-repeat top center;
    height: 530px;
    width:100%;
    background-size: contain;
    position:relative;
}
#e3_img1 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      

    background:url('../images/game/pg17_ex3_cerc1.png') no-repeat top center;
    background-size: contain; 
}
#e3_img2 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      

    background:url('../images/game/pg17_ex3_cerc2.png') no-repeat top center;
    background-size: contain; 
}
#e3_img3 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      

    background:url('../images/game/pg17_ex3_cerc3.png') no-repeat top center;
    background-size: contain; 
}
#e3_img4 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      

    background:url('../images/game/pg17_ex3_cerc4.png') no-repeat top center;
    background-size: contain; 
}
#e3_img5 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      

    background:url('../images/game/pg17_ex3_text.png') no-repeat top center;
    background-size: contain; 
}


#ex3_place1 {
    position:absolute;
    top:70px;
    left:780px;
}
#ex3_place2 {
    position:absolute;
    top:160px;
    left:780px;
}
#ex3_place3 {
    position:absolute;
    top:260px;
    left:780px;
}
#ex3_place4 {
    position:absolute;
    top:340px;
    left:780px;
}
#ex3_place5 {
    position:absolute;
    top:450px;
    left:780px;
}

/**********************************/
/*end static default*/
/**********************************/
.ex_vid{
    bottom: 551px;
    display: block;
    height: 51px;
    left: 34px;
    position: absolute;
    width: 129px;
}
/*{
    bottom: 53px;
    display: block;
    height: 51px;
    left: 37px;
    position: absolute;
    width: 129px;
}*/
.video10 { 
    left: 358px;
    top: 86px;
}
.karaoke_block {
    width:263px;
    height:446px;
    position:absolute;
    right:10px;
    top:25px;

    background: url("../images/game/k.png") no-repeat  right top;
    background-size:contain;
}
@media screen and (max-width: 115px) {
    .game_frame .elements_data {

        margin-bottom:10px;
    }
    .game_frame .elements_data .img_element {
        height: 100px;
    }
    .ex2 {
        display: block;
        height: 231px;
        position: absolute;
        right: 30px;
        top: 255px;
        width: 390px;
    }
    .ex3_box_observa {
        height: 190px;
        right: 105px;
        top: 26px;
        width: 284px;
    }
    .ex4_box_ascultare {
        height: 81px;
        right: 15px;
        top: 206px;
        width: 75px;
    }
}

@media screen and (max-width: 1366px)  { 

    .el3 {
        right: 230px;
        top: 15px;
    }

    .el5 {
        right: 460px;
        top: 170px;
    }

    .el1 {
        right: 252px;
        top: 238px;
    }

    .el2 {
        right: 220px;
        top: 380px;
    }

    .el4 {
        right: 390px;
        top: 380px;
    }

    .el6 {
        right: 560px;
        top: 380px;
    }

}
@media screen and (max-width: 1115px)  { 

    .el3 {
        right: 230px;
        top: 15px;
    }

    .el5 {
        right: 460px;
        top: 142px;
    }

    .el1 {
        right: 252px;
        top: 188px;
    }

    .el2 {
        right: 137px;
        top: 299px;
    }

    .el4 {
        right: 313px;
        top: 337px;
    }

    .el6 {
        right: 477px;
        top: 289px;
    }

}