* {
	margin: 0;
	padding: 0;
}
body {
	font: 18px Verdana;
	color: #FFF;
}
#picbox {
	margin: 0px auto;
	width: 960px;
	clear: both;
}

#picbox #header_memory #logo{
	float: left;
	width: 25%;
	margin-top: 18px;
}

#picbox #header_memory p{
	float: left;
	width: 46%;
	margin-top: 18px;
	font: 16px 'ProximaNova';
	text-align: justify;
}

#picbox #header_memory p span{
	font-weight: 500;
	text-transform: uppercase;
}

#picbox #header_memory #top3{
	float: left;
	margin-left: 3%;
	width: 20%;
	font: 500 15px 'ProximaNova';
}

#picbox #header_memory #top3 div{
	border: 2px solid #000;
	padding: 3px;
	width: 220px;
	margin: 3px 0;
	text-transform: uppercase;
	font: 12px 'ProximaNova';
}

#picbox #header_memory #top3 div span{
	float: right;
}

#picbox #name_player{
	margin-left: 74%;
	font: 500 12px 'ProximaNova';
	clear: both;
	padding-top: 10px;
	display: none;
	text-transform: uppercase;
}

#picbox #name_player span{
	font-weight: 200;
}

#game{
	margin: 0 auto;
	padding-top: 20px;
	width: 560px;
	clear: both;
	position: relative;
}

#game #btn_registrate{
	display: inline-block;
	margin-left: 5px;
}

#game #time{
	display: inline-block;
	margin: 0 42px;
	font: 500 10px 'ProximaNova';
	text-align: center;
	width: 70px;
}

#game #time span{
	font: 40px 'digitalism';
}

#game #btn_reta_amigos{
	display: inline-block;
}

