* {
	padding:0;
	margin:0;
}

body {
	text-align: center;
	background:#000;
	color: #fff;
	font-family: myriad pro;	
}
#gameStats{
	width: 780px;
	margin: -114px auto 20px;
	display: block;
}

#gameStats p#timer{
	width: 200px;
	float: left;
	text-align: left;
	font-family: myriad pro;
	padding: 0 0 0 10px;
}
#gameStats p#reset{
	width: 200px;
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
	}

#gameStats .gameReset{
	width: 160px;
	float: right;
	text-align: right;
	font-family: myriad pro;
	margin:0px 300px 0px;
	/*padding: 0 10px 0 0;*/
	color: #fff;
	text-decoration:none;
	display:block;
}

#game {
	width:760px;
	height:496px;
	margin:9px auto 20px;;
	overflow:hidden;
	display: block;
	border-radius: 4px;
	padding: 1px;
}

#cards {
	position: relative;
	width: 613px;
	height: 480px;
	display: none;
	margin:auto 14px;
}
/* Define the 3D perspective view and dimension of each card. */
.card {
	-webkit-perspective: 600;
	/*width: 109px;
	height: 145px;*/
	width: 85px;
	height: 85px;
	position: absolute;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}

#gameIntro {
	/*background:url(../images/fondoIni.jpg) top left no-repeat;*/
	padding: 80px 0;
	text-align: center;
	height: 330px;
}

#gameIntro a.button {
	display: block;
	margin: 350px auto 0;
	width: 144px;
	height:64px;
}

#gameIntro a.button:hover {
	/*background:url(../images/btnPlayOn.png)*/
	text-decoration:none;
}


#gameComplete {
	/*background:url(../images/endpage2.png) top left no-repeat;
	padding: 80px 0;
	text-align: center; 
	height: 330px;*/
	padding: 80px 0;
	text-align: center;
	height: 330px;
}

#gameComplete a.button {
	background: white;
	border-radius: 5px;
	display: block;
	font-size: 30px;
	margin: 347px auto 0;
	padding: 10px;
	width: 150px;
	border: 5px solid #006438;
	color:#006438;
	text-decoration:none;
}

#gameComplete p#top {
	margin: 200px 0 0;
	font-size: 20px;
	color:#006438;
}

.face {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition-property: opacity, transform, box-shadow;
	-webkit-transition-duration: .3s;
	-webkit-backface-visibility: hidden;
}

.front {
	background: url(../tarjetas/tarjetaBack.jpg) 0 -85px;
	z-index: 10;
}
.back {
	background: #efefef url(../tarjetas/deck.jpg);
	-webkit-transform: rotate3d(0,1,0,-180deg);
	z-index: 8;
}
.card:hover .face, .card-flipped .face {
	-webkit-box-shadow: 0 0 10px #aaa;
}
.card-flipped .front {
	-webkit-transform: rotate3d(0,1,0,180deg);
	z-index: 8;
}
.card-flipped .back {
	-webkit-transform: rotate3d(0,1,0,0deg);
	z-index: 10;
}
.card-removed {
	opacity: 0;
}

.blueDino {background-position: 0 0;}
.brownDino {background-position: -85px 0;}
.redDino {background-position: -170px 0;}
.greenDino {background-position: -255px 0;}
.purpDino {background-position: -340px 0;}
.burgDino {background-position: -425px 0;}
.orangeDino {background-position: -510px 0;}
.purp2Dino {background-position: -595px 0;}
.pinkDino {background-position: -680px 0;}


#linkBack a.button {
	background: white;
	border-radius: 5px;
	display: block;
	font-size: 30px;
	margin: 30px auto 0;
	padding: 10px;
	width: 250px;
	border: 3px solid #006438;
	color:#006438;
	text-decoration:none;
}

#linkBack a.button:hover {
	background: #006438;
	color:#fff;
	text-decoration:none;
}

