.section.game {
    background: none repeat scroll 0 0 #000235;
    min-height: 638px;
    padding-bottom: 50px;
    padding-top: 10px;
}
.game-box {
    background: url('../images/game/game-bk.jpg') no-repeat;
    width: 1376px;
    height: 638px;
    position: relative;
    margin: 0 auto;
    font-family: 'Coconweb'
}


/*=================================================
1) - Right Items
=================================================*/

.ritem {
    color: #FFFFFF;
    display: block;
    padding-top: 127px;
    position: absolute;
    text-align: center;
    width: 69px;
    cursor: pointer;
    line-height: 14px;

}

.ritem:hover {

}

.vodka {
    background: url('../images/game/vodka.png') no-repeat 0 0; 
    left: 60px;
    top: 37px;

}

.tequila {
    background: url('../images/game/tequila.png') no-repeat 0 0; 
    left: 149px;
    top: 37px;
}

.ron {
    background: url('../images/game/ron.png') no-repeat 0 0; 
    left: 238px;
    top: 37px;
}

.whisky {
    background: url('../images/game/whisky.png') no-repeat 0 0; 
    left: 327px;
    top: 37px;
}

.brandy {
    background: url('../images/game/brandy.png') no-repeat 0 0; 
    left: 416px;
    top: 37px;

}

.vino-tinto {
    background: url('../images/game/vino-tinto.png') no-repeat 0 0; 
    left: 505px;
    top: 37px;
}

.jerez {
    background: url('../images/game/jerez.png') no-repeat 0 0; 
    left: 594px;
    top: 37px;
}

.ginebra {
    background: url('../images/game/ginebra.png') no-repeat 0 0; 
    left: 683px;
    top: 37px;
}

.mezcal {
    background: url('../images/game/mezcal.png') no-repeat 0 0; 
    left: 772px;
    top: 37px;
}

.jugo-de-pina {
    background: url('../images/game/jugo-de-pina.png') no-repeat 0 0; 
    left: 60px;
    top: 200px;
}

.jugo-de-naranja {
    background: url('../images/game/jugo-de-naranja.png') no-repeat 0 0; 
    left: 149px;
    top: 200px;
}

.jugo-de-uva {
    background: url('../images/game/jugo-de-uva.png') no-repeat 0 -2px; 
    left: 238px;
    top: 200px;
}

.jugo-de-mango {
    background: url('../images/game/jugo-de-mango.png') no-repeat 0 -2px; 
    left: 327px;
    top: 200px;
}

.refresco-de-cola {
    background: url('../images/game/refresco-de-cola.png') no-repeat 0 0; 
    left: 525px;
    top: 200px;
}

.refresco-de-manzana {
    background: url("../images/game/refresco-de-manzana.png") no-repeat scroll 10px 0 transparent;
    left: 614px;
    top: 200px;
    width: 90px;
}

.refresco-de-toronja {
    background: url('../images/game/refresco-de-toronja.png') no-repeat 10px 0; 
    left: 724px;
    top: 200px;
    width: 90px;
}

.licor-de-cafe {
    background: url('../images/game/licor-de-cafe.png') no-repeat 0 0; 
    left: 90px;
    top: 358px;
}

.bebida-energetica {
    background: url('../images/game/bebida-energetica.png') no-repeat 0 0; 
    left: 190px;
    top: 358px;
}

.agua-mineral {
    background: url('../images/game/agua-mineral.png') no-repeat 0 0; 
    left: 280px;
    top: 358px;
}

.ginger {
    background: url('../images/game/ginger.png') no-repeat 0 0; 
    left: 360px;
    top: 358px;
}

.licor-de-menta {
    background: url('../images/game/licor-de-menta.png') no-repeat 0 0; 
    left: 440px;
    top: 358px;
}




.limon {
    background: url('../images/game/limon.png') no-repeat 0 0; 
    left: 40px;
    top: 498px;
    width: 107px;
    padding-top: 93px;
    text-shadow: 0 2px 5px #000000;
}

.sal {
    background: url('../images/game/sal.png') no-repeat 0 0; 
    left: 157px;
    top: 500px;
    width: 53px;
    padding-top: 91px;
    text-shadow: 0 2px 5px #000000;
}

.chile {
    background: url('../images/game/chile.png') no-repeat 0 0; 
    left: 210px;
    top: 500px;
    width: 53px;
    padding-top: 91px;
    text-shadow: 0 2px 5px #000000;
}

.azucar {
    background: url('../images/game/azucar.png') no-repeat 0 0; 
    left: 270px;
    top: 500px;
    width: 53px;
    padding-top: 91px;
    text-shadow: 0 2px 5px #000000;
}

.chocolate {
    background: url('../images/game/chocolate.png') no-repeat 0 0; 
    left: 500px;
    top: 465px;

}

.salsa-tabasco {
    background: url('../images/game/salsa-tabasco.png') no-repeat 0 0; 
    left: 590px;
    padding-top: 99px;
    top: 496px;
    width: 53px;
}

.salsa-inglesa {
    background: url('../images/game/salsa-inglesa.png') no-repeat 0 0; 
    left: 665px;
    padding-top: 106px;
    top: 489px;
    width: 53px;
}


.chamoy {
    background: url('../images/game/chamoy.png') no-repeat 0 0; 
    left: 725px;
    padding-top: 129px;
    top: 464px;
    width: 53px;
}

.granadina {
    background: url('../images/game/granadina.png') no-repeat 10px 0; 
    left: 795px;
    padding-top: 129px;
    top: 464px;
    width: 53px; 
}

/*=================================================
2) - Glass Filling
=================================================*/
.fill-items {
    bottom: 227px;
    height: 181px;
    position: absolute;
    right: 218px;
    width: 150px;
}
.fill-item {
    position: absolute;
    width: 150px;
    bottom: 0;
    left: 0;
    height: 181px;
}

.fill-purple {
    background: url('../images/game/purple.png') no-repeat 0 0; 
}

.fill-green {
    background: url('../images/game/green.png') no-repeat 0 0; 
}

.fill-yellow {
    background: url('../images/game/yellow.png') no-repeat 0 0; 
}

.fill-brown {
    background: url('../images/game/brown.png') no-repeat 0 0; 
}

.fill-white {
    background: url('../images/game/white.png') no-repeat 0 0; 
}


.cover {
    width: 190px;
    height: 426px;
    display: none;
    position: absolute;
    top: 73px;
    right: 200px;
    background: url('../images/game/cover.png') no-repeat 0 0; 

}

.shaker {
    width: 190px;
    height: 426px;
    display: none;
    position: absolute;
    top: 73px;
    right: 200px;
    background: url('../images/game/shaker.png') no-repeat 0 0; 

}

.ic {
    width: 404px;
    height: 502px;
    position: absolute;
    top: 28px;
    right: 73px;
    z-index: 101;
    display: none;
    background: url('../images/game/ic.png') no-repeat 0 0; 

}


.star {
    width: 424px;
    height: 469px;
    position: absolute;
    top: 37px;
    right: 73px;
    z-index: 100;

}

.star img {
    position: absolute;
    width: 0%;
    height: auto;
    top: 0;
    left: 0;
}

/*=================================================
3) - Board
=================================================*/

.board {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 35px;
    top: 95px;
    width: 145px;
}
.board li {
    display: table;
    margin-bottom: 8px;
}

.board-text {
    width: 75px;
    display: table-cell;
    float: left;
    vertical-align: middle;
    line-height: 12px;

}

.board-btn-box {
    display: table-cell;
    vertical-align: middle;
}

.board-btn {
    background: none repeat scroll 0 0 #356c8b;
    border-radius: 23px 23px 23px 23px;
    color: #000000;
    display: block;
    float: left;
    height: 21px;
    margin-left: 7px;
    margin-right: 5px;
    padding-left: 2px;
    padding-top: 2px;
    text-align: center;
    width: 21px;
}

.board-btn.active {
    background: none repeat scroll 0 0 #3CA9E7; 
}

.board-topp {
    color: #FFFFFF;
    line-height: 12px;
    font-size: 12px;

    width: 145px;
    position: absolute;
    bottom: 230px;
    right: 35px;
}

/*=================================================
4) - Create
=================================================*/

.btn-create {
    width: 170px;
    height: 54px;
    background: url('../images/game/btn-c-notready.png') no-repeat;
    display: block;
    cursor: auto;
    position: absolute;
    bottom: 45px;
    right: 300px;

}

.btn-create.active {
    background: url('../images/game/btn-c-ready.png') no-repeat;
    cursor: pointer;
}

.btn-reset {
    width: 149px;
    height: 28px;
    background: url('../images/game/btn-reset.png') no-repeat;
    display: block;
    cursor: auto;
    position: absolute;
    bottom: 9px;
    right: 321px;
    cursor: pointer;
}

.not-ready-message {
    background: #fff;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.81);
    bottom: 56px;
    color: #000000;
    font-size: 13px;
    padding: 3px 6px;
    position: absolute;
    right: 50px;
    display: none;

}

/*=================================================
20 B) - Instructions
=================================================*/

.ins1 {
    position: absolute;
    right: 260px;
    bottom: 520px;
    width: 267px;
    height: 107px;
    background: url('../images/game/ins1.png') no-repeat;
}

.ins2 {
    position: absolute;
    right: 362px;
    bottom: 210px;
    width: 185px;
    height: 89px;
    background: url('../images/game/ins2.png') no-repeat;
}