﻿﻿.wrapper{
	background-color: #fbf8ee;
}
/*arriba*/
	.logo-relax-STASoloLogoIQ img{
		max-width: 42%;
	}
	.caja-carrito{
		background: #000;
	}
	#navigation-toggle{
		background-image: none;
		background: #000;
		top: -112px;
	}
	ul#navigation{
		background-color: #000000;
	}
	.full-width .top-bar-STA{
		min-height: 89px;
		background: #fbf8ee;
	}

	@media only screen and (max-device-width: 1024px){
		.logomovilIQ img{
			max-width: 30% !important;
		}
		.carrito-mensaje-STA{
			color: #ffffff;
		}
		.texto-mensaje-STA{
			color: #ffffff;
		}
		.caja-carrito{
			margin-top: -17px;
		}
		.accesos-STA a{
			color: #ffffff !important;
		}
		.texto-mensaje-STA-registro{
			color: #ffffff;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
		ul#navigation{
			top: 9px;
		}
		.caja-carrito{
			margin-top: -10px;
		}
	}

	@media only screen and (max-device-width: 600px){
		.caja-carrito{
			margin-top: 3px;
		}
		.full-width .top-bar-STA{
			min-height: 59px;
		}
		ul#navigation{
			top: 67px !important;
		}
	}

	@media only screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape){
		.caja-carrito{
			min-height: 76px;
		}
		.logomovilIQ img{
			max-width: 23% !important;
		}
		ul#navigation{
			top: 25px !important;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape){
		.full-width .top-bar-STA{
			min-height: 78px;
		}
	}
/*FINarriba*/

/*menu hamburguesa MARQUESINA (SIEMPRE QUE SE PONGA MARQUESINA) */
	/*Marquesina*/
		.marquesinaIQ{
			overflow: hidden;
			color: #e6edf0;
			background: #b99a3c;
			position: relative;
			z-index: 99;
			font-size: 16px;
		}
		.marquesinaIQ_text{
			display: inline-block;
			width: max-content;
			padding-left: 100%;
			animation: scroll-left 25s linear infinite;
		}

		@keyframes scroll-left{
			0%{
				transform: translateX(0%);
			}
			100%{
				transform: translateX(-100%);
			}
		}

		@media (min-width: 600px){
			.marquesinaIQ_text{
				animation-duration: 30s;
			}
		}

		@media (min-width: 992px){
			.marquesinaIQ_text{
				animation-duration: 38s;
			}
		}

		@media (min-width: 1200px){
			.marquesinaIQ_text{
				animation-duration: 45s;
			}
		}

		@media (min-width: 1500px){
			.marquesinaIQ_text{
				animation-duration: 50s;
			}
		}
	/*FINMarquesina*/

	#navigation{
		margin-top: -20px !important;
	}

	@media only screen and (max-device-width: 1024px){
		#navigation-toggle{
		top: -39px;
		}
	}
/*FINmenu hamburguesa*/

/*banner carrusel*/
	.bote-fecha-slider2{
		margin-top: 0px !important;
	}
	.fecha-slider2{
		margin-top: 0px;
	}
	.carousel-inner{
		overflow: hidden !important;
	}
	.btn-juegabote-STA:hover{
		color: #b99a3c;
	}

	@media only screen and (max-device-width: 1024px){
		.cuadroOsc{
			top: 25px;
			min-height: 222px !important;
		}
		.carousel-inner{
			height: 360px;
		}
		.bote-juego-slider{
			font-size: 25px;
			line-height: 40px;
		}
		.bote-fecha-slider{
			text-align: center;
		}
		.bote-slider{
			font-size: 45px;
			line-height: 40px;
		}
		.btn-juegabote-STA{
			width: 40%;
			font-size: 25px;
			padding: 10px 0px;
			min-height: 36px;
			height: 40px;
		}
		.bote-fecha-slider{
			margin-top: -12px !important;
			margin-right: 0px !important;
		}
		.cuadroOsc{
			min-height: 222px !important;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
		.cuadroOsc{
			top: 0px;
		}
	}

	@media only screen and (max-device-width: 600px){
	.carousel-inner{
			height: 220px;
		}
		.cuadroOsc{
			top: -28px;
			padding: 0px!important;
			min-height: 175px !important;
		}
		.bote-fecha-slider{
			font-size: 14px;
		}
		.bote-slider{
			font-size: 30px;
			line-height: 24px;
		}
		.bote-slider{
			font-size: 30px;
			line-height: 24px;
		}
		.btn-juegabote-STA{
			width: 29%;
			font-size: 18px;
			padding: 6px 0px;
			min-height: 18px;
			height: 28px;
		}
		.carousel-indicators{
			bottom: -14px;
		}
	}

	@media only screen and (max-width: 736px) and (min-width: 414px) and (orientation: landscape){
		.cuadroOsc{
			top: 0px;
		}
	}

	@media only screen and (max-device-width: 320px){
		.cuadroOsc{
			top: 0px;
		}
	}

	@media only screen and (max-width: 568px) and (min-width: 320px) and (orientation: landscape){
		.cuadroOsc{
			top: 14px;
		}
		.carousel-inner{
			height: 280px;
		}
	}
/*FINbanner carrusel*/

/*juegos*/
	.conteJuegos{
		position: relative;
		border-radius: 5px;
		border: 1px solid #bbbbbb;
	}
	.juegos{
			color: #b99a3c;
	}
	.botsT img{
		margin: 0 auto;
	}
	.imgbotes1{
		min-height: 180px;
		padding: 30px 15px;
	}
	#vl, .claseparaantiguoid-vl{
		border-right: 1px solid #b99a3c;
		border-bottom: 1px solid #b99a3c;
	}
	#vl:hover, .claseparaantiguoid-vl:hover{
		opacity: 0.7;
		border-bottom: 1px solid #b99a3c;
	}
	#vl2, .claseparaantiguoid-vl2{
		border-bottom: 1px solid #b99a3c;
	}
	#vl2:hover, .claseparaantiguoid-vl2:hover{
		opacity: 0.7;
	}
	.bote-menu{
		color: #b99a3c;
		font-size: 25px;
	}
	.linea a hover{
		background-image: url(/RecursosIQ/img/img_dorado/linea.png);
	}

	@media only screen and (max-device-width: 600px){
		.col-sm-4.col-xs-4.botsT.imgbotes1 img{
			max-width: 50%;
		}
		.bote-menu{
			font-size: 16px;
		}
		.imgbotes1{
			min-height: 130px;
			padding: 10px 5px;
		}
	}

	.col-sm-4.col-xs-4.botsT.imgbotes1{
		padding: 8px;
		min-height: inherit;
	}

	@media(max-width:490px){
		.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
			font-size: 16px;
		}
		.col-sm-4.col-xs-4.botsT.imgbotes1 a .juegos{
			font-size: 16px;
		}
	}
	@media(min-width:491px){
		.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
			font-size: 18px;
		}
		.col-sm-4.col-xs-4.botsT.imgbotes1 a .juegos{
			font-size: 16px;
		}
	}
	@media(min-width:768px){
		.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
			font-size: 20px;
		}
	}
	@media(min-width:992px){
		.col-sm-4.col-xs-4.botsT.imgbotes1 a .juegos{
			font-size: 22px;
		}
		.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
			font-size: 30px;
			line-height: 20px;
		}
	}

	/*boton "jugar" en juegos*/
		.col-sm-12.text-center.todoJuegoG .col-sm-4.col-xs-4.botsT.imgbotes1 a p.clasejugar,
		.col-sm-12.text-center.todoJuegoG .col-sm-4.col-xs-4.botsT.imgbotes1:hover a p.clasebote{
			display: none;
		}
		.col-sm-12.text-center.todoJuegoG .col-sm-4.col-xs-4.botsT.imgbotes1:hover a p.clasejugar{
			display: inherit;
		}
	/*fin boton "jugar" en juegos*/
/*FINjuegos*/

/*botes*/
	.barra-botes{
		background: #fbf8ee!important;
		position: relative;
		padding: 0px 0px;
	}
	.cuadroBote{
		border-color: #b99a3c!important;
		min-height: 335px !important;
		border-bottom: 20px solid #FF9904;
	}
	.montobote{
		color: #570161;
	}
	.btn-jugartodos{
		background:#b99a3c!important;
		font-size: 20px;
	}
	.btn-jugartodos:hover{
		border-color: #b99a3c !important;
		background: #ffffff !important;
		color: #b99a3c!important;
	}
	.juegobote{
		border-color:#b99a3c!important;
		margin: 20px 0px;  
	}
	.btn-jugarbote{
		background: #b99a3c!important;
	}
	.btn-jugarbote:hover{
		color: #b99a3c;
		border-color: #b99a3c !important;
		background: #ffffff!important;
	}
	.cubojugador1{
		text-indent: -9999px;
		line-height: 0;
		background-image: url(/RecursosIQ/img/img_dorado/capa.png);
		background-repeat: no-repeat;
		margin-top: -55px;
	}
	.cubojugador2{
		text-indent: -9999px;
		line-height: 0;
		background-image: url(/RecursosIQ/img/img_dorado/capa2.png);
		background-repeat: no-repeat;
		margin-top: -55px;
	}
	.imagenmonedas{
		display: none;
		margin: 0px 0px;
	}
	.subtitulobote{
		display: none;
		line-height: 0px;
	}
	.titulobote{
		font-size: 30px;
		line-height: 10px;
		font-weight: normal;
		padding: 15px 0px;
		color: #000000;
	}
	.lineabote{
		border: 1px solid #b99a3c;
		float: right;
		opacity: 0.90;
	}
	.montobote{
		color: #b99a3c;
		font-size: 40px;
		border-bottom: 2px solid #b99a3c;
		line-height: 75px;
	}
	.preciobote{
		font-size: 30px;
		line-height: 22px;
		color: #000000;
	}
	.nombrejuegobote{
		color: #000000;
	}
	.sumamonedas{
		display: none;
	}
	.textoambiocioso{
		font-size: 20px;
		line-height: 10px;
		padding: 0px 0px 0px;
		color: #000000;
	}

	@media only screen and (max-device-width: 1024px){
		.textoambiocioso{
			font-size: 18px;
		}
		.titulobote{
			font-size: 25px;
			padding: 15px 0px;
		}
		.montobote{
			font-size: 35px;
			line-height: 35px;
		}
		.preciobote{
			font-size: 25px;
			line-height: 10px;
		}
		.btn-jugartodos{
			font-size: 18px;
			padding: 12px 25px;
		}
		.cuadroBote{
			min-height: 340px !important;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
		.montobote{
			line-height: 50px;
		}
	}

	@media only screen and (max-device-width: 600px){
		.titulobote{
			font-size: 20px;
			line-height: 0px;
			padding: 5px 0px;
		}
		.montobote{
			font-size: 35px;
			line-height: 30px;
		}
		.preciobote{
			font-size: 20px;
			line-height: 0px;
		}
		.textoambiocioso{
			font-size: 18px;
		}
		.btn-jugartodos{
			font-size: 18px;
			padding: 12px 25px;
		}
		.botonjugartodos{
			margin: 20px 0px;
		}
		.barra-botes{
			margin-top: 0px!important;
		}
		.btn-jugarbote{
			font-size: 18px;
		}
		.juegobote{
			height: 37px;
			margin: 10px 0px;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape){
		.btn-jugarbote{
			font-size: 22px;
		}
		.cuadroresultadosjuegos-bote{
			font-size: 22px;
		}
		.cuadroresultadosjuegos-titulo{
			font-size: 21px;
		}
		.cuadroresultadosjuegos-diajuego{
			font-size: 11px;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape){
		.cuatro img{
			margin: 0 auto;
		}
		.PieBanner{
			min-height: 375px;
		}
		.barra-botes{
			margin-top: 0px;
		}
		.juegobote{
			height: 41px;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape){
		.uno{
			margin-top: -50px!important;
		}
	}

	@media only screen and (max-device-width: 320px){
		.montobote{
			font-size: 30px;
		}
		.preciobote{
			font-size: 19px;
		}
		.textoambiocioso{
			font-size: 15px;
		}
	}

	@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){
		.textoambiocioso{
			font-size: 15px;
		}
	}
/*FINbotes*/

/*banda*/
	.barra-servicios{
		background: #b99a3c;
		min-height: 65px;
		padding: 0px 0px;
		height: 63px;
	}
	.barra-servicios img{
		width: 13%;
	}
	.barra-servicios h2{
		font-size: 15px;
		margin-top: 0px;
		line-height: 10px;
		margin-bottom: 0px;
	}

	@media only screen and (max-device-width: 1024px){
		.barra-servicios{
			min-height: 50px;
			height: 50px;
		}
		.barra-servicios h2{
			font-size: 12px;
		}
	}

	@media only screen and (max-device-width: 600px){
		.barra-servicios img{
			width: 25%;
		}
		.barra-servicios h2{
			font-size: calc(7px + 6*(100vw - 320px)/1280);
			padding: 0px 0px;
		}
		.barra-servicios p{
			margin: 0 0 0px;
		}
		.barra-servicios{
			min-height: 40px;
			height: 40px;
		}
	}
/*FINbanda*/

/*banner peña*/
	.barrapena{
		padding: 0px 0px;
		background-image: url(/RecursosIQ/img/img_dorado/img1.png);
		background-position: center;
		background-size: cover;
		min-height: 410px;
		position: relative;
		border-color: #b99a3c!important;
		border-bottom: 20px solid #b99a3c;
	}
	.txt-Boca{
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
	.txt-Boca h2, .txt-Boca p{
		font-size: 55px;
		color: #000 !important;
		font-weight: 700;
		padding-bottom: 30px;
		margin-top: 20px;
		margin-bottom: 10px;
		line-height: 1.1;
		position: relative;
		display: inline-block;
	}
	.txt-Boca2{
		position: absolute;
		top: 70%;
		left: 10%;
		transform: translate(0%,-50%);
		-ms-transform: translate(-0%,-50%);
	}
	.btn-pena{
		font-size: 30px;
		width: 25%;
		padding: 12px 8px;
		color: #e6edf0;
		border-color: #b99a3c;
		background-color: #b99a3c;
	}
	.btn-pena:hover{
		color: #b99a3c !important;
		background: #ffffff !important;
		border-color: #b99a3c !important;
	}
	#star, .claseparaantiguoid-star{
		font-size: 20px;
		padding: 0 20px;
	}

	@media only screen and (max-device-width: 1024px){
		#star, .claseparaantiguoid-star{
			font-size: 18px;
			padding: 0 5px;
		}
		.txt-Boca h2, .txt-Boca p{
			font-size: 38px;
		}
		.barrapena{
			min-height: 285px;
		}
		.txt-Boca2{
			top:70%;
			left: 0%;
		}
		.txt-Boca2 img{
			width: 75%;
		}
	}

	@media only screen and (max-device-width: 600px){
		.txt-Boca{
			width: 100%;
			top: 45%;
		}
		.txt-Boca h2, .txt-Boca p{
			font-size: 30px;
		}
		.txt-Boca2 img{
			width: 55%;
		}
		.txt-Boca2{
			top: 80%;
		}
		.txt-Boca h2{
			padding-bottom: 10px;
		} 
		.barrapena{
			min-height: 240px;
		}
		.btn-pena{
			font-size: 18px;
			padding: 9px 8px;
		}
	}

	@media only screen and (max-device-width: 320px){
		.btn-pena{
			margin-right: 0px;
			width: 30%;
		}
		.txt-Boca h2, .txt-Boca p{
			font-size: 22px;
		}
	}

	@media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){
		.txt-Boca h2, .txt-Boca p{
			font-size: 25px;
		}
		.btn-pena{
			margin-right: 0px;
		}
	}
/*FINbanner peña*/

/*Banner empresas social*/
	.doblecont{
		padding:0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.txt-doblecont{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		width: 98%;
		background: rgba(0,0,0,.5);
		height: 90px;
	}
	.txt-n{
		font-size: 35px;
		line-height: 36px;
		text-align: center;
		color: #ffffff;
		padding: 20px 0px;
		margin: 0px;
		text-shadow: 2px 2px #b99a3c;
	}
	.lineaG{
		background-color: #f7f6f2;
		box-shadow: 2px 2px #b99a3c;
		height: 5px;
		position: relative;
		width: 236px;
		display: block;
		margin: auto;
		text-align: center;
	}
	@media (min-width:768px){
		.doblecont{
			width:49%;
		}
		.doblecontprimero{
			margin-right: 1%;
		}
		.doblecontsegundo{
			margin-left: 1%;
		}
	}
/*FIN banner empresas social*/

/*comprueba tiket*/
	.barraresultadosjuegos{
		background: #fbf8ee;
		min-height: 490px;
	}
	.tituloresultados{
		font-size: 55px;
		padding: 25px 0px 25px 0px;
		line-height: 30px;
		color: #000000;
	}
	.btn-naranja-STA{
		background: #b99a3c;
	}
	.btn-naranja-STA:hover{
		color: #b99a3c !important;
		border-color: #b99a3c !important;
	}
	.cuadroresultadosjuegos-titulo{
		color: #000000;
	}
	.cuadroresultadosjuegos-bote{
		color: #000000;
	}

	@media only screen and (max-device-width: 1024px){
		.tituloresultados{
			font-size: 38px;
		}

	}
	@media only screen and (max-device-width: 600px){
		.tituloresultados{
			font-size: 25px;
		}
	}
/* FINcomprueba tiket*/

/*footer*/
	.PieBanner{
		background: #000000;
		position: relative;
	}
	.footer-STA{
		background:#000000;
	}
	.copyright-STA{
		background: #000000;
	}
	.colorRS{
		color: #ffffff!important;
	}
	.bordePieIQ{
		border-top: solid 2px #b99a3c;
		padding: 20px 0;
	}
/*FINfooter*/	

/* ********** ************ ********** ************ ********** ************ ********** ************
********** ************ ********** ************ ********** ************ ********** ************
									   DENTRO
********** ************ ********** ************ ********** ************ ********** ************
********** ************ ********** ************ ********** ************ ********** ************ */

	/* ********** ************
	barra-solidaria-EU dentro
	*********** *********** */
		.barra-solidaria-EU{
			min-height: 540px;
			background: linear-gradient(to right, #b99a3c, #755801);
		}
		.titulosolidaria-EU{
			font-size: 78px;
			color: #fdfdfd;
			margin-top: -40px;
		}
		.titulosolidaria-EU img{
			width: 13%;
			float: left;
			margin-left: 56px;
			margin-top: 25px;
		}
		.slogansolidaria-EU{
			font-size: 30px;
			margin-top: -37px;
			line-height: 0px;
		}
		.cuadroinfo-EU{
			top: 60px;
		}
		.imgsolidaria-EU img{
			width: 60%;
		}

	/*medi@s IPAD*/
		@media only screen and (max-device-width: 1024px){
			.barra-solidaria-EU{
				min-height: 375px;
				height: 375px;
			}
			.titulosolidaria-EU{
				font-size: 45px;
			}
			.titulosolidaria-EU img{
				width: 13%;
				margin-top: 0px;
			}
			.slogansolidaria-EU{
				white-space: pre;
				margin: -56px 95px;
				font-size: 27px;
				line-height: 53px;
			}
			.cuadroinfo-EU{
				top: 0px;
				margin: 19px -24px;
			}
			.infosolidaria-EU{
				padding: 0px 0px 0px 53px;
				font-size: 18px;
			}
			.imgsolidaria-EU img{
				width: 65%;
			}
		}

	/*medi@s Iphone*/
		@media only screen and (max-device-width: 600px){
			.titulosolidaria-EU{
				font-size: 44px;
			}
			.titulosolidaria-EU img{
				margin-left: 17px;
				margin-top: 19px;
			}
			.slogansolidaria-EU{
				margin: -55px 0px;
			}
			.cuadroinfo-EU{
				top: 300px;
			}
			.infosolidaria-EU{
				padding: 0px 0px 0px 0px;
				font-size: 24px;
			}
			.imgsolidaria-EU img{
				margin: 67px 0px;
			}
		}

		@media only screen and (max-device-width: 320px){
			.barra-solidaria-EU{
				min-height: 616px;
			}
			.titulosolidaria-EU{
				font-size: 34px;
			}
			.titulosolidaria-EU img{
				margin-left: 0px;
			}
			.cuadroinfo-EU{
				top: 198px;
			}
			.imgsolidaria-EU img{
				width: 45%;
			}
		}

	/* ********** ************
	barra-solidaria-EU
	*********** *********** */
		.banner-slider-PE, .banner-slider-LN, .banner-Gordo-IQ, .banner-Primi-IQ, .banner-Loto-IQ, .banner-EU-IQ, .banner-Quiniela-IQ, .banner-QuiniGol-IQ{
			background: #fbf8ee;
		}
		.panel{
			background-color: #fbf8ee;
		}
		.btn-acceso.activo{
			background: linear-gradient(to right, #b99a3c, #735b11);
		}
		.btn-acceso:hover{
			background: linear-gradient(to right, #b99a3c, #735b11);
		}
		.panel-heading-modalIQ{
			background: linear-gradient(to right, #b99a3c, #735b11);
		}
		.modal-comolightboxIQ{
			background: linear-gradient(to right, #b99a3c, #735b11);
		}
		.btn-agregarCesta{
			background: #b99a3c;
			border-color: #b99a3c;
		}
		.btn-agregarCesta:hover{
			background: #ffffff !important;
			color: #b99a3c !important;
			border-color: #b99a3c !important;
		}
		.bannercontainerBlancoIQ{
			background: #fbf8ee;
		}
		.btn-juegabote-STA-EU:hover{
			color: #b99a3c;
		}
		.cambiarSorteoLoteriaIQ{
			background-color: #fbf8ee;
		}
		.btn-amarillo{
			background-color: #b99a3c;
		}
		.btn-amarillo:hover{
			color: #b99a3c;
			border: 1px solid #b99a3c;
		}
		.panel-heading-modal{
			border-color: #b99a3c;
			background: linear-gradient(to right, #b99a3c, #735b11);
		}
		.btn-azul-oscuro{
			background: #b99a3c;
		}
		.onlyModalAcount{
			background: linear-gradient(to right, #b99a3c, #a98519);
		}
		.banner-slider-agregarproductos{
			background: #fbf8ee;
		}
		.bloque1-slider{
			background: #fbf8ee;
			border: 1px solid #fbf8ee;
		}
		.miCuenta aside div ul .active{
			background: linear-gradient(to right, #b99a3c, #b99a3cad)!important;
		}
		.tituloMasterIQ{
			color: #000000;
		}
		.titulo-slider-mipena{
			color: #000000;
			font-size: 64px;
		}

	/*reducir el tamaño del desplegable*/
		ul#navigation a{
			float: none;
			display: inline-block;
			vertical-align: middle;
		}
		ul#navigation p{
			display: none !important;
		}
		ul#navigation li{
			margin-top: 5px !important;
		}
	/*reducir el tamaño del desplegable*/