body {

	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
	}
#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: 1300px; /* 550*/
	height: 720px; /* 570 */
	margin: 0 auto;
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	
	display: -o-box;
	-o-box-pack: center;
	-o-box-align: center;
	
	display: -ms-box;
	-ms-box-pack: center;
	-ms-box-align: center;
	
	display: box;
	box-pack: center;
	box-align: center;
}

#cards {
	position: relative;	
	width: 1250px; 
	height: 700px; 
	margin:0 auto;
}

@-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
}

.face {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	position: absolute;
	
	-moz-transition-property: opacity, -moz-transform, -moz-box-shadow;
	-moz-transition-duration: .3s;
	-webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
	-webkit-transition-duration: .3s;
	-o-transition-property: opacity, -o-transform, -o-box-shadow;
	-o-transition-duration: .3s;
	-ms-transition-property: opacity, -o-transform, -o-box-shadow;
	-ms-transition-duration: .3s;
	transition-property: opacity, transform, box-shadow;
	transition-duration: .3s;
	
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden	
}

.front {	
	background: url(img/cards2.png) 0 -636px;
	z-index: 10
}

.back {
	background: url(img/cards2.png);
	
	-moz-transform: rotate3d(0,1,0,-180deg);
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
	
	z-index: 8
}

.card:hover .face, .card-flipped .face {
	-webkit-box-shadow: 0 0 20px #aaaaaa;
	-moz-box-shadow: 0 0 20px #aaaaaa;
	-o-box-shadow: 0 0 20px #aaaaaa;
	-ms-box-shadow: 0 0 20px #aaaaaa;
	box-shadow: 0 0 10px #aaaaaa;
}

.card-flipped .front {
	-moz-transform: rotate3d(0,1,0,180deg);
	-webkit-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	
	/* ensure the front face is below the back face */
	z-index: 8
}
	
.card-flipped .back {
	-moz-transform: rotate3d(0,1,0,0deg);
	-webkit-transform: rotate3d(0,1,0,0deg);
	-o-transform: rotate3d(0,1,0,0deg);
	-ms-transform: rotate3d(0,1,0,0deg);
	transform: rotate3d(0,1,0,0deg);
	
	/* ensure the back face is on top of the front face */		
	z-index: 10
}

.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);
	}
#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
	}

/* define the face graphics of the card deck*/
/* cardAA stands for Spade A */
/* cardA10 stands for Spade 10 */
/* cardAK stands for Spade K */
/* cardB_ stands for Heart _ */
/* cardC_ stands for Club _ */
/* cardD_ stands for Diamond _ */

.cardAA {
	background-position: 0 0;
}
.cardA2 {
	background-position: -138px 0;
}
.cardA3 {
	background-position: -276px 0;
}
.cardA4 {
	background-position: -414px 0;
}
.cardA5 {
	background-position: -552px 0;
}
.cardA6 {
	background-position: -690px 0;
}
.cardA7 {
	background-position: -828px 0;
}
.cardA8 {
	background-position: 0px -212px;
}
.cardA9 {
	background-position: -138px -212px;
}
.cardA10 {
	background-position: -276px -212px;
}
.cardAJ {
	background-position: -414px -212px;
}
.cardAQ {
	background-position: -552px -212px;
}
.cardAK {
	background-position: -690px -212px;
}
.cardBA {
	background-position: -828px -212px;
}
.cardB2 {
	background-position: -138px -424px;
}
.cardB3 {
	background-position: -276px -424px;
}
/*.cardB4 {
	background-position: -450px -460px;
}
.cardB5 {
	background-position: -316px -123px;
}
.cardB6 {
	background-position: -395px -123px;
}
.cardB7 {
	background-position: -474px -123px;
}
.cardB8 {
	background-position: -553px -123px;
}
.cardB9 {
	background-position: -632px -123px;
}
.cardB10 {
	background-position: -711px -123px;
}
.cardBJ {
	background-position: -790px -123px;
}
.cardBQ {
	background-position: -869px -123px;
}
.cardBK {
	background-position: -948px -123px;
}
.cardCA {
	background-position: 0 -246px;
}
.cardC2 {
	background-position: -79px -246px;
}
.cardC3 {
	background-position: -158px -246px;
}
.cardC4 {
	background-position: -237px -246px;
}
.cardC5 {
	background-position: -316px -246px;
}
.cardC6 {
	background-position: -395px -246px;
}
.cardC7 {
	background-position: -474px -246px;
}
.cardC8 {
	background-position: -553px -246px;
}
.cardC9 {
	background-position: -632px -246px;
}
.cardC10 {
	background-position: -711px -246px;
}
.cardCJ {
	background-position: -790px -246px;
}
.cardCQ {
	background-position: -869px -246px;
}
.cardCK {
	background-position: -950px -246px;
}
.cardDA {
	background-position: 0 -369px;
}
.cardD2 {
	background-position: -79px -369px;
}
.cardD3 {
	background-position: -158px -369px;
}
.cardD4 {
	background-position: -237px -369px;
}
.cardD5 {
	background-position: -316px -369px;
}
.cardD6 {
	background-position: -395px -369px;
}
.cardD7 {
	background-position: -474px -369px;
}
.cardD8 {
	background-position: -553px -369px;
}
.cardD9 {
	background-position: -632px -369px;
}
.cardD10 {
	background-position: -711px -369px;
}
.cardDJ {
	background-position: -790px -369px;
}
.cardDQ {
	background-position: -869px -369px;
}
.cardDK {
	background-position: -948px -369px;
}*/
#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:absolute;
	right: 10%;
	left: 0%;
	top: 0%;
	float:right;
	margin:0 0 0 10px;
	padding:10px;
	width:100%;
	height: 100%;
/*	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%;
}