@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif;}
body {margin:0; padding:0;background-color:#e8e8e8;text-align:center;color:#333;text-align:center;font-size: 62.5%;}
div.clear {clear:both;}

#contem{
position:relative;
margin: 0 auto;
width:88.95478%; /*1200px*/
text-align:center;
}

.lcolun{float:left;margin-left:16%;}
.rcolun{float:right;margin-right:20%;}

.pagina{
	display:none;
}

.img{
	display:none;
}

#titulo{
	width:46%;	
	margin-top:0%;
}

.letra{}

.txtAjuda{
	position:absolute;
	background-color:#fff;
	color:#519d8e;
	font-weight:bold;
	font-size:18px;
	width:59.3%;
	z-index:1000;
	top:24%;
	left:19.5%;
	padding:0%;
	border:10px solid #e885b7;
	border-radius:0.5em;
	display:none;
}

.ajuda{
	cursor:pointer;
	margin-top:0%;
}

#fecharAjuda{

	position:absolute;
	top:20%;
	left:77.5%;
	cursor:pointer;
	z-index:2000;
	display:none;
}

#sair{
	cursor:pointer;
}

#parabens2{
	position:absolute;
	width:100%;
	height:105%;
	z-index:1000;
	background-color:rgba(0,0,0,.5);
	display:none;
	z-index:1000;
}

#avancar{
	cursor:pointer;
}


.jogo{ 
	display:none;
	margin: 0 auto;
  width:63%;/*1200px*/
  margin-top:3%;

}

.jogo .pai{
 
  float:left;
  width: 19.84126984126984%;/*150px*/
  cursor: pointer;

}

.jogo .pai .carta{

  display: block;
  width: 81%;
  margin: 12%;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.8);
  border-radius:8.264462809917355%;/*10px*/
}

img{max-width:100%;
	height:auto;}

#parabens{
	display:none;
	background-color:rgba(0,0,0,.4);
	width:100%;
	height:100%;
	position:absolute;
	top:0%; /*242px*/
	left:0%; /*453px*/
	font-size:3.655vw; /*50px*/
	padding-bottom:1.85em;
	z-index:1000;
}

#tente{
	display:none;
	background-color:rgba(0,0,0,.4);
	width:100%;
	height:100%;
	position:absolute;
	top:0%; /*242px*/
	left:0%; /*453px*/
	font-size:3.655vw; /*50px*/
	padding-bottom:1.85em;
	z-index:1000;
}

#imgTente{
width:29.33333333333333%;
	margin-top:10%;
}

#ok{
width:29.33333333333333%;
margin-top:4%;
}


 
.inicio{
     position: relative;
     width: 22%; /*300px*/	 
	 margin-top:12%;
	 margin-left:39%;
	 cursor:pointer;
    }
	
	@media screen and (max-width: 768px) {
	
	.inicio{
		width: 155px;
		height:10px;
		margin: 0 auto;
		margin-top:12%;
		font-size:12px;
		padding: 16px 8px 10px 8px;
	}
	
	}