/*pasar a blanco recuadros amarillos*/
	.caja-carrito,
	.banner-slider-agregarproductos,
	.banner-slider-PE, .banner-slider-LN,
	.banner-Gordo-IQ, .banner-Primi-IQ, .banner-Loto-IQ,
	.banner-EU-IQ,
	.banner-Quiniela-IQ,
	.banner-QuiniGol-IQ,
	.cambiarSorteoLoteriaIQ,
	.panel,
	.bannercontainerBlancoIQ,
	.barra-botes,
	.barraresultadosjuegos,
	.home .header{
		background: transparent !important;
	}
	.bloque1-slider{
		background: #fff;
		border: none;
	}
/*fin pasar a blanco recuadros amarillos*/

/*Invertir los colores de primitiva y bonoloto y cambiar los de quinigol*/
.banner-Loto-IQ .bloque1-slider, .banner-Loto-IQ .bloque2-slider, .btn-BOIQ.activo, .degrade-BOIQ, .btn-tag-eu.btn-BOIQ:hover, .btn-azulito.btn-BOIQ:hover, .degrade-BOIQ, .CuadroRedBOIQ .redSeleccinadaIQ, .CuadroRedBOIQ .btn-buscarIQ, .CuadroRedBOIQ .is-hover, .panel-premios_BOIQ .headerResul, .escrutinioBox_BOIQ .headerResul, .panel-premios_BOIQ .premio-azul, .panel-premios_BOIQ .premio-verde, .panel-premios_BOIQ .premio-rojo{
	background: -webkit-linear-gradient(left, #74b959, #a0e087) !important;
}
.NumeritosS_BO, .Numeritos_BO:hover{
	background-color: #74b959!important;
}
.banner-Primi-IQ .bloque1-slider, .banner-Primi-IQ .bloque2-slider, .btn-PVAIQ.activo, .degrade-PVAIQ, .btn-tag-eu.btn-PVAIQ:hover, .btn-azulito.btn-PVAIQ:hover, .degrade-PVAIQ, .CuadroRedPVAIQ .redSeleccinadaIQ, .CuadroRedPVAIQ .btn-buscarIQ, .CuadroRedPVAIQ .is-hover, .panel-premios_PVAIQ .headerResul, .escrutinioBox_PVAIQ .headerResul, .panel-premios_PVAIQ .premio-azul, .panel-premios_PVAIQ .premio-verde, .panel-premios_PVAIQ .premio-rojo{
	background: -webkit-linear-gradient(left, #067c42, #05ab5a) !important;
}
.NumeritosS_PVA, .Numeritos_PVA:hover{
	background-color: #067c42!important;
}
.banner-QuiniGol-IQ .bloque1-slider, .banner-QuiniGol-IQ .bloque2-slider, .btn-quiniGolIQ.activo, .cabeceraCuadricula, .btn-tag-QGIQ:hover, .btn-tag-QUIIQ.btniq:hover, .btn-quiniGolIQ:hover{
	background: -webkit-linear-gradient(left, #8de2f9, #62a5b7) !important;
}
.cuadriculaFlexFuera .spansignosS, .cuadriculaFlexFuera .spansignos:hover, .cuadriculaFlexCasa .spansignosS, .cuadriculaFlexCasa .spansignos:hover{
    background-color: #74bacd !important;
}

/*Cambiar los colores de los resultados*/
	.caja-resultados-bonoloto{
		background: #7a8634;
	}
	.caja-resultados-quiniela{
		background: #cb1517;
	}
	.caja-resultados-elgordo {
		background: #dc3f47;
	}
	.caja-resultados-loterianac{
		background: #007ac0;
	}
	.caja-resultados-euromillones {
		background: #001367;
	}
	.caja-resultados-primitiva {
		background: #008547;
	}
/*Cambiar los colores de los resultados*/

/*reparar contenedor de botes*/
	.barra-botes .juegobote{
		border-right: none;
	}
	.barra-botes .titulobote,
	.barra-botes .preciobote,
	.barra-botes .nombrejuegobote,
	.barra-botes .textoambiocioso{
		font-size: 25px;
	}
	.barra-botes .montobote{
		border-bottom: 2px solid;
		font-size: 40px;
		line-height: 75px;
	}
	.barra-botes .cuadroBote .col-lg-8.col-md-8.col-sm-7.col-xs-12 .col-lg-2.col-md-1.hidden-sm.hidden-xs{
		display: none !important;
	}
	.barra-botes .cuadroBote .col-lg-8.col-md-8.col-sm-7.col-xs-12 .col-lg-8.col-md-8.col-sm-12{
		width: 100% !important;
	}
	.barra-botes .titulobote,
	.barra-botes .montobote,
	.barra-botes .preciobote,
	.barra-botes .botonjugartodos,
	.barra-botes .textoambiocioso,
	.barra-botes .nombrejuegobote{
		line-height: 1.2em;
	}
	.barra-botes .cubojugador1{
		transform: translate(25%,0%);
	}
	.barra-botes .cubojugador2{
		transform: translate(-10%,0%);
	}
	@media (min-width: 1200px){
		.barra-botes .cubojugador2{
			width: 168px;
		}
	}
	@media (max-width: 1199px) and (min-width:768px){
		.barra-botes .nombrejuegobote{
			width: 68%;
			font-size: 22px;
			padding: 5px 10px;
		}
	}
	@media (max-width: 436px){
		.barra-botes .nombrejuegobote{
			width: 68%;
			font-size: 22px;
			padding: 5px 10px;
		}
		.barra-botes .juegobote{
			height: inherit;
		}
		.barra-botes .btn-jugarbote{
			height: 100%;
			position: absolute;
			top: 0;
			bottom: 0;
			width: inherit;
			transform: translateX(-100%);
			padding: 3px 15px;
		}
	}
	@media (max-width: 1200px) and (min-width: 992px){
		.barra-botes .cubojugador1{
			background-size:contain;
			background-position: 0% 35%;
		}
		.barra-botes .cubojugador2{
			background-size:contain;
			background-position: 0% 52%;
		}
	}
	@media (max-width: 992px){
		.barra-botes .cubojugador1,
		.barra-botes .cubojugador2{
			display: none;
		}
	}
	/*Quitar espacio en blanco en moviles*/
		@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait){
			.barra-botes{
				margin-top: 0px;
			}
		}
	/*Fin quitar espacio en blanco en moviles*/
/*fin reparar contenedor de botes*/

/*Evitar que se descoloquen los cuadros de resultados*/

	.tituloresultados {
		padding: 15px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: normal;
	}

	@media (min-width:992px) and (max-width:1200px){
		.cuadroresultadosjuegos-titulo {
			height: 52px;
		}
		.cuadroresultadosjuegos-diajuego {
			height: 44px;
		}
		.cuadroresultadosjuegos-diajuego2 {
			height: 63px;
		}
		.cuadroresultadosjuegos-bote {
			height: 65px;
		}
	}
	@media (min-width:768px) and (max-width:991px){
		.cuadroresultadosjuegos-titulo {
			height: 52px;
		}
		.cuadroresultadosjuegos-diajuego {
			height: 68px;
		}
		.caja-resultados-quiniela-digitos {
			padding: 10px 3px;
		}
		.cuadroresultadosjuegos-diajuego2 {
			height: 63px;
		}
		.cuadroresultadosjuegos-bote {
			height: 39px;
			font-size: 18px;
		}
	}
	@media (min-width:351px) and (max-width:414px){
		.cuadroresultadosjuegos-titulo {
		}
		.cuadroresultadosjuegos-diajuego {
		}
		.cuadroresultadosjuegos-diajuego2 {
			height: 63px;
		}
		.cuadroresultadosjuegos-bote {
			font-size: 7vw;
		}
	}
	@media (min-width:320px) and (max-width:350px){
		.cuadroresultadosjuegos-titulo {
			height: 52px;
		}
		.cuadroresultadosjuegos-diajuego {
			height: 68px;
		}
		.caja-resultados-quiniela-digitos {
			padding: 10px 3px;
		}
		.cuadroresultadosjuegos-diajuego2 {
			height: 63px;
		}
		.cuadroresultadosjuegos-bote {
			font-size: 7vw;
		}
	}
	@media (max-width:319px){
		.cuadroresultadosjuegos-titulo {
			height: 52px;
		}
		.cuadroresultadosjuegos-diajuego {
			height: 68px;
		}
		.caja-resultados-quiniela-digitos {
			padding: 10px 3px;
		}
		.cuadroresultadosjuegos-diajuego2 {
			height: 63px;
		}
		.cuadroresultadosjuegos-bote {
			height: 65px;
			font-size: 7vw;
		}
	}

/*Fin evitar que se descoloquen los cuadros de resultados*/

/*adaptar carrusel*/
	@media only screen and (max-device-width: 1024px){
		#myCarousel .carousel-inner{
			height: auto;
		}
	}
/*fin adaptar carrusel*/

/*espacios en blanco de paginas anidadas en versiones moviles*/

	@media only screen and (max-device-width: 600px){
		.separador-bloquesLoteriaIQ {
			margin-top: 230px;
		}
	}

/*Evitar que se descoloquen los cuadros de resultados*/
	@media (min-width:992px) and (max-width:1200px){
		.cuadroresultadosjuegos{
			height: 427px;
		}
	}
	@media (min-width:768px) and (max-width:991px){
		.cuadroresultadosjuegos{
			height: 469px;
		}
	}
	@media (min-width:401px) and (max-width:767px){
		.cuadroresultadosjuegos{
			height: 401px;
		}
	}
	@media (min-width:351px) and (max-width:400px){
		.cuadroresultadosjuegos{
			height: 438px;
		}
	}
	@media (min-width:301px) and (max-width:350px){
		.cuadroresultadosjuegos{
			height: 469px;
		}
	}
	@media (max-width:300px){
		.cuadroresultadosjuegos{
			max-height: 517px;
		}
	}
/*Fin evitar que se descoloquen los cuadros de resultados*/

/*footer*/
	.PieBanner {
		height: auto !important;
	}
/*fin footer*/

/*corregir algunos elementos interiores*/

	/*ancho del + y - de otros resultados*/
		@media (max-width: 991px){
			.inputMasMenosIQ{
				padding: 0;
			}
		}
		@media (max-width: 600px){
			.divMasMenosIQ > a, .divMasMenosIQ > input{
				width: 100% !important;
			}
		}
/*FIN corregir algunos elementos interiores*/
	

/*ADAPTAR CABECERA A RESPONSIVE*/
		.header{
			min-height: 111px !important;
		}
		.top-bar-STA{
			width: 100% !important;
		}
		@media (min-width: 1025px){
			.home .header {
				min-height: 193px !important;
			}
		}
		.top-bar-STA > .container.container100IQ > .row > div{
			max-height: 89px;
		}
		#UpdatePanel1{
			width:60%;
			display: inline-block;
			height: 89px;
		}
		.caja-carrito{
			width: 32%;
			float: none;
			display: inline-block;
			vertical-align: top;
			font-size: 0;
			padding: 26px 0 0;
			height: 89px;
		}
		.caja-carrito.sticky{
			position: relative;
		}
		.full-width .top-bar-STA {
			height: 89px;
		}
		@media (min-device-width: 601px) and (max-device-width: 1024px){
			.caja-carrito{
				min-height: 89px;
			}
		}
		@media only screen and (min-device-width: 414px) and (max-device-width: 600px)  and (orientation:landscape){
			.caja-carrito {
				height: 78px !important;
			}
		}
		@media only screen and (max-device-width: 413px) and (orientation:landscape){
			.caja-carrito {
				height: 59px !important;
			}
		}
		@media only screen and (max-device-width: 600px) and (orientation:portrait){
			.caja-carrito {
				height: 59px !important;
			}
		}
		#dNoLogeado, #A_Cesta, #dLogeado{
			margin: auto;
			margin-top: 0;
		}
		.accesos-STA{
			margin: 0 !important;
		}
		#General_C_LoginCabecera1_UpdatePanel1{
			width: 25%;
			display: inline-block;
			vertical-align: top;
		}
		#dNoLogeado, #dLogeado{
			width: 75%;
			display: inline-block;
			vertical-align: top;
		}
		#General_C_LoginCabecera1_UpdatePanel1 .col-lg-3{
			width: 100%;
			padding: 0;
		}
		#dNoLogeado #A_Acceso, #dNoLogeado #A_Registro, #dLogeado #A_MiCuentaLogin, #A_SaldoLogin, #A_cerrarLogin{
			width: 33.33%;
			display: inline-block !important;
			float: none;
			vertical-align: top;
		}
		.carrito-mensaje-STA{
			margin: 0;
		}
		.carrito-mensaje-STA .mensajes-STA {
			top: 0 !important;
			left: 50% !important;
			transform: translateX(-12px);
		}
		#dNoLogeado i, #dLogeado i{
			font-size: 16px;
			line-height: 22px;
		}
		.logo-relax-STASoloLogoIQ img{
			top: 1px;
			max-width: 35vw !important;
			width: inherit;
			max-height: 86px;
			position: absolute;
			padding: 0px;
			z-index: 99;
		}
		.telefono-STA {
			padding: 29px 0px;
		}
		#navigation-toggle, #navigation-box, #menu-STA, .navigation-front-STA{
			margin-top: 0px;
			padding: 0px;
			min-height: 0px;
			top: 0;
		}
		.top-navigation-STA {
			top: -7px;
		}
		@media (max-width: 1024px){
			.top-navigation-STA > .navigation-front-STA > .container{
				height: 0;
			}
		}
		#navigation-toggle{
			top: -101px;
			transition: top 0s, margin 0s;
		}
		#navigation-toggle.open-menu{
			border: 1px solid;
		}

		/*reparar responsive cabecera version desktop*/
			@media (min-width: 992px) and (max-width:1024px){
				.top-navigation-STA {
					top: 0px !important;
				}
			}
			@media (min-width: 1025px){
				ul#navigation {
					margin-top: 0 !important;
				}
				#navigation-toggle{
					top: -111px;
				}
			}
			@media (min-width:1024px){
				.top-navigation-STA.sticky{
					top: 0px !important;
				}
			}
			@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
				.logo-relax-STA img {
					width: auto !important;
				}
			}
			@media (min-width:320px) and (max-width:547px){
				.caja-carrito {
					margin-top: 0px;
				}
			}
			@media only screen and (max-device-width: 1024px){
				.registro-movil {
					top: inherit;
				}
			}
			@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape){
				.logo-relax-STASoloLogoIQ img{
					max-height: 76px;
				}
			}
			@media (min-width:0px) and (max-width:1024px) and (orientation: portrait){
				.caja-carrito {
					margin-top: 0px;
				}
			}
			@media only screen and (max-width: 600px) and (orientation: portrait){
				ul#navigation{
					top: 10px;
				}
			}
			@media only screen and (max-device-width: 600px) and (orientation: portrait){
				.logo-relax-STASoloLogoIQ img{
					max-height: 57px;
				}
			}
			@media only screen and (max-width: 600px){
				.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ{
					display: none;
				}
			}
			@media (max-width: 480px){
				.home .header {
					height: auto;
				}
			}
			@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape){
				.registro-movil {
					margin: 0px 0px 0px 0px !important;
				}
			}
			@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
				#A_cerrarLogin .fa-sign-out-alt, .texto-mensaje-salir{
					margin-left: 0px;
				}
			}
			@media (max-width: 991px) and (min-width: 768px){
				.ssaldoIQ{
					display: block!important;
				}
			}

		/*fin reparar responsive cabecera version desktop*/

		/*reparar responsive cabecera version movil*/
			@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 2048px) and (min-device-width: 1536px){
				.container {
					width: 1170px;
				}
			}
			@media (max-device-width: 600px){
				.home .header{
					min-height: 81px !important;
					height: auto !important;
				}
				#UpdatePanel1 {
					height: 59px;
				}
				.logo-relax-STASoloLogoIQ img {
					top: 1px;
					height: 57px;
				}
				.top-bar-STA > .container.container100IQ > .row > div {
					max-height: 59px;
				}
			}
			@media (max-device-width: 600px) and (min-device-width: 414px) and (orientation:landscape){
				.home .header{
					min-height: 100px !important;
					height: auto !important;
				}
			}
			@media (max-device-width: 480px){
				#UpdatePanel1{
					height: 59px;
				}
				.logo-relax-STASoloLogoIQ img{
					top: 1px;
					height: 57px;
				}
				.top-bar-STA > .container.container100IQ > .row > div{
					max-height: 59px;
				}
			}
			@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
				.logo-movil {
					top: 0;
				}
			}
			@media only screen and (max-device-width: 1024px){
				.logomovilIQ img {
					max-height: 86px !important;
					max-width: inherit !important;
					margin-top: 0;
				}
				.texto-mensaje-salir, .fa-sign-out-alt{
					margin-left: 0;
				}
			}
			@media only screen and (max-device-width: 600px){
				.logomovilIQ img {
					max-height: 57px !important;
				}
			}
			@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait){
				.logo-movil {
					top: 0;
				}
			}
			@media only screen and (max-device-width: 1024px){
				.carrito-mensaje-STA {
					font-size: 16px;
					color: #4a4a49;
				}
			}
			@media only screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape){
				.caja-carrito{
					min-height: auto;
				}
			}
			@media only screen and (max-device-width: 1024px){
				.caja-carrito{
					margin-top: auto;
				}
			}
			/*adaptar en vertical cuando la cabecera reduce su height*/
				@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape){
					#UpdatePanel1{
						height: 78px;
					}
					.top-bar-STA > .container.container100IQ > .row > div {
						max-height: 78px;
					}
					.header {
						min-height: 100px !important;
					}
					.logo-relax-STASoloLogoIQ img{
						max-height: 72px;
						margin-top: 3px !important;
					}
				}
				@media only screen and (max-device-width: 413px) and (orientation: landscape){
					#UpdatePanel1{
						height: 59px;
					}
					.top-bar-STA > .container.container100IQ > .row > div {
						max-height: 59px;
					}
					.header {
						min-height: 81px !important;
					}
					.logo-relax-STASoloLogoIQ img{
						max-height: 55px;
						margin-top: 2px !important;
					}
					#navigation-toggle{
						top: -77px !important;
					}
				}
				@media only screen and (max-device-width: 319px){
					#General_C_LoginCabecera1_UpdatePanel1, #dNoLogeado, #dLogeado{
						padding: 3px;
						display: block;
						margin-left: 10px;
					}
					.caja-carrito{
						padding: 0 !important;
					}
				}
				@media only screen and (max-device-width: 600px) and (orientation: portrait){
					.logo-relax-STASoloLogoIQ img{
						max-height: 55px !important;
						margin-top: 2px !important;
					}
				}			

			/*adaptar en vertical cuando la cabecera reduce su height*/

		/*fin reparar responsive cabecera version movil*/

		/*nueva disposición elementos responsive*/
			@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
				.caja-carrito {
					margin-top: 0px;
				}
			}
			@media only screen and (max-width: 767px) and (min-width: 0px){
				#UpdatePanel1{
					width:40%;
				}
				.caja-carrito{
					width: 50%;
				}
			}
			@media only screen and (max-width: 850px){
				#A_SaldoLogin{
					display: none !important;
				}
			}
			@media only screen and (max-width: 600px){
				#dNoLogeado #A_Registro, #A_cerrarLogin, #A_SaldoLogin{
					display: none !important;
				}
				#dNoLogeado #A_Acceso, #dLogeado #A_MiCuentaLogin{
					width: 100%;
				}
				.caja-carrito{
					float: left;
    				width: 45%;
					padding: 20px 0;
				}
				#General_C_LoginCabecera1_UpdatePanel1, #dNoLogeado, #dLogeado{
					width: 50%;
					text-align: center;
				}
				#A_MiCuentaLogin, #A_Acceso{
					width: 100%;
				}
				.logo-relax-STASoloLogoIQ img{
					max-width: 90% !important;
					height: auto;
					margin-top: calc(55px - 10vw);
				}
				#UpdatePanel1 div.col-lg-6.col-md-6.col-sm-6.col-xs-12{
					padding: 0;
				}
				.carrito-mensaje-STA, #dNoLogeado i, #dLogeado i{
					font-size: 20px;
				}
			}
			@media (max-width: 319px){
				.caja-carrito{
    				width: 20%;
					padding-top: 15px;
    				padding-bottom: 0;
				}
				#General_C_LoginCabecera1_UpdatePanel1, #dNoLogeado, #dLogeado{
					width: 100%;
					padding: 5px;
				}
			}

		/*fin nueva disposición elementos responsive*/

		/*reparar responsive hamburguesa version desktop*/

			@media (min-width:992px) and (max-width:1223px) and (orientation: landscape){
				.menu-icon:before {
					font-family: 'icomoon';
					content: "\e678";
					font-size: 19px;
					color: #fff;
					text-decoration: none;
					position: absolute;
					left: 16px;
					top: 39px;
					opacity: 0;
					-webkit-transform: translate3d(0,0,0);
					-moz-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
					-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
					-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
					transition: transform 0.5s ease, opacity 0.5s ease;
				}
				.open-menu .menu-icon:before {
					opacity: 1;
					transition: transform 0.5s ease, opacity 0.5s ease;
					transform: translateY(-27px);
				}
			}
			@media (min-width:813px) and (max-width:1024px) and (orientation: landscape){
				ul#navigation {
					margin: 0 !important;
				}
				#navigation-box{
					top: -17px;
				}
				#navigation-toggle {
					top: -90px;
				}
			}
			@media (min-width:768px) and (max-width:812px) and (orientation: landscape){
				.top-navigation-STA {
					top: -10px !important;
				}
				ul#navigation {
					margin: 0 !important;
					top: 10px !important;
				}
				#navigation-box{
					top: -17px;
				}
				#navigation-toggle {
					top: -90px;
				}
			}
			@media (max-width: 991px) and (min-width: 768px) and (orientation: landscape){
				#navigation-toggle{
					top: -81px;
				}
			}
			@media (min-width:737px) and (max-width:767px) and (orientation: landscape){
				.top-navigation-STA {
					top: 0px !important;
				}
				ul#navigation {
					top: -17px !important;
				}
			}
			@media (min-width:548px) and (max-width:736px) and (orientation: landscape){
				.top-navigation-STA {
					top: 0px !important;
				}
				ul#navigation {
					top: -17px !important;
				}
			}
			@media (min-width:414px) and (max-width:547px) and (orientation: landscape){
				.top-navigation-STA {
					top: 88px !important;
				}
				ul#navigation {
					top: -17px !important;
				}
			}
			@media (min-width:320px) and (max-width:413px) and (orientation: landscape){
				.top-navigation-STA {
					top: 71px !important;
				}
				ul#navigation {
					top: 0 !important;
				}
			}
			@media (min-width:0px) and (max-width:319px) and (orientation: landscape){
				.top-navigation-STA {
					top: -17px !important;
				}
				ul#navigation {
					top: 0 !important;
				}
			}
			@media (min-width:992px) and (max-width:1024px) and (orientation: portrait){
				
			}
			@media (min-width:601px) and (max-width:991px) and (orientation: portrait){
				ul#navigation {
					top: 10px !important;
				}
			}
			@media (max-width:767px) and (min-width:414px) and (orientation: landscape){
				#navigation-toggle{
					top: -108px;
				}
			}
			@media (max-width:413px) and (orientation: landscape){
				#navigation-toggle{
					top: -91px;
				}
				ul#navigation {
					margin-top: 0 !important;
				}
			}
			@media (min-width:1025px){
				ul#navigation{
					overflow: hidden;
				}
				 /* Ocultar scrollbar en Chrome, Safari and Opera */
					ul#navigation::-webkit-scrollbar{
					  display: none;
					}
			
				/* Ocultar scrollbar en IE, Edge and Firefox */
					.ul#navigation{
					  -ms-overflow-style: none;  /* IE and Edge */
					  scrollbar-width: none;  /* Firefox */
					}
			}

		/*fin reparar responsive hamburguesa version desktop*/

		/*reparar responsive hamburguesa version movil*/
			@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
				#navigation-box {
					margin-top: 0px !important;
				}
			}
			@media (max-device-width: 1024px) and (min-device-width: 992px) and (orientation: landscape){
				ul#navigation {
					top: 0px;
				}
			}
			@media (max-device-width: 736px) and (min-device-width: 548px) and (orientation: landscape){
				.top-navigation-STA {
					top: 91px !important;
				}
			}
			@media (max-device-width: 568px) and (min-device-width: 548px) and (orientation: landscape){
				.top-navigation-STA {
					top: 54px !important;
				}
			}
			@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){
				ul#navigation.showen-c{
					height: auto;
				}
			}
			@media only screen and (-webkit-device-pixel-ratio: 2) and (max-height: 736px) and (min-width: 414px) and (orientation: landscape){
				ul#navigation.showen-c{
					height: auto;
				}
			}
			@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
				ul#navigation.showen-c {
					height: auto;
				}
			}
			@media only screen and (max-device-width: 600px) and (orientation: portrait){
				.top-navigation-STA {
					top: -64px;
				}
				#navigation-box {
					margin-top: 0 !important;
				}
				#navigation-toggle{
					top: -29px;
				}
			}
			@media (min-width: 768px){
				#navigation-box {
					right: 60px !important;
				}
			}
			@media (max-width: 767px){
				#navigation-box {
					right: 20px !important;
				}
			}
			@media only screen and (max-device-width: 319px) and (orientation: landscape){
				.top-navigation-STA {
					top: 246px !important;
				}
			}
			/*reparar la disposicion de los iconos en los diferentes tamaños de la hamburguesa*/
				ul#navigation > li > a:nth-child(2){
					background-repeat: no-repeat;
					background-position-x: 10px;
					padding: 0px 0px !important;
					height: 42px;
					margin: auto auto auto 17px;
					width: 59px;
				}
				@media (min-width:1025px){
					ul#navigation > li{
						text-align: center;
					}
					ul#navigation > li > a:nth-child(2){
						margin: auto;
						float: none;
					}
				}
				@media only screen and (min-width:768px) and (max-width:991px) and (orientation: landscape) {
					ul#navigation > li > a#TextoMenu{
						font-size: 30px;
					}
				}
				@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
					ul#navigation > li > a:nth-child(2){
						float: left;
					}
					ul#navigation > li, ul#navigation li:first-child{
						margin-left: auto;
						margin-right: auto;
					}
				}
				@media only screen and (max-width: 767px) and (min-width: 375px) and (orientation: landscape){
					ul#navigation > li > a:#TextoMenu{
						font-size: 30px;
					}
					ul#navigation > li, ul#navigation li:first-child{
						margin-left: auto;
						margin-right: auto;
						border: none;
					}		
				}
				@media only screen and (max-width: 374px) and (orientation: landscape){
					ul#navigation > li > a:nth-child(2){
						margin: 0 17px;
					}
					ul#navigation > li{
						text-align: center;
					}
					ul#navigation.showen-c{
						height: 100px;
					}
				}
				@media only screen and (max-width: 767px) and (orientation: portrait){
					ul#navigation.showen-c {
						overflow: scroll;
					}
				}
				@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: portrait){
					#navigation-toggle{
						display: block;
					}
					.top-navigation-STA {
						top: -5px !important;
					}
					ul#navigation {
    					top: 8px !important;
					}
					ul#navigation.hidden-c{
						display: none;
					}
					ul#navigation.showen-c{
						display: block;
					}
				}
				@media only screen and (min-device-width: 668px) and (max-device-width: 767px) and (orientation: portrait){
					ul#navigation{
						width: 375px;
						margin: 0px -26px;
					}
					ul#navigation > li{
						margin-top: 5px;
					}
					ul#navigation > li > a:nth-child(2){
						background-repeat: no-repeat;
						background-position-x: 10px;
						padding: 0px 0px !important;
						height: 42px;
						margin: auto;
						width: 59px;
					}
					ul#navigation > li, ul#navigation li:first-child{
						margin-left: auto;
						margin-right: auto;
						border: none;
					}	
				}
				@media only screen and (max-device-width: 667px) and (min-device-width: 0px) and (orientation: portrait){
					ul#navigation > li, ul#navigation li:first-child{
						margin-left: auto;
						margin-right: auto;
						border: none;
					}		
				}
				@media only screen and (max-device-width: 667px) and (min-device-width: 0px) and (orientation: portrait){
					ul#navigation{
						width: 94vw;
						margin-right: 3vw;
						margin-left: 3vw;
						right: -35px;
					}		
				}
				@media only screen and (max-device-width: 319px) and (min-device-width: 0px) and (orientation: portrait){
					ul#navigation{
						padding: 0;
					}		
				}
				ul#navigation > li, ul#navigation li:first-child{
					padding-top: 5px;
					top: 0px !important;
				}
				@media (max-width: 1024px) and (orientation:landscape){
					ul#navigation > li {
						border: 1px solid #fff !important;
						margin-top: 0 !important;
					}
					ul#navigation > li > a#TextoMenu {
						font-size: 25px;
						line-height: 25px;
					}
				}
				.MenuResponsive a:after {
					height: 0;
				}
				@media (orientation:landscape){
					ul#navigation > li > a:nth-child(2) {
						/*height: 35px;*/
						background-size: contain;
					}
				}
				@media (max-width: 600px){
					ul#navigation > li > a#TextoMenu {
						font-size: 22px;
						line-height: 22px;
					}
					ul#navigation > li > a:nth-child(2) {
						height: 32px;
						background-size: contain;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					ul#navigation{
						width: 250px;
					}
					ul#navigation > li.MenuResponsive.visible-xs > a > i {
						font-size: 24px;
						line-height: 30px;
						margin-bottom: 10px;
					}
				}
				
				
			/*fin reparar la disposicion de los iconos en los diferentes tamaños de la hamburguesa*/

			/*reparar menu horizontal de juegos*/

				@media (min-width: 1025px){
					#navigation-box {
						right: 0px;
					}
				}
				@media (min-width: 1025px){
					#navigation-box {
						right: 0px !important;
					}
					ul#navigation{
						overflow: hidden;
					}
				}
				@media (min-width: 992px) and (max-width: 1024px) and (orientation: landscape){
					#myCarousel .carousel-inner{
						top: -67px;
					}
					#myCarousel.carousel {
						height: 504.594px;
					}
					ul#navigation{
						position: absolute;
						right: 60px;
    					top: 0;
					}
				}
				@media (min-device-width: 992px) and (max-device-width: 1024px){
					#myCarousel .carousel-inner{
						top: -67px;
					}
					#myCarousel.carousel {
						height: 360px;
					}
					ul#navigation{
						position: absolute;
						right: 60px;
    					top: 0;
					}
					.cuadroOsc{
						top: -25px;
					}
				}
				@media only screen and (max-width: 1024px) and (min-width: 992px) and (orientation: landscape){
					.top-navigation-STA {
						top: 10px !important;
					}
				}
				@media only screen and (max-width: 991px) and (min-width: 813px) and (orientation: landscape){
					.top-navigation-STA {
						top: 1px !important;
					}
				}
				@media only screen and (max-width: 812px) and (min-width: 768px) and (orientation: landscape){
					.top-navigation-STA {
						top: 0 !important;
					}
				}
				@media only screen and (max-width: 767px) and (min-width: 0px) and (orientation: landscape){
					.top-navigation-STA {
						top: 0 !important;
					}
					ul#navigation{
						top: 13px !important;
					}
					ul#navigation > li a {
						display: block;
					}
					ul#navigation > li > a:nth-child(2) {
						margin: auto;
					}
				}
				@media only screen and (max-device-width: 413px) and (min-width: 0px) and (orientation: landscape){
					.top-navigation-STA {
						top: -20px !important;
					}
				}
				@media only screen and (max-device-width: 736px) and (min-width: 668px) and (orientation: landscape){
					.top-navigation-STA {
						top: 91px !important;
					}
					#navigation-toggle {
						top: -95px;
					}
				}
				@media only screen and (max-device-width: 667px) and (min-device-width: 414px) and (orientation: landscape){
					.top-navigation-STA {
						top: 39px !important;
					}
					#navigation-toggle {
						top: -95px;
					}
				}
				@media only screen and (max-device-width: 413px) and (min-device-width: 0px) and (orientation: landscape){
					.top-navigation-STA {
						top: 19px !important;
					}
					#navigation-toggle {
						top: -65px !important;
					}
				}
				@media only screen and (min-width: 991px) and (max-width: 1024px) and (orientation: portrait){
					.full-width .navigation-front-STA, .sticky .navigation-front-STA{
						background-color: transparent !important;
					}
				}
				@media only screen and (max-width: 991px) and (min-width: 0px) and (orientation: portrait){
					.top-navigation-STA {
						top: 13px;
					}
				}
				@media only screen and (max-device-width: 600px) and (orientation: portrait){
					.top-navigation-STA {
						top: -54px;
					}
				}
				@media only screen and (max-device-width: 767px) and (min-device-width: 0px) and (orientation: landscape){
					ul#navigation > li a {
						display: inline-block;
					}
				}

			/*fin reparar menu horizontal de juegos*/

		/*fin reparar responsive hamburguesa version movil*/

		/*dejar fija la cabecera*/

				@media only screen and (max-width: 1024px){
					.full-width .top-bar-STA {
						position: fixed;
					}
				}

			/*adaptar la altura de la sábana según la altura del viewport*/
				ul#navigation{
					max-height: calc(100vh - 111px);
					overflow-y: auto;
				}		
				@media (max-device-height: 600px){
					ul#navigation{
						max-height: calc(100vh - 81px);
					}
				}

			/*adaptar la altura de la sábana según la altura del viewport*/
		/*dejar fija la cabecera*/