/********nuevos estilos ventanas*********/
/***************************boton Inicial**************************/
#btnInicial {
	background:url(../images/btnPlayOff.png);
	border-radius: 5px;
	display: block;
	width:144px;
	height:64px;
	text-decoration:none;
}
#btnInicial:hover {
	background:url(../images/btnPlayOn.png);
}
/***************************boton Inicial**************************/
/***************************boton regresar**************************/
#btnRegresar {
	background:url(../images/btnRegresarOff.png);
	border-radius: 5px;
	display: block;
	width:160px;
	height:58px;
	text-decoration:none;
}
#btnRegresar:hover {
	background:url(../images/btnRegresarOn.png);
}
/***************************boton regresar**************************/
/***************************boton Sonido Ini**************************/
#btnSnd {
	background:url(../images/fndSounOn.png);
	border-radius: 5px;
	display: block;
	width:68px;
	height:69px;
	text-decoration:none;
	float:right;
}
/***************************boton Sonido Ini**************************/
/***************************boton Instrucciones**************************/
#btnInstrucciones {
	background:url(../images/btnInstuctOff.png);
	border-radius: 5px;
	display: block;
	width:151px;
	height:53px;
	text-decoration:none;
	float:left;
}
#btnInstrucciones:hover {
	background:url(../images/btnInstuctOn.png);
}
/***************************boton Instrucciones**************************/
/***************************boton CerrarPopUp**************************/
#btnCerrarPopPup {
	background:url(../images/btnCerrarOff.png);
	border-radius: 5px;
	display: block;
	width:87px;
	height:87px;
	position:relative;
	top:249px;
	left:20px;
}
#btnCerrarPopPup:hover {
	background:url(../images/btnCerrarOn.png);
}
/***************************boton CerrarPopUp**************************/
/***************************boton facil Nivel**************************/
#facilBtn {
	background:url(../images/facil01.png);
	background-repeat:no-repeat;
	background-size:100%;
	display: block;
	width:170px;
	height:206px;
}
#facilBtn:hover {
	background:url(../images/facil02.png);
	background-repeat:no-repeat;
	background-size:100%;
}
/***************************boton facil Nivel**************************/
/***************************boton Medio Nivel**************************/
#medioBtn {
	background:url(../images/normal01.png);
	background-repeat:no-repeat;
	background-size:100%;
	display: block;
	width:170px;
	height:206px;
}
#medioBtn:hover {
	background:url(../images/normal02.png);
	background-repeat:no-repeat;
	background-size:100%;
}
/***************************boton Medio Nivel**************************/
/***************************boton dificil Nivel**************************/
#dificilBtn {
	background:url(../images/dificil01.png);
	background-repeat:no-repeat;
	background-size:100%;
	display: block;
	width:170px;
	height:206px;
}
#dificilBtn:hover {
	background:url(../images/dificil02.png);
	background-repeat:no-repeat;
	background-size:100%;
}
/***************************boton dificil Nivel**************************/
#bodyGame{
	background:url(../images/fondoIni.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	/*width: 867px;
	height: 645px;*/
	width: 800px;
	height: 600px;
	margin:auto;
	display: block;
	-moz-box-shadow: 0px 3px 8px #000;
	box-shadow: 0px 3px 8px #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}
/*********puntaje**************************/
#puntaje{
	width:135px;
	height:58px;
	position:relative;
	left:656px;
	top:-254px;
}
#puntaje p#texto{
	font-size:61px;
	font-weight:bold;
	font-family: myriad pro;
	color:#000;
	text-align:center;
}
/***********************botones Complemento*******************/
#complementBtns{
	width:800px;
	margin:-74px auto 1px;
	display:block;
}
/***************************boton Medio Nivel**************************/
#instructImg {
	background:url(../images/instruct.gif);
	border-radius: 5px;
	display: block;
	width:748px;
	height:600px;
	text-decoration:none;
}
/***************************boton Medio Nivel**************************/
#iniBtn{
	width:760px;
	height:496px;
	margin:43px auto 20px;
	overflow:hidden;
	display: block;
	border-radius: 4px;
	padding: 1px;
}
/***************************boton Inicial**************************/
#btnBack {
	background:url(../images/btnBackOff.png);
	border-radius: 5px;
	display: block;
	width:167px;
	height:63px;
	margin:155px 298px auto;
}
#btnBack:hover {
	background:url(../images/btnBackOn.png);
}
/***************************boton Inicial**************************/