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

@font-face {font-family: "Alternate Gothic No.2 BT";src: url(../fonts/AlternateGothic.ttf) format("truetype");}
@font-face {font-family: "Abadi MT Condensed Light";src: url(../fonts/Abadi-MT-Condensed-Light-Regular.ttf) format("truetype");}
@font-face {font-family: "Digital-7";src: url(../fonts/digital-7mono.ttf) format("truetype");}

/*body{
	background:url("../images/bg.jpg") fixed;
	background-size:100vh auto;
	margin:0px;
}*/

body {
	background:#111;
	background-image: radial-gradient(#666 1px, transparent 0);
	background-size: 25px 25px;
	margin:0px;
  }

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:30px;
	font-style:italic;
	display:block;
	width:90%;
	margin:0 auto;
	margin-bottom:5px;
	margin-top:0px;
	line-height: 28px;
	letter-spacing: -1px;
}

h1 span{
	font-weight: normal;
}

h2{
	font-family:"Alternate Gothic No.2 BT";
	font-weight:normal;
	font-size:50px;
	font-style:italic;
	width:90%;
	display:block;
	line-height: 40px;
	padding:0px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
}

p{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:15px;
	width:90%;
	margin:0 auto;
	display:block;
	opacity:0.8;
}

ul{
    width:100%;
}

li{
    width:90%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin:0 auto;
	display:block;
	opacity:0.8;
}


.header{
	width:100%;
	min-height:300px;
	margin-top:45px;
	background:#16161a;
	border-bottom:1px solid #d4d4d4;
}

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

.header .logo{
	width:200px;
	height:auto;
}

.header .logo img{
	width:100%;
	height:auto;
}


.header .banner{
	width:100%;
	height:400px;
	margin:0 auto;
	overflow:hidden;
}

.header .banner img{
	width:auto;
	height:400px;
	margin:0 auto;
	display:block;
}




.card{
	width:150px;
	height:220px;
	margin:6px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}



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



.cube{
	width:98%;
	padding:1%;
	padding-bottom:0.5%;
	min-height:200px;
	/*background:#e51938;*/
	background:#ce1632;
	border:1px solid #ce1632;
	border-radius:15px;
}

.cube img{
	width:100%;
	height:auto;
	border-radius:15px;
}

.cube h1{
	font-size:30px;
	margin-bottom:0px;
	border-radius:15px;
	padding:3px;
	display:inline;
	
	font-weight: normal;
}

.dottedline{
	width:100%;
	height:2px;
	border-top:1px dotted #e51938;
	float:left;
	margin-top:1px;
}






.third img{
	width:100%;
}

.card h1{
	font-family: "Alternate Gothic No.2 BT";
	font-weight: normal;
	font-size:25px;
	text-align:center;
	line-height: 22px;
	color:#d4d4d4;
}

.card p{
	width:90%;
	margin:0 auto;
	font-family: "Abadi MT Condensed Light";
	font-weight: normal;
	font-size:15px;
	text-align:center;
	color:#d4d4d4;
}

