@font-face{ font-family: "DinAlternate-regular"; src: url('fonts/DinAlternate-regular.ttf') format('truetype');}
@font-face{ font-family: "Mohave-regular"; src: url('fonts/Mohave-regular.otf') format('opentype');}
@font-face{ font-family: "Mohave-semibold"; src: url('fonts/Mohave-semibold.otf') format('opentype');}
@font-face{ font-family: "Mohave-bold"; src: url('fonts/Mohave-bold.otf') format('opentype');}

@font-face{ font-family: "Dense-regular"; src: url('fonts/Dense-regular.otf') format('opentype');}

@font-face{ font-family: "RobSlab-regular"; src: url('fonts/RobSlab-regular.ttf') format('truetype');}
@font-face{ font-family: "ArNarr-regular"; src: url('fonts/ArNarr-regular.ttf') format('truetype');}




/* MENSAJE OLD BROWSER IE 9 >.................................................................................................................... */
#Mensajes { position:relative; width: 100%; height:100%; text-align:center; background-color:#ccc; font-family:Arial, Helvetica, sans-serif !important;}
    #CuerpoMensaje { position:absolute; top:50%; left:50%; width:600px; padding:20px 0; margin:-100px 0 0 -300px; background-color:#fff;}
    #CuerpoMensaje p#AlertaPrincipal { font-style:italic; font-weight:normal; color: #666; font-size:20px; display:block; margin-bottom:15px; text-align:center;}
    #CuerpoMensaje div { width:100%;  border-top:1px solid #ccc; text-align:left;}
    #CuerpoMensaje div p { width:100%; font-size:11px; color:#666; display:block; text-align:center; margin:10px 0;}
    #CuerpoMensaje ul { list-style:none; width:260px; text-align:center; margin:10px 0 0 180px; }
    #CuerpoMensaje ul li { float:left;}
    #CuerpoMensaje ul li a { width:60px; margin:0 10px; display:block; text-decoration:none; font-size:12px; color:#666;}
    

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* GLOBAL////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ORIENTACION HORIZONTAL////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen {	
/* RESET PAGE */
html, body,
div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
dl, dt, dd, ol, ul, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, main, footer, 
article, aside, canvas, embed, 
picture, figure, figcaption, hgroup, 
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:none;                          
                          box-sizing: border-box;}

h1, h2, h3, h4, h5, h6 { font-weight:normal;}

input, textarea, select, button  { margin:0; padding:0; outline:0; border:0;                                
                                    box-sizing: border-box;}
    
/*HTML 5*/
header, main, footer,
article, aside, canvas, embed, 
picture, figure, figcaption, hgroup, 
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {display: block;}

a { text-decoration:none !important; }
a, figure, img { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 
/*LOADER*/
#Loader { -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; 
		  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;}		  
#Loader.off { opacity:0; visibility:hidden; }

/* 1 - SETEOS GLOBALES.................................................................................................................... */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body { height:100%;} 
html { font-size:15px  /*1rem = 18px*/ }

body {   
    margin:0 auto;
    text-align:center;
	font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;	
  } 

.SafeZone { width:100%; height:100%; margin:0 auto; font-size:0; display: flex;}

	.TableroJuego { position:relative; width:100%; max-width:1450px; margin:auto;}

	/*fixedflex*/
	.fixedflex .SafeZone { display: table;}
	.fixedflex .TableroJuego {display: table-cell; vertical-align: middle; padding-top: 0;}
	/*.........*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*LOGIN.................................................................................................................... */
.LoginPage { background:#000 url(imagenes/fondo-login-large.jpg) no-repeat center center;  background-attachment: fixed; background-size: cover;}

main {}
	.LoginPage div.General { width:100% !important; text-align: center; padding: 20px; background: rgba(0,0,0,0.5); }
		#FormLogin header { position: relative; width: 100%; padding: 30px 0; background:#000 url(imagenes/fondo-manos.jpg) no-repeat 50% 50%; background-size:100% auto; }
			
			#FormLogin header figure {position:absolute; top: -50px; width: auto;}
			#JugadorIzquierdo { left:-40px; text-align:  right;}
			#JugadorDerecho { right: -40px; text-align: left;}
				#JugadorDerecho img,
				#JugadorIzquierdo img { max-width: 100%; display: block;}
				
				#JugadorDerecho img {margin: 0 0 0 auto;}
			
			#IntroTxt { text-align: center; width: 100%;}
				#IntroTxt p { font-family: "Mohave-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 5.7rem; color:#2192c3;}
				#IntroTxt h1 { font-family: "Mohave-bold", "ArNarr-regular", Arial, Helvetica, sans-serif;	 font-size:2.7rem; color:#fff;}
		
		#FormLogin footer { width: 100%; text-align: center; padding: 30px; background-color: #161616;}	
			p#Instrucciones { font-size: 1.3rem; color: #fff;}
			p#BuenaSuerte { font-size: 1.5rem;  color: #2192c3; display: block; margin-top: 15px;}
			
			#form-login { padding: 20px; max-width: 600px; margin: 0 auto;}
				input#login-email,
				input#login-password {font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; height: 35px; padding: 10px; border-radius:5px; display: inline-block; vertical-align: top;}
				
				input#login-email { width: calc(50% - 10px); margin-right: 10px;}
				input#login-password { width: calc(50% - 10px); margin-left: 10px;}
				
				#RecordarPass { text-align: left; margin: 15px 0;}
					#RecordarPass p { font-size: 14px; color: #fff;}
				
				input#login-ingresar { margin-top: 20px; cursor: pointer; width: 140px;}
			
			#ModuloRecuperar { width:100%; max-width:560px; margin:0 auto; border-top:1px solid #292929;}				
				#FormRecuperarPass { position:relative; overflow:hidden; max-height:0px;
									-webkit-transition: max-height 0.5s ease-in;
									transition: max-height 0.5s ease-in;}
									
					a#BtnOlvidoPass { margin: 20px 0; display: block; color: #777777; font-size: 1.1rem; cursor:pointer;}
					
					input#email-recuperar { width:calc(100% - 107px); font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; height: 35px; padding: 10px; border-radius:5px 0 0 5px; display: inline-block; vertical-align: top; border:1px solid #000; border-right:none;}
					input#recuperar { display: inline-block; vertical-align: top; padding-top:8px; padding-bottom:7px; font-size: 1rem; border-radius:0 5px 5px 0 !important;  cursor:pointer;}
			
				/*Desktop*/
				.Desktop a#BtnOlvidoPass:hover { color:#FDB201;}
				
				/*open*/
				#FormRecuperarPass.open { max-height:500px;}
				/*...*/
				
				
footer.General {width:100%; padding-top: 10px; text-align:left; font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;}	
	footer.General p { font-size: 11px; display: inline-block; vertical-align: top; color: #000;}
	footer.General span { display: inline-block; vertical-align: middle; margin: 0 10px;}
	footer.General a { color:#000;}
	
/*REGISTRO*/
#Registro {}
	#form-registro { max-width:600px; margin:15px auto 0 auto;}
		#form-registro fieldset { width:50%; display:inline-block; vertical-align:top;}
		#form-registro fieldset:nth-of-type(even) { padding-left:10px;}
		#form-registro fieldset:nth-of-type(odd) { padding-right:10px;}
			#form-registro input#nombre,
			#form-registro input#empresa,
			#form-registro input#email,
			#form-registro input#telefono,
			#form-registro input#login-password,
			#form-registro input#login-password-repetir { width:100%; display:block; margin:10px 0;}		
			
			#form-registro input#login-password,	
			#form-registro input#login-password-repetir { font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;  height: 35px;  padding: 10px; border-radius: 5px;}
			
			
/*EDITAR PERFIL*/
#EditarPerfil {}
	#EditarPerfil #form-registro fieldset { margin:5px 0;}
		#form-registro label { font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #8a8a8a; font-size:1rem; text-align:left; display:block;}
		
		#EditarPerfil input#nombre,
		#EditarPerfil input#empresa,
		#EditarPerfil input#email,
		#EditarPerfil input#telefono,
		#EditarPerfil input#login-password,
		#EditarPerfil input#login-password-repetir { margin-top:5px !important; border:2px solid #FDB201;}
	

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*JUEGO.................................................................................................................... */
.JuegoPage { background:#00081e url(imagenes/fondo-azul-large.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
 
 
/*MODAL LOGIN*/
#ModalLogin { display:block; position: fixed; z-index: 9999; top: 0; left: 0; width: 100% !important; height: 100%; background: rgba(0,0,0,0.8); display: flex; opacity:0; visibility: hidden;
				-webkit-perspective: 800px;
				perspective: 800px;
				transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
				
				#ModalLogin > div { width: 300px; margin: auto;  background-color: #151515; padding:25px;
									-webkit-transform-style: preserve-3d;									
									-webkit-transform: rotateY(90deg);
									-webkit-transition: -webkit-transform 0.3s ease-in-out;	
									transform-style: preserve-3d;
									transform: rotateY(90deg);									
									transition: transform 0.3s ease-in-out;}	
									
					#ModalLogin .AnilloDatos { width:110px; height:110px;  background: url(imagenes/icono-login.svg) no-repeat center center; }
					p#NickUsuarioModal { font-size: 1.3rem; color: #A9A9A9; text-align:center; display: block; margin-top: 8px;}
					
					#ModalLogin footer { display:block; margin-top:30px;}					
						#ModalLogin a.General { display:block; margin:15px auto; font-size:1.2rem; width:100%; max-width:160px;}
			
		/*modemispuntos*/
		.modelogin {overflow:hidden;}
		.modelogin #ModalLogin { opacity:1; visibility: visible; overflow-x: auto;}
		.modelogin #ModalLogin > div { -webkit-transform: rotateY(0deg);  
									 transform: rotateY(0deg);} 
		/*...............*/
 
/*MODAL MIS PUNTOS*/
#ModalMisPuntos { display:block; position: fixed; z-index: 9999; top: 0; left: 0; width: 100% !important; height: 100%; background: rgba(0,0,0,0.8); display: flex; opacity:0; visibility: hidden;
				-webkit-perspective: 800px;
				perspective: 800px;
				transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
				
				#ModalMisPuntos section { width: 400px; margin: auto;  background-color: #151515;
									-webkit-transform-style: preserve-3d;									
									-webkit-transform: rotateY(90deg);
									-webkit-transition: -webkit-transform 0.3s ease-in-out;	
									transform-style: preserve-3d;
									transform: rotateY(90deg);									
									transition: transform 0.3s ease-in-out;}
			
			#ModalMisPuntos h2 { padding: 25px 20px 20px 20px; font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.9rem; color: #FDB201; background-color:#1f1f1f; text-align:left;}
			
			#ModalMisPuntos a#BtnCerrarTablaPuntos,
			#ModalLogin a#BtnCerrarLogin,
			a#BtnCerrarTablaClasificacion { position: absolute; top: 1px; right: 1px; width: 50px; height: 58px; padding-top: 13px; background-color: #000; display: block; text-align: center; font-size: 25px; color:#fff; cursor: pointer;}
			
			#ModalMisPuntos footer { padding: 20px;}
			#ModalMisPuntos footer div {margin-bottom:20px;}

		/*modemispuntos*/
		.modemispuntos {overflow:hidden;}
		.modemispuntos #ModalMisPuntos { opacity:1; visibility: visible; overflow-x: auto;}
		.modemispuntos #ModalMisPuntos section {-webkit-transform: rotateY(0deg);  
													transform: rotateY(0deg);} 
		/*...............*/
		