/*FIN ADAPTAR CABECERA A RESPONSIVE*/

/*ADAPTAR ALGUNOS ELEMENTOS INTERIORES*/
	@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
		.tituloMasterIQ {
			padding: 111px 0px 20px;
		}
	}
	@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){
		.tituloMasterIQ {
			padding: 25px 0px 20px;
		}
	}

	/*FIN ADAPTAR ALGUNOS ELEMENTOS INTERIORES*/

	/*Corregir los fallos del separador de bloques en elementos interiores*/
	.bloque1-Pe{
		margin: 111px 0px 0px 0px!important;
	}
	.subtitulo-Pe {
		margin: -80px 0 0 20px;
		top: -70px;
	}
	.col-lg-12.col-md-12.col-sm-12.col-xs-12 .bloque1-Pe:nth-child(2){
		margin: 20px 10px 0 10px !important;
		text-align: center;
		position: absolute;
		width: 100%;
	}
	.col-lg-12.col-md-12.col-sm-12.col-xs-12 .bloque1-Pe:nth-child(2) .subtitulo-Pe {
		margin-left: 0;
		margin-right: 0;
		line-height: 1em;
	}
	@media only screen and (max-width: 600px){
		.home .header{
			height: auto;
		}
		.header .bloque1-slider, .header .bloque2-slider{
			margin-top: 111px !important;
		}
		.bloque1-slider {
			height: auto;
			min-height: auto;
		}
	}
	@media only screen and (max-device-width: 767px){
		.header .bloque1-slider{
			margin-top: 15px !important;
			margin-right: 0;
			margin-bottom: -80px !important;
		}
		.header .bloque2-slider{
			margin-top: 10px !important;
			margin-left: 0;
		}
		.bannercontainer{
			height: auto;
		}
		.header .bloque1-slider.bloque1-Pe{
			margin-bottom: 0px !important;
		}
	}
	@media only screen and (max-device-width: 667px) and (orientation: portrait){
		.separador-bloquesBoletos, .separador-bloquesQuinielaBoletos, .separador-bloquesLoteriaIQ{
			margin-top: 0;
		}
		.seccion-boleto {
			margin: 0;
		}
	}
	@media only screen and (max-device-width: 1024px){
		.bannercontainer.banner-slider-boletosIQ, .bannercontainer.banner-slider-LN, .bannercontainer.banner-slider-PE{
			height: auto;
		}
	}
	@media (max-width: 735px){
		.botoneraQIQ {
			top: 0;
		}
		.contenedor-paneles-sorteo {
			padding-top: 0;
		}
		.separador-bloques-pena {
			margin-top: 0;
		}
	}
	@media only screen and (max-device-width: 559px){
		.separador-bloques-pena{
			margin-top: 0;
		}
		.separador-bloquesPenyaIQ{
			margin-top: 20px !important;
		}
	}
	@media (max-width: 1024px){
		.bloque1-slider {
			height: auto;
		}
	}
	@media only screen and (min-width: 1024px){
		.seccion-Login {
			margin-top: 0 !important;
		}
	}
	@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){
		.seccion-Login {
			margin-top: 0;
		}
		.tituloMasterIQ {
			padding: 80px 0 0;
			margin-bottom: 0;
		}
	}
	.bote-fecha-slider {
		text-align: center;
		margin-top: -22px;
		margin-right: 0px;
	}
	.separador-bloquesLoteriaIQ, .separador-bloquesBoletos{
		margin-top: 10px !important;
		margin-bottom: 0 !important;
	}
	@media (max-width: 480px){
		.bannercontainer {
			display: block;
		}
	}
	@media only screen and (max-width: 600px){
		.header > div:not(.top-bar-STA){
			top: 81px;
			padding-bottom: 81px;
			height: inherit;
		}
		.titulo-slider-LN {
			font-size: 30px;
			line-height: 35px;
			text-align: center;
			margin: -10px 0px 70px;
			width: 100%;
		}
		.subtitulo-slider-LN {
			font-size: 28px;
			line-height: 20px;
			margin: -9px 0px 94px;
			margin-top: -90px;
			text-align: center;
		}
	}
	@media only screen and (max-width: 667px){
		.bloque1-slider {
			height: auto;
		}
		.titulo-slider-EU{
			margin: 0;
			text-align: center;
    		width: 100%;
			padding-bottom: 0;
		}
		.titulo-slider-EU br{
			display: none;
		}
		.subtitulo-slider-EU{
			margin: 0;
		}
	}
	@media only screen and (min-width: 601px) and (max-width: 767px){
		.header > div:not(.top-bar-STA){
			top: 0;
			padding-top: 111px;
			height: inherit;
		}
		.bloque1-slider, .bloque2-slider{
			margin: 10px 0 !important;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 1024px){
		.header > div:not(.top-bar-STA){
			top: 0;
			padding-top: 111px;
			height: inherit;
		}

		.bloque1-slider, .bloque2-slider{
			margin-top: 10px !important;
		}
	}
	@media only screen and (min-width: 1025px) and (max-width: 1200px){
		.titulo-slider-LN {
			font-size: 40px;
		}
	}
	@media only screen and (min-width: 1025px){
		.bloque1-slider, .bloque2-slider{
			min-height: 181px;
		}
		.frase-slider-EU {
			text-align: center;
		}
	}
	@media only screen and (max-device-width: 667px) and (min-device-width: 569px) and (orientation: portrait){
		section.container.seccion-numeroClave.divAbsoluteIQ{
			top: -770px !important;
            position: relative;
		}
	}
	/*@media only screen and (max-device-width: 667px) and (orientation: portrait){
		#ContentPlaceHolderCentral_ContentPlaceHolderCentral_Boleto_UpdatePanel1 section.container.separador-bloques.separador-bloquesQuinielaBoletos:nth-child(1){
			margin-top: -160px;
		}
	}*/
	@media only screen and (min-width: 668px){
		.separador-bloques-pena {
			display: block;
			height: 50px;
		}
	}

/*reducir el tamaño del desplegable*/
	@media (max-device-width: 767px) and (min-device-width: 601px){
	    ul#navigation{
	    	padding: 0 !important;
			width: auto;
	    	min-width: 40vw
	    }
		ul#navigation li, ul#navigation li:first-child{
			border: 1px solid #fff !important;
			top: 0 !important;
			margin-top: 0!important;
			padding: 2px 0;
		}
		ul#navigation > li > a:nth-child(2){
			width: 40px;
			height: 30px;
			background-size: contain;
		}
		ul#navigation > li > a:nth-child(3){
			padding: 5px 0;
			font-size: 25px;
			margin-left: 20px;
		}
		ul#navigation > li.MenuResponsive.visible-xs > a > i{
			width: 40px;
			height: 30px;
			font-size: 30px;
			line-height: 30px;
			margin-left: 17px;
			padding:  0;
			margin-right: 6px;
		}
		ul#navigation > li.MenuResponsive.visible-xs > a{
			padding: 5px 0;
			font-size: 25px;
		}
	}
	@media (max-device-width: 600px){
	    ul#navigation{
	    	padding: 0 !important;
	    	width: 230px;
	    }
		ul#navigation li, ul#navigation li:first-child{
			border: 1px solid #fff !important;
			top: 0 !important;
			/*margin-top: 0!important;*/
			padding: 0;
			height:  auto;
			min-height: auto;
			line-height: 1em;
		}
		ul#navigation > li > a:nth-child(2){
			width: 35px;
			height: 25px;
			background-size: auto 75%;
			margin-left: 8px;
			background-position: center;
		}
		ul#navigation > li > a:nth-child(3){
			padding: 5px 0;
			font-size: 18px;
			margin-left: 12px;
			line-height: 1em;
			margin-right: 8px;
		}
		ul#navigation > li.MenuResponsive.visible-xs > a > i{
			width: 35px;
			height: 25px;
			font-size: 16px;
			line-height: 30px;
			padding:  0;
		}
		ul#navigation > li.MenuResponsive.visible-xs > a{
			padding: 0;
			font-size: 18px;
			line-height: 1em;
			margin: 0 8px;
		}
	}
	/*reducir el tamaño del desplegable*/

/*Dejar fijos los juegos al hacer scroll*/
	/*
	@media (min-width: 1025px){
		.full-width .top-bar-STA {
			position: fixed;
		}
		.top-navigation-STA.sticky{
			position: relative;
			top: -17px !important;
		}
		.home .header{
			min-height: 194px !important;
		}
		#myCarousel.carousel {
			top: 0;
		}
		.header > div:not(.top-bar-STA){
			padding-top: 213px
		}
		.header .bloque1-slider, .header .bloque2-slider{
			margin-top: 0 !important;
		}
	}
	
/*Fin dejar fijos los juegos al hacer scroll*/

/*Fin corregir los fallos del separador de bloques en elementos interiores*/

/*Cambios para web sin marquesina*/
	/*
	.home .header{
		min-height: 89px !important;
	}
	.top-navigation-STA, .top-navigation-STA.sticky{
		top: 0 !important;
	}
	@media (min-width: 1025px){
		#myCarousel.carousel {
			top: 0;
		}
	}
	@media only screen and (max-device-width: 600px){
		.home .header{
			min-height: 59px !important;
		}
	}
	@media (max-device-width: 600px) and (min-device-width: 414px) and (orientation:landscape){
		.home .header{
			min-height: 78px !important;
		}
	}
	@media only screen and (max-width: 1024px) and (min-width: 992px) and (orientation: landscape){
		.top-navigation-STA {
			top: 17px !important;
		}
	}
	@media only screen and (max-width: 991px) and (min-width: 813px) and (orientation: landscape){
		.top-navigation-STA {
			top: 8px !important;
		}
	}
	@media only screen and (max-width: 812px) and (min-width: 414px) and (orientation: landscape){
		.top-navigation-STA {
			top: 7px !important;
		}
	}
	@media only screen and (max-width: 413px) and (orientation: landscape){
		.top-navigation-STA {
			top: -13px !important;
		}
	}
	@media only screen and (max-device-width: 1024px) and (min-device-width: 992px) and (orientation: landscape){
		.top-navigation-STA {
			top: 21px !important;
		}
	}
	@media only screen and (max-device-width: 991px) and (min-device-width: 814px) and (orientation: landscape){
		.top-navigation-STA {
			top: 12px !important;
		}
	}
	@media only screen and (max-device-width: 813px) and (min-device-width: 737px) and (orientation: landscape){
		.top-navigation-STA {
			top: 8px !important;
		}
	}
	@media only screen and (max-device-width: 736px) and (min-device-width: 668px) and (orientation: landscape){
		.top-navigation-STA {
			top: 109px !important;
		}
	}
	@media only screen and (max-device-width: 667px) and (min-device-width: 600px) and (orientation: landscape){
		.top-navigation-STA {
			top: 57px !important;
		}
	}
	@media only screen and (max-device-width: 599px) and (min-device-width: 414px) and (orientation: landscape){
		.top-navigation-STA {
			top: 46px !important;
		}
	}
	@media only screen and (max-device-width: 413px) and (min-device-width: 375px) and (orientation: landscape){
		.top-navigation-STA {
			top: 26px !important;
		}
	}
	@media only screen and (max-device-width: 374px) and (min-device-width: 320px) and (orientation: landscape){
		.top-navigation-STA {
			top: 41px !important;
		}
	}
	@media only screen and (max-device-width: 319px) and (min-device-width: 0px) and (orientation: landscape){
		.top-navigation-STA {
			top: 250px !important;
		}
	}
	#navigation-toggle {
		transform: translateY(22px);
	}
	@media only screen and (max-device-width: 1024px) and (min-device-width: 992px) and (orientation: portrait){
		.top-navigation-STA {
			top: 17px !important;
		}
	}
	@media only screen and (max-device-width: 991px) and (min-device-width: 600px) and (orientation: portrait){
		.top-navigation-STA {
			top: 14px !important;
		}
	}
	@media only screen and (max-device-width: 599px) and (min-device-width: 0px) and (orientation: portrait){
		.top-navigation-STA, .top-navigation-STA.sticky{
			top: -47px !important;
		}
	}
	
	/*Aplicar si toda la cabecera está fija al hacer scroll y no hay marquesina*/
		/*
		@media (min-width: 1025px){
			.home .header {
				min-height: 172px !important;
			}
			.top-navigation-STA.sticky{
				top: 0 !important;
			}
		}
		
	/*Aplicar si toda la cabecera está fija al hacer scroll y no hay marquesina*/
/*Fin cambios para web sin marquesina*/

/*Corregir elementos limitados en altura*/
.divCompruebaDecimo {
	height: auto;
}

/*Corregir ubicacion de modales*/
.modalComprobarDecimoko {
	max-width: 420px;
	width: 95%;
	height: auto;
	margin: 0;
	transform: translate(-50%, -50%);
}
.modalComprobarDecimoko .btn-azulito {
	font-size: 22px;
}
@media (max-width: 450px){
	.modalComprobarDecimoko {
		padding: 10px 26px;
	}
	.modalComprobarDecimoko .textoPremiado{
		line-height: 1.2em;
	}
	.modalComprobarDecimoko .bloque1 {
		padding: 8px 16px;
	}
	.modalComprobarDecimoko .comoCobro {
		padding: 5px 0px 5px 0px;
	}
	.modalComprobarDecimoko .subDecimo {
		padding: 8px 0px 8px 0px;
	}
	.modalComprobarDecimoko .btn-azulito {
		line-height: 1.2em;
		min-height: auto;
	}
}