﻿
.wrapper {
    background-color: #fbfbfb;
}
/*botones*/
.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{
    background: #3378b3 !important;
	border: 1px solid #3378b3!important;
	color: #fff;

	
}

.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{
	background: #fff !important;
    color: #3378b3 !important;
    border: 1px solid #3378b3!important;
    text-shadow: none !important;

}
.btn-acceso{
	background: #ffffff;
	border: 1px solid #3378b3!important;
	color:#3378b3 !important;
   

	
}
.btn-acceso.activo{
    background: #3378b3;
    border: 1px solid #3378b3!important;
    color: #ffffff !important;
	
}
.btn-acceso:hover {
    background: #fff !important;
    color: #3378b3!important;
    border: 1px solid #3378b3!important;
    text-shadow: none !important;
}

#btnEnviar{
	background:#3378b3;
	color: #ffffff;

}
#btnEnviar:hover{
     border: 1px solid #3378b3!important;
	background: #fff !important;
    color: #3378b3;
}


.btn-EnviarPassIQ{
	background:#3378b3;
	color: #ffffff;

}
.btn-EnviarPassIQ:hover{
	 border: 1px solid #3378b3!important;
	background: #fff !important;
    color: #3378b3;
}
.top-scroll a{
	background-color:#3378b3;
}
.top-scroll a:hover{
	background-color: #3378b3;
	opacity: 0.5;
}
/*fin botones*/
/*arriba*/
.bote-menu {

    display: none !important;
}
.logo-relax-STASoloLogoIQ img {
    max-width: 50%;
}
.caja-carrito {
    background: #e781ad;
}
#navigation-toggle {
    background-image: none;
	    background:#e781ad;
	    top: -112px;
}
ul#navigation {
    background-color:#e781ad;
}
.full-width .top-bar-STA {
	    min-height: 89px;
	    background:#fbfbfb;
}
#body-tag .contenedordebanderitas{
    background: #fbfbfb !important;
}

@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: 70px;
	}
	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;
    }
}
.full-width .navigation-front-STA {
    background: rgb(232 129 173);
}
.sticky .navigation-front-STA {
    background: rgb(232 129 173)!important;
}
.telefono-STA {
    color: rgb(232 129 173);

}
.texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{
    color: rgb(232 129 173)!important;
}
.carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{
    color:rgb(232 129 173)!important;
}
#navigation-toggle {
	border: solid 1px #e881ad;
    background: #e881ad;
}
.menu-icon{
	color: #fff;
}
.menu-icon::before {
	color: #fff;
}





/*FINarriba*/

/*Marquesina*/
	.marquesinaIQ{
        width: 100%;
		overflow: hidden;
        color: #ffffff;
        background: #e781ad;
		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;
	}
}

	/*boton del blog*/
		#Blog{
			background-image: url(/RecursosIQ/img/img_compratusuerte/blog42_42.png);
			background-repeat: no-repeat;
			background-position-x: 10px;
			padding: 0px 0px !important;
			height: 42px;
			margin: auto;
			width: 59px;
		}
		@media only screen and (min-width: 1224px){
			#Blog{
				float: left;
				margin: 8px 0px;
			}
		}






/*cambio iconos menu hamburguesa*/
#Euromillones{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/euroB.svg)!important;}
#Eurodreams{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/dreamsB.svg)!important;}

#Bonoloto{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/bonoB.svg);}
#Primitiva{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/primiB.svg);}
#ElGordo{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/gordoB.svg);}

#Quiniela{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/quiniB.svg);}
#Quinigol{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/quinigolB.svg);}
#Loteria-Nac-J{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/juevesB.svg);}
#Loteria-Nac-S{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/sabadoB.svg);}
#Loteria-Nac-Nv{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/navidadB.svg);}
#Loteria-Nac-Nyo{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/ninoB.svg);}
#Penas{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/penasB.svg);}
#Loteria-en-Accion{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/solidariaB.svg);}
#AD{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/quiniB.svg);}
#Blog{background-image: url(/RecursosIQ/img/img_compratusuerte/logos/blogB.svg)!important;}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    #navigation-toggle {
        top: -110px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)   {
    #navigation-toggle {
    top: -120px;
    }
}
	@media (max-width: 600px){
	   ul#navigation > li > a#TextoMenu {
		font-size: 26px;
		line-height: 22px;
	   }
	   .bote-menu {
		font-size: 19px !important;
	   }
	}

	@media (max-device-width: 600px){
    ul#navigation.showen-c, ul#navigation {
    height: calc(100vh - 55px);
    max-height: none;
    width: 100vw !important;
    margin-right: 0 !important;
    right: -20px !important;
	height: calc(94vh - 55px);
	}
        ul#navigation > li > a:nth-child(2) {
        position: absolute;
                background-size: auto 100%;
    }
      ul#navigation > li > a:nth-child(3) {
        margin-left: 60px;
    }
    ul#navigation li, ul#navigation li:first-child {
        height: 40px;
    }
}
/*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*/


.imgcolor1{
    background: linear-gradient(to top,rgba(0,133,71,0.1),#fff);
}
.imgcolor1:hover{
	border-bottom: solid 3px #006722;
}
.imgcolor1 h4{
	color: #006722;
}
.bote1{
	color: #006722;
}
.imgcolor2{
    background: linear-gradient(to top,rgba(118,136,40,0.1),#fff);
}
.imgcolor2:hover{
    border-bottom: solid 3px #748525;
}
.imgcolor2 h4{
	color: #748525;
}
.bote2{
	color: #748525;
}
.imgcolor3{
    background: linear-gradient(to top,rgba(21,63,104,0.1),#fff);
}
.imgcolor3:hover{
	border-bottom: solid 3px #043f65;
}
.imgcolor3 h4{
	color: #043f65;
}
.bote3{
	color: #043f65;
}
.imgcolor4{
    background: linear-gradient(to top,rgba(220,60,71,0.1),#fff);
}
.imgcolor4:hover{
	    border-bottom: solid 3px #dc3f46;
}
.imgcolor4 h4{
	color: #dc3f46;
}
.bote4{
	color: #dc3f46;
}
.imgcolor5{
    background: linear-gradient(to top,rgba(220,60,71,0.1),#fff);
}
.imgcolor5:hover{
	border-bottom: solid 3px #dc3f46;
}
.imgcolor5 h4{
	color: #cc1517;
}
.bote5{
	color:#cc1517;
}
.imgcolor6{
    background: linear-gradient(to top,rgba(129, 156, 234, 0.24),#fff);
}
.imgcolor6:hover{
	border-bottom: solid 3px #3378b3;
}
.imgcolor6 h4{
	color: #3378b3;
}
.bote6{
	color: #3378b3;
}
.imgcolor7{
	background: linear-gradient(to top,rgba(63, 188, 208, 0.25),#fff);
}
.imgcolor7:hover{
	border-bottom: solid 3px #3fbcd0;
}
.imgcolor7 h4{
	color: #3fbcd0;
}
.bote7{
	color: #3fbcd0;
}
.imgcolor8{
    background: linear-gradient(to top,rgba(255, 153, 51, 0.26),#fff);
}
.imgcolor8:hover{
	border-bottom:solid 3px #ff9f3f;
}
.imgcolor8 h4 {
	color: #ff9933;
}
.bote8{
	color:  #ff9933;
}
.imgcolor9{
    background: linear-gradient(to top,#6b3e9873,#ffffff);
}
.imgcolor9:hover{
	border-bottom:solid 3px #6b3e98;
}
.imgcolor9 h4 {
	color: #6b3e98;
}
.bote9{
	color:  #6b3e98;
}
#ContenedorDeJuegos-Bote-Dreams:after {
    content: "al mes durante 30 años";
    position: absolute;
    font-size: .7em;
    transform: translateY(1em);
    width: 100%;
    left: 0;
}
/*juegos*/
.conteJuegos{
	 /*position: relative;
    border-radius: 5px;
    background: #000000 url(../images/backgrounds/bg-loteries.gif) repeat-x 0 0;
    border: 1px solid #bbbbbb;
   width: 100%;
    overflow: visible;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);*/

}
.juegos{
	    color: #b99a3c;
}
.todoJuegoG{
	/*float: left;
width: 114%;
    margin: 0 0 0px 0;*/
}
.botsT{
	/*width: 25%;*/
}
.botsT img{
margin: 0 auto;
}

.imgbotes1{
	/*float: left;
    position: relative;
    margin: 0 0;
    font-size: 1.3em;
    padding: 30px 15px;
    text-align: center;
	color: #444445;*/
    min-height: 180px;
	/*padding: 30px 15px;*/
  

}

.bote-menu {
    font-size: 25px;
	font-weight: 700;
}
.linea a hover{
    background-image: url(/RecursosIQ/img/img_carpindorado/linea.png);
}

@media only screen and (max-device-width: 600px){
    .botsT img {
    width: 50%;
    }
	.juegos {
    font-size: 11px;
    }
	.bote-menu {
    font-size: 16px;
    }
	.imgbotes1 {
    min-height: 130px;
    padding: 10px 0;
    }
}



	/*juegos*/
	.ContenedorDeJuegos-JuegoN {
		vertical-align: top;
		text-align: center;
		display: inline-block;
		width: 48%;
		margin: 1% 1%;
	}
	.ContenedorDeJuegosTipoCuadros2{
		font-size: 0;
		text-align: center;
	}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-Juego{
		vertical-align: top;
		text-align: center;
		display: inline-block;
		width: 23%;
		margin: 1% 1%;
	}
	.ContenedorDeJuegosTipoCuadros2:hover .ContenedorDeJuegos-Juego:hover, .ContenedorDeJuegosTipoCuadros2:hover .ContenedorDeJuegos-JuegoN:hover{
		box-shadow: 4px 4px 8px 2px #00000080;
	}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-nacional-sabado/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-nacional-jueves/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-navidad/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-del-nino/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/social/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-empresas/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/abonos/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/euromillones-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #001367}
	.ContenedorDeJuegosTipoCuadros2 a[href='/eurodreams/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #6b3e98}

	.ContenedorDeJuegosTipoCuadros2 a[href='/bonoloto-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #7a8634}
	.ContenedorDeJuegosTipoCuadros2 a[href='/primitiva-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #008547}
	.ContenedorDeJuegosTipoCuadros2 a[href='/la-quiniela-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #cb1517}
	.ContenedorDeJuegosTipoCuadros2 a[href='/quinigol-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #74bacd}
	.ContenedorDeJuegosTipoCuadros2 a[href='/seleccion-apuestas-deportivas/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #cb1517}
	.ContenedorDeJuegosTipoCuadros2 a[href='/gordo-primitiva-directo/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #dc3f47}
	.ContenedorDeJuegosTipoCuadros2 a[href='/listado-penyas/'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #cd6914}
	.ContenedorDeJuegosTipoCuadros2 a[href='https://www.youtube.com/watch?v=LdsKTk6O0wg&feature=youtu.be'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #b5271e}
	.ContenedorDeJuegosTipoCuadros2 a[href='javascript:verresultados()'] .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar{background-color: #a7710a}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-nacional-sabado/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-nacional-jueves/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-navidad/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-del-nino/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/social/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/loteria-empresas/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/abonos/']{color: #007ac0}
	.ContenedorDeJuegosTipoCuadros2 a[href='/euromillones-directo/']{color: #001367}
	.ContenedorDeJuegosTipoCuadros2 a[href='/eurodreams/']{color: #6b3e98}

	.ContenedorDeJuegosTipoCuadros2 a[href='/bonoloto-directo/']{color: #7a8634}
	.ContenedorDeJuegosTipoCuadros2 a[href='/primitiva-directo/']{color: #008547}
	.ContenedorDeJuegosTipoCuadros2 a[href='/la-quiniela-directo/']{color: #cb1517}
	.ContenedorDeJuegosTipoCuadros2 a[href='/quinigol-directo/']{color: #74bacd}
	.ContenedorDeJuegosTipoCuadros2 a[href='/seleccion-apuestas-deportivas/']{color: #cb1517}
	.ContenedorDeJuegosTipoCuadros2 a[href='/gordo-primitiva-directo/']{color: #dc3f47}
	.ContenedorDeJuegosTipoCuadros2 a[href='/listado-penyas/']{color: #cd6914}
	.ContenedorDeJuegosTipoCuadros2 a[href='https://www.youtube.com/watch?v=LdsKTk6O0wg&feature=youtu.be']{color: #b5271e}
	.ContenedorDeJuegosTipoCuadros2 a[href='javascript:verresultados()']{color: #a7710a}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-ContenedordeImagen{
		text-align: center;
	}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-ContenedordeImagen img{
		width: 55px;
	}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-NombreJuego{
		display: inline-block;
		font-size: 36px;
		line-height: 0.7em;
		margin-top: 4.2%;
		font-weight: bold;
	}
	.ContenedorDeJuegos-BotonJugar{
		margin-top: 8px;
		padding: 8px 0;
	}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo1{
		color: #fff;
		font-size: 52px;
		line-height: 1em;
	}
	.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-EurosMillones, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo2{
		color: #fff;
		font-size: 26px;
		line-height: 1em;
	}

	@media (max-width: 991px) and (min-width: 768px){
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-ContenedordeImagen img{
			width: 50px;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-NombreJuego{
			display: block;
			font-size: 32px;
		}
		.ContenedorDeJuegos-BotonJugar{
			margin-top: 7px;
			padding: 7px 0;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo1{
			font-size: 48px;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-EurosMillones, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo2{
			font-size: 24px;
		}
	}
	@media (max-width: 767px){
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-ContenedordeImagen img{
			width: 6.51vw;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-NombreJuego{
			display: block;
			font-size: 4.17vw;
		}
		.ContenedorDeJuegos-BotonJugar{
			margin-top: 0.91vw;
			padding: 0.91vw 0;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo1{
			font-size: 6.25vw;
		}
		.ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-EurosMillones, .ContenedorDeJuegosTipoCuadros2 .ContenedorDeJuegos-TextoAlternativo2{
			font-size: 3.125vw;
		}
	}
/*FIN juegos*/




/*botes*/

.barra-botes {
    background: #fff;
      position: relative;
    padding: 0px 0px;
}

.cuadroBote {
    border-color: #3378b3!important;
    min-height: 335px !important;
    border-bottom: 20px solid #3378b3;
}

.montobote {
    color: #570161;
}

.btn-jugartodos {
    background:#3378b3!important;
      font-size: 20px;
}
.btn-jugartodos:hover {
    border-color: #3378b3 !important;
    background: #ffffff !important;
    color: #3378b3!important;
}
.juegobote {
    border-color:#3378b3!important;
      margin: 20px 0px;  
}

.btn-jugarbote {
    background: #3378b3!important;
}
.btn-jugarbote:hover {
    color: #3378b3;
    border-color: #3378b3 !important;
    background: #ffffff!important;
}
.cubojugador1 {
    text-indent: -9999px;
    line-height: 0;
    background-image: url(/RecursosIQ/img/img_CompratuSuerte/capa1.png);
    background-repeat: no-repeat;
    margin-top: -55px;
}

.cubojugador2 {
    text-indent: -9999px;
    line-height: 0;
    background-image: url(/RecursosIQ/img/img_CompratuSuerte/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 #3378b3;
    float: right;
  opacity: 0.90;
}

.montobote {
    color: #3378b3;
    font-size: 40px;
    border-bottom: 2px solid #3378b3;
  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: #e781ad;
    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*/

/*bannerJugadagrupo*/
.jGrupo{
	    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	position: relative;
	background-image: url(/RecursosIQ/img/img_compratusuerte/imagen_grupo.jpg);
    background-repeat: no-repeat;
	    background-position: center right;
}
.bannerJgrupo{
	position: absolute;
    top: 50%;
    right:15%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}
.txtgrupo{
	font-size: 55px;
    color: #ffffff;
    text-shadow: 2px 2px 8px #FF0000;
}
.bannerJgrupo p {
	font-size: 22px;
    line-height: 22px;
    color: #414042;
    text-align: center;
	    padding: 20px 0;
}

.link-grupo{
    font-size: 20px;
    text-align: center;
    color: #d7a9b4;
    background-color: #3378b3;
    padding: 13px 25px;
    text-transform: capitalize;
}
.link-grupo:hover{
	border-color: #3378b3 !important;
    background: #ffffff !important;
    color: #d6abb5!important;
}

@media only screen and (max-device-width: 1024px){
    .bannerJgrupo {
    right: 1%;
	}
}

@media only screen and (max-device-width: 600px){
    .txtgrupo {
    text-align: right;
    font-size: 40px;
    padding: 0 20px;
	}
	.bannerJgrupo p {
	text-align: left;
    padding: 0px 20px;
    margin-left: 117px;
    font-size: 22px;
	}
	.link-grupo {
    margin: 0 75px;
    float: right;
	}
}
/*FINbannerJugadagrupo*/

/*bannerEmpresa*/
.bEmpre {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	position: relative;
	background-image: url(/RecursosIQ/img/img_compratusuerte/imagen_empresa.jpg);
    background-repeat: no-repeat;
	    background-position: bottom;
}
.bannerEmp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    padding: 20px;
    /* margin: 20px 0px; */
    background: rgba(0,0,0,.5);
    min-height: 152px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.subempre {
    font-size: 55px;
    color: #ffffff;
    text-shadow: 2px 2px 8px #3378b3;
	    margin: 40px 0;
}

.lineaG {
    background-color: #3378b3;
    height: 5px;
    position: relative;
    width: 236px;
    display: block;
    margin: auto;
    text-align: center;
}

@media only screen and (max-device-width: 600px){
    .subempre {
    font-size: 40px;
	}
}

/*FINbannerEmpresa*/

/*bannerQuiniela*/
.bQuini {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	position: relative;
	background-image: url(/RecursosIQ/img/img_compratusuerte/imagen_quini.jpg);
    background-repeat: no-repeat;
	    background-position: bottom;
}
.bannerQui{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    padding: 20px;
    /* margin: 20px 0px; */
    background: rgba(0,0,0,.5);
    min-height: 152px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.subtituquiniela{
	font-size: 55px;
    color: #ffffff;
	  text-shadow: 2px 2px 8px #FF0000;
  
}
.link-qui{
	    font-size: 40px;
    color: #e781ad;
}
.link-qui:hover {
    font-size: 40px;
    color: #fff;
	text-shadow: 2px 2px 8px #FF0000;
}


@media only screen and (max-device-width: 600px){
    .subtituquiniela {
    font-size: 31px;
	 margin: 23px 0;
	}
	.link-qui {
    font-size: 29px;
	}
}
/*FINbannerQuiniela*/

/*bannerSolidario*/
.Solidarioo{
	height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	position: relative;
	background-image: url(/RecursosIQ/img/img_compratusuerte/imagen_Solidario.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
	border-bottom: solid 20px #e781ad;

}
.bannerSolidario {
	position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
}
.txtsolidario{
    font-size: 55px;
    color: #ffffff;
    text-shadow: 2px 2px 8px #FF0000;
}
.bannerSolidario p{
	font-size: 22px;
    line-height: 22px;
    color: #414042;
    text-align: center;
    padding: 20px 0;
}

.link-solidario {
    font-size: 20px;
    text-align: center;
    color:#f8f8f8;
    background-color: #3378b3;
    padding: 13px 25px;
    text-transform: capitalize;
}
.link-solidario:hover {
 
    background: #ffffff !important;
    color: #3378b3!important;
    border: solid 1px #3378b3;
}

@media only screen and (max-device-width: 600px){
    .bannerSolidario {
    left: 0%;
	}
	.bannerSolidario p {
    font-size: 25px;
    line-height: 28px;
    padding: 20px 20px;
	}
}
/*FINbannerSolidario*/

/*comprueba tiket*/
.barraresultadosjuegos {
    background: #fbfbfb;
}
.tituloresultados {
    color: #000000;
}
.btn-naranja-STA {
    background: #3378b3;
}
.btn-naranja-STA:hover {
    color:#3378b3 !important;
    border-color:#3378b3 !important;
}
.cuadroresultadosjuegos-titulo {
    color: #000000;
}
.cuadroresultadosjuegos-bote {
    color: #000000;
}
/* FINcomprueba tiket*/
	
	
/*footer*/
    .PieBanner{
        background: #e781ad;
    position: relative;
    }
    .footer-STA{
        background:#e781ad;
    }
    .copyright-STA{
        background: #e781ad;
    }
    .colorRS{
        color: #ffffff!important;
    }

    .bordePieIQ{
        border-top: solid 2px #fbfbfb;
        padding: 20px 0;
    }
    /*Pie Juego Responsable*/
        .PieJuegoResponsable .container a.pie_jugarbien:after{
            color: #ffffff;
        }
        .PieJuegoResponsable .container a.pie_jugarbien:hover:after{
            color: #cbaa0e;
        }
    /*Fin Pie Juego Responsable*/
/*FINfooter*/	



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



/* ********** ************
   barra-solidaria-EU dentro
*********** *********** */
.barra-solidaria-EU {
    min-height: 540px;
    background: linear-gradient(to right, #b99a3c, #755801);
}
.titulosolidaria-EU {
    font-size: 60px;
    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: 40px;
   }
   .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: 32px;
  }
  .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
*********** *********** */


/*carrusel monedas misod*/
.bote-slider2{
	height:98px;
}

 @media (max-width:991px) and (min-width: 768px){
    .bote-slider2{
	height:30px;
    }

}
@media only screen and (max-device-width: 600px){
	.bote-slider2 {
		height: 17px;
	}
	.bote-solidaria-slider{
		font-size: 15px!important;
	}
		.bote-solidaria-slider img{
		    width: 30px!important;
	}
}
	/*FINcarrusel monedas misod*/


	/* landing solidaria */
		.ImagenIntroduceTuClave .PassIntroduceTuClave{
			bottom: 17% !important;
			font-size: 40px !important;
		}
		@media (max-width: 412px){
			.ImagenIntroduceTuClave .PassIntroduceTuClave{
				font-size: 9.7vw !important;
			}
		}