@charset "UTF-8";
/* CSS Document */


/* For desktop: */
.one {width: 1192px; float:left; margin:4px; border:0px; border-radius:10px;}
.half {width: 592px; float:left; margin:4px; border:0px; border-radius:10px;}
.third {width: 392px; float:left; margin:4px; border:0px; border-radius:10px;}
.fourth{width: 292px; float:left; margin:4px; border:0px; border-radius:10px;}
.fifth{width: 232px; float:left; margin:4px; border:0px; border-radius:10px;}
.twothirds {width: 792px; float:left; margin:4px; border:0px; border-radius:10px;}
.threefourths {width: 892px; float:left; margin:4px; border:0px; border-radius:10px;}
.threefourths .half{width: 428px; float:left; margin:4px; border:0px; border-radius:10px;}

.one .half {width: 588px; float:left; margin:4px; }
.one .third {width: 388px; float:left; margin:4px; }
.one .fourth{width: 286px; float:left; margin:4px; }
.one .twothirds {width: 786px; float:left; margin:4px;}

.twothirds .fourth {width:186px; float:left; margin:4px; height:280px;}

.fifth h1{
	font-size:30px;
	margin-top:5px;
	font-family: "Alternate Gothic No.2 BT";
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
}

.fifth p{
	color:#999;
	font-size:14px;
}



.game {
	width:250px; 
	float:left; 
	margin:4px;
	height:330px; 
	background:#fff; 
	border-radius:10px;
}

.game .info img{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.game h1{
	color:#555;
	font-size:18px;
}

.game p{
	color:#333;
	font-size:14px;
}

.game .up{
	width:100%;
	height:130px;
}

.game .down{
	width:100%;
	height:40px;
	border-top:1px dotted #555;
	padding-top:5px;
}

.game .precio{
	width:110px;
	float:left;
	color:#222;
	font-size:20px;
	font-weight:bold;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: -1px;
	text-align:center;
}

.game .precio span{
	font-size:15px;
}

.game .precio p{
	width:110px;
	float:left;
	color:#666;
	font-size:12normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	text-align:center;
	text-decoration:line-through;
	margin:-2px;
}

.game .carrito{
	width:110px;
	height:20px;
	color:#fff;
	background:#e51938;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align:center;
	font-size:12px;
	padding-top:8px;
	padding-bottom:5px;
	border-radius:100px;
	float:left;
	cursor:pointer
}

.game .carrito:hover{
	background:#AA132A;
}

.game .descuento{
	color:#e51938;
	font-weight:bold;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}





.nope{
	display:block;
}

.sip{
	display:none;
}

.one img{
	width:100%;
}




.menu{
	width:1200px;
	height:70px;
	margin:0 auto;
	background:#000;
	border-top:1px solid #111;
}

.menu .button{
	width:auto;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	padding-right:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	cursor:pointer;
	color:#777;
	float:left;
	text-align:center;
	background:none;
	border-radius:0px;
	border:none;
	text-decoration: none;
}

.menu .button:hover, .menu .selected{
	color:#fff;
	border-bottom:3px solid #e51938;
}

.wrapper{
	width:1200px;
	margin:0 auto;
	margin-top:10px;
}

.signin{
	width:80px;
	text-align:center;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	padding:5px;
	float:right;
	margin-top:20px;
}

.signin:hover{
	color:#fff;
}

.user{
	width:300px;
	text-align:right;
	color:#fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	padding:5px;
	float:right;
	margin-top:20px;
	margin-right:10px;
}

.user span{
	font-weight:bold;
	color:#e51938;
}


.login{
	width:110px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	border-radius:100px;
    background:#e51938;
	padding:5px;
	float:right;
	margin-top:20px;
	margin-right:10px;
}

.login:hover{
    background:#ce1632;
	color:#fff;
}

.homeMenu{
	position:fixed;
	padding-top:80px;
}

.homeButton{
	transition:2s;
	width:80%;
	padding:12px;
	background:#e51938;
	border-radius:10px;
	color:#fff;
	display:block;
	font-family: "Alternate Gothic No.2 BT";
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	cursor:pointer;f
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	margin-top:3px;
	
}

.homeButton:hover{
	transition:0.5s;
	width:90%;
	background:#AA132A;
}

.selected{
	background:#111;
	color:#e51938;
}

.regresar{
	width:200px;
	background:#e51938;
	border-radius:10px;
	color:#fff;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin-top:3px;
	margin-bottom:20px;
	margin-left:20px;
	padding:15px;
	float:left;
}

.regresar:hover{
	background:#AA132A;
}

.siguiente{
	width:200px;
	background:#e51938;
	border-radius:10px;
	color:#fff;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin-top:3px;
	margin-bottom:20px;
	margin-right:20px;
	padding:15px;
	float:right;
}

.siguiente:hover{
	background:#AA132A;
}

.guestsButton{
	width:320px;
	background:#eee;
	border-radius:10px;
	color:#111;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	padding:15px;
	float:left;
}

.guestsButton:hover{
	background:#ccc;
}

.restriction_guests{
	overflow-y: scroll;
}

.guestcheckbox{
	width:140px;
	height:20px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	padding:5px;
}

.guest_mails{
	width:90%;
	margin:0 auto;
	display:block;
}

.guest_mail{
	width:49%;
	height:70px;
	padding:1px;
	float:left;
}

.guest_mail label{
	width:100%;
	display:block;
	float:left;
}

.guest_mail input{
	width:90%;
	display:block;
	float:left;
	padding:10px;
	margin:2px;
}

.activar{
	transition:0.5s;
	width:80%;
	padding:5px;
	background:#fff;
	border-radius:10px;
	color:#111;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	margin-top:3px;
}

.activar:hover{
	transition:0.5s;
	width:90%;
	background:#25b42f;
	color:#fff;
}

.jugar{
	transition:0.5s;
	width:80%;
	padding:5px;
	background:#e51938;
	border-radius:10px;
	color:#fff;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	margin-top:3px;
	
}

.jugar:hover{
	transition:0.5s;
	width:90%;
	background:#AA132A;
	color:#fff;
}

.timer{
	font-family: "Alternate Gothic No.2 BT";
	font-size: 30px;
	text-align:center;
}

.on{
	opacity:1.0;
}

.off{
	opacity:0.1;
}

.timerText{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	text-align:center;
	color:#777;
}

form{
	width:90%;
	margin:0 auto;
}

input{
	width:60%;
	padding:2%;
	border-radius:10px;
	border:0px;
	font-family:Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

input[type="text"]:disabled {
	background: #dddddd;
	color:#333;
  }

select{
	width:60%;
	padding:2%;
	border-radius:10px;
	border:0px;
	font-family:Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

textarea{
	width:60%;
	padding:2%;
	border-radius:10px;
	border:0px;
	font-family:Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

.logo{
	width:100px;
	height:125px;
	background:#e51938;
	border:1px solid #ce1632;
	margin-left:20px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	box-shadow: 0px 0px 10px #18171b;
	float: left;
}

.logo img{
	width:150px;
	height:auto;
	margin-left:-25px;
	
}

.menuMob{
	display:none;
	width:100%;
}

.menuMob img{
	width:8vh;
	height:8vh;
	display:block;
	margin:0 auto;
}

.line{
	width:100%;
	height:1px;
	border-top:1px dashed #000;
	margin-top:15px;
	margin-bottom:30px;
	opacity:0.5;
}

.top{
	width:100%;
	height:75px;
	background:#000;
	border-bottom:1px solid #232228;
	position:fixed;
	top:0px;
	box-shadow: 0px 0px 10px #18171b;
	z-index:100;
	display:block;
}

.menuWeb{
	display:block;
}

.popover{
	width:100%;
	height:100vh;
	background:rgba(0, 0, 0, 0.8);
	position:fixed;
	top:0px;
	left:0px;
}

.popup{
	width:500px;
	height:550px;
	border-radius:10px;
	margin:0 auto;
	margin-top:100px;
}

.popup .top{
	width:100%;
	height:40px;
	background:none;
	position:relative;
	border-bottom:1px dashed #111;
	box-shadow:none;
}

.popup .top .x{
	width:30px;
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
	background:#111;
	font-family:Helvetica, Arial, "sans-serif";
	font-weight:20px;
	text-align:center;
	border-radius:50px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	cursor:pointer;
}

.cerrar:hover{
	background:#AA132A;
}

.popup input{
	width:60%;
	padding:3%;
	border-radius:10px;
	border:0px;
	font-family:Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}

.popup a{
	width:100%;
	display:block;
	text-align:center;
	text-decoration:none;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	margin-top:15px;

}

.popup a:hover{
    text-decoration:underline;
}

.popup h1{
	color:#000;
	opacity:0.3;
	text-transform:uppercase;
	font-weight: normal;
	font-family: "Alternate Gothic No.2 BT";
	font-size:50px;
}


.info{
	width:98%;
	padding:1%;
	margin-bottom:25px;
}

.info img{
	width:100%;
	height:auto;
	border-radius:10px;
}

.games{
	height:125px;
	border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
}

.games h1{
	font-size:20px;
}

.games img{
	width:125px;
	height:auto;
	cursor:pointer;
	float:left;
}

.exp{
	width:250px;
	float:left;
}

.icon{
	width:100%;
}

.icon img{
	width:30px;
	height:30px;
	float:left;
}

.icon p{
	width:170px;
	height:30px;
	float:left;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.gDats{
	width:100%;
	height:25px;
	display:block;
}

.gDats img{
	width:20px;
	height:20px;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

.gDats p{
	width:180px;
	float:left;
	margin:0px;
	margin-top:3px;
	color:#fff;
}

.imageGrow{
	width:230px;
	height:230px;
	overflow:hidden;
	border-radius:10px;
}

.imageGrow img{
	transition:all 0.5s;
	width:100%;
	height:auto;
	margin-left:0px;
	margin-top:0px;
}

.imageGrow:hover img{
	transition:all 0.5s;
	width:106%;
	height:auto;
	margin-left:-3%;
	margin-top:-3%;
}

.ticket{
	width:350px;
	height:450px;
	margin:0 auto;
	background:#fff;
	padding:25px;
}

.ticket h2{
	text-align:center;
	font-size:40px;
	text-transform:uppercase;
	color:#111;
	margin:0px;
}

.ticket h1{
	text-align:center;
	font-size:18px;
	color:#111;
	margin:0px;
}

.ticket .line{
	width:100%;
	height:1px;
	border-top:1px dashed #222;
}

.box{
	width:400px;
	height:550px;
	border-radius:2px;
	margin:0 auto;
	margin-top:100px;
	padding:10px;
}

.box img{
	width:100%;
	height:auto;
}

.question{
	width:100%;
	height:70px;
	border-bottom:1px dashed #222;
	padding-bottom:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}

.question .icon{
	width:20%;
	height:70px;
	margin:0px;
	float:left;
}

.question .icon img{
	width:70px;
	height:70px;
	display:block;
	float:right;
}

.question .q{
	width:80%;
	height:60px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  	.wrapper{
		width:96%;
		min-height:200px;
		margin:0 auto;
		margin-top:80px;
	}
	.one {width: 99%;}
  	.half {width: 100%;}
	.third {width: 100%;}
	.fourth {width: 100%;}
	.fifth {width: 47%;}
	.twothirds {width: 100%;}
	.threefourths {width: 100%;}

  	.one .half {width: 100%;}
	.one .third {width: 100%;}
	.one .fourth {width: 100%;}
	.one .twothirds {width: 100%;}
	
	.fourth img {width: 50%; height: auto; margin:0 auto; display:block;}
	.half .info{width:96%;}
	.threefourths p {width: 90%;}
	.threefourths .half {width: 90%; margin:0px;}
	
	.gDats img{
		width:15%;
		height:auto;
		margin:0px;
		margin-left:2%;
		margin-right:2%;
		float:left;
	}
	
	.gDats p{
		width:80%;
		float:left;
		margin:0px;
		margin-top:3px;
		color:#fff;
	}

	.nope{
		display:none;
	}

	.sip{
		display:block;
	}

	.menu{
		width:100%;
		height:auto;
		margin:0 auto;
		background:#070707;
		border-top:1px solid #111;
	}

	.menu .button{
		width:100%;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:25px;
		padding-right:25px;
		float:none;
		text-align:center;
		background:#000;
		font-size:4vh;
		font-style:normal;
		border-bottom:1px solid #333;
	}

	.menu .button:hover{
		color:#fff;
		border-bottom:1px solid #333;
		font-style:italic;

	}

	.logo{
		width:100px;
		height:125px;
		background:#e51938;
		border:1px solid #ce1632;
		margin-left:20px;
		border-bottom-left-radius:50px;
		border-bottom-right-radius:50px;
		box-shadow: 0px 0px 10px #18171b;
		position: fixed;
		top:0px;
		left:10px;
	}
	
	.logo img{
		width:150px;
		height:auto;
		margin-left:-25px;
		
	}

	.menuMob{
		display:block;
		width:100%;
	}
	
	.menuMob img{
		width:8vh;
		height:8vh;
		display:block;
		float:right;
	}

	.menuWeb{
		margin-top:10vh;
		height:90vh;
		display:none;
	}

	.signin{
		width:48%;
		text-align:center;
		color:#777;
		font-family:Arial, Helvetica, sans-serif;
		font-size:4vh;
		font-weight:normal;
		cursor:pointer;
		padding:0px;
		padding-top:5px;
		padding-bottom:5px;
		float:right;
		margin-top:20px;
	}
	
	.login{
		width:48%;
		text-align:center;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:4vh;
		font-weight:normal;
		cursor:pointer;
		border-radius:100px;
		background:#e51938;
		padding:0px;
		padding-top:5px;
		padding-bottom:5px;
		float:right;
		margin-top:20px;
		margin-right:10px;
	}

	.popup{
		width:90%;
		height:60vh;
		margin:0 auto;
		margin-top:10vh;
	}

	.box{
		width:100%;
		height:auto;
		border-radius:2px;
		margin:0 auto;
		margin-top:100px;
		padding:10px;
	}
	
	.imageGrow{
		width:100%;
		height:190px;
		overflow:visible;
		border-radius:10px;
	}
	
	.imageGrow img{
		transition:all 0.5s;
		width:100%;
		height:auto;
		margin-left:0px;
		margin-top:0px;
	}
	
	.imageGrow:hover img{
		transition:none;
		width:100%;
		height:auto;
		margin-left:0px;
		margin-top:0px;
	}

}