#game #popup{
	border: 4px solid #000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    background-color: #fff;
	position: absolute;
	width: 280px;
	left: 50%;
	top: 122px;
	margin-left: -145px;
	padding: 15px 10px 0;
	font: 10px 'ProximaNova';
	display: none;
	z-index: 100;
}

	#game #popup a.close_memory{
		float: right;
		font: 500 11px 'ProximaNova';
		color: #000;
		opacity: 1;
	}
	
	#game #popup a.btn_memory{
		background-color: #000;
		color: #fff;
		padding: 6px 10px;
		margin: 0 8px;
	}
	
	#game #popup a.link{
		color: #000;
		text-decoration: underline;
	}
		
	#game #popup #form_registro{
		display: none;
	}

	#game #popup #form_registro #btn_close{
		display: none;
	}

	#game #popup #form_registro #sub_header{
		margin: 0 10px;
		width: calc(100% - 20px);
		font-size: 11px;
		display: none;
		text-align: left;
	}

		#game #popup #form_registro #sub_header #volver_a_jugar{
			float: right;
		}
	
	#game #popup #form_registro div.msg_error{
		color: #c64034;
		font-weight: 500;
		text-align: center;
		background: none;
		display: none;
	}
	
		#game #popup #form_registro div.msg_error div{
			display: none;
		}

	#game #popup #form_registro .header_popup{
		background: url(../img/bg_popup_registro_memory.jpg) no-repeat;
		height: 106px;
		font: 17px 'ProximaNova';
		text-align: center;
		width: 100%;
		color: #000;
		margin-top: 10px;
		clear: both;
		display: none;
	}
		
		#game #popup #form_registro .header_popup h2 {
			font: 25px 'Manus';
			padding-left: 20px;
			padding-top: 6px;
		}
	
		#game #popup #form_registro .header_popup p{
			text-transform: uppercase;
		}
		
		#game #popup #form_registro .header_popup label{
			font-size: 14px;
			margin-top: 22px;
		}
		
		#game #popup #form_registro form{
			text-align: center;
			width: 100%;
			font-size: 12px;
		}
		
		#game #popup #form_registro form input[type="text"]{
			background-color: #fff;
			border-radius: 0;
			border: 2px solid #000;
			margin-bottom: 5px;
			margin-left: 12px;
			height: 22px;
			padding: 0 5px;
			width: 230px;
			font-size: 13px;
			line-height: 14px;
		}
		
		#game #popup #form_registro form input[type="text"].error{
			border: 2px solid #c64034;
		}
		
		#game #popup #form_registro form div{
			text-align: left;
			margin: 0 12px 10px;
		}
		
		#game #popup #form_registro form div.error{
			background: none;
			color: #c64034;
		}
		
		#game #popup #form_registro form div.error a{
			color: #c64034;
		}
		
		/*#game #popup #form_registro form div input[type="checkbox"]{
			width: auto;
			float: left;
			margin-right: 5px;
			-webkit-appearance: inherit;
			appearance: inherit;
		}*/
		
		 #game #popup #form_registro form div input[type="checkbox"] {
		    display: none; }
		    
		#game #popup #form_registro form div input[type="checkbox"] + label {
			padding-left: 25px;
			background: url(../img/checkbox-deselected-red.png) left center no-repeat transparent;
			cursor: pointer;
			margin-bottom: 0; 
			padding-bottom: 16px;
			float: left;
		}
		    
		#game #popup #form_registro form div input[type="checkbox"]:checked + label {
			background: url(../img/checkbox-selected-red.png) left center no-repeat transparent; 
		}
		
		#game #popup #form_registro form span{
			color: #727272;
			font-size: 11px;
			float: right;
			font-style: italic;
			margin-right: 11px;
		}
	
	#gracias_participar{
		text-align: center;
		display: none;
	}
	
		#game #popup #gracias_participar h2{
			font: 32px 'Manus';
			padding-top: 30px;
			margin-bottom: 20px;
		}	
			
		#game #popup #gracias_participar p{
			font-size: 18px;
		}

	#form_apuntado{
		text-align: center;
		display: none;
	}
	
		#game #popup #form_apuntado h2{
			font: 32px 'Manus';
			padding-top: 28px;
		}	
			
		#game #popup #form_apuntado p{
			font-size: 15px;
			margin: 10px 0 15px;
		}
		
		#game #popup #form_apuntado form{
			text-align: center;
			width: 100%;
			font-size: 12px;
		}
		
			#game #popup #form_apuntado form input[type="text"]{
				background-color: #fff;
				border-radius: 0;
				border: 2px solid #000;
				margin-bottom: 5px;
				margin-left: 12px;
				height: 22px;
				padding: 0 5px;
				width: 230px;
				font-size: 13px;
			}
			
			#game #popup #form_apuntado form input[type="text"].error{
				border: 2px solid #c64034
			}
			
			#game #popup #form_apuntado form div.error{
				color: #c64034;
				font-size: 12px;
				margin: 0 15px;
    			background: none;
    			display: none;
				text-transform: uppercase;
			}
			
			#game #popup #form_apuntado form div a{
				color: #c64034;
				text-transform: uppercase;
				text-decoration: underline;
			}
	
		#game #popup #form_apuntado img{
			margin: 0 auto;
		}
		
		#game #popup #form_apuntado div.msg_error{
			color: #c64034;
			font-weight: 500;
			text-align: center;
			background: none;
			display: none;
		}
		
		
#boxcard {
	z-index: 1;
	
}
#boxcard div{
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px;
	padding: 5px;
	border: 4px solid #000;
	cursor: pointer;
	box-shadow: 0 1px 5px rgba(0,0,0,.5);
	z-index: 2;
}
#boxcard div:nth-child(odd){
	background: url(../img/CC.png) no-repeat;
	background-position: center;
}

#boxcard div:nth-child(even){
	background: url(../img/city.png) no-repeat;
	background-position: center;
}
#boxcard div img {
	display: none;
	z-index: 3;
	width: 100%;
}

#picbox #footer_memory{
	font: 500 13px 'ProximaNova';
	text-align: center;
	margin-top: 40px;
}

#picbox #footer_memory a{
	background-color: #000;
	color: #fff;
	padding: 9px 10px;
	font-size: 12px;
}

#picbox #footer_memory img{
	margin: 0 auto;
}