.black{ background: #000;  color:#fff;}
.dark{ background: #111;  color:#fff;}
.red{ background:#e51938;  color:#fff;}
.blue{background:#028fff;  color:#fff;}
.pink{background:#ff218c; color:#fff;}
.green{background:#409f37; color:#fff;}
.white{background:#ededed; border:1px solid #ccc; color:#111;}

.white .big{
	color:#27272e;
	font-size:50px;
	text-align:center;
	font-weight:normal;
}

.pholder{
	margin-left:20px;
}




.respuesta{
	font-size:20px;
	margin:0px;
	margin-left:20px;
}

.circle{
	width:45px;
	height:45px;
	padding:10px;
	border-radius:40px;
	background: #27272e;
	color:#d4d4d4;
	font-size:40px;
	text-align:center;
	font-weight:normal;
	float:left;
	font-family: "Alternate Gothic No.2 BT";
	margin-right:20px;
}

.cube .button{
	width:150px;
	padding:12px;
	background:#27272e;
	border-radius:5px;
	color:#d4d4d4;
	display:block;
	font-family: "Abadi MT Condensed Light";
	font-size:14px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin-top:5px;
}

.cube .button:hover{
	background:#111;
}

.ter{
	width:29%;
	float:left;
	border-right:1px dotted #ddd;
}


.ter p{
	color:#40404c;
}


.footer{
	width:100%;
	height:160px;
	background:#000;
	border-top:2px solid #ddd;
	margin-top:30px;
	padding-top:20px;
}

.footer h1{
	font-family:Helvetica, Arial, "sans-serif";
	font-weight:bold;
	text-align:center;
	margin-top:0px;
}

.footer h1 span{
	color:#e51938;
}

.footer p{
	color:#666;
	text-align:center;
	margin:0px;
	font-family:Helvetica, Arial, "sans-serif";
}

.footer .social{
	width:315px;
	margin:0 auto;
	display:block;
}

.footer a{
	width:145px;
	height:60px;
	margin:5px;
	color:#fff;
	text-decoration:none;
	font-family:Helvetica, Arial, "sans-serif";
	display:block;
	float:left;
	opacity:0.5;
}

.footer a:hover{
	opacity:1.0;
}

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

.footer a span{
	display:block;
	margin-top:7px;
	float:left;
}


.register{
	width:300px;
	padding:10px;
	min-height:200px;
	background:#ce1632;
	border:1px solid #ce1632;
	border-radius:15px;
	margin:0 auto;
	margin-top:15vh;
}

.register img{
	width:150px;
	height:auto;
	margin:0 auto;
	border-radius:15px;
	display:block;
}

.register h1{
	font-size:30px;
	margin-bottom:0px;
	border-radius:15px;
	padding:3px;
	font-weight: normal;
}

.register input{
	width:200px; 
	margin:0 auto;
	padding:5px;
	margin-left:45px;
	margin-bottom:5px;
	margin-top:5px;
	border-radius:5px;
	border:1px solid #961A1C;
}

.button{
	width:150px;
	padding:12px;
	background:#111;
	border-radius:10px;
	color:#d4d4d4;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	
}

.button:hover{
	background:#222;
}


.empty{
	width:100px;
	height:160px;
	margin:4px;
	float:left;
	background:#232228;
	border-radius:15px;
	box-shadow:inset 0 0 10px #111;
}

.empty img{
	width:100%;
	height:auto;
	margin-left:-2px;
	margin-top:5px;
	opacity:0.8;
}

.userGames{
	width:150px;
	height:150px;
	margin:5px;
	background:#27272e;
	border-radius:15px;
	float:left;
}

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


.cuenta{
	width:100%;
	border-radius:15px;
	margin-top:75px;
}

.cuenta .left{
	width:249px;
	float:left;
}

.left .usuario{
	width:100%;
	height:220px;
	border-bottom:1px dotted #34343d;
	background:#111;
}

.left .usuario .logo{
	width:200px;
	height:200px;
	background:#e51938;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:150px;
	border:5px solid #d4d4d4;
}

.left .usuario .logo img{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto;
	margin-top:5px;
	margin-left:12%;
}

.left .button{
	width:100%;
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #34343d;
	color:#fff;
	opacity:0.3;
	cursor:pointer;
	background:#232228;
	transition:3s all;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
}

.left .button:hover{
	transition:0.5s all;
	opacity:0.5;
	background:#000;
}

.left .selected{
	background:#27272e;
	color:#fff;
	opacity:0.9;
}

.left .button img{
	width:30px;
	height:30px;
	margin:10px;
	margin-left:20px;
	display:block;
	float:left;
}

.left .button .texto{
	width:170px;
	height:32px;
	display:block;
	padding-top:18px;
	padding-left:10px;
	float:left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

iframe{
    width:100%;
}


.cuenta .right{
	width: 920px; 
	float:left; 
	margin:4px; 
	border:0px; 
	border-radius:10px;
	background:#fff;
}

.cuentaInfo{
	width:100%;
}

.cuentaInfo h1{
	margin:0px;
	text-align:center;
	opacity:0.8;
	font-weight:normal;
}

.cuentaInfo p{
	color:#fff;
	opacity:0.8;
}

.juegos{
	width:200px;
	height:300px;
	margin:10px;
	float:left;
	border-radius:10px;
	background:#111;
	padding:3px;
}

.juegos img{
	width:90%;
	height:auto;
	border-radius:10px;
	margin:2%;
}

.juegos .button{
	width:80%;
	padding:8px;
	background:#e51938;
	border-radius:5px;
	color:#d4d4d4;
	display:block;
	margin:0 auto;
	margin-top:-5px;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	cursor:pointer;
	text-decoration:none;
	opacity:0.99;
}

.juegos .button:hover{
	background:#ce1632;
}

.juegos .timer{
	width:100%;
	padding:8px;
	margin:0 auto;
	margin-top:-3px;
	margin-bottom:0px;
	background:#111;
	border-radius:5px;
	color:#fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:10px;
	text-align:center;
	opacity:0.6;
}

.juegos .timer span{
	font-size:24px;
}

table{
	width:100%;
	margin:0 auto; 
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:12px;
	color:#111;
	margin-top:10px;
	background:#d4d4d4;
	border-radius:5px;
	border:0px;
	border-collapse: collapse;
}

table h1{
	text-decoration: none;
	border-bottom: none;
	color:#111;
}

th{
	height:30px;
	background:#111;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-weight: normal;
	border:0px;
	font-family: "Alternate Gothic No.2 BT";
	font-style:italic;
	border-collapse: collapse;
}

tr{
	text-align:center;
	height:50px;
	border-bottom:1px dotted #666;
}

td{
	border-collapse: collapse;
}



table img{
	width:5px;
	height:auto;
	display:block;
	border-radius:3px;
}

table span{
	font-family: "Alternate Gothic No.2 BT";
	font-size:25px;
	font-style:italic;
	color:#444;
}



.order{
	widows:100%;
	height:50px;
	background:#232228;
	border-bottom:1px solid #27272e;
	border-radius:15px;
	padding:2%;
	margin:2%;
}

.order p{
	font-size:15px;
	margin:0px;
	text-align:center;
}

.order span{
	font-size:12px;
	opacity:0.8;
	text-align:center;
}

.order select{
	padding:1px;
	font-size:12px;
	display:block;
	margin:0 auto;
}

.order input{
	padding:1px;
	font-size:12px;
	margin:0 auto;
}

.order .button{
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:50px;
	font-family: "Abadi MT Condensed Light";
	font-size:18px;
	background:#e51938;
	cursor:pointer;
	color:#fff;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	text-decoration: none;
}

.order .button:hover{
	background:#ce1632;
}

.carrito{
	width:92%;
	height:440px;
	padding:2%;
	margin:2%;
	margin-top:0px;
	padding-top:0px;
	float:left;
}



.total{
	width:150px;
	padding:2%;
	background:#27272e;
	margin:0 auto;
	border-radius:15px;
	color:#fff;
	font-family: "Alternate Gothic No.2 BT";
	text-align:center;
	font-size:40px;
}

.cuadro{
	width:520px;
	margin-left:0.5%;
	margin-right:0.5%;
	height:auto;
	padding:5px;
	background:#111;
	border-radius:10px;
	margin-top:5px;
	float:left;
}

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

.cuadroInfo{
	width:315px;
	height:200px;
	background:#fff;
	float:left;
	border-radius:10px;
	margin-left:2px;
}

.cuadroInfo h1{
	text-align:center;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
}

.cuadroInfo p{
	text-align:left;
	font-size:13px;
	font-weight:normal;
	margin:5px;
	margin-left:20px;
	margin-right:20px;
	color:#444;
	font-family: Helvetica, Arial, "sans-serif";
}

.cuadroInfo .line{
	width:100%;
	height:1px;
	border-top:1px dotted #999;
}

.cuadroButton{
	width:315px;
	height:24px;
	padding-top:5px;
	background:#131215;
	float:left;
	border-radius:10px;
	margin-left:2px;
	margin-top:1px;
	color:#bbb;
	text-align:center;
	cursor:pointer;
	font-family: "Abadi MT Condensed Light";
}

.cuadroButton:hover{
	background:#1c1b20;
}

.dataI{
	width:315px;
}

.cHolder{
	height:115px;
}

.dataInfo{
	width:100px;
	height:24px;
	padding-top:5px;
	float:left;
	border-radius:10px;
	border:1px solid #222;
	margin-left:2px;
	margin-top:1px;
	color:#222;
	text-align:center;
	font-family: "Abadi MT Condensed Light";
}

.rentButton{ 
	width:400px;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:10px;
	font-family: "Abadi MT Condensed Light";
	font-size:25px;
	background:#e51938;
	cursor:pointer;
	color:#fff;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
	text-decoration: none;
}

.rentButton:hover{
	background:#ce1632;
}

.code{
	width:300px;
	height:30px;
	padding:20px;
	border-radius:50px;
	border:1px solid #ccc;
	font-family: "Abadi MT Condensed Light";
	font-size:25px;
	text-align:center;
	margin:0 auto;
	display:block;
}


.ticket{
	width:230px;
	padding:30px;
	margin:0 auto;
	background:#fff;
	border-top:2px dotted #fff;
	border-bottom:2px dotted #fff;
}

.ticket h1{
	color:#000;
}

.ticket p{
	color:#000;
	font-size:12px;
	text-align:left;
	font-family:Helvetica, Arial, "sans-serif";
}

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



.popover .banner{
	width:698px;
	height:200px;
	background:#fff;
	border-radius:15px;
	border:1px solid #666;
	margin-top:5px;
}

.ourGames img{
	width:148px;
	height:148px;
	margin:2px;
	display:block;
	float:left;
	border-radius:5px;
}

.teams{
	width:90%;
	height:auto;
	background:#fff;
	padding-left:5%;
	padding-right:5%;
	padding-top:5px;
	padding-bottom:20px;
	border-radius:15px;
	margin-bottom:10px;
}

.teams h1{
	text-align:center;
	font-size:40px;
	background:#222;
	border-radius:10px;
}

.team{
	width:100%;
	height:280px;
	margin:0 auto;
	margin-bottom:10px;
	border-bottom:1px dotted #aaa;
}

.team img{
	width:50%;
	height:auto;
	float:left;
}

.team .teamInfo{
	width:40%;
	padding-left:5%;
	padding-right:5%;
	height:280px;
	float:left;
}

.team h1{
	color:#222;
	text-align:left;
	background:#fff;
	font-size:35px;
	margin:0px;
}

.team p{
	color:#444;
	text-align:left;
	font-size:20px;
}

.costo{
	width:200px;
	color:#fff;
	background:#ce1632;
	border-radius:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-family: "Abadi MT Condensed Light";
}