/*BARRA WIDGET...................................................................................................................................*/ 
#NavWidgets { position: fixed; z-index: 9000; right:0; top:50%; width: 120px; font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; text-align: center;  background-color:#252324; border-radius:5px 0 0 5px; padding: 15px;
			  -webkit-transform: translate(120px, -50%);   
			  -webkit-transition: transform 0.3s ease-in-out; 			  
			  transform: translate(120px, -50%);
			  transition: transform 0.3s ease-in-out; }

#NavWidgets.on {-webkit-transform: translate(0, -50%);
				transform: translate(0, -50%);}

	#NavWidgets ul { list-style: none; }
		#NavWidgets li { display: block; text-align: center; padding: 15px 0; border-bottom: 1px solid #4a4747;}
		#NavWidgets li#BtnMisPuntos { cursor:pointer;}
		#NavWidgets li:last-child { border-bottom: none;}
		#NavWidgets a { text-align: center; cursor:pointer;}

			.AnilloDatos { width: 63px; height: 63px; border:2px solid #FDB302; border-radius:50%; margin: 0 auto;
							-webkit-backface-visibility: hidden;	
							-webkit-transition: -webkit-transform 0.3s ease-in-out;
							backface-visibility: hidden;	
							transition: transform 0.3s ease-in-out;}
							
			.AnilloDatos p { display: block; font-size:2.4rem; color:#FDB302; padding-top: 8px; margin: 0 auto;	}
		
			#BtnLogin .AnilloDatos { background: url(imagenes/icono-login.svg) no-repeat center bottom;}
				#BtnMisJugadas .AnilloDatos { background: url(imagenes/icono-cancha.svg) no-repeat center center;}
	
					p#NickUsuario { font-size: 1.3rem; color: #A9A9A9; display: block; margin-top: 8px;}							
					p.Leyenda { font-size: 1.3rem; color:#FDB302; display: block; margin-top: 5px;}
	
	/*Desktop*/
	.Desktop #NavWidgets li:hover .AnilloDatos {-webkit-transform: scale(0.8);
												  transform: scale(0.8);}
	
	/*select*/
	#NavWidgets li.select p.Leyenda { color:#FFF;}
	/*......*/

/*HEADER - TABLERO DE JUEGO*/
header.General { position: relative; z-index: 7000; width:100%; height: 190px;}
	
	#MenusGeneral { position: relative; width: 100%; text-align: left; padding-top: 80px;}
		#NavPrincipal {float: left; padding:10px; background:rgba(0, 0, 0, 0.7);}
			#NavPrincipal ul {list-style:none; }
			#NavPrincipal li { display: inline-block; vertical-align: middle;}
			#NavPrincipal a { font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size:0.85rem; color:#fff; padding: 0 8px; border-left: 1px solid #fff;
								-webkit-transition:color 0.3s ease-in-out;
								transition: color 0.3s ease-in-out;}
			#NavPrincipal li:first-child a { border:none;}
			
			/*Desktop*/
			#NavPrincipal li:not(.select):hover a { color:#FDB201;}
			/*.......*/
	
	#MenusJuego { position: absolute; width: 100%; bottom: 0;}
		#NavGrupos, 
		#NavTorneo {  display: inline-block; vertical-align: bottom; width: 50%;				
					-webkit-background: linear-gradient(#6C6C6C 0%, #474747 85%, #6C6C6C 85%, #474747 100%);
					background: linear-gradient(#6C6C6C 0%, #474747 85%, #6C6C6C 85%, #474747 100%);}

		#NavGrupos { text-align: left;}				
			#NavGrupos h2 {font-family: "Mohave-bold", "ArNarr-regular", Arial, Helvetica, sans-serif; display: inline-block; vertical-align: middle; font-size: 1rem; letter-spacing: 1px; color: #2291C6; padding: 8px 25px 8px 15px; background: #161616 url(imagenes/punta-grupos.jpg) no-repeat right top; background-size: auto 100%;}
			#NavGrupos ul {list-style: none;display: inline-block; vertical-align: middle; border-right: 1px solid #898989;}
				#NavGrupos li {display: inline-block; vertical-align: middle;}
				#NavGrupos a { display: block; font-size:1rem; color: #fff; padding: 8px 15px; border-right: 1px solid #464646; border-left: 1px solid #898989; text-shadow: 0 0 2px #333; box-shadow: inset 0 0 0 0 #FDB201;
								-webkit-transition: box-shadow 0.3s ease-in-out;
								transition: box-shadow 0.3s ease-in-out;}

				#NavGrupos li:first-child a { border-left: none;}

		#NavTorneo { text-align: right;}
			#NavTorneo ul { list-style: none;display: inline-block; vertical-align: middle; border-left: 1px solid #464646;}
			#NavTorneo li { display: inline-block; vertical-align: middle;}
			#NavTorneo a { display: block; padding: 9px 15px; font-size:1rem; letter-spacing: 1px; color: #fff; border-right: 1px solid #464646; border-left: 1px solid #898989;  text-shadow: 0 0 2px #333;  box-shadow: inset 0 0 0 0 #FDB201;
							-webkit-transition: box-shadow 0.3s ease-in-out;
							transition: box-shadow 0.3s ease-in-out;}

		/*Desktop*/
		.Desktop #NavGrupos li:not(.select):hover a,
		.Desktop #NavTorneo li:not(.select):hover a  {box-shadow: inset 0 -100px 0 0 #191919; }

		/*select*/
		#NavGrupos li.select a, 
		#NavTorneo li.select a { color: #FDB201; background-color: #191919; box-shadow: inset 0 -2px #FDB201;}
		/*......*/

	#Logo { position: absolute; overflow: hidden; bottom: -10px; left: 50%; width: 400px; text-align: center; padding: 5px; background: rgba(0,0,0,0.5); border:1px solid #60676C; border-radius:5px;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);}
			
        #Logo figure { width: 100%; display: block;  background-color: #fff; border-radius: 3px;}
        #Logo img { max-width: 100%; display: block; margin: 0 auto;}
   		
    /*Mobile*/
    a#BtnMobile,
	a#BtnComenzarJuegoMobile {display:none;}
    /*......*/
	
/*CENTER - TABLERO DE JUEGO*/ 
main {width:100%; text-align:left; display: flex;}
	div.General { width:calc(100% - 300px); text-align: center; padding: 35px 30px 20px 30px; background-color: #000; }
		
		/*Mobile*/
		#NavMobile {display:none;}
		/*.....*/
		
		#AreaPartidos { width: 100%; margin: 0 auto; }
			.Partido { position: relative; width: 33.33%; max-width: 300px; display: inline-block; vertical-align: top; text-align: center; padding: 20px 5px;}
					
				.Partido header {}
					.Partido figure { width: calc(50% - 30px); display: inline-block; vertical-align: bottom; text-align: center; padding: 0 0 5px 0;}
					
					/*shake*/
					.Partido figure.shake {-webkit-animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;
										   -webkit-transform: translate3d(0, 0, 0);
										   -webkit-backface-visibility: hidden;
										   -webkit-perspective: 1000px;
										   animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;
										   transform: translate3d(0, 0, 0);
										   backface-visibility: hidden;
										   perspective: 1000px;}
					/*...*/					  
									
						.Partido figure div { width: 100%; height: 100%; max-width: 100px; border:2px solid #0296C6; border-radius: 50%; margin: 0 auto;}
						.Partido img { position: relative; max-width: 100%; display: block;  border-radius:50%; border:2px solid #000; }
						
						.Partido figcaption { font-size: 1.05rem; letter-spacing: 1px; color: #fff; display: block; text-align: center; margin: 10px auto 0 auto; padding: 0 5px;}
						
					.Partido header p { display: inline-block; vertical-align: bottom; font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.9rem; width: 25px; height: 25px; padding-top: 4px; color: #fff; background-color: #02A0D0; border-radius:50%; }

				.Partido footer { margin-top: 15px; }
					.Goles { width: 100%; max-width: 180px; margin: 0 auto;}
						.Goles fieldset { width: 100%; padding: 3px; display: block;}
							.Goles input { width: 40px; height: 28px; display: inline-block; vertical-align: middle; text-align: center;  font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.7rem; color:#3D3C3C; border-radius:3px;}
							.Goles label { width: 94px;  display: inline-block; vertical-align: middle; font-size: 1rem; letter-spacing: 1px; color: #fff;}
						
						/*predicciones*/
						.Predicciones { margin-bottom: 5px; background-color: #2FA31E;}					
						.Predicciones.inactivo input { background: none; color:#fff;}
						
						/*resultados*/
						.Resultados { background-color: #D25618;}
						.Resultados input { background: none; color:#fff;}
						
						.Resultados.inactivo { background-color:#606060;}
						.Resultados.inactivo label,
						.Resultados.inactivo input { color:#8e8c8c;}
						/*........*/
			
			.Partido.finalizado {}		
				.TooltipPuntos { position: absolute; top: 0; left: 0%; width: 100%; height: 100%; display: flex; background: rgba(0,0,0,0.7);}					
					.TooltipPuntos div { position: relative; margin: auto;  background-color: #171717; border:1px solid #00B4F5; border-radius: 5px; width:140px; padding: 5px 10px;}				
						.TooltipPuntos a { display:block; }
						.TooltipPuntos p { display: inline-block; vertical-align: middle; font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2.8rem; padding-right: 10px; color: #00B4F5;}
						.TooltipPuntos span { display: inline-block; vertical-align: middle; padding: 3px 0; border-left: 1px solid #fff; font-size: 0.9rem; letter-spacing: 1px; padding-left: 10px; text-align: left; color: #fff;}
						.TooltipPuntos div a::after { content:""; position: absolute; right: -15px; top: -15px; background: #fff url(imagenes/signo-mas.svg) no-repeat center center; background-size: 15px auto;  width: 30px; height: 30px;  color: #00B4F5; display: block; border:2px solid #00B4F5; border-radius: 50%;
													 -webkit-backface-visibility: hidden;												 
													 -webkit-transition: -webkit-transform 0.3s ease-in-out;
													  backface-visibility: hidden;
													  transition: transform 0.3s ease-in-out;}
			
					/*Desktop*/
					.Desktop .TooltipPuntos div:hover a::after{ -webkit-transform: scale(1.2); 
																 transform: scale(1.2);}			
					
					/*fixedflex*/
					.fixedflex .TooltipPuntos div { position:absolute; top:50%; left:50%;
													-webkit-transform:translate(-50%, -50%);
													transform:translate(-50%, -50%);}
					/*.......*/
		
		#NavOperaciones { width: 100%; text-align: center; padding: 20px 0;}
			a.General,
			input.General { border-radius:5px; padding: 10px 15px 10px 30px; font-family: "Mohave-bold", "ArNarr-regular", Arial, Helvetica, sans-serif;  font-size: 1.3rem; color: #FDB201; border:1px solid #0e0e0e;
						-webkit-background: url(imagenes/icono-tilde.svg) no-repeat, url(imagenes/icono-flecha.svg) no-repeat 10px 50%, linear-gradient(#212121 50%, #151515 50%);
						-webkit-transition: background-position 0.3s ease-in-out;						
						background: url(imagenes/icono-tilde.svg) no-repeat, url(imagenes/icono-flecha.svg) no-repeat, linear-gradient(#212121 50%, #151515 50%);
						transition: background-position 0.3s ease-in-out;
						background-size: auto auto, auto auto, 200% auto; background-position:-50px 50%, 10px 50%, 0 50%;}
						
			/*Desktop*/
			a.General:hover,
			input.General:hover { background-position:10px 50%, 300px 50%, 0 150%;}
			/*.......*/
				
	aside.Secundario { width: 300px; background-color: #151515;}
		aside.Secundario section {}
			#TablaPosiciones {}
				#TablaPosiciones header { position: relative; text-align: left; background-color: #1D1D1D;}
					#TablaPosiciones h2 { padding: 25px 20px 20px 20px; font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.9rem; color: #FDB201; background: url(imagenes/icono-copa.svg) no-repeat 95% 50%; background-size: 17px auto;}
					a#BtnCerrarTablaPuntos,
					a#BtnCerrarTablaClasificacion {display: none;}
					
				#TablaPosiciones footer { padding: 20px;}
					#TablaPosiciones footer div {margin-bottom:20px;}
					
					/*inactivo*/
					#TablaPosiciones footer div.inactivo{ display: none;}
					/*........*/
					
						#TablaPosiciones h3 {font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.8rem; color: #676767; display: block; margin-bottom: 5px;}
						ul.DetallePosicionEquipos {list-style: none;}						
							ul.DetallePosicionEquipos li { display: block; border-radius: 3px; margin: 5px 0; border: 1px solid #696666;}
							ul.DetallePosicionEquipos p { width:calc(100% - 30px); padding: 5px 10px; display: inline-block; vertical-align: middle; font-size: 0.9rem; letter-spacing: 1px; color: #fff;}
							ul.DetallePosicionEquipos span { width:30px;  padding: 5px 10px; text-align: center; display: inline-block; vertical-align: middle; font-size: 0.9rem; color: #fff;}

							/*status clasificatorios*/
							/*li.vacio { height: 30px; border:1px dotted #ccc !important;}*/
							li.clasificado {-webkit-background: linear-gradient(#1C8B2C 50%, #0B821C 50%);
											background: linear-gradient(#1C8B2C 50%, #0B821C 50%);}										
							li.clasificado span { background-color: #206628;}

							li.eliminado {-webkit-background: linear-gradient(#A21212 50%, #9A0000 50%);
											background: linear-gradient(#A21212 50%, #9A0000 50%);}
							li.eliminado span { background-color: #650c0c;}					

/*FOOTER - TABLERO DE JUEGO*/ 
footer {}
	.JuegoPage p#Copy,
	.JuegoPage p#Copy a  { color: #fff;}
	
	.JuegoPage p#Condiciones { color:#fff;}
	.JuegoPage .LinkDestacado { color:#fff !important;}
 

/*OCTAVOS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*main*/
	#Octavos div.General { width:calc(100% - 230px);}
		#Octavos .Partido { width: 25%;}
	#Octavos aside.Secundario { width: 230px;}
	
/*CUARTOS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*main*/
	#Cuartos #AreaPartidos { max-width: 800px; }
	#Cuartos .Partido { width: 50%; margin-left: 40px; margin-right: 40px;}
	
/*SEMIFINAL:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*main*/
	#Semifinales #AreaPartidos,
	#TercerPuesto #AreaPartidos,
	#Final #AreaPartidos  {  min-height: 524px; padding-top: 130px;}
		
		#Semifinales .Partido { width: 50%; }

/*TERCER PUESTO:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*main*/	
	#TercerPuesto .Partido,
	#Final .Partido	{ -webkit-transform: scale(1.3);
							  transform: scale(1.3); }

/*MIS PUNTOS*/
/*main*/
	#MisPuntos div.General { padding-bottom: 35px; }
		#AreaCentral {  width: 100%; max-width: 1024px; text-align: left; margin: 0 auto; }
			#AreaCentral header {}	
				#AreaCentral h1 span { color:#FFF;}
				.JuegoPage .TableroJuego h1 {font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.7rem; color: #FDB201;}
				a#BtnDetallePuntos { display: none; }

			#AreaCentral footer {}
				#Posiciones { position: relative; margin-top: 20px; border-top: 1px solid #000; }
					#HeadPosiciones { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 40px; padding: 10px 0;  font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;  background-color: #272727;  }
						.celposition { width: 100px; }
						.celjugador { }
						.celpuntos { width: 120px; padding-right: 40px !important; }

						#HeadPosiciones div { display: inline-block; vertical-align: top; text-align: center; font-size: 0.9rem; color: #fff; }
						#HeadPosiciones .celjugador { width: calc(100% - 100px - 120px); }
						#HeadPosiciones .celpuntos { text-align:right;}

					#FooterPosiciones { margin-top: 40px; width: 100%; height: 100%; }
						
						table, tr, th, td {  border-collapse: collapse; vertical-align: middle;}
						#TablaJugadores { width: 100%; font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; }
							#TablaJugadores td {color: #404040;	background-color:#fff; padding: 7px 20px;}	
								#TablaJugadores tr:nth-child(even) td { background-color: #f2f2f2;} 
								#TablaJugadores tr:nth-child(odd) td { background-color: #fff;}
								 td.celposition { text-align: left; font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.4rem; padding-left: 40px !important; border-right: 1px solid #ccc; }
								 td.celjugador { font-size: 0.9rem; border-right: 1px solid #ccc; }
								 td.celpuntos { text-align: right; font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.4rem; color:#d89800 !important; }
						
						/*miposicion*/
						tr#miposicion {}
						tr#miposicion td { background-color:#FDB201 !important; color: #fff !important;  }
						tr#miposicion td.celposition,
						tr#miposicion td.celpuntos  { font-size: 1.7rem;}
						tr#miposicion td.celjugador { font-size: 1.2rem;}
						/*..........*/

	
	/*tabla secundaria + modal*/
	#MisPuntos #TablaPosiciones h2 { background: none; }
		.DetallePuntaje { list-style: none; }
			.DetallePuntaje li { display: block; border-top: 1px dotted #999; padding: 5px 10px; }
			.DetallePuntaje li:first-child { border-top: none; }
				.DetallePuntaje p { display: inline-block; vertical-align: middle; color:#999; }
				p.Item { width: 150px; font-size: 1.3rem; text-align: left;}
				p.Puntaje { width: calc(100% - 150px);  font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;  font-size: 1.6rem; text-align: right;}

		.PuntajeTotal { width: 100%; background-color: #FDB201; border-radius: 5px; padding: 10px; margin-top: 15px; }
			.PuntajeTotal p { display: inline-block; vertical-align: middle; color:#000;}
			.PuntajeTotal p.Item { font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.2rem; }
			.PuntajeTotal p.Puntaje { font-size: 1.8rem; }

		.PosicionTotal { width: 100%; text-align: center; }
			.PosicionTotal p { font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.6rem; color: #999;  }
				span.miposiciontotal { width: 55px; height: 55px; padding-top: 11px; text-align: center; border:1px solid #FDB201; border-radius: 50%; display: inline-block; vertical-align: middle; color:#FDB302 !important;}

/*MIS JUGADAS*/
/*main*/
	#Jugadas { position: relative; margin-top: 20px; border-top: 1px solid #000; }
		#Jugadas #HeadPosiciones { background:none !important; padding-bottom:0 !important; padding-top:0 !important;}
			#NavMisJugadas { width: 100%; }
				#NavMisJugadas ul { display: table; width: 100%; }
				#NavMisJugadas li { display: table-cell;  vertical-align: top; font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; padding:10px 0; font-size: 1.2rem; color:#989898; text-align: center; cursor: pointer; 
									box-shadow: inset 0 0 0 0 #fff;									
									-webkit-transition: box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
									transition: box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;}
	
	
				/*Desktop*/
				.Desktop #NavMisJugadas li:not(.select):hover { color:#fff;}
				
				/*select*/
				#NavMisJugadas li.select { color:#000; box-shadow: inset 0 -100px 0 0 #fff; }
				/*......*/
				
		#HeaderTablaJugadas { width:100%; margin-top:40px; background-color:#272727; }
		
		/*Desktop*/
		.Desktop #HeaderTablaJugadas {padding-right:17px;}
		/*.......*/
		
			#HeaderTablaJugadas table { width:100%; table-layout:fixed;}
				#HeaderTablaJugadas td { vertical-align:middle; font-size: 0.8rem; color: #fff; text-align: center; padding: 10px 5px; background-color: #272727;}
				#HeaderTablaJugadas td.celletapa { font-size:1rem; letter-spacing:1px;  }
				#HeaderTablaJugadas td.cellmiprediccion { font-size:1rem;  letter-spacing:1px; background-color:#2FA31E !important;  }
				#HeaderTablaJugadas td.cellresultado { font-size:1rem; letter-spacing:1px;  background-color:#D25618 !important;  }
				 td.celletapa { width:100px;}
                 td.cellmiprediccion { width:calc(50% - 100px - 240px);}
                 td.cellresultado { width:calc(50% - 100px - 240px);}
                 td.cellporgoles { width:80px;}
                 td.cellporpartido { width:80px;}
                 td.celltotal { width:80px;}

		#Jugadas #FooterPosiciones { height: 460px; margin-top:0;  background-color:#fff;  }
		.ContentMisJugadas { position: relative; }

			.ModuloJugada { position: absolute; top: 0; left: 0; width: 100%; display:none;}
							
				.TablaMisJugadas { table-layout:fixed; position: relative; width: 100%; font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; }
					.TablaMisJugadas tr:nth-child(even) td {  background-color: #f2f2f2;}					
					.TablaMisJugadas tbody td { font-family: "Dense-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;   font-size: 1.4rem !important; color: #404040;  text-align: center; padding: 10px 20px; border-right: 1px solid #ccc; }
					.TablaMisJugadas tbody td:last-child { border: none; }
					.TablaMisJugadas tbody td.celletapa { color:#FDB201 !important; vertical-align: top; }						
					.TablaMisJugadas tbody td.celltotal { color:#d49500 !important; }
					.TablaMisJugadas tbody p,
					.TablaMisJugadas tbody span { display: inline-block; vertical-align: middle; }

			/*select*/
			.ModuloJugada.select { position:relative; display:block; }
			/*.......*/
			
		#MisJugadas #TablaPosiciones h2 {  background: none;}
		
/*TERMINOS Y CONDICIONES*/
/*head*/
.LegalesPage .SafeZone { height:auto !important; text-align:center; background-color:#d1d3d4; font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;}
	.LegalesPage .Viewport { width:100%; max-width:1000px; background-color:#FFF; margin:0 auto; padding:0 80px;}
		#LogoLegales { display:block; width:100%; text-align:center;}
		#LogoLegales img { max-width:100%; margin:0 auto; display:block;}
		
		.BarraLegales { display:block; margin:20px 0;}
			.BarraLegales h1 { font-size:1.7rem; font-weight:bold; color:#379fd1; float:left;}
			.BarraLegales a.BtnVolver { font-size:0.8rem; color:#999; float:right;}
		.BarraLegales::after { content:""; display:block; clear:both;}
		
		/*Desktop*/
		.Desktop .BarraLegales a.BtnVolver:hover { color:#000;}
		/*.......*/
			
			
/*main*/
#ListadoLegales { list-style:none;}
	#ListadoLegales > li { margin:20px 0; padding-left:15px; display:block; background:url(imagenes/bullet-naranja.jpg) no-repeat 0 8px;}		
		#ListadoLegales h2 { display:inline-block; font-size:1rem; line-height:1.5em !important; font-weight:bold; color:#414042; margin-bottom:3px;}
		#ListadoLegales h2 span { color:#f8ad3c;}
		#ListadoLegales p { font-family:  Arial, Helvetica, sans-serif; font-size:13px; line-height:1.7em !important; color:#414042;}
		#ListadoLegales p span { font-weight:bold;}


/*PREMIOS*/
.PremiosPage { background:#00081e url(imagenes/fondo-azul-large.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
	.PremiosPage .TableroJuego { width:100% !important; max-width:1000px;}

.PremiosPage header.General { position:relative; height:130px;}
	.PremiosPage #Logo { width:330px; bottom:-30px;}
	.PremiosPage a.BtnVolver { position:absolute; right:0; bottom:0; padding: 10px; background: rgba(0, 0, 0, 0.7); font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;  font-size: 0.8rem; color: #fff; margin-bottom:10px;
							-webkit-transition: color 0.3s ease-in-out;
							transition: color 0.3s ease-in-out;}	 
	 /*Desktop*/
	 .Desktop.PremiosPage a.BtnVolver:hover {color:#FDB201;}
	 /*......*/
	 
/*main*/
.PremiosPage main { text-align:center;}
	.PremiosPage div.General { width:100% !important; margin:0 auto; padding: 20px; background-color:#000; }
	.PremiosPage #Premios div.General { background-color: transparent !important;  background: rgba(0,0,0,0.5) !important;}
		#ContentPremios { width:100%;}
			#ContentPremios img { max-width:100%; display:block; margin:0 auto;}

/*footer*/
.PremiosPage footer {}
	.PremiosPage p#Copy,
	.PremiosPage p#Copy a,		
	.PremiosPage p#Condiciones,
	.PremiosPage .LinkDestacado { color:#fff !important;}

/*CONTACTO*/
.PremiosPage div.General { background:none !important; background-color:#000 !important;}
	.PremiosPage .TableroJuego h1 { font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 1.7rem; color: #FDB201;}
	
/*main*/
#FormContacto {}
	#FormContacto header { position: relative; width: 100%; padding: 30px 0; background:#000 url(imagenes/fondo-manos.jpg) no-repeat 50% 50%; background-size:100% auto; }

	#FormContacto footer { width: 100%; text-align: center; background-color: #161616;}				
		#FormContacto form { padding: 20px 0; max-width: 800px; margin: 0 auto;}				
			#FormContacto fieldset { width:100%; padding:10px 15px; display:block;}	
				input#nombre,
				input#empresa,
				input#email,
				input#telefono { width:calc(50% - 20px); display: inline-block; vertical-align: top; margin:0 10px; font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; height: 35px; padding: 10px; border-radius:5px;}
				
				textarea#mensaje { width:calc(100% - 20px); height:150px; margin:0 10px 20px 10px; font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; padding: 10px; border-radius:5px; overflow:auto;}
				
				input#enviar { cursor:pointer;}
		

/*MAPA*/
#Mapa { text-align:center; display:flex;}
	#TableroPosiciones { width:100%; margin:auto; max-width:1550px;}
		#TableroPosiciones header { position:relative; width:100%; height:50px; display:block;}
	
		#ContentMapa { position:relative; min-height:845px; border:10px solid rgba(0,0,0,0.5);}
			#BanderasMapa { position:absolute; width:100%; height:100%; text-align:left; background: rgba(0,0,0,0.9);}
				.Fila { position:absolute; text-align:center; width:6%; height:100%; padding-top:20px;}
				
				.Fila.A, 
				.Fila.B, 
				.Fila.C, 
				.Fila.D,
				.Fila.E, 
				.Fila.F, 
				.Fila.G { z-index:100;}
				
				.Fila.SA, 
				.Fila.SG, 
				.Fila.SB, 
				.Fila.SF, 
				.Fila.SC, 
				.Fila.SE { z-index:50;}
				
				/*banderitas*/
				.Fila.A { left:4.5%;}
				.Fila.B { left:17%;}
				.Fila.C { left:30%;}
				.Fila.D { width:13%; left:43.5%; background:url(imagenes/d.gif) no-repeat center center; }
				.Fila.E { right:30.5%;}
				.Fila.F { right:17.8%;}
				.Fila.G { right:4.5%;}				
				
				/*separadores*/
				.Fila.SA { left:11%; background:url(imagenes/sa.gif) no-repeat center center;}
				.Fila.SG { right:11.5%; background:url(imagenes/sg.gif) no-repeat center center;}				
				
				.Fila.SB { left:23%; background:url(imagenes/sb.gif) no-repeat center center;}
				.Fila.SF { right:24%; background:url(imagenes/sf.gif) no-repeat center center;}
				
				.Fila.SC { left:37%; background:url(imagenes/sc.gif) no-repeat center center;}
				.Fila.SE { right:37%; background:url(imagenes/se.gif) no-repeat center center;}
							
					.Fila div {}
						.Fila p { font-size:1.15rem; color:#EFA12F; display:block; padding-bottom:10px; background:url(imagenes/flecha-abajo.svg) no-repeat center bottom;}
						.Fila figure { width:100%; max-width:80px; min-height:80px; display:inline-block; vertical-align:top; padding-top:4px; background:url(imagenes/anillo-azul.svg) no-repeat top center;}
							.Fila figure img { max-width:70%; margin:0 auto; display:block; border-radius:50%;}
							.Fila figcaption { font-size:0.7rem; letter-spacing:1px; color:#fff; margin-top:7px;}				
					
					
					.Fila.A div, .Fila.G div { margin-top:20px; margin-bottom:20px;}					
					
					.Oct2, .Oct4, .Oct6, .Oct8 { margin-top:10px;}
					
					.Cua1 { margin-top:58px;}
					.Cua2 { margin-top:115px;}
					.Cua3 { margin-top:110px;}
					.Cua4 { margin-top:110px;}
					
					.Sem1 { margin-top:155px;}
					.Sem2 { margin-top:305px;}
					
					.PuestoFinal { margin-top:55px;}
					.Fin1 { margin-top:190px;}
					.Tec1 { margin-top:95px;}
					.PuestoTercer { margin-top:25px;}

/*fixedflex*/
.fixedflex #Mapa { display: table;}
.fixedflex #TableroPosiciones {display: table-cell; vertical-align: middle; padding-top: 0;}
/*.........*/

/*PODIO*/
/*main*/
.PodioPage { background:#00081e url(imagenes/fondo-podio.jpg) no-repeat bottom center; background-size: cover;}
.PodioPage .SafeZone { display:block;}
	#Podio { position:relative; width:100%; height:100%;}	

/*header*/
	.PodioPage header.General { height:230px;}
	
/*main*/
.PodioPage main {}
	#PodioFinal { position:fixed; bottom:70px; left:50%; padding-bottom:50px; display:block; text-align:center; width:1000px;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);}
	#PodioFinal img { max-width:100%; display:block;}
		#NombresPodio { position:absolute; bottom:135px; width:82%; margin:0 9%; text-align:center; }
		#NombresPodio div { width:33.33%; display:inline-block; vertical-align:top; padding:0 30px;}				
				#NombresPodio p { font-family:"Mohave-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size:1.8rem; color:#282828;}
				
			a#BtnVerPremios { position:absolute; bottom:0; left:50%; font-size:1.1rem; cursor:pointer;
							-webkit-transform: translateX(-50%);
							transform: translateX(-50%);}
		
		
/*................................................*/
.SafeZone * { line-height: 1.2em !important;}

#ListadoLegales p { text-align:justify;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			-o-hyphens: auto;					     
			hyphens: auto;}
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ANCHOS///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1920px) {
html { font-size: 15px; /*1rem = 15px*/}   	
}


@media (max-width: 1720px) {
/*LOGIN*/
/*main*/
	.LoginPage .TableroJuego { width:calc(100% - 100px); max-width:none; margin-left: 50px; margin-right: 50px;}	
	
/*JUEGO*/
/*main*/
	.JuegoPage .TableroJuego { width:calc(100% - 50px - 140px); max-width:none; margin-left: 50px; margin-right: 140px;}	 
}

@media (max-width: 1640px) {
/*JUEGO*/
/*main*/
	div.General { width:calc(100% - 250px);}
		#NavGrupos a { padding-left: 10px; padding-right: 10px;}
		#NavTorneo a { padding-left: 8px; padding-right: 8px;}
	
	aside.Secundario { width: 250px;}
}

@media (max-width: 1570px) {
/*JUEGO*/
header.General { height: 160px;}
	#Logo { width: 300px;}
	#NavGrupos h2, #NavGrupos a, #NavTorneo a { font-size: 1rem;}
	
	#MenusGeneral { padding-top: 55px;}
	
footer.General { padding-bottom: 20px;}


/*OCTAVOS*/
/*main*/
	#Octavos div.General { width:calc(100% - 250px);}
		#Octavos .Partido { width: 33.33%;}
	
	#Octavos aside.Secundario { width: 250px;}
}

@media (max-width: 1420px) {
html { font-size: 14px; /*1rem = 14px*/} 

/*LOGIN*/
/*main*/
	#FormLogin header figure {width: 320px;}
	#IntroTxt p {font-size: 4rem;}

/*JUEGO*/
#NavWidgets { width: 80px; padding: 0;}
	#NavWidgets li { padding: 5px 0 10px 0; border: none;}	
		
		#NavWidgets .AnilloDatos {  -webkit-transform-origin: 50% 50%; 
									-webkit-transform: scale(0.7);
									transform-origin: 50% 50%;			
									transform: scale(0.7);}
		
		#NavWidgets p#NickUsuario { margin-top: -2px;}
		p.Leyenda { font-size:1.2rem; margin-top: -2px;}	

/*main*/
	.JuegoPage .TableroJuego { width:calc(100% - 50px - 90px); margin-right: 90px;}	 
		.Partido figure div { width: 80px;}		
		
		.Predicciones { margin-bottom: 2px; }
			.Goles { max-width: 160px;}
			.Goles label {font-size: 0.9rem; width: 70px;}

/*MIS PUNTOS*/
/*main*/
	span.miposiciontotal { padding-top: 13px;}
	
/*MAPA*/
/*main*/
	#TableroPosiciones {width:calc(100% - 60px) !important; margin:0 30px;}
	.Fila.D {width: 20%; left: 39.5%;}
	.Fila figure { padding-top:3px; background-size:80% auto;}
	.Fila.D figure { padding-top:4px;}
}

@media (max-width: 1421px) and (max-height:800px) {
/*JUEGO*/
header.General { height: 120px;}
	#Logo { width: 270px;}	
	#MenusGeneral { padding-top: 30px;}
}

@media (max-width: 1370px)  {
/*main*/
	p#Instrucciones,
	p#BuenaSuerte { display:none;}
}

@media (max-width: 1370px) and (max-height:670px) {
/*JUEGO*/
div.General { padding-top: 20px;}
	.Partido { max-width: 270px;}
	.Partido figure div { width: 60px;}
	.Partido figcaption { font-size: 0.9rem;}	
	
	.Goles input { height: 22px;  font-size: 1.6rem;}
	
footer.General { padding-bottom: 0;}
}


@media (max-width: 1270px) {
/*JUEGO*/	
/*header*/
	#NavPrincipal {}
	#NavOficial { float: right; padding: 10px 10px 10px 0; background:rgba(0, 0, 0, 0.7); }
		#NavOficial a { padding: 0 15px; font-family: "RobSlab-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.8rem; color: #FDB201;}
		a#BtnTablaOficial { border-left: 1px solid #fff; padding-right: 30px; background: url(imagenes/icono-copa.svg) no-repeat 95% 50%; background-size: 13px auto; cursor:pointer; }
	
	#NavTorneo li#BtnMapa {display:none;}
	#NavGrupos a { padding-left: 8px; padding-right: 8px; font-size: 0.9rem;}
	#NavTorneo a { padding-left: 5px; padding-right: 5px; font-size: 0.9rem;}
	
		
/*main*/
	div.General { width: 100%;}	
		aside.Secundario { position: fixed; z-index: 9999; top: 0; left: 0; width: 100% !important; height: 100%; background: rgba(0,0,0,0.8); display: flex; opacity:0; visibility: hidden;
							-webkit-perspective: 800px;
							perspective: 800px;
							transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
							
			aside.Secundario section { width: 400px; margin: auto;  background-color: #151515;
										-webkit-transform-style: preserve-3d;									
										-webkit-transform: rotateY(90deg);
										-webkit-transition: -webkit-transform 0.3s ease-in-out;	
										transform-style: preserve-3d;
										transform: rotateY(90deg);									
										transition: transform 0.3s ease-in-out;}
				
				#TablaPosiciones h2 {background: none;}
				a#BtnCerrarTablaPuntos,
				a#BtnCerrarTablaClasificacion  { position: absolute; top: 1px; right: 1px; width: 50px; height: 58px; padding-top: 13px; background-color: #000; display: block; text-align: center; font-size: 25px; color:#fff; cursor: pointer;}
		
		/*modemispuntos*/
		.modetablaoficial {overflow:hidden;}
		.modetablaoficial aside.Secundario { opacity:1; visibility: visible; overflow-x: auto;}
		.modetablaoficial aside.Secundario section {-webkit-transform: rotateY(0deg);  
													transform: rotateY(0deg);} 
		/*...............*/


/*OCTAVOS*/
/*main*/
	#Octavos div.General { width:100%;}

/*SEMIFINAL*/
/*main*/
	#Semifinales #AreaPartidos,
	#TercerPuesto #AreaPartidos,
	#Final #AreaPartidos  { min-height: auto; padding-top: 80px;padding-bottom: 80px;}

/*MIS PUNTOS*/
/*header*/
	#MisPuntos #NavOficial,
	#MisJugadas #NavOficial  { padding-right: 0; }	

	#MisPuntos a#BtnTablaOficial,
	#MisJugadas a#BtnTablaOficial  { display: none !important; }

/*main*/	
	#AreaCentral header::after { content: ""; clear: both; display: block; }
	.JuegoPage .TableroJuego h1 { float: left; padding-top:5px; }
	a#BtnDetallePuntos { display: block; float: right; font-size:0.9rem; letter-spacing:1px; cursor: pointer;}
	
	#MisJugadas aside.Secundario,
	#MisPuntos aside.Secundario { display:none;}

}


@media (max-width: 1130px) {
/*LOGIN*/
/*main*/	
	#FormLogin header figure { top: 0; width: 270px;}
	#IntroTxt p { font-size: 3rem;}
	#IntroTxt h1 { font-size: 2rem;}
	
	p#Instrucciones, 
	p#BuenaSuerte { font-size:1.1rem;}
	
/*JUEGO*/
header.General { height: 145px;}		
	
	#Logo{ width: 250px;}
	
	#MenusGeneral {  padding-top: 70px;}
	
	#MenusJuego {}	
		#MenusJuego nav { height: 15px;}
			#NavGrupos h2,
			#NavGrupos ul, 
			#NavTorneo ul { display:none;}			
			
/*main*/
	div.General { position: relative; padding-top: 65px;}	
	
	#NavMobile { position: absolute; top: 30px; left: 0; width:100%; display: block; text-align: center; margin-bottom: 10px; }
		#NavMobile select { width: 220px; font-family: "DinAlternate-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff; font-size:14px; padding:5px 35px 5px 5px; margin: 0 auto;  border: 1px solid #999; border-radius:3px;
							 background:#000 url(imagenes/flecha-select.gif) no-repeat right 50%;
							 -webkit-appearance: none; -moz-appearance: none; appearance: none;}
							 
/*PREMIOS*/
.PremiosPage header.General { height: 145px;}	
	.PremiosPage #Logo{ width: 250px;}
	
	.PremiosPage .TableroJuego { width:calc(100% - 60px) !important; margin:0 30px;}
	
/*PODIO*/
/*header*/
	.PodioPage header.General { height: 145px;}
}

@media (max-width: 1024px) {
/*JUEGO*/
	.JuegoPage { background:#00081e url(imagenes/fondo-azul-medium.jpg) no-repeat 50% -180px;}
	
/*PREMIOS*/
	.PremiosPage { background:#00081e url(imagenes/fondo-azul-medium.jpg) no-repeat 50% -180px;}
	
	.PremiosPage p#Copy,
	.PremiosPage p#Copy a,		
	.PremiosPage p#Condiciones,
	.PremiosPage .LinkDestacado { color:#000 !important;}
}

@media (min-width: 1024px) and (max-height:870px) {
/*PODIO*/
#PodioFinal {width:768px;}	
	#NombresPodio {  bottom:115px;}
	#NombresPodio div { padding:0 30px;}
	#NombresPodio p {font-size:1.45rem;}
	
}

@media (min-width: 1024px) and (max-height:768px) {
#PodioFinal { padding-bottom:0; bottom:20px;}
	#NombresPodio { bottom: 75px;}
}

@media (max-width: 1023px) {
/*LOGIN*/
	footer.General { padding-bottom: 20px;}

/*JUEGO*/
	#NavWidgets { right: auto; top: auto; left: 0; bottom: 0; width: 100%; border-radius: 0;			
				-webkit-transform: translate(0, 200px);
				-webkit-transition: transform 0.3s ease-in-out;
				transform: translate(0, 200px);
				transition: transform 0.3s ease-in-out;}
			
	#NavWidgets.on { -webkit-transform: translate(0, 0);
					transform: translate(0, 0);}
					
		#NavWidgets li { display: inline-block; width: 25%;}
		
		/*select*/
		#NavWidgets li.select { background-color: #131313;}
		#NavWidgets li.select p.Leyenda { color: #FDB302;}
	/*......*/

/*header*/
	#NavPrincipal, 
	#NavOficial{ bottom: 15px;}

/*main*/
	.JuegoPage.TableroJuego { width: calc(100% - 60px); margin-right: 30px; margin-left: 30px;}	
		.JuegoPage footer.General { padding-bottom: 120px;}
		
/*MAPA*/
#BanderasMapa { position:relative; background:transparent; background-color:#000;}
	.Fila { position:relative; display:block; width:100%; height:auto; text-align:center; padding:0;}		
		.Fila.A,
		.Fila.B,
		.Fila.C,
		.Fila.D,
		.Fila.E,
		.Fila.F,
		.Fila.G { left:auto; right:auto; width:100%;}		
		
		.Fila.A,
		.Fila.B,
		.Fila.C { padding-top:10px; border-top:1px solid #292929;}
		
		.Fila.D { background:url(imagenes/fondo-manos.jpg) no-repeat 0 0;} 
		
		.Fila.E,
		.Fila.F,
		.Fila.G { padding-bottom:10px;}	
		
		.Fila.SA, 
		.Fila.SG, 
		.Fila.SB, 
		.Fila.SF, 
		.Fila.SC, 
		.Fila.SE { display:none;}
		
		.Fila div { position:relative; width:50%; display:inline-block; vertical-align:top; padding:10px 0; margin:0 !important;}
		.Fila.A > div::before,
		.Fila.B > div::before,
		.Fila.C > div::before,		
		.Fila.E > div::before,
		.Fila.F > div::before,
		.Fila.G > div::before,
		.Fin1::before,
		.Tec1::before { content:"VS"; display:block; position:absolute; z-index:100; top:30px; left:50%; margin-left:-13px; font-family: "Mohave-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 12px; line-height:25px !important; width: 26px;  height: 26px; background-color: #02A0D0; color:#fff; border-radius: 50%;}
		
		.Fin1::before { top: 60px;}
		.Tec1::before { top: 185px;}
		
		#FilaFinal { position:relative; display:inline-block; vertical-align:top; width:50%; border-right:1px solid #292929;}
		#FilaTercerPuesto { position:relative; display:inline-block; vertical-align:top; width:50%;
							 transform: translateY(9px);}
		
			.Fila p { margin-bottom:10px; font-size:1.5rem;}
			
			.Fila.G p,
			.Fila.F p,
			.Fila.E p { display:none;}
			
			.Fila figure { width:80px; display:inline-block; vertical-align:top; margin:0 20px; background-color:transparent;}	
				.Fila figcaption { font-size: 1rem;}
				
			.Fin1 { position:relative; width:100% !important;}
			.PuestoTercer { position:absolute; top:45px; left:50%; margin-left:-40px !important; display:block !important;}		
			.PuestoFinal { display:block !important; margin:0 auto !important;}	
			.Tec1 { position:relative;  width:100% !important; padding-top:130px !important;}
		
		.Fila,
		#PastoMapa { display:none;}
		
		/*activo*/
		.Fila.activo { display:block !important;}
		/*......*/
		
/*PODIO*/
/*main*/
.PodioPage { background-position:50% -80px;}

#PodioFinal {width:768px;}	
	#NombresPodio { bottom: 115px;}
		#NombresPodio div { padding:0 30px;}
		#NombresPodio p {font-size:1.45rem;}
		
		a#BtnVerPremios { bottom:55px;}
	
}

@media (max-width: 980px) {
/*MIS JUGADAS*/
/*main*/	
	#Jugadas { margin-top: 0; }
		#MisJugadas #HeadPosiciones { display: none; }
			#HeaderTablaJugadas { margin-top:15px;}
			
		#MisJugadas #FooterPosiciones { margin-top: 0; }
			.ModuloJugada { position: relative; top:auto; left: auto; display:block;}

}

@media (max-width: 900px) {
/*main*/
	#Cuartos .Partido { margin-left:0; margin-right:0;}
}

@media (max-width: 890px) {
/*JUEGO*/
/*main*/
	.Partido,
	#Octavos .Partido { width: 50%;}	

/*MIS JUGADAS*/
/*main*/
	.TablaMisJugadas tbody p { display: block; }
	.TablaMisJugadas tbody span { display: block; line-height: 10px !important; }
}

@media (max-width: 850px) {
/*LOGIN*/
/*main*/
	#form-login {padding:20px 0 40px 0;}
		#FormLogin footer { padding-top: 0; padding-bottom: 0;}	
		#login-ingresar { margin-top: 0 !important;}	
	
	#form-recuperar {padding:0 0 40px 0;}
	
/*REGISTRO*/
#FormLogin footer { padding:30px;}

/*JUEGO*/
header.General  { position: relative; height: 150px;}
	#MenusGeneral { position:fixed; z-index: 7000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.85); opacity: 0; visibility: hidden;
					-webkit-transform-origin: center top;
					-webkit-transform: scale(1, 0);
					-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
					transform-origin: center top;            
					transform: scale(1, 0);            
					transition:  transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
				
		#NavPrincipal, #NavOficial { position: relative; top: calc(50% - 250px); bottom: auto; background: none;  width: 300px; padding: 0; float: none; margin:0 auto;}
		#NavPrincipal li, #NavOficial li {display: block; margin: 5px 0;}
		#NavPrincipal a, #NavOficial a {display: block; padding:15px 10px; font-size: 1.3rem; border: 1px solid #616161 !important; background: rgba(0,0,0,0.7);}
		#NavOficial a {margin: 5px 0;}	
	
	
	#MenusJuego { position: absolute; width: 100%; bottom: 0;}
	
	a#BtnMobile { position:absolute; z-index:8000;  overflow:hidden; top:40px; right:10px; width:60px; height:60px; line-height:0; white-space:nowrap; display:block; text-align:center; cursor:pointer;}
		a#BtnMobile span { -webkit-transition: color 0.3s ease-in-out;
						    transition: color 0.3s ease-in-out;}
		#Barritas { font-size:40px; color:#fff;}
		#Equis { font-size:30px; color:#fff; display:none; }		
		
	
	/*menumode*/
	.menumode { overflow:hidden;}
	.menumode #Barritas { display: none;}
	.menumode #Equis { display: block;}
	.menumode #MenusGeneral { opacity:1; visibility:visible; overflow:auto;
								  -webkit-transform:scale(1);
								  transform:scale(1);}			
	/*......*/	
	
	#NavWidgets { z-index: 6000;}
	
/*main*/
	.JuegoPage .TableroJuego { width:100%; margin-right: 0; margin-left: 0;}
	div.General { padding-left: 0; padding-right: 0;}	
	
footer.General { padding-bottom: 0; padding-left: 15px !important; padding-right: 15px !important;}
	p#Copy,
	p#Condiciones {display: block; text-align: center; padding-bottom: 10px;}

/*MIS PUNTOS*/
/*main*/
	#MisPuntos div.General,
	#MisJugadas div.General { padding-left: 20px; padding-right: 20px; }	
	#AreaCentral header { padding-top: 30px; }	
	
/*MIS JUGADAS*/
/*main*/
	 a#BtnDetallePuntos { font-size: 0.9rem;}
	
	#HeaderTablaJugadas td {  font-size: 0.9rem;}
		 td.cellmiprediccion { width:calc(50% - 100px - 150px);}
		 td.cellresultado { width:calc(50% - 100px - 150px);}
		 td.cellporgoles,
		 td.cellporpartido,
		 td.celltotal { width:50px; padding-left:0 !important; padding-right:0 !important;}
		 
/*PODIO*/
.PodioPage header.General { height: 150px;}
}

@media (max-width: 830px) {
/*JUEGO*/
/*main*/
	#FormLogin header figure {width: 50%; }
	#JugadorIzquierdo { padding-right: 80px;}
	#JugadorDerecho { padding-left: 80px;}
}

@media (max-width: 750px) {
/*RECUPERAR*/
/*main*/
#Registro #FormLogin footer { padding-top:10px !important;}

/*MIS JUGADAS*/
/*main*/
	.TablaMisJugadas thead th { font-size: 0.8rem;}
	
/*TERMINOS Y CONDICIONES*/
/*main*/
.LegalesPage .Viewport { padding: 0 40px;}
}

@media (max-width: 640px) {
/*LOGIN*/
/*header*/
	#FormLogin header figure {display:none;}
	
/*main*/
	input#login-email { display: block; width: 100%; height:40px; margin-right: 0; margin-bottom: 10px;}
	input#login-password { display: block; width: 100%; height:40px; margin-left: 0;}

	input#email-recuperar { display: block; width: 100%; height:40px; margin-right: 0; margin-bottom: 10px; border-radius:5px;}
	input#recuperar { display: block; border-radius:5px !important; margin:0 auto;}
	
/*footer*/
	footer.General span { display:none;}
	footer.General a {display:block; margin: 10px 0;}


/*REGISTRO*/
/*main*/
	#form-registro fieldset {width: 100%; display: block; padding:0 !important;}
	
	
/*JUEGO*/
/*main*/	
	.Partido {width: 100%; margin-top: 10px !important; margin-bottom: 10px !important;}
	.Partido figure div {  width: 100px;}
	.Partido figcaption { font-size: 1.05rem;}

/*OCTAVOS*/
/*main*/
	#Octavos .Partido,
	#Cuartos .Partido,
	#Semifinales .Partido  { width: 100%;}

/*SEMIFINAL*/
/*main*/
	#Semifinales #AreaPartidos,
	#TercerPuesto #AreaPartidos,
	#Final #AreaPartidos {padding-top: 20px; padding-bottom: 20px;}
	
/*PREMIOS*/
/*main*/
.PremiosPage div.General {padding: 5px;}

/*MAPA*/
/*main*/
	.Fila div { width:100%; display:block;}	
	
/*PODIO*/
/*main*/
#PodioFinal { width: 110%;  bottom: 90px;}
	#NombresPodio { bottom: 24%;}
	a#BtnVerPremios {  bottom: 40px;}   
}

@media (max-width: 580px) {		
/*MAPA*/
#TableroPosiciones { width: calc(100% - 10px) !important; margin: 0 5px;}
}


@media (max-width: 540px) {	
/*JUEGO*/
.JuegoPage { background:#060c1b url(imagenes/fondo-azul-small.jpg) no-repeat 50% 0;}	

/*TERCER PUESTO*/
/*main*/
	#TercerPuesto .Partido,
	#Final .Partido { -webkit-transform: scale(1);
						transform: scale(1); }

/*MIS PUNTOS*/
/*main*/
	.JuegoPage .TableroJuego h1,
	a#BtnDetallePuntos { float: none; display: block; }
	a#BtnDetallePuntos { margin-top: 15px; max-width: 160px; }

	.celposition { width: 40px;}
	.celpuntos { width: 70px;}

	#HeadPosiciones .celposition span { display: none; }
	#HeadPosiciones .celposition p::after {content: "."; color: #fff; font-size: 12px;}
	#HeadPosiciones .celjugador { width: calc(100% - 40px - 70px);}


	#TablaJugadores td { padding: 10px !important; }
	
/*MIS PUNTOS*/
/*main*/	
	#HeaderTablaJugadas { display:none;}
	
	#MisJugadas #FooterPosiciones { margin-top:20px;}
	.TablaMisJugadas,
	.TablaMisJugadas tbody,
	.TablaMisJugadas tr { display:block; width:100% !important;}
	
		.TablaMisJugadas tbody td { text-align:left; padding-top:5px; padding-bottom:5px;}
		.TablaMisJugadas td.celletapa,
		.TablaMisJugadas td.cellmiprediccion,
		.TablaMisJugadas td.cellresultado { width:100% !important; display:block; border-left:none; border-right:none;}
		
		.TablaMisJugadas td.cellporgoles,
		.TablaMisJugadas td.cellporpartido,
		.TablaMisJugadas td.celltotal { width:33.33% !important; display:inline-block; vertical-align:top; text-align:center; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important;}
		
		.TablaMisJugadas td.celletapa { background-color:#333; margin-top:0;}
		.TablaMisJugadas td.cellmiprediccion { padding-top:25px;}
		.TablaMisJugadas td.cellresultado { padding-bottom:25px;}
			
			.TablaMisJugadas tbody td::before { width:100%; font-size:1rem; line-height:1.2rem !important;}	
			.TablaMisJugadas tbody td p { font-size:2rem;}	
			
			.TablaMisJugadas td.cellmiprediccion::before { content:"MI PREDICCI\00d3N"; display:block; color:#2FA31E;}
			.TablaMisJugadas td.cellresultado::before { content:"RESULTADO"; display:block; color:#D25618;}
			.TablaMisJugadas td.cellporgoles::before { content:"PTOS. X GOLES";  height:33px; display:block; color:#333;}
			.TablaMisJugadas td.cellporpartido::before { content:"PTOS. X PARTIDO";  height:33px; display:block; color:#333;}
			.TablaMisJugadas td.celltotal::before { content:"TOTAL"; display:block; height:33px; color:#333;}
													
			.TablaMisJugadas tbody p, 
			.TablaMisJugadas tbody span { display: inline-block;}
			
/*TERMINOS Y CONDICIONES*/
/*main*/
.LegalesPage .Viewport { padding:0 15px;}
	.BarraLegales { text-align:left;}
	.BarraLegales h1 { width:calc(100% - 50px); float:left;}
	.LegalesPage a#BtnTop { font-size:0; width:30px; height:30px; background:#000 url(imagenes/icono-flecha-volver.svg) no-repeat center center; float:right;}
	.LegalesPage a.BtnVolver { font-size:1.5rem; width:100%; float:none; display:block; text-align:center;}
	
/*PREMIOS*/
/*header*/
.PremiosPage .TableroJuego { width: calc(100% - 10px) !important; margin: 0 5px;}	
	.PremiosPage #Logo { width: 190px; bottom: -10px;}
	
/*MAPA*/
/*header*/
#FilaFinal, 
#FilaTercerPuesto { padding-top:30px; padding-bottom:0;}

.Fin1 figure, 
.Tec1 figure { margin:0 30px; margin-bottom:50px; text-align:center;}

.Fin1::before { top: 140px;}
.Tec1::before { top: 260px;}

/*PREMIOS*/
/*main*/
#NombresPodio div { vertical-align:top !important;}
	#SegundoPuesto { padding-top:0;}
	#NombresPodio p { font-size: 1.2rem;}
	
/*PODIO*/
/*main*/
#PodioFinal {  width: 130%; bottom:120px;}
	#PrimerPuesto, #SegundoPuesto, #TercerPuesto { padding:0 30px;}	
	#NombresPodio { bottom: 26%;}
	#NombresPodio p { font-size: 1.2rem;}
	a#BtnVerPremios { bottom: 30px;}

}

@media (max-width: 430px) {
/*LOGIN*/
/*main*/
	.LoginPage div.General { padding: 10px;}
		.LoginPage .TableroJuego { width: calc(100% - 30px); margin-right: 15px; margin-left: 15px;}
		
/*JUEGO*/
/*main*/
	#ModalMisPuntos section,
	#ModalLogin div,
	aside.Secundario section { width: 300px;}
	
/*CONTACTO*/
/*main*/
#FormContacto fieldset { padding-top:0; padding-bottom:0;}
	input#nombre,
	input#empresa,
	input#email,
	input#telefono { width:calc(100% - 20px); display:block; margin-bottom:10px;}
	
/*PODIO*/
/*main*/
#PrimerPuesto, #SegundoPuesto, #TercerPuesto { padding:0 15px;}	
#NombresPodio { bottom: 29%;}
#NombresPodio p { font-size: 1rem;}

}

@media (max-width: 430px) and (max-height:570px) {
/*PODIO*/
/*header*/
	#PodioFinal { bottom:90px;}
}


@media (max-width: 400px) {
/*MI POSICION */
#AreaCentral h1 span { display:block;}

/*JUEGO*/
/*modefullscreen*/
.modefullscreen {overflow:hidden;}
	.modefullscreen #NavWidgets { z-index: 9000; top: 0; bottom: auto; height: 100%;
								  -webkit-transition:none;
								  transition:none;}
								 
		.modefullscreen #NavWidgets ul { position: relative; width: 100%; top: calc(25% - 100px);}
			.modefullscreen #NavWidgets li { padding: 20px 0;}

			.modefullscreen #NavWidgets li#BtnLogin,
			.modefullscreen #NavWidgets li#BtnMisJugadas { display: block !important; width: 100%; text-align: center;}

			.modefullscreen #NavWidgets li#BtnMisPuntos,
			.modefullscreen #NavWidgets li#BtnMiPosicion { width:50%; padding-top: 40px; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
			
			.modefullscreen #NavWidgets li#BtnMisPuntos { border-right: 1px solid #333333;}
			.modefullscreen #NavWidgets li#BtnMisJugadas { margin-top: 20px;}

			.modefullscreen #NavWidgets li#BtnLogin a,
			.modefullscreen #NavWidgets li#BtnMisJugadas a {margin:0 auto;}

			.modefullscreen .AnilloDatos { -webkit-transform: scale(1.7);
											transform: scale(1.7);}
											
			#ModalLogin .AnilloDatos { -webkit-transform: none;
											transform: none;}

			.modefullscreen p#NickUsuario,				
			.modefullscreen p.Leyenda { font-size: 1.5rem; margin-top: 30px;}

			.modefullscreen #BtnComenzarJuegoMobile { position: absolute; left: 0; bottom: 0; width:100%; height: 100px; padding-top: 20px; text-align: center; background-color: #000;}
			.modefullscreen #BtnComenzarJuegoMobile a { display: inline-block; border-radius:5px; padding: 10px 10px 10px 30px; font-family: "Mohave-bold", "ArNarr-regular", Arial, Helvetica, sans-serif;  font-size: 1.7rem; line-height:1.5em !important; color:#2E90BD; cursor: pointer;
														-webkit-background: url(imagenes/icono-tilde.svg) no-repeat, url(imagenes/icono-flecha.svg) no-repeat 10px 50%, linear-gradient(#212121 50%, #151515 50%);
														-webkit-transition: background-position 0.3s ease-in-out;						
														background: url(imagenes/icono-tilde.svg) no-repeat, url(imagenes/icono-flecha.svg) no-repeat, linear-gradient(#212121 50%, #151515 50%);
														transition: background-position 0.3s ease-in-out;
														background-size: auto auto, auto auto, 200% auto; background-position:-50px 50%, 10px 50%, 0 50%;}	
														
			/*Desktop*/
			.modefullscreen #BtnComenzarJuegoMobile a:hover { color:#FDB302; background-position:10px 50%, 300px 50%, 0 150%;}
			/*.......*/			

/*outfullscreen*/
.outfullscreen #NavWidgets {-webkit-transform: translate(0, 100%);
							-webkit-transition: transform 0.3s ease-in-out;
							transform: translate(0, 100%);
							transition: transform 0.3s ease-in-out;}
/*.............*/	
header.General  { height: 110px;}
	#Logo {  width: 190px;}		
	a#BtnMobile {top: 20px; right: 0;}
	
	#NavMobile select { width: 180px;}
	
/*PODIO*/
.PodioPage header.General { height: 110px;}
	#NombresPodio div { padding: 0 15px;}

}

@media (max-width: 350px) {
/*PREMIOS*/
.PremiosPage a.BtnVolver { background: rgba(0, 0, 0, 0.7) url(imagenes/icono-flecha-volver.svg) no-repeat center center; background-size:10px auto; font-size:0; display:block; width:30px; height:30px;}
}

@media (max-width: 430px) and (max-height:580px) {
/*JUEGO*/
/*header*/
	#NavPrincipal, #NavOficial { width: 200px;}
	#NavPrincipal a, #NavOficial a { font-size: 1.2rem;}
}

@media (max-width: 400px) and (max-height:670px) {
/*JUEGO*/
/*modefullscreen*/
.modefullscreen #NavWidgets { display: block;}
	.modefullscreen #NavWidgets li { padding: 10px 0;}
	.modefullscreen #NavWidgets li#BtnMisPuntos, 
	.modefullscreen #NavWidgets li#BtnMiPosicion { padding-top: 25px;}
	.modefullscreen .AnilloDatos { -webkit-transform: scale(1.4);
									transform: scale(1.4);}								

.modefullscreen p#NickUsuario,
.modefullscreen p.Leyenda { margin-top: 18px;}
/*.............*/
}


@media (max-width: 400px) and (max-height:580px) {
/*modefullscreen*/
.modefullscreen .AnilloDatos { -webkit-transform: scale(1.1);
								transform: scale(1.1);}

.modefullscreen #NavWidgets li#BtnMisJugadas {margin-top: 10px;}
.modefullscreen p#NickUsuario,
.modefullscreen p.Leyenda { margin-top: 8px;}
.modefullscreen #BtnComenzarJuegoMobile { height: 70px; padding-top: 12px;}
.modefullscreen #BtnComenzarJuegoMobile a {font-size: 1.5rem;}
/*.............*/
}

@media @media (max-height:768px) {
.SafeZone { display: block;}
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*ANIMACIONES///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@-webkit-keyframes shake {
   10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); }  
   20%, 80% { -webkit-transform: translate3d(2px, 0, 0); }
   30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); }
   40%, 60% { -webkit-transform: translate3d(4px, 0, 0); }
} 

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }  
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
}