.full-width .navigation-front-STA {
       background: rgb(155 33 27);
} .sticky .navigation-front-STA {
    background: rgb(155 33 27)!important;
}
/*botones*/
.col-sm-12.text-center.todoJuegoG div a h4:after, .col-sm-12.text-center.todoJuegoG div a h4:after, .btn-jugartodos, .btn-jugarbote, .btn-pena, .btn-naranja-STA, .btn-agregarCesta, .btn-juegabote-STA-EU, .btn-amarillo, .btn-azul-oscuro{
    border: 1px solid transparent !important;
    color: #f2e1b5 !important;
    background: rgba(154,33,27,1) !important;
    background: -moz-radial-gradient(center, ellipse cover, rgba(154,33,27,1) 0%, rgba(154,33,27,1) 26%, rgba(232,171,183,1) 100%) !important;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(154,33,27,1)), color-stop(26%, rgba(154,33,27,1)), color-stop(100%, rgba(232,171,183,1))) !important;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(154,33,27,1) 0%, rgba(154,33,27,1) 26%, rgba(232,171,183,1) 100%) !important;
    background: -o-radial-gradient(center, ellipse cover, rgba(154,33,27,1) 0%, rgba(154,33,27,1) 26%, rgba(232,171,183,1) 100%) !important;
    background: -ms-radial-gradient(center, ellipse cover, rgba(154,33,27,1) 0%, rgba(154,33,27,1) 26%, rgba(232,171,183,1) 100%) !important;
    background: radial-gradient(ellipse at center, rgba(154,33,27,1) 0%, rgba(154,33,27,1) 26%, rgba(232,171,183,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a211b', endColorstr='#e8abb7', GradientType=1 ) !important;
}

.col-sm-12.text-center.todoJuegoG div a:hover h4:after, .btn-juegabote-STA:hover, .btn-jugartodos:hover, .btn-jugarbote:hover, .btn-pena:hover, .btn-naranja-STA:hover, .btn-agregarCesta:hover, .btn-juegabote-STA-EU:hover, .btn-amarillo:hover, .btn-azul-oscuro:hover{
    border: 1px solid #9a211b !important;
    color: #9a211b !important;
	background: rgb(245 241 195) !important;
	background: -moz-radial-gradient(center, ellipse cover, rgb(245 241 195) 0%, rgb(245 241 195) 26%, rgba(232,171,183,1) 100%) !important;
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(245 241 195)), color-stop(26%, rgb(245 241 195)), color-stop(100%, rgba(232,171,183,1))) !important;
	background: -webkit-radial-gradient(center, ellipse cover, rgb(245 241 195) 0%, rgb(245 241 195) 26%, rgba(232,171,183,1) 100%) !important;
	background: -o-radial-gradient(center, ellipse cover, rgb(245 241 195) 0%, rgb(245 241 195) 26%, rgba(232,171,183,1) 100%) !important;
	background: -ms-radial-gradient(center, ellipse cover, rgb(245 241 195) 0%, rgb(245 241 195) 26%, rgba(232,171,183,1) 100%) !important;
	background: radial-gradient(ellipse at center, rgb(245 241 195) 0%, rgb(245 241 195) 26%, rgba(232,171,183,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece486', endColorstr='#e8abb7', GradientType=1 ) !important;
}
.btn-acceso{
	background: linear-gradient(to right, #d9c5c3, #e2e2e2);
    border: 1px solid #d9c5c3 !important;
    color: #9a211b !important;
}
.btn-acceso.activo{
    background: linear-gradient(to right, #9a211b, #fff);
    border: 1px solid #fff !important;
    color: #fff !important;
}
.btn-acceso:hover {
    background: linear-gradient(to right, #9a211b, #f2e1b5);
    border: 1px solid #f2e1b5 !important;
    color: #f2e1b5 !important;
}
.top-scroll a{
	background-color: #9a211b;
}
.top-scroll a:hover{
	background-color: #9a211b;
	opacity: 0.5;
}
/*fin botones*/

/*arriba*/
.full-width .top-bar-STA {
	background: #f2e1b5;
}
.telefono-STA {
    color: #9a211b;
}
.caja-carrito {
    background: transparent;
}
.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{
    color: #9a211b !important;
}
.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{
    color: #9a211b !important;
}
#navigation-toggle {
	border: solid 1px #fff;
	background: #9a211b !important;
}
.menu-icon{
	color: #fff;
}
.menu-icon::before {
	color: #fff;
}
/*FINarriba*/

/*menu hamburguesa MARQUESINA (SIEMPRE QUE SE PONGA MARQUESINA)*/

.marquesinaIQ{
    color: #fff;
	background: #9a211b !important;
	z-index: 98;
	}
ul#navigation {
    background-color: #9a211b;
	color: #fff;
}
ul#navigation a{
    color: #fff;
}
.MenuResponsive a:after{
    background: #fff;
}
#LoteriadeEmpresas, #LoteriaSocial{
	background-image: url(/RecursosIQ/img/img_loteriajuani/empresas42_42.png);
	background-repeat: no-repeat;
	background-position-x: 10px;
	padding: 0px 0px !important;
	height: 42px;
	margin: auto;
	width: 59px;
}
#LoteriadeEmpresas{
	background-image: url(/RecursosIQ/img/img_loteriajuani/empresas42_42.png);
}
#LoteriaSocial{
	background-image: url(/RecursosIQ/img/img_loteriajuani/social42_42.png);
}


@media only screen and (min-width : 1224px) {
	#LoteriadeEmpresas, #LoteriaSocial{
		float: left;
		margin: 8px 0px;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
	#LoteriadeEmpresas, #LoteriaSocial{
		float: left;
		margin: 8px 0px;
	}
}
/*FINmenu hamburguesa*/


/*banner carrusel*/
.carousel {
    position: relative;
}
.btn-juegabote-STA:hover{}
.carousel-indicators li {
    border: 1px solid #9a211b;
}
.carousel-indicators .active {
    background-color: #9a211b;
}
/*FINbanner carrusel*/

/*juegos*/
.conteJuegos{
    background-size: 100% 100%;
    background-color: #fff;
	padding: 0% 0% !important;
	border: none;
}
div.todoJuegoG div:nth-last-child(1), div.todoJuegoG div:nth-last-child(2), div.todoJuegoG div:nth-last-child(3){
    border-bottom: none!important;
}
.col-sm-4.col-xs-4.botsT.imgbotes1{
	border-color: #9a211b !important;
}
.col-sm-4.col-xs-4.botsT.imgbotes1:hover{
	opacity: 1 !important;
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a h4{
	color: #9a211b;
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
	color: #9a211b;
}
#ContenedorDeJuegos-Bote-Dreams:after {
    content: "al mes durante 30 años";
    position: absolute;
    font-size: .7em;
    transform: translateY(100%);
    width: 100%;
    left: 0;
}
/*FINjuegos*/

/*botes*/
.cuadroBote{
    border-color: #9a211b !important;
}
.lineabote, .juegobote{
    border-color: #9a211b !important;
}
.juegobote{
    border-right: none;
}
.titulobote, .preciobote, .nombrejuegobote, .textoambiocioso{
	color: #000;
}
.montobote {
    border-bottom: 2px solid #9a211b;
    color: #9a211b;
}
.btn-jugartodos{}
.btn-jugarbote{
	border: 1px solid #9a211b !important;
}
.btn-jugartodos:hover, .btn-jugarbote:hover{}
.cubojugador1 {
    background-image: url(/RecursosIQ/img/img_loteriajuani/capa.png);
}
.cubojugador2 {
    background-image: url(/RecursosIQ/img/img_loteriajuani/capa2.png);
}
/*FINbotes*/


/*banda*/
.barra-servicios {
    background: #9a211b;
}
/*FINbanda*/


/*banner peña*/
.barrapena {
    background-image: url("/RecursosIQ/img/img_loteriajuani/img1.jpg");
    background-position: center 20%;
	background-repeat: no-repeat;
	border-color: #9a211b !important;
}
.pen {
    padding-left: 0px;
    padding-right: 0px;
}
.txt-Boca{
	top: 40% !important;
}
.txt-Boca h2 {
    color: #9a211b !important;
	text-shadow: 0px 0px 3px white, 0px 0px 6px white, 0px 0px 9px white, 0px 0px 12px white;
}
.btn-pena{}
.btn-pena:hover{}
/*FINbanner peña*/

/*banner empresa y social*/
	.bEmpre, .bSocial{
		height: 450px;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.bEmpre{
		background-image: url(/RecursosIQ/img/img_loteriajuani/img5.jpg);
		background-position: right center;
	}
	.bSocial{
		background-image: url(/RecursosIQ/img/img_loteriajuani/imagensocial.jpg);
		background-position: center 66%;
	}
	.bannerEmpSoc{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		padding: 25px 15px;
		min-height: 230px;
		width: 60%;
		text-align: center;
	}
	.bEmpre .bannerEmpSoc{
		background: #06aeb75e;;
		border: 5px solid #06aeb7;
	}
	.bSocial .bannerEmpSoc{
		background: #974fce2e;
		border: 5px solid #974fce;
	}
	.subEmpSoc{
		font-size: 65px;
		margin: 40px 0;
		font-weight: bold;
		line-height: inherit;
	}
	.bEmpre .subEmpSoc{
		color: #0b4792;
		text-shadow: 2px 2px 8px #06aeb7;
	}
	.bSocial .subEmpSoc{
		color: #6709af;
		text-shadow: 2px 2px 8px #974fce;
	}
	.lineaG{
		background-color: #f7f6f2;
		height: 5px;
		position: relative;
		width: 236px;
		display: block;
		margin: auto;
		text-align: center;
	}

	@media only screen and (max-device-width: 600px){
		.subEmpSoc {
		font-size: 40px;
		}
	}
/*fin banner empresa*/

/*comprueba tiket*/
.cuadroresultadosjuegos {
    background: #f2e1b5;
    border: ;
}
.tituloresultados, .cuadroresultadosjuegos-titulo, .cuadroresultadosjuegos-bote{
	color: #9a211b;
}
.separator-small-STA {
    background-color: #000;
}
.btn-naranja-STA{}
.btn-naranja-STA:hover{}
/* FINcomprueba tiket*/
	
	
/*footer*/
	.PieBanner, .footer-STA{
		background: #9a211b;
	}
	.bordePieIQ {
		border-top: solid 2px #fff;
	}
	.menufooter, .direccionfooter, .copyright-STA{
		color: ;
		background: transparent;
	}
	.copyright-STA a{
		color: #f2e1b5;
	}
	.copyright-STA a:hover{
		font-weight: bold;
	}
	a.menufooter:hover{
		color: #f2e1b5 !important
	}
	.colorRS{
		color: #fff !important;
	}
	.colorRS:hover{
		color: #f2e1b5 !important;
	}
	/*Pie Juego Responsable*/
		.PieJuegoResponsable a:hover{
			filter: none;
		}
		.PieJuegoResponsable .pie_juegoseguro{
			color: #ffffff;
			background-image: none;
		}
		.PieJuegoResponsable .pie_juegoseguro:hover{
			color: #f2e1b5;
		}
		.PieJuegoResponsable .pie_autoprohibicion, .PieJuegoResponsable .pie_mayores{
			color: #ffffff;
			background-color: initial;
		}
		.PieJuegoResponsable .pie_autoprohibicion:hover, .PieJuegoResponsable .pie_mayores:hover{
			color: #f2e1b5;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:before{
			color: #ffffff;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:hover:before{
			color: #f2e1b5;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:after{
			color: #f2e1b5;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:hover:after{
			color: #cbaa0e;
		}
	/*Fin Pie Juego Responsable*/
/*FINfooter*/	



/* ********** ************ ********** ************ ********** ************ ********** ************
********** ************ ********** ************ ********** ************ ********** ************
                                       DENTRO
********** ************ ********** ************ ********** ************ ********** ************
********** ************ ********** ************ ********** ************ ********** ************ */

/*botones de iguales características dentro de paginas anidadas*/
.btn-acceso{}
.btn-acceso.activo{}
.btn-acceso:hover{}
.btn-agregarCesta{}
.btn-agregarCesta:hover{}
.btn-juegabote-STA-EU{}
.btn-juegabote-STA-EU:hover{}
.btn-amarillo{}
.btn-amarillo:hover{}
	/*seleccionado en "mi cuenta"*/
	.miCuenta aside div{
		border: 1px solid #9a211b;
	}
	.miCuenta aside div .headerAside{
    	background: #9a211b;
	}
	.miCuenta aside div ul .active{
    	background: linear-gradient(to right, #ffd978, #fdf3d9) !important;
	}
	.miCuenta aside div ul .active a {
		color: #9a211b;
	}
	/*panel jugada rapida*/
	.panel-heading-modal {
    	border-color: #000c;
    	background: linear-gradient(to right, #9a211b, #fff);
	}
	.btn-azul-oscuro{}
	.btn-azul-oscuro:hover{}
/*fin botones de iguales características dentro de paginas anidadas*/

/*boton "jugar" en juegos*/
.col-sm-12.text-center.todoJuegoG div a h4:after{
	font-size: calc(1.3vw + 18px);
    display: block;
    content: "JUGAR";
    margin: 0.15em auto 0 auto;
    padding: 0.15em 0.15em 0 0.15em;
    width: 3.2em;
    border: solid 1px !important;
}

.col-sm-12.text-center.todoJuegoG div a:hover h4:after{
	cursor: pointer;
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a:hover{
	cursor: default;
}
/*fin boton "jugar" en juegos*/

	.Hablanos_Por_Whatsapp{
		position: fixed;
		z-index: 100;
		font-size: calc(2vw + 29.64px);
		left: 0.2em;
		bottom: 0.7em;
		padding: 0.2em 0.2em 0.14em;
		line-height: 0.6;
		border-radius: 50%;
		background: #00b325;
		background: -moz-linear-gradient(top, #00d761 0%, #00b325 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #00d761), color-stop(100%, #00b325));
		background: -webkit-linear-gradient(top, #00d761 0%, #00b325 100%);
		background: -o-linear-gradient(top, #00d761 0%, #00b325 100%);
		background: -ms-linear-gradient(top, #00d761 0%, #00b325 100%);
		background: linear-gradient(to bottom, #00d761 0%, #00b325 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d761', endColorstr='#00b325', GradientType=0 );
		color: #ffffff;
	}
	.Hablanos_Por_Whatsapp:hover{
		background: #00d761;
		background: -moz-linear-gradient(top, #00b325 0%, #00d761 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #00b325), color-stop(100%, #00d761));
		background: -webkit-linear-gradient(top, #00b325 0%, #00d761 100%);
		background: -o-linear-gradient(top, #00b325 0%, #00d761 100%);
		background: -ms-linear-gradient(top, #00b325 0%, #00d761 100%);
		background: linear-gradient(to bottom, #00b325 0%, #00d761 100%);
		color: #ffffff;
	}
	.Hablanos_Por_Whatsapp i{
		line-height: 0.9;
	}
	@media (min-width: 768px){
		.Hablanos_Por_Whatsapp{
			font-size: 45px;
		}
	}
	/*Nuevo diseno boton cookies*/

		#div-cookies{

			background-color: #ffffff !important;

			box-shadow: inset 0 0 0 5px #ffffff, inset 0 0 0 7px #9a211b !important;

		}

		#div-cookies p, #div-cookies ul{

			color: #001a2d !important;

		}

		#div-cookies a, #div-cookies a:hover{

			font-weight: bold;

			color: #fab70d !important;

		}

		#div-cookies a:hover{

			border-bottom-color: #fab70d !important;

		}

		#div-cookies button{

			background: #9a211b !important;

		}

		button#gdpr-cookie-accept:hover{

			background: #ffffff !important;

			color: #001a2d !important;

		}

		button#gdpr-cookie-advanced{

			background: #f2e1b5 !important;
			color: #9a211b !important;		}

		button#gdpr-cookie-advanced:hover {

			color: #9a211b !important;

			opacity: 0.7;

		}


		div#div-Privacidad button#ihavecookiesBtn{

			background: #9a211b;

			border: none;

			border-top-right-radius: 5px;

			color: white;

			font-size: 10px;

			padding: 1px 0 2px 0;

			transition: all 0.3s ease-in;
			max-width: 60px;

			max-height: none;

			width: 20vw;

			height: auto;

			opacity: 1;

			box-shadow: 1px -1px 1px white;

		}

		div#div-Privacidad button#ihavecookiesBtn:after{

			content: "cookies";

		}

		div#div-Privacidad button#ihavecookiesBtn:hover{

			transform: scale(1.5) translate(12.5%, -12.5%);

			color: yellow;

			box-shadow: 1px -1px 1px yellow;

		}
	/*Nuevo diseno boton cookies*/