/*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 {background: transparent;} .bloque1-slider {background: #fff; border: none;}
/*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 (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;}}

.wrapper{ 
	background-size: 100%;	
}
/*botones*/
.btn-jugartodos, .btn-jugarbote, .btn-pena, .btn-naranja-STA, .btn-agregarCesta, .btn-juegabote-STA-EU, .btn-amarillo, .btn-azul-oscuro{
    background: #8C0201 !important;
	border: 1px solid #8C0201 !important;
	color: #e6deba;
}

.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{
    background: #e6deba !important;
	color: rgb(171 144 23) !important;
	border: 1px solid rgb(171 144 23) !important;
}
.btn-acceso{
	background: linear-gradient(to right,rgb(215 170 168), #fff);
    border: 1px solid grey !important;
    color: rgb(189 121 120) !important;
}
.btn-acceso.activo{
    background: linear-gradient(to right, rgb(171 144 23), #e6deba);
    border: 1px solid #8C0201 !important;
    color: #8C0201 !important;
}
.btn-acceso:hover {
    background: linear-gradient(to right, rgb(171 144 23), #e6deba);
	border: 1px solid #f5e941 !important;
	color: #f5e941 !important;
}
.top-scroll a{
	background-color: #8C0201;
}
.top-scroll a:hover{
	background-color: #8C0201;
	opacity: 0.5;
}
/*fin botones*/

/*arriba*/
.header{
	min-height: 111px !important;
}
.full-width .top-bar-STA {
	background: #fffae5;
}
#menu-STA {
    margin-top: 10px;
}
.logo-relax-STASoloLogoIQ img {
	top: 3px;
    max-width: none !important;
    width: auto !important;
    position: absolute;
    padding: 0px;
    z-index: 99;
    height: 83px;
}
.telefono-STA {
    color: #8C0201;
	text-align: center;
}
.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{
    color: #8C0201 !important;
}
.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{
    color: rgb(171 144 23) !important;
}
.mensajes-STA {
    background: #8C0201;
    color: #fff;
}
#navigation-toggle {
	border: solid 1px #fff;
	background: #8C0201 !important;
}
.menu-icon{
	color: #fff;
}
.menu-icon::before {
	color: #fff;
}
@media only screen and (max-device-width: 1024px){
    .logomovilIQ img {
    max-width: 25% !important;
	}
}
/*FINarriba*/

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

.marquesinaIQ{
    color: #fff;
	background: #8C0201 !important;
	z-index: 98;
	}
ul#navigation {
    background-color: #e6deba;
}
ul#navigation a{
    color: #8C0201;
}
.MenuResponsive a:after{
    background: #ab9017;
}
	/*cambio iconos menu hamburguesa*/
		.MenuResponsive > a:nth-child(2) {
			filter: invert(95%) sepia(89%) saturate(7472%) hue-rotate(5deg) brightness(104%) contrast(104%);
		}
		.MenuResponsive:hover #TextoMenu{color: #ab9017;}
		.MenuResponsive:hover > a:nth-child(2) {
			filter: invert(48%) sepia(44%) saturate(731%) hue-rotate(12deg) brightness(98%) contrast(94%);
		}
	/*fin cambio iconos menu hamburguesa*/
/*FINmenu hamburguesa*/


/*banner carrusel*/
.carousel {
    position: relative;
	background-image: url(/RecursosIQ/img/img_loteria300/header_img.jpg); /*si el carrusel lleva imagen abajo y transparencias arriba*/
	background-position: 0px -111px;/*si se quiere poner una imagen de cabecera y que esta vaya a continuación*/
	background-size: cover;
}
.btn-juegabote-STA:hover{}
.carousel-indicators li {
    border: 1px solid #fff;
}
.carousel-indicators .active {
    background-color: #fff;
}
/*FINbanner carrusel*/

/*juegos*/
.conteJuegos{
    background-size: 100% 100%;
    background-color: #fff;
	padding: 0% 0% !important;
	border: none;
}
div.todoJuegoG div:nth-child(7), div.todoJuegoG div:nth-child(8), div.todoJuegoG div:nth-child(9){
    border-bottom: none!important;
}
.col-sm-12.text-center.todoJuegoG div a img{
    max-width: 85px;
    filter: brightness(0) invert(5%) sepia(89%) saturate(7472%) hue-rotate(5deg) brightness(104%) contrast(104%);
}
.col-sm-4.col-xs-4.botsT.imgbotes1{
	border-color: #8C0201 !important;
}
.col-sm-4.col-xs-4.botsT.imgbotes1:hover{
	opacity: 1 !important;
	background-image: url(/RecursosIQ/img/img_loteria300/escudoylanza.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.col-sm-4.col-xs-4.botsT.imgbotes1:hover a img{
    filter: invert(48%) sepia(44%) saturate(731%) hue-rotate(12deg) brightness(98%) contrast(94%);
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a h4, .col-sm-4.col-xs-4.botsT.imgbotes1 a p{
	color: #8C0201;
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a:hover h4, .col-sm-4.col-xs-4.botsT.imgbotes1 a:hover p{
	color: rgb(171 144 23);
}
@media(max-width:490px){
	.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
		font-size: 5vw;
	}
}
@media(min-width:768px){
	.col-sm-4.col-xs-4.botsT.imgbotes1 a h4{
		font-size: 19px;
	}
	.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
		font-size: 32px;
	}
}
@media(min-width:992px){
	.col-sm-4.col-xs-4.botsT.imgbotes1 a h4{
		font-size: 22px;
	}
	.col-sm-4.col-xs-4.botsT.imgbotes1 a p{
		font-size: 40px;
	}
}

	.col-sm-12.text-center.todoJuegoG div a img{max-width: 85px;}
/*FINjuegos*/

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

/*FINbotes*/


/*banda*/
.barra-servicios {
    background: #8C0201;
}
/*FINbanda*/


/*banner peña*/
.barrapena {
    background-image: url("/RecursosIQ/img/img_loteria300/imagenpenas.jpg");
    background-position: 0px 00px;
	background-repeat: no-repeat;
	border-color: #8C0201 !important;
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
}
.pen {
    padding-left: 0px;
    padding-right: 0px;
}
.txt-Boca{
	top: 22% !important;
	width: 100%;
}
.txt-Boca h2 {
    color: #8C0201 !important;
}
.btn-pena{
	display: block;
    margin: auto;
}
.btn-pena:hover{}
/*FINbanner peña*/

/*banner doble*/
	.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: rgb(0 0 0 / 50%);
		height: 90px;
	}
	.txt-n{
		font-size: 35px;
		line-height: 36px;
		text-align: center;
		color: #ffffff;
		padding: 20px 0px;
		margin: 0px;
		text-shadow: 2px 2px #ad022f;
	}
	.lineaG {
		background-color: #f7f6f2;
		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 doble*/

/*comprueba tiket*/
.cuadroresultadosjuegos {
    background: #e6deba;
    border: ;
}
.tituloresultados {
    color: rgb(171 144 23);
}
.cuadroresultadosjuegos-titulo, .cuadroresultadosjuegos-diajuego, .cuadroresultadosjuegos-diajuego2, .cuadroresultadosjuegos-bote{
	color: rgb(171 144 23);
}
.separator-small-STA {
    background-color: #8C0201;
}
.btn-naranja-STA{}
.btn-naranja-STA:hover{}
/* FINcomprueba tiket*/
	
	
/*footer*/
	.PieBanner, .footer-STA{
		background: #8C0201;
	}
	.bordePieIQ {
		border-top: solid 2px #fff;
	}
	.menufooter, .direccionfooter, .copyright-STA{
		color: ;
		background: transparent;
	}
	.copyright-STA a{
		color: #f5e941;
	}
	.copyright-STA a:hover{
		font-weight: bold;
	}
	a.menufooter:hover{
		color: #f5e941 !important
	}
	.colorRS{
		color: #fff !important;
	}
	.colorRS:hover{
		color: #f5e941 !important;
	}
	/*Pie Juego Responsable*/
		.PieJuegoResponsable .container a.pie_jugarbien:before{
			color: #b7b9ba;
		}
		.PieJuegoResponsable .container a.pie_jugarbien:hover:before{
			color: #4c4c4c;
		}
	/*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{
    	background: !important;
    	border-color: !important;
	}
	.miCuenta aside div .headerAside{
    	background:  !important;
    	color:  !important;
	}
	.miCuenta aside div ul li a {
    	color:  !important;
	}
	.miCuenta aside div ul .active{
    	background: linear-gradient(to right, #8C0201, #fff) !important;
	}
	.miCuenta aside div ul .active a{
    	color: ;
	}
	/*panel jugada rapida*/
	.panel-heading-modal {
    	border-color: #8C0201;
    	background: linear-gradient(to right, #8C0201, #fff);
	}
	.modal-content.bgClaro.modal-comolightbox.modal-comolightboxJRIQ .modal-header.panel-heading-modal .close .fa-times-circle{
    	color: #8C0201;
	}
	.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 p:after{
	font-size: calc(3vw + 18px);
    display: block;
    content: "JUGAR";
    margin: 0.5em auto 0 auto;
    padding: 0.15em 0.15em 0 0.15em;
    font-weight: bold;
    visibility: hidden;
}

.col-sm-12.text-center.todoJuegoG div a:hover p:after{
	cursor: pointer;
	visibility: visible;
	color: rgb(171 144 23);
}
.col-sm-4.col-xs-4.botsT.imgbotes1 a:hover{
	cursor: default;
}
/*fin boton "jugar" en juegos*/