body {
	/*text-align: center;	
	font-family: 'Sevillana', "Trebuchet MS", arial, serif;
	background: url(img/body-bkg.png);
	color: #dddddd;
	text-shadow: 0 1px 0 #222222;*/
	
	background-image:url(../games_back.png);
	background-repeat:repeat;

}

h1 {
	/*font-size:45px;
	font-weight: bold;
	text-shadow: 0 3px 0 #222222;
	height:50px;*/
}
#main-container {
	margin:0 auto;
	width:100%;/*810px*/
	}
#stats {
	margin:0 auto;
	padding:5px;
	width:100%;
	height:50px;
	border-radius:10px;
	border:2px solid #ffffff;
	background:url(img/game-bkg1.png);
	font-size:1.2em;
	color:#ffffff;
	margin-bottom:10px;
	text-align:center;
	font-family: 'Georgia', serif
	}
#stats span {
	font-weight:bold
	}
	
#tablas{
	/*float:left;*/
	border-radius: 10px;
	border: 1px solid #666666;
	-webkit-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-moz-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-o-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-ms-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	
	position: relative;
	background: url(img/game-bkg.png);
	width: 1000px; /* 550*/
	height: 650px; /* 570 */
	margin-left:  auto;
	margin-right: auto;
	/*margin-bottom: 20px;*/

}




#game {
	/*float:left;*/
	border-radius: 10px;
	border: 1px solid #666666;
	-webkit-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-moz-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-o-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	-ms-box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	box-shadow: 0 -1px 0 #999999, 0 1px 0 #999999, inset 0 1px 6px #000000;
	
	position: relative;
	background: url(img/game-bkg.png);
	width: 1200px; /* 550*/
	height: 620px; /* 570 */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display:none;
	
	
}

#tabla1{
	position:relative;
	float:left;
	top:1%;
	left:1%;
	width:350px;
	height:610px;
	background-image:url(img/tablas/tabla_1_sm.png);
	text-align:center;
}

#tabla2{
	position:relative;
	float:right;
	top:1%;
	right:1%;
	width:350px;
	height:610px;
	background-image:url(img/tablas/tabla_2_sm.png);
	text-align:center;
}

#tabla1 img{
		margin:0 auto;
}

#tabla2 img{
		margin:0 auto;
}

#cards {
	position:relative;
	top:40%;
	margin:0 auto;
	width:480px;
	float:left;
	text-align:center;
}

@-moz-document url-prefix() { 
	#cards {margin-top:10px}
}

.card {
	-webkit-perspective:600;
	width: 138px; /* 79px */
	height: 212px; /* 79px */
	
	/* changed	*/
	position: absolute;
	transition: all .3s;
	-moz-transition: all .6s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	cursor:pointer
}



.card-removed {
	opacity: 0;
	display:none\9;
	}
.noclick {
	position:absolute;
	z-index:-1
}

#go-2-nxt-lvl {
	display:none;
	position:absolute;
	right: 0;
	left: 0;
	top: 25%;
	width:340px;
	height:300px;
	text-align:center;
	vertical-align:middle;
	border:2px solid #ffffff;
	margin:0 auto;
	border-radius:5px;
	background:url(img/game-bkg1.png);
	z-index:10;
	}
#highscores {
	position:absolute;
	right: 0;
	left: 0;
	top: 25%;
	float:right;
	margin:0 0 0 10px;
	padding:5px;
	width:230px;
	min-height:150px;
	border-radius:10px;
	border:2px solid #ffffff;
	background:url(img/game-bkg1.png);
	font-size:1em;
	color:#ffffff;
	font-family: 'Georgia', serif
	}
#highscores h2 {
	font-size:1.3em
	}
#reload {
	cursor:pointer;
	width:50px;
	height:25px;
	padding:2px 6px;
	border-radius:5px;
	border:2px solid #ffffff;
	background:url(img/game-bkg.png);
	color:#000000
	}
#reload:hover {
	background:url(img/game-bkg1.png);
	color:#ffffff
	}



#admin-content {
	color:#ffffff;
	margin: 0 auto;
	width:600px;
	text-shadow:none;
	text-align:justify
	}
table {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px
	}
table thead {
	font-weight:bold;
	font-style:italic
	}
table td {
	border:1px solid #ffffff;
	padding:3px;
	text-align:center
	}
.font-size-1 {
	font-size:1.3em
	}
	
#ilustraciones {
	display:none;
	position:relative;
	left: 10%;
	top: 20%;
	float:left;
	margin:0 0 0 10px;
	padding:10px;
	width:250px;
	height: 358px;
/*	min-height:150px;*/
	border-radius:10px;
/*	border:2px solid #ffffff;*/
	/*background: rgba(102,0,102,0.4);*/
	font-size:1em;
	color:#ffffff;
	font-family: 'Georgia', serif
	}	
	
#ilustraciones img{
/*position:absolute;
	right: 10%;
	left: 40%;
	top: 20%;*/
}

#flipcountdownbox1{
	position:absolute;
	left: 92%;
	top: 5%;
}

.ficha{
	width:77px;
	height:121px;
}

.ficha_1_1{
	position:absolute;
	top: 92px;
	left: 16px; 

}

.ficha_1_2{
	position:absolute;
	top: 92px;
	left: 96px; 

}

.ficha_1_3{
	position:absolute;
	top: 92px;
	left: 176px; 

}

.ficha_1_4{
	position:absolute;
	top: 92px;
	left: 256px; 
	
}

.ficha_2_1{
	position:absolute;
	top: 217px;
	left: 16px; 
	
}

.ficha_2_2{
	position:absolute;
	top: 217px;
	left: 96px; 
	
}

.ficha_2_3{
	position:absolute;
	top: 217px;
	left: 176px; 
	
}

.ficha_2_4{
	position:absolute;
	top: 217px;
	left: 256px; 
	
}

.ficha_3_1{
	position:absolute;
	top: 342px;
	left: 16px; 
	
}

.ficha_3_2{
	position:absolute;
	top: 342px;
	left: 96px; 
	
}

.ficha_3_3{
	position:absolute;
	top: 342px;
	left: 176px; 
	
}

.ficha_3_4{
	position:absolute;
	top: 342px;
	left: 256px; 
	
}

.ficha_4_1{
	position:absolute;
	top: 467px;
	left: 16px; 
	
}

.ficha_4_2{
	position:absolute;
	top: 467px;
	left: 96px; 
	
}

.ficha_4_3{
	position:absolute;
	top: 467px;
	left: 176px; 
	
}

.ficha_4_4{
	position:absolute;
	top: 467px;
	left: 256px; 
	
}

.elegido{
	background-image:url(img/marcador.png);
	background-position:center;
	background-repeat:no-repeat;
}

.opcion{
	float:left;
	width:200px;
	height:322px;
	text-align:center;
	cursor:pointer;
}

#message {
	position:absolute;
	left:39%;
	top: 39%;
	margin:auto;
	text-align:center;
	padding:10px;
	width:200px;
	height: 120px;
	border-radius:10px;
	border:2px solid #000;
	background: rgba(102,102,102,0.9);
	font-size:1em;
	color:#ffffff;
	font-family: 'Georgia', serif
	}	

#entendido{
	cursor:pointer;
}

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