body{
	background-image:url(../games_back.png);
	background-repeat:repeat;
}
    
 #contenedor {
   
   position:relative;
    /*border: 2px solid #000;*/
    width: 650px;
    height:650px;
    text-align: center;
    margin: 0 auto;
}

.ficha{
    width:70px;
    height: 70px;
    border: 1px solid blue;
}
.letra1{
    color: white;
    text-shadow:    -1px -1px 0 #0A0A36,  1px -1px 0 #0A0A36,  -1px 1px 0 #0A0A36,  1px 1px 0 #0A0A36;
    /*text-align: right;*/
    float: right;
    font-size: 15pt;
    font-weight: bolder;
 }
 .inclinadoizq{
 transform: rotate(270deg);
 transform-origin: 15% 230%;
 }
 .cabeza{
 transform: rotate(180deg);
 transform-origin: 0% 150%;
 }
.inclinadoder{
 transform: rotate(90deg);
 transform-origin: 0% 100%;
 }
#salida{
    position:absolute;
    top:560;
    left:0;
    vertical-align: bottom;
    background-image: url("images/inicio.png");
}

#ficha1{
    position:absolute;
    top:560; 
    left:70;
    vertical-align: bottom;
    background-image: url("images/1.jpg");
}

#ficha2{
    position:absolute;
    top:560;
    left:140;
    background-image: url("images/2.jpg");
    vertical-align: bottom;
}

#ficha3{
    position:absolute;
    top:560;
    left:212;
    background-image: url("images/3.jpg");
    vertical-align: bottom;
}

#ficha4{
    position:absolute;
    top:560;
    left:284;
    background-image: url("images/4.jpg");
    vertical-align: bottom;
}

#ficha5{
    position:absolute;
    top:560;
    left:355;
    background-image: url("images/5.png");
    vertical-align: bottom;
}

#ficha6{
    position:absolute;
    top:560;
    left:426;
    background-image: url("images/6.png");
    vertical-align: bottom;
}

#ficha7{
    position:absolute;
    top:560; 
    left:497; 
    background-image: url("images/7.jpg");
    vertical-align: bottom;
}

#ficha8{
    position:absolute;
    top:560;
    left:568;
    background-image: url("images/8.jpg");
    vertical-align: bottom;
}

#ficha9{
    position:absolute;
    top:490;
    left:568;
    background-image: url("images/9.png");
    vertical-align: bottom;
}

#ficha10{
    position:absolute;
    top:420;
    left:568;
    background-image: url("images/10.jpg");
    vertical-align: bottom;
}
#ficha11{
    position:absolute;
    top:350;
    left:568;
    background-image: url("images/11.jpg");
    vertical-align: bottom;
}
#ficha12{
    position:absolute;
    top:280;
    left:568;
    background-image: url("images/12.png");
    vertical-align: bottom;
}
#ficha13{
    position:absolute;
    top:210;
    left:568;
    background-image: url("images/13.jpg");
    vertical-align: bottom;
}
#ficha14{
    position:absolute;
    top:140;
    left:568;
    background-image: url("images/14.png");
    vertical-align: bottom;
}
#ficha15{
    position:absolute;
    top:70;
    left:568;
    background-image: url("images/15.jpg");
    vertical-align: bottom;
}
#ficha16{
    position:absolute;
    top:0;
    left:568;
    background-image: url("images/16.jpg");
    vertical-align: bottom;
}
#ficha17{
    position:absolute;
    top:0;
    left:497;
    background-image: url("images/17.jpg");
    vertical-align: bottom;
}
#ficha18{
    position:absolute;
    top:0;
    left:426;
    background-image: url("images/18.png");
    vertical-align: bottom;
}
#ficha19{
    position:absolute;
    top:0;
    left:355;
    background-image: url("images/19.jpg");
    vertical-align: bottom;
}
#ficha20{
    position:absolute;
    top:0;
    left:283;
    background-image: url("images/20.jpg");
    vertical-align: bottom;
}
#ficha21{
    position:absolute;
    top:0;
    left:212;
    background-image: url("images/21.jpg");
    vertical-align: bottom;
}
#ficha22{
    position:absolute;
    top:0;
    left:141;
    background-image: url("images/22.jpg");
    vertical-align: bottom;
}
#ficha23{
    position:absolute;
    top:0;
    left:70;
    background-image: url("images/23.png");
    vertical-align: bottom;
}
#ficha24{
    position:absolute;
    top:70;
    left:70;
    background-image: url("images/24.jpg");
    vertical-align: bottom;
}

#ficha25{
    position:absolute;
    top: 140;
    left:70;
    background-image: url("images/25.jpg");
    vertical-align: bottom;
}
#ficha26{
    position:absolute;
    top: 210;
    left:70;
    background-image: url("images/26.png");
    vertical-align: bottom;
}
#ficha27{
    position:absolute;
    top: 280;
    left:70;
    background-image: url("images/27.png");
    vertical-align: bottom;
}
#ficha28{
    position:absolute;
    top: 350;
    left:70;
    background-image: url("images/28.jpg");
    vertical-align: bottom;
}
#ficha29{
    position:absolute;
    top: 420;
    left:70;
    background-image: url("images/29.jpg");
    vertical-align: bottom;
}
#ficha30{
    position:absolute;
    top: 490;
    left:70;
    background-image: url("images/30.jpg");
    vertical-align: bottom;
}
#ficha31{
    position:absolute;
    top:490;
    left:141;
    background-image: url("images/31.jpg");
    vertical-align: bottom;
}
#ficha32{
    position:absolute;
    top:490;
    left:213;
    background-image: url("images/32.png");
    vertical-align: bottom;
}
#ficha33{
    position:absolute;
    top:490;
    left:284;
    background-image: url("images/33.jpg");
    vertical-align: bottom;
}
#ficha34{
    position:absolute;
    top:490;
    left:355;
    background-image: url("images/34.jpg");
    vertical-align: bottom;
}
#ficha35{
    position:absolute;
    top:490;
    left:426;
    background-image: url("images/35.jpg");
    vertical-align: bottom;
}
#ficha36{
    position:absolute;
    top:490;
    left:497;
    background-image: url("images/36.png");
    border: 1px solid blue;
    vertical-align: bottom;
}
#ficha37{
    position:absolute;
    top:420;
    left:497;
    background-image: url("images/37.jpg");
    vertical-align: bottom;
}

#ficha38{
    position:absolute;
    top:350;
    left:497;
    background-image: url("images/38.jpg");
    vertical-align: bottom;
}
#ficha39{
    position:absolute;
    top:280;
    left:497;
    background-image: url("images/39.jpg");
    vertical-align: bottom;
}
#ficha40{
    position:absolute;
    top:210;
    left:497;
    background-image: url("images/40.jpg");
    vertical-align: bottom;
}
#ficha41{
    position:absolute;
    top:140;
    left:497;
    background-image: url("images/41.jpg");
    vertical-align: bottom;
}
#ficha42{
    position:absolute;
    top:70;
    left:497;
    background-image: url("images/42.jpg");
    vertical-align: bottom;
}
#ficha43{
    position:absolute;
    top:70;
    left:426;
    background-image: url("images/43.jpg");
    vertical-align: bottom;
}
#ficha44{
    position:absolute;
    top: 70;
    left:355;
    background-image: url("images/44.jpg");
    vertical-align: bottom;
}
#ficha45{
    position:absolute;
    top:70;
    left:284;
    background-image: url("images/45.jpg");
    vertical-align: bottom;
}
#ficha46{
    position:absolute;
    top:70;
    left:213;
    background-image: url("images/46.jpg");
    vertical-align: bottom;
}
#ficha47{
    position:absolute;
    top:70;
    left:141;
    background-image: url("images/47.jpg");
    vertical-align: bottom;
}
#ficha48{
    position:absolute;
    top:140;
    left:141;
    background-image: url("images/48.jpg");
    vertical-align: bottom;
}
#ficha49{
    position:absolute;
    top:210;
    left:141;
    background-image: url("images/49.jpg");
    vertical-align: bottom;
}
#ficha50{
    position:absolute;
    top:280;
    left:141;
    background-image: url("images/50.png");
    vertical-align: bottom;
}
#ficha51{
    position:absolute;
    top:350;
    left:141;
    background-image: url("images/51.jpg");
    vertical-align: bottom;
}
#ficha52{
    position:absolute;
    top:420;
    left:141;
    background-image: url("images/52.jpg");
    vertical-align: bottom;
}
#ficha53{
    position:absolute;
    top:420;
    left:213;
    background-image: url("images/53.jpg");
    vertical-align: bottom;
}
#ficha54{
    position:absolute;
    top:420;
    left:284;
    background-image: url("images/54.png");
    vertical-align: bottom;
}
#ficha55{
    position:absolute;
    top:420;
    left:355;
    background-image: url("images/55.jpg");
    vertical-align: bottom;
}
#ficha56{
    position:absolute;
    top:420;
    left:426;
    background-image: url("images/56.jpg");
    vertical-align: bottom;
}
#ficha57{
    position:absolute;
    top:350;
    left:426;
    background-image: url("images/57.jpg");
    vertical-align: bottom;
}
#ficha58{
    position:absolute;
    top:280;
    left:426;
    background-image: url("images/58.jpg");
    vertical-align: bottom;
}
#ficha59{
    position:absolute;
    top:210;
    left:426;
    background-image: url("images/59.png");
    vertical-align: bottom;
}
#ficha60{
    position:absolute;
    top:140;
    left:426;
    background-image: url("images/60.jpg");
    vertical-align: bottom;
}
#ficha61{
    position:absolute;
    top:140;
    left:319;
    width: 105px;
    height:70px;
    background-image: url("images/61.jpg");
    vertical-align: bottom;
}
#ficha62{
    position:absolute;
    top:140;
    left:212;
    width: 105px;
    height:70px;
    background-image: url("images/62.jpg");
    vertical-align: bottom;
}
#ficha63{
    position:absolute;
    top:210;
    left:213;
    width: 211px;
    height:211px;
    background-image: url("meta.png");
    vertical-align: bottom;
}

#dice {font-size: 6rem;}

#controls{
	width:200px;
	float:left;
}

button{
     background-color:#4CAF50;
	 border: 1px solid white;
	 color:white;
	 border-radius:8px;
	 padding: 10px;
	 cursor:pointer;
}

#usuario{
	z-index:10;
}

img #maquina{
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}



.enCasilla{
	 position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: Black;
      z-index: 1;
      /* These three lines are for transparency in all browsers. */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      opacity: .5;
}

.enCasillaContent{
	position: relative;
      color: White;
      z-index: 5;
}

.enCasillaUsuario{
	 position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: Black;
      z-index: 1;
      /* These three lines are for transparency in all browsers. */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      opacity: .5;
}

.paraMoverse{
	z-index:5;
	box-shadow:0px 0px 20px 20px #693;
}

#go-2-nxt-lvl {
	display:none;
	position:absolute;
	right: 0;
	left: 0;
	top: 25%;
	width:340px;
	height:200px;
	text-align:center;
	vertical-align:middle;
	border:2px solid #ffffff;
	margin:0 auto;
	border-radius:5px;
	background:url(images/game-bkg1.png);
	z-index:10;
	}