/*Cambio de colores de los juegos en paginas interiores*/ /*Botones del color corporativo*/ .btn-azulito:hover{ background: #f3c022 !important; } /*Color de Euromillones*/ .banner-EU-IQ .bloque1-slider, .banner-EU-IQ .bloque2-slider, .banner-Loto-IQ .bloque1-slider, .banner-Loto-IQ .bloque2-slider, .banner-Primi-IQ .bloque1-slider, .banner-Primi-IQ .bloque2-slider, .banner-Gordo-IQ .bloque1-slider, .banner-Gordo-IQ .bloque2-slider, .btn-azulito.activo, .degrade-azul, .btn-tag-eu:hover, .resultados-EU-circulo.activo, .redSeleccinadaIQ, div[id*="Euromillones"].is-hover, .btn-buscarIQ, .btn-tag-eu.activo, .botoneraIQ:hover, .btn-aleatorio.activo{ background: #2b3f9a !important; } /*Color de Bonoloto*/ .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, div[id*="Loto"].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, .NumeritosS_BO, .Numeritos_BO:hover, .btn-aleatorio.activo.degrade-BOIQ{ background: #67712c !important; } /*Color de Primitiva*/ .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, div[id*="Loto"].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, .NumeritosS_PVA, .Numeritos_PVA:hover, .btn-aleatorio.activo.degrade-PVAIQ{ background: #226144 !important; } /*Color de El Gordo*/ .banner-Gordo-IQ .bloque1-slider, .banner-Gordo-IQ .bloque2-slider, .btn-GOIQ.activo, .btn-GOIQ:hover, .degrade-GOIQ, .btn-aleatorio.activo.degrade-GOIQ, div[id*="Gordo"].CuadroRedGordoIQ .redSeleccinadaIQ, div[id*="Gordo"].CuadroRedGordoIQ .panelRedIQ.is-hover, div[id*="Gordo"].CuadroRedGordoIQ .btn-buscarIQ, div[id*="Gordo"].CuadroEstadRedGordoIQ .cabeceraEstadIQ, .anchoEstadGordoIQ .cabeceraEstadIQ{ background: #a2282e !important; } /*Color de La Quiniela*/ .banner-Quiniela-IQ .bloque1-slider, .banner-Quiniela-IQ .bloque2-slider, .btn-quinielaIQ.activo, .btn-quinielaIQ:hover, .bck-QUI, .row15, .btn-tag-QUIIQ.btniq:hover, a[id*="Quiniela"] .resultados-EU-circulo.activo, a[id*="Quinela"] .resultados-EU-circulo.activo, .btn-aleatorio.activo.btn-aleatorio-rojoIQ, .redQuinielaSeleccinadaIQ, .panelRedIQ.redQuinielaSeleccinadaIQ, a[id*="Quiniela"].btn-buscarIQ, .panelRedIQ.is-hover{ background: #c32a2b !important; } /*Color de Quinigol*/ .banner-QuiniGol-IQ .bloque1-slider, .banner-QuiniGol-IQ .bloque2-slider, .btn-quiniGolIQ.activo, .cabeceraCuadricula, .btn-tag-QGIQ:hover, .btn-quiniGolIQ:hover, a[onclick*="QuiniGol"].btn-tag-QUIIQ.btniq:hover, a[id*="QuiniGol"] .resultados-EU-circulo.activo{ background: #5e8994 !important; } /*Color de Loteria*/ .banner-slider-LN .bloque1-slider, .banner-slider-LN .bloque2-slider, .btn-ver-decimo{ background: #562f54 !important; } .container.waypoint.seccion-boleto #panelBoleto .bloque-busqueda-terminal > div.col-lg-3.col-md-3.col-sm-6.col-xs-6:nth-child(6) .btn-ver-decimo { background: #fff !important; } /*fin Cambio de colores de los juegos en paginas interiores*/ .cuadriculaFlexFuera .spansignosS, .cuadriculaFlexFuera .spansignos:hover, .cuadriculaFlexCasa .spansignosS, .cuadriculaFlexCasa .spansignos:hover{ background-color: #74bacd !important; } .containerEstadist .escrutinioHead, .containerEstadist .headerEsta .panelFilter div:first-of-type div, .btnActivoIq{ background-color: #1c3451 !important; } .containerEstadist .headerEsta .panelFilter div:first-of-type div, .btnActivoIq:hover, a[id*="Quiniela"].btn-buscarIQ{ color: #fff; } .wrapper{ background-size: 100%; } .TituloLoteriasAvalon{ margin: 0 auto 0.2em; padding-top: 0.5em; text-align: center; font-size: 50px; color: #1c3451; width: max-content; border-bottom: 3px solid #f3c022; max-width: 90%; line-height: 1; } .SubTituloLoteriasAvalon{ text-align: center; font-size: 36px; margin: auto; max-width: 90%; } .TextoLoteriasAvalon{ text-align: center; font-size: 28px; } .TextoPequenoLoteriasAvalon{ max-width: 1200px; padding: 15px; margin: auto; text-align: justify; font-size: 16px; } @media (max-width: 991px){ .TituloLoteriasAvalon{ font-size: 36px; } .SubTituloLoteriasAvalon{ font-size: 30px; } .TextoLoteriasAvalon{ font-size: 24px; } .TextoPequenoLoteriasAvalon{ font-size: 14px; } } @media (max-width: 767px){ .TituloLoteriasAvalon{ font-size: 5vw; } .SubTituloLoteriasAvalon{ font-size: 4.5vw; } .TextoLoteriasAvalon{ font-size: 4vw; } .TextoPequenoLoteriasAvalon{ font-size: 3vw; } } /*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: #f3c022 !important; border: 1px solid #fff !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: #f3c022 !important; border: 1px solid #f3c022 !important; } .btn-acceso{ background: #b7b7b7; border: 1px solid #fff !important; color: #fff !important; } .btn-acceso.activo{ background: #f3c022; border: 1px solid #f3c022 !important; color: #fff !important; } .btn-acceso:hover { background: #fff; border: 1px solid #f3c022 !important; color: #f3c022 !important; } .top-scroll a{ background-color: #f3c022; } .top-scroll a:hover{ background-color: #f3c022; opacity: 0.5; } /*fin botones*/ /*arriba*/ @media (min-width: 1025px){ .home .header { min-height: 230px !important; } #ImagenPrincipalYBandaSegura{ transform: translateY(-37px); } } .full-width .top-bar-STA{ background: rgb(28 52 81); /*transparencia sobre cabecera*/ } .logo-relax-STASoloLogoIQ img { position: absolute; z-index: 99; } .telefono-STA { color: #ffffff; padding: 14px 0px; font-weight: normal; } .texto-mensaje-STA, .texto-mensaje-STA-registro, .texto-mensaje-salir, .textoMiCuentaIQ, .ssaldoIQ{ color: #ffffff !important; } .carrito-mensaje-STA, .accesos-STA a, .accesos-STA span:first-child{ color: #ffffff!important; } #navigation-toggle { border: solid 1px #fff; background: #1c3451 !important; } .menu-icon{ color: #fff; } .menu-icon::before { color: #fff; } /*FINarriba*/ /*menu hamburguesa MARQUESINA (SIEMPRE QUE SE PONGA MARQUESINA)*/ .marquesinaIQ{ color: #1c3451; background: #f3c022 !important; z-index: 98; } ul#navigation{ background-color: #fff; color: #fff; } .full-width .navigation-front-STA, .sticky .navigation-front-STA{ background-color: #fff !important; } ul#navigation a{ color: #fff; } .MenuResponsive a:after{ background: transparent; } /*Menu hamburguesa letras del color del juego*/ ul#navigation a[href="/eurodreams/"]{color: #6b3e98 !important;} ul#navigation a[href="/euromillones-directo/"]{color: #2b3f9a !important;} ul#navigation a[href="/bonoloto-directo/"]{color: #67712c !important;} ul#navigation a[href="/primitiva-directo/"]{color: #226144 !important;} ul#navigation a[href="/gordo-primitiva-directo/"]{color: #a2282e !important;} ul#navigation a[href="/la-quiniela-directo"]{color: #c32a2b !important;} ul#navigation a[href="/quinigol-directo/"]{color: #5e8994 !important;} ul#navigation a[href="/seleccion-apuestas-deportivas/"]{color: #c32a2b !important;} ul#navigation a[href="/loteria-del-nino/"]{color: #562f54 !important;} ul#navigation a[href="/loteria-navidad/"]{color: #562f54 !important;} ul#navigation a[href="/loteria-nacional-jueves/"]{color: #562f54 !important;} ul#navigation a[href="/loteria-nacional-sabado/"]{color: #562f54 !important;} ul#navigation a[href="/listado-penyas/"]{color: #f3c022 !important;} ul#navigation a[href="/acciones-solidarias/"]{color: #562f54 !important;} /*cambio iconos menu hamburguesa*/ #Eurodreams{background-image: url(/RecursosIQ/img/img_loteriasavalon/dreams.svg);} #Euromillones{background-image: url(/RecursosIQ/img/img_loteriasavalon/euro42_42.png);} #Bonoloto{background-image: url(/RecursosIQ/img/img_loteriasavalon/bono42_42.png);} #Primitiva{background-image: url(/RecursosIQ/img/img_loteriasavalon/primi42_42.png);} #ElGordo{background-image: url(/RecursosIQ/img/img_loteriasavalon/gordo42_42.png);} #AD{background-image: url(/RecursosIQ/img/img_loteriasavalon/AD42_42.png);} #Quiniela{background-image: url(/RecursosIQ/img/img_loteriasavalon/quini42_42.png);} #Quinigol{background-image: url(/RecursosIQ/img/img_loteriasavalon/quinigol42_42.png);} #Loteria-Nac-J{background-image: url(/RecursosIQ/img/img_loteriasavalon/jueves42_42.png);} #Loteria-Nac-S{background-image: url(/RecursosIQ/img/img_loteriasavalon/sabado42_42.png);} #Loteria-Nac-Nv{background-image: url(/RecursosIQ/img/img_loteriasavalon/navidad42_42.png);} #Loteria-Nac-Nyo{background-image: url(/RecursosIQ/img/img_loteriasavalon/nino42_42.png);} #Penas{background-image: url(/RecursosIQ/img/img_loteriasavalon/penas42_42.png);} #Loteria-en-Accion{background-image: url(/RecursosIQ/img/img_loteriasavalon/solidaria42_42.png);} /*Menu hamburguesa hover*/ ul#navigation > li, ul#navigation li:first-child{ margin-top: 0px !important; padding-top: 10px; } @media (min-width: 1025px){ ul#navigation > li a { padding: 10px 5px 5px; } } ul#navigation li.MenuResponsive:hover{background: #562f54 !important;} ul#navigation li.MenuResponsive:nth-child(1):hover{background: #6b3e98 !important;} ul#navigation li.MenuResponsive:nth-child(2):hover{background: #2b3f9a !important;} ul#navigation li.MenuResponsive:nth-child(3):hover{background: #67712c !important;} ul#navigation li.MenuResponsive:nth-child(4):hover{background: #226144 !important;} ul#navigation li.MenuResponsive:nth-child(5):hover{background: #a2282e !important;} ul#navigation li.MenuResponsive:nth-child(6):hover{background: #c32a2b !important;} ul#navigation li.MenuResponsive:nth-child(7):hover{background: #5e8994 !important;} ul#navigation li.MenuResponsive:nth-child(12):hover{background: #f3c022 !important;} ul#navigation li.MenuResponsive:hover a{filter: grayscale(1) brightness(10);} /*FINmenu hamburguesa*/ /*Carrusel Tipo 32*/ #myCarousel .carousel-inner{ height: auto !important; min-height: auto !important; top: 0 !important; } #myCarousel .carousel-inner .item{ min-height: auto !important; } #myCarousel.carousel{ height: auto; } @media (min-width: 1025px){ #myCarousel{ transform: translateY(-37px); } } .CarruselTodosTipo32{ margin: auto; max-width: 2000px; } .CarruselTodosTipo32 .TituloLoteriasAvalon:nth-child(3){ padding-top: 1.5em; } .CarruselTodosTipo32 .CarruselItem{ Position: relative; cursor: default; margin-bottom: 30px; overflow: hidden; } .CarruselTodosTipo32 .CarruselImg{ width: 100%; max-width: 100%; } .CarruselTodosTipo32 .CarruselImgDecimo{ position: absolute; transform: translateX(-50%) rotateZ(4deg); width: 40%; top: 5%; left: 50%; } .CarruselTodosTipo32 .CarruselImgDecimo > img{ position: relative; width: 100%; } .CarruselTodosTipo32 .CarruselImgDecimo .Bombosdeloteria{ position: absolute; width: 48%; top: 15%; left: 32%; font-size: 0; } .CarruselTodosTipo32 .CarruselImgDecimo .Bombosdeloteria > img{ position: relative; width: 15%; margin: 0 2.5%; filter: hue-rotate(180deg) drop-shadow(0 0 5px #e1a654); } .CarruselTodosTipo32 .CarruselTexto{ position: relative; width: 100%; color: #000; } .CarruselTodosTipo32 .CarruselTexto a{ color: #000; } .CarruselTodosTipo32 .CarruselTitulo{ text-align: center; width: 100%; font-size: 6vw; } .CarruselTodosTipo32 .CarruselDescripcion{ text-align: center; width: 90%; margin: auto; font-size: 4vw; } .CarruselTodosTipo32 .CarruselBoton{ text-align: center; width: 40%; margin: auto; padding-top: 0.5vw; font-size: 5vw; background: #f3c022; border: 1px solid #f3c022; color: #fff; cursor: pointer; } .CarruselTodosTipo32 .CarruselBoton a{ color: #fff; } .CarruselTodosTipo32 .CarruselBoton:hover{ background: #fff; color: #f3c022; } .CarruselTodosTipo32.CarruselNavidadTipo32{ background-image: url(https://gestion.loteriasavalon.com/Web_2_0/ImagenesLibres/Navidad22_WR.jpg); background-size: cover; background-position: center center; } .CarruselTodosTipo32.CarruselNavidadTipo32 .CarruselItem{ visibility: hidden; } @media (min-width: 600px){ .CarruselTodosTipo32 .CarruselItem{ margin-bottom: 0; } .CarruselTodosTipo32 .CarruselImgDecimo{ transform: rotateZ(-8deg); width: 30%; top: 22%; left: 10%; } .CarruselTodosTipo32 .CarruselTexto{ position: absolute; width: 50%; height: 100%; top: 0; right: 0; background: #00000082; color: #fff; } .CarruselTodosTipo32 .CarruselTexto a{ color: #fff; } .CarruselTodosTipo32 > a:nth-child(4n) .CarruselTexto{ right: auto; left: 0; } .CarruselTodosTipo32 .CarruselTitulo{ position: absolute; top: 15%; font-size: 3vw; } .CarruselTodosTipo32 .CarruselDescripcion{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%); font-size: 2vw; } .CarruselTodosTipo32 .CarruselBoton{ position: absolute; width: 60%; left: 20%; bottom: 8%; padding-top: 0.5vw; font-size: 3vw; } } @media (min-width: 2000px){ .CarruselTodosTipo32 .CarruselTitulo{ font-size: 60px; } .CarruselTodosTipo32 .CarruselDescripcion{ font-size: 40px; } .CarruselTodosTipo32 .CarruselBoton{ padding-top: 10px; font-size: 60px; } } /*Fin carrusel tipo 32*/ /*juegos*/ .ContenedorDeJuegosTipoCuadros{ font-size: 0; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Juego{ text-align: center; display: inline-block; width: 23%; margin: 20px 1%; cursor: default; box-shadow: 0 0 5px #676767; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .ContenedorDeJuegos-Juego, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .ContenedorDeJuegos-Juego{ width: 48%; } .ContenedorDeJuegosTipoCuadros .linea-1{ padding: 0 15px; height: 40px; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .linea-1, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .linea-1{ padding: 0 calc(25% + 15px); } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-ContenedordeImagen{ display: inline-block; width: 12%; margin-right: 6%; vertical-align: middle; margin-top: 2.3%; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-ContenedordeImagen img{ width: 100%; filter: grayscale(1) brightness(10); } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-NombreJuego{ display: inline-block; vertical-align: middle; color: white; font-size: 24px; line-height: 1em; margin-top: 4.2%; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-AjustarAlineacion{ display: inline-block; vertical-align: middle; width: 9%; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 52px; line-height: 1em; height: 60px; padding-top: 5px; color: #525252; position: relative; } /*.ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 26px; line-height: 1em; height: 90px; padding: 20px 50px 0; color: #525252; }*/ .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Fecha{ font-size: 24px; color: #909090; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-BotonJugar{ border: 1px solid #f3c022; background-color: #f3c022; color: #fff; font-size: 24px; padding: 8px 0; } .ContenedorDeJuegosTipoCuadros a .ContenedorDeJuegos-Juego .ContenedorDeJuegos-BotonJugar:hover{ background-color: #fff; color: #f3c022; cursor: pointer; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-nacional-sabado/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/loteria-nacional-jueves/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/social/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/loteria-empresas/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/abonos/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #562f54} .ContenedorDeJuegosTipoCuadros a[href='/euromillones-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #2b3f9a} .ContenedorDeJuegosTipoCuadros a[href='/eurodreams/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #6b3e98} .ContenedorDeJuegosTipoCuadros a[href='/bonoloto-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #67712c} .ContenedorDeJuegosTipoCuadros a[href='/primitiva-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #226144} .ContenedorDeJuegosTipoCuadros a[href='/la-quiniela-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #c32a2b} .ContenedorDeJuegosTipoCuadros a[href='/quinigol-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #5e8994} .ContenedorDeJuegosTipoCuadros a[href='/seleccion-apuestas-deportivas/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #5e8994} .ContenedorDeJuegosTipoCuadros a[href='/gordo-primitiva-directo/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #a2282e} .ContenedorDeJuegosTipoCuadros a[href='/listado-penyas/'] .ContenedorDeJuegos-Juego .linea-1{background-color: #c32a2b} .ContenedorDeJuegosTipoCuadros a[href='https://www.youtube.com/watch?v=LdsKTk6O0wg&feature=youtu.be'] .ContenedorDeJuegos-Juego .linea-1{background-color: #c32a2b} .ContenedorDeJuegosTipoCuadros a[href='javascript:verresultados()'] .ContenedorDeJuegos-Juego .linea-1{background-color: #c32a2b} #ContenedorDeJuegos-Bote-Dreams:after{ content: "al mes durante 30 años"; position: absolute; font-size: 0.4em; transform: translateY(1.3em); width: 100%; left: 0px; color: #6b3e98; } @media (max-width: 1199px) and (min-width: 992px){ .ContenedorDeJuegosTipoCuadros .linea-1{ padding: 0 12.4px; height: 33.05px; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .linea-1, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .linea-1{ padding: 0 calc(25% + 12.4px); } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-NombreJuego{ font-size: 19.84px; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 43px; height: 49.6px; padding-top: 6px; } /*.ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 21.5px; height: 74.5px; padding: 16.5px 41pxpx 0; }*/ .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Fecha{ font-size: 19.84px; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-BotonJugar{ font-size: 19.84px; padding: 6.61px 0; } } @media (max-width: 991px) and (min-width: 768px){ .ContenedorDeJuegosTipoCuadros .linea-1{ padding: 0 9.6px; height: 25.6px; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .linea-1, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .linea-1{ padding: 0 calc(25% + 9.6); } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-NombreJuego{ font-size: 15.36px; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 33.28px; height: 38.4px; padding-top: 5px; } /*.ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 16.64px; height: 57.6px; padding: 12.8px 32px 0; }*/ .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Fecha{ font-size: 15.36px; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-BotonJugar{ font-size: 15.36px; padding: 5.12px 0; } } @media (max-width: 767px){ .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Juego, .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .ContenedorDeJuegos-Juego, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .ContenedorDeJuegos-Juego{ width: 46%; margin: 3% 2%; } .ContenedorDeJuegosTipoCuadros .linea-1, .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .linea-1, .ContenedorDeJuegosTipoCuadros a[href='/loteria-del-nino/'] .linea-1{ padding: 0 2.5vw; height: 6.67vw; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-NombreJuego{ font-size: 4vw; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Bote, .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 8.66vw; height: 10vw; padding-top: 1.5vw; } /*.ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-TextoAlternativo{ font-size: 4.33vw; height: 15vw; padding: 3.33vw 8.33vw 0; }*/ .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-Fecha{ font-size: 4vw; } .ContenedorDeJuegosTipoCuadros .ContenedorDeJuegos-BotonJugar{ font-size: 4vw; padding: 1.33vw 0; } } /*FIN juegos*/ /*banda segura*/ .BandaSeguraTipo32{ background-color: #1c3451; padding: 10px 0; font-size: 0; margin: 0; } .BandaSeguraTipo32 .BandaSeguraItem{ text-align: left; background-repeat: no-repeat; top: 14px; padding: 5px 0 5px 57px; background-position: left center; background-size: auto 40px; } .BandaSeguraTipo32 .BandaSeguraItem1{background-image: url(/RecursosIQ/img/bandasegura/juegogarantia.png);} .BandaSeguraTipo32 .BandaSeguraItem2{background-image: url(/RecursosIQ/img/bandasegura/juegocertificado.png);} .BandaSeguraTipo32 .BandaSeguraItem3{background-image: url(/RecursosIQ/img/bandasegura/juegoseguro.png);} .BandaSeguraTipo32 .BandaSeguraItem4{background-image: url(/RecursosIQ/img/bandasegura/juegotoca.png)} .BandaSeguraTipo32 .BandaSeguraItem5{background-image: url(/RecursosIQ/img/bandasegura/juegoitem5.png)} .BandaSeguraTipo32 .BandaSeguraItem6{background-image: url(/RecursosIQ/img/bandasegura/juegoitem6.png)} .BandaSeguraTipo32 .BandaSeguraItem7{background-image: url(/RecursosIQ/img/bandasegura/juegoitem7.png)} .BandaSeguraTipo32 .BandaSeguraItem8{background-image: url(/RecursosIQ/img/bandasegura/juegoseguro.png)} .BandaSeguraTipo32 .BandaSeguraItem9{background-image: url(/RecursosIQ/img/bandasegura/juegocertificado.png)} .BandaSeguraTipo32 .BandaSeguraItem10{background-image: url(/RecursosIQ/img/bandasegura/juegotoca.png)} .BandaSeguraTipo32 .BandaSeguraItem11{background-image: url(/RecursosIQ/img/bandasegura/juegoitem11.png)} .BandaSeguraTipo32 .BandaSeguraItem12{background-image: url(/RecursosIQ/img/bandasegura/juegoitem12.png)} .BandaSeguraTipo32 .BandaSeguraTitulo{ margin-top: 5px; margin-bottom: 0px; color: #fff; font-weight: 700; font-size: 16px; line-height: 1em; } .BandaSeguraTipo32 .BandaSeguraDescripcion{ margin-top: 5px; margin-bottom: 0px; color: white; font-weight: 300; font-size: 12px; line-height: 1.2em; } @media (min-width: 601px){ .BandaSeguraTipo32 .BandaSeguraItem{ display: inline-block; vertical-align: top; width: 50%; } .BandaSeguraTipo32 .BandaSeguraTitulo{ font-size: 20px; } .BandaSeguraTipo32 .BandaSeguraDescripcion{ font-size: 16px; } } /*fin banda segura*/ /*Loteria de empresa y social*/ .PenasEmpresaSocialTipoCartel{ margin: auto; max-width: 2000px; } .PenasEmpresaSocialTipoCartel .TituloLoteriasAvalon:nth-child(3){ padding-top: 1.5em; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialItem{ Position: relative; cursor: default; margin-bottom: 30px; overflow: hidden; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImg{ width: 100%; max-width: 100%; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImgDecimo{ position: absolute; transform: translateX(-50%) rotateZ(4deg); width: 40%; top: 5%; left: 50%; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImgDecimo > img{ position: relative; width: 100%; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImgDecimo .Bombosdeloteria{ position: absolute; width: 48%; top: 15%; left: 32%; font-size: 0; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImgDecimo .Bombosdeloteria > img{ position: relative; width: 15%; margin: 0 2.5%; filter: hue-rotate(180deg) drop-shadow(0 0 5px #e1a654); } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialTexto{ position: relative; width: 100%; color: #000; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialTitulo{ text-align: center; width: 100%; font-size: 6vw; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialDescripcion{ text-align: center; width: 90%; margin: auto; font-size: 4vw; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialBoton{ text-align: center; width: 40%; margin: auto; padding-top: 0.5vw; font-size: 5vw; background: #f3c022; border: 1px solid #f3c022; color: #fff; cursor: pointer; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialBoton:hover{ background: #fff; color: #f3c022; } @media (max-width:599px){ .PenasEmpresaSocialTipoCartel a[href='/loteria-empresas/'] .PenasEmpresaSocialImg{ width: 120%; max-width: 120%; } } @media (min-width: 600px){ .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialItem{ margin-bottom: 0; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialImgDecimo{ transform: rotateZ(-8deg); width: 30%; top: 22%; left: 10%; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialTexto{ position: absolute; width: 50%; height: 100%; top: 0; right: 0; background: #00000082; color: #fff; } .PenasEmpresaSocialTipoCartel > a:nth-child(4n) .PenasEmpresaSocialTexto{ right: auto; left: 0; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialTitulo{ position: absolute; top: 15%; font-size: 3vw; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialDescripcion{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%); font-size: 2vw; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialBoton{ position: absolute; width: 60%; left: 20%; bottom: 8%; padding-top: 0.5vw; font-size: 3vw; } } @media (min-width: 2000px){ .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialTitulo{ font-size: 60px; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialDescripcion{ font-size: 40px; } .PenasEmpresaSocialTipoCartel .PenasEmpresaSocialBoton{ padding-top: 10px; font-size: 60px; } } /*Fin Loteria de empresa y social*/ /*comprueba tiket*/ .cuadroresultadosjuegos { background: ; border: ; } .cuadroresultadosjuegos-titulo, .cuadroresultadosjuegos-diajuego, .cuadroresultadosjuegos-diajuego2, .cuadroresultadosjuegos-bote{ color: #1c3451; } .separator-small-STA { background-color: #1c3451; } .btn-naranja-STA{} .btn-naranja-STA:hover{} /* FINcomprueba tiket*/ /*jugadas magicas*/ .UnEspacioParaMejorarNuestroJuego{ background: #fff0df; margin: 6vw 0; box-shadow: 0 0 10px #1c3451; } .PubliJugadasMagicas{ padding: 2vw 0; background: url(/RecursosIQ/img/img_loteriasavalon/Imagen_Jugadas_Magicas.jpg) 50% 20%; background-size: cover; } .PubliJugadasMagicas > .container > div{ margin: 2vw 0; font-size: 3vw; color: #1c3451; padding: 1.5vw 2.5vw; padding: 20px 30px; filter: drop-shadow(4px 4px 0px #816543); } .PubliJugadasMagicas > .container > div:nth-child(1){ width: 30%; margin-left: 67%; background-image: url(/RecursosIQ/img/img_loteriasavalon/pensamiento_der.png); background-size: 98% 98%; background-repeat: no-repeat; background-position: center center; text-align: center; } .PubliJugadasMagicas > .container > div:nth-child(2){ width: 30%; margin-left: 3%; background: #fff0de; color: #1c3451; padding: 1vw; border-radius: 1vw; box-shadow: 0 0 0.5vw #f3c022; } .PubliJugadasMagicas > .container > div:nth-child(3){ width: 94%; margin-left: 3%; background: #fff0de; color: #1c3451; padding: 1vw; border-radius: 1vw; box-shadow: 0 0 0.5vw #f3c022; } @media (max-width: 600px) and (orientation:portrait){ .PubliJugadasMagicas { padding: 0; } .PubliJugadasMagicas > .container > div:nth-child(1){ margin-top: 0.5vw; width: 70%; margin-left: 27%; } .PubliJugadasMagicas > .container > div:nth-child(2){ margin-top: 20vw; margin-bottom: 10vw; } } @media (min-width: 600px){ .PubliJugadasMagicas > .container > div{ font-size: 2vw; } } @media (min-width: 1200px){ .PubliJugadasMagicas > .container > div{ font-size: 24px; margin: 60px 0; padding: 20px 30px; } .PubliJugadasMagicas > .container > div:nth-child(1){ width: 30%; margin: 0 0 60px 65%; } .PubliJugadasMagicas > .container > div:nth-child(2){ width: 30%; margin: 60px 0 60px 5%; } .PubliJugadasMagicas > .container > div:nth-child(3){ margin: 60px 0 0 5%; width: 90%; } } .JugadasMagicasTipoCuadros{ font-size: 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ text-align: center; display: inline-block; width: 23%; margin: 30px 1%; cursor: default; box-shadow: 0 0 5px #676767; } .JugadasMagicasTipoCuadros a[href='/euromillones-jugadas-magicas/'] .JugadasMagicas-Juego{color: #001367} .JugadasMagicasTipoCuadros a[href='/loto-jugadas-magicas/'] .JugadasMagicas-Juego{color: #7a8634} .JugadasMagicasTipoCuadros a[href='/primitiva-jugadas-magicas/'] .JugadasMagicas-Juego{color: #008547} .JugadasMagicasTipoCuadros a[href='/la-quiniela-jugadas-estrella/'] .JugadasMagicas-Juego{color: #cb1517} .JugadasMagicasTipoCuadros a[href='/gordo-jugadas-magicas/'] .JugadasMagicas-Juego{color: #dc3f47} .JugadasMagicasTipoCuadros a[href='/euromillones-jugadas-magicas/'] .JugadasMagicas-Juego .linea-1{background-color: #001367} .JugadasMagicasTipoCuadros a[href='/loto-jugadas-magicas/'] .JugadasMagicas-Juego .linea-1{background-color: #7a8634} .JugadasMagicasTipoCuadros a[href='/primitiva-jugadas-magicas/'] .JugadasMagicas-Juego .linea-1{background-color: #008547} .JugadasMagicasTipoCuadros a[href='/la-quiniela-jugadas-estrella/'] .JugadasMagicas-Juego .linea-1{background-color: #cb1517} .JugadasMagicasTipoCuadros a[href='/gordo-jugadas-magicas/'] .JugadasMagicas-Juego .linea-1{background-color: #dc3f47} /*.JugadasMagicasTipoCuadros a[href='/euromillones-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar{background-color: #001367;color: #fff; border: 1px solid #001367;} .JugadasMagicasTipoCuadros a[href='/loto-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar{background-color: #7a8634; color: #fff; border: 1px solid #7a8634;} .JugadasMagicasTipoCuadros a[href='/primitiva-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar{background-color: #008547; color: #fff; border: 1px solid #008547;} .JugadasMagicasTipoCuadros a[href='/la-quiniela-jugadas-estrella/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar{background-color: #cb1517; color: #fff; border: 1px solid #cb1517;} .JugadasMagicasTipoCuadros a[href='/gordo-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar{background-color: #dc3f47; color: #fff; border: 1px solid #dc3f47;} .JugadasMagicasTipoCuadros a[href='/euromillones-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar:hover{background-color: #fff; color: #001367; border: 1px solid ;} .JugadasMagicasTipoCuadros a[href='/loto-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar:hover{background-color: #fff; color: #7a8634; border: 1px solid #7a8634;} .JugadasMagicasTipoCuadros a[href='/primitiva-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar:hover{background-color: #fff; color: #008547; border: 1px solid #008547;} .JugadasMagicasTipoCuadros a[href='/la-quiniela-jugadas-estrella/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar:hover{background-color: #fff; color: #cb1517; border: 1px solid #cb1517;} .JugadasMagicasTipoCuadros a[href='/gordo-jugadas-magicas/'] .JugadasMagicas-Juego .JugadasMagicas-BotonJugar:hover{background-color: #fff; color: #dc3f47; border: 1px solid #dc3f47;}*/ .JugadasMagicasTipoCuadros .linea-1{ padding: 0 15px; height: 40px; } .JugadasMagicasTipoCuadros .JugadasMagicas-ContenedordeImagen{ display: inline-block; width: 12%; margin-right: 6%; vertical-align: middle; margin-top: 2.3%; } .JugadasMagicasTipoCuadros .JugadasMagicas-ContenedordeImagen img{ width: 100%; filter: grayscale(1) brightness(10); } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ display: inline-block; vertical-align: middle; color: white; font-size: 24px; line-height: 1em; margin-top: 4.2%; } .JugadasMagicasTipoCuadros .JugadasMagicas-AjustarAlineacion{ display: inline-block; vertical-align: middle; width: 9%; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 24px; line-height: 1.5em; height: 120px; padding: 10px 0 0; color: #1b2863; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ border: 1px solid #f3c022; background-color: #f3c022; color: #fff; font-size: 24px; padding: 8px 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar:hover{ background-color: #fff; color: #f3c022; cursor: pointer; } @media (max-width: 1199px) and (min-width: 992px){ .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 23%; margin: 30px 1%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 12.4px; height: 33.05px; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 19.84px; } .JugadasMagicasTipoCuadros .JugadasMagicas-TextoAlternativo{ font-size: 21.5px; height: 74.5px; padding: 16.5px 41pxpx 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 19.84px; padding: 6.61px 0; } } @media (max-width: 991px) and (min-width: 768px){ .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 23%; margin: 30px 1%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 9.6px; height: 25.6px; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 15.36px; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 18.58px; height: 92.9px; padding: 7.74px 0 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 15.36px; padding: 5.12px 0; } } @media (max-width: 767px){ .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 46%; margin: 4% 2%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 2.5vw; height: 6.67vw; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 4vw; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 5vw; height: 27vw; padding: 2.6vw 0 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 4vw; padding: 1.33vw 0; } } /*FIN jugadas magicas*/ /*Descarga de programas*/ .OtrosDescargaDeProgramasTipoEstandar{ background-image: url(/RecursosIQ/img/img_loteriasavalon/descarga_nuestros_programas.jpg); background-size: cover; background-position: center center; } .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramas{ position: relative; overflow: hidden; padding: 100px 0 20px; color: #fff; } .OtrosDescargaDeProgramasTipoEstandar .TextoDescripciondePrograma{ position: absolute; width: 100%; text-align: center; font-size: 32px; top: 2%; line-height: 1; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma{ position: absolute; z-index: 1; width: 100%; font-size: 0; top: 15%; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .TextoSelecciondePrograma{ display: inline-block; vertical-align: middle; text-align: center; width: 50%; font-size: 70px; line-height: 1; text-shadow: 0 0 2px #1c3451, 0 0 4px #1c3451, 0 0 6px #1c3451, 0 0 8px #1c3451; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma{ display: inline-block; position: relative; vertical-align: middle; text-align: center; width: 9%; margin: 0 0.5%; border: 1px solid #fff; border-radius: 15px; height: 70px; overflow: hidden; background: #14468236; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma img{ filter: brightness(0.8); } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma:hover{ cursor: pointer; border: 1px solid #f3c022; filter: brightness(1.5) !important; background: #f3c02245; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondePrograma img{ animation: Brillo-de-Items-de-Descargas steps(1, end) infinite 25s; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondePlayloto img{ animation-delay: 0s; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondePlaygordo img{ animation-delay: -20s; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondeEuroloto img{ animation-delay: -15s; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondeQquinceGol img{ animation-delay: -10s; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ImagenSelecciondeQseis img{ animation-delay: -5s; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma img{ position: relative; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga{ position: relative; } .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramasTipoEstandarImagendelPrograma img{ width: 40%; margin: 50px 0 0 17%; } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .LogodelPrograma{ position: absolute; top: 15%; right: 8%; width: 30%; overflow: hidden; } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .LogodelPrograma img{ width: 100%; } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .BotonDescargaDePrograma{ position: absolute; bottom: 4%; right: 5%; text-align: center; width: 40%; margin: auto; padding-top: 0.5vw; font-size: 5vw; background: #f3c022; border: 1px solid #f3c022; color: #fff; cursor: pointer; } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .BotonDescargaDePrograma:hover{ background: #fff; color: #f3c022; } /*Animacion del cambio de programa*/ .OtrosDescargaDeProgramasTipoEstandar .VerDescargasEnCarrusel .ContenedordeTodasLasDescargas{ animation: Descargas-En-Carrusel steps(1, end) infinite 25s; } .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramas .ContenedordeDescarga{ display: inline-block; vertical-align: top; width: 20%; } /*Animaciones de logos y de contenedor de descargas*/ @-webkit-keyframes Brillo-de-Items-de-Descargas{ 0% { -moz-filter: brightness(1.5); -webkit-filter: brightness(1.5); -ms-filter: brightness(1.5); filter: brightness(1.5); } 20% { -moz-filter: brightness(0.8); -webkit-filter: brightness(0.8); -ms-filter: brightness(0.9); filter: brightness(0.9); } 100% { -moz-filter: brightness(0.8); -webkit-filter: brightness(0.8); -ms-filter: brightness(0.8); filter: brightness(0.8); } } @-webkit-keyframes Descargas-En-Carrusel{ 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { -moz-transform: translateX(-20%); -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } 40% { -moz-transform: translateX(-40%); -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); transform: translateX(-40%); } 60% { -moz-transform: translateX(-60%); -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); } 80% { -moz-transform: translateX(-80%); -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); } 100% { -moz-transform: translateX(-80%); -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); } } /*Estilos para cuando se selecciona una opcion*/ .OtrosDescargaDeProgramasTipoEstandar .VerDescargaPlayloto .ContenedordeTodasLasDescargas{ transform: translateX(0); } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaPlaygordo .ContenedordeTodasLasDescargas{ transform: translateX(-20%); } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaEuroloto .ContenedordeTodasLasDescargas{ transform: translateX(-40%); } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaQquinceGol .ContenedordeTodasLasDescargas{ transform: translateX(-60%); } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaQseis .ContenedordeTodasLasDescargas{ transform: translateX(-80%); } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaPlayloto .ImagenSelecciondePlayloto{ filter: brightness(1.2); background: #bcdaff36; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaPlaygordo .ImagenSelecciondePlaygordo{ filter: brightness(1.2); background: #bcdaff36; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaEuroloto .ImagenSelecciondeEuroloto{ filter: brightness(1.2); background: #bcdaff36; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaQquinceGol .ImagenSelecciondeQquinceGol{ filter: brightness(1.2); background: #bcdaff36; } .OtrosDescargaDeProgramasTipoEstandar .VerDescargaQseis .ImagenSelecciondeQseis{ filter: brightness(1.2); background: #bcdaff36; } @media (min-width: 600px){ .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .BotonDescargaDePrograma{ bottom: 8%; padding-top: 0.5vw; font-size: 3vw; } } @media (min-width: 2000px){ .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .BotonDescargaDePrograma{ padding-top: 10px; font-size: 60px; } } @media (max-width: 1199px) and (min-width: 992px){ .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .TextoSelecciondePrograma{ font-size: 55px; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma{ height: 62px; } } @media (max-width: 991px) and (min-width: 768px){ .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramas{ padding: 10vw 0 2vw; } .OtrosDescargaDeProgramasTipoEstandar .TextoDescripciondePrograma{ font-size: 3vw; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .TextoSelecciondePrograma{ font-size: 5vw; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma{ border-radius: 10px; height: 5.8vw; } } @media (max-width: 767px){ .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramas{ padding: 16vw 0 0; } .OtrosDescargaDeProgramasTipoEstandar .TextoDescripciondePrograma{ top: 2%; font-size: 3.6vw; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma{ top: 13%; padding: 0 4vw; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .TextoSelecciondePrograma{ display: block; width: 100%; font-size: 11vw; } .OtrosDescargaDeProgramasTipoEstandar .SelecciondePrograma .ImagenSelecciondePrograma{ width: 18%; margin: 0 1%; border-radius: 1.5vw; height: 10vw; } .OtrosDescargaDeProgramasTipoEstandar .OtrosDescargaDeProgramasTipoEstandarImagendelPrograma img{ width: 40%; margin: 8vw 0 0 8vw; } .OtrosDescargaDeProgramasTipoEstandar .ContenedordeDescarga .LogodelPrograma{ top: 20%; right: 7%; width: 40%; } } /*Fin descarga de programas*/ /*footer*/ .PieBanner, .footer-STA{ background: #1c3451; } .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; } .menufooter a:hover{ color: #f3c022 !important; } .colorRS{ color: #fff !important; } .colorRS:hover{ color: #f3c022 !important; } /*Pie Juego Responsable*/ .PieJuegoResponsable .pie_juegoseguro{ color: #f3c022; background-image: none; } .PieJuegoResponsable .pie_juegoseguro:hover{ color: #00000000; background-image: url(https://lotoservice.net/compartir/img/jugoseguro_original.png); } .PieJuegoResponsable .pie_autoprohibicion, .PieJuegoResponsable .pie_mayores{ color: #f3c022; background-color: initial; } .PieJuegoResponsable .pie_autoprohibicion:hover, .PieJuegoResponsable .pie_mayores:hover{ color: #c1001f; } .PieJuegoResponsable .container a.pie_jugarbien:before{ color: #f3c022; } .PieJuegoResponsable .container a.pie_jugarbien:hover:before{ color: #4c4c4c; } .PieJuegoResponsable .container a.pie_jugarbien:after{ color: #ffffff; } .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{ background: !important; border-color: #1c3451 !important; } .miCuenta aside div .headerAside{ background: #1c3451 !important; color: !important; } .miCuenta aside div ul li a { color: #5369c1 !important; } .miCuenta aside div ul .active{ background: linear-gradient(to right, #1c3451, #fff) !important; } .miCuenta aside div ul .active a{ color: #fff !important; } /*panel jugada rapida*/ .panel-heading-modal { border-color: #1c3451; background: linear-gradient(to right, #1c3451, #fff); } .modal-content.bgClaro.modal-comolightbox.modal-comolightboxJRIQ .modal-header.panel-heading-modal .close .fa-times-circle{ color: #1c3451; } .btn-azul-oscuro{} .btn-azul-oscuro:hover{} /*Alerta el usuario ya existe*/ .modal-comolightboxIQ{ background: linear-gradient(to right, #1c3451, #aaa); } .modal-comolightboxIQ .panel-heading-modalIQ{ background: transparent; } .modal-comolightboxIQ .panel-heading-modalIQ .fa-times-circle{ color: #1c3451; } /*Comprobar decimo*/ .modalComprobarDecimoko{ background: linear-gradient(to right, #1c3451, #fff); } .tituloMasterIQ{ color: #1c3451; } .tituloMasterIQ:after{ background: #f3c022; content: ""; height: 3px; width: 30%; display: block; max-width: 150px; } /*fin botones de iguales características dentro de paginas anidadas*/ /*Pagina de loteria solidaria*/ /*.LoteriaSolidariaBannerAncho{ margin: auto; max-width: 2000px; background-image: url(/RecursosIQ/img/img_loteriasavalon/FondoSolidaria.jpg); background-position: center center; background-size: cover; padding: 3vw 0; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoTexto{ width: 60%; margin-left: 10%; color: #fff; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoTitulo{ margin: 2vw 0; font-size: 6vw; text-shadow: 0 0 2px #1c3451, 0 0 4px #1c3451, 0 0 6px #1c3451, 0 0 8px #1c3451; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoDescripcion{ margin: 2vw 0; padding: 3vw 6vw; text-align: justify; font-size: 4vw; background: #1c3451c4; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoBoton{ margin: 2vw 0; display: inline-block; text-align: center; padding: 0.5vw 6vw 0; font-size: 5vw; background: #f3c022; border: 1px solid #f3c022; color: #fff; cursor: pointer; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoBoton:hover{ background: #fff; color: #f3c022; } @media (min-width: 600px){ .LoteriaSolidariaBannerAncho{ padding: calc(9px + 1.5vw) 0; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoTitulo{ margin: calc(6px + 1vw) 0; font-size: calc(24px + 2vw); } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoDescripcion{ margin: calc(6px + 1vw) 0; padding: calc(9px + 1.5vw) calc(18px + 3vw); font-size: calc(18px + 1vw); } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoBoton{ margin: calc(6px + 1vw) 0; padding: calc(3px + 0.5vw) calc(27px + 1.5vw) 0; font-size: calc(24px + 1vw); } } @media (min-width: 2000px){ .LoteriaSolidariaBannerAncho{ padding: 39px 0; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoTitulo{ margin: 26px 0; font-size: 64px; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoDescripcion{ margin: 26px 0; padding: 39px 78px; font-size: 38px; } .LoteriaSolidariaBannerAncho .LoteriaSolidariaBannerAnchoBoton{ margin: 26px 0; padding: 13px 57px 0; font-size: 44px; } } .LoteriaSolidariaBannerDoble{ margin: auto; max-width: 1200px; font-size: 0; text-align: center; } .LoteriaSolidariaBannerDobleBloque{ padding: 5vw 0; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleImagen{ display: inline-block; width: 44%; margin: 0 3%; vertical-align: middle; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleTexto{ display: inline-block; width: 44%; margin: 0 3%; vertical-align: middle; text-align: justify; font-size: 4.5vw; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleBoton{ margin: 4vw auto; width: 90%; text-align: center; font-size: 5vw; background: #f3c022; border: 1px solid #f3c022; color: #fff; cursor: pointer; box-shadow: 0 0 5px #676767; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleBoton:hover{ background: #fff; color: #f3c022; } @media (min-width: 600px){ .LoteriaSolidariaBannerDobleBloque{ padding: calc(18px + 2vw) 0; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleImagen{ width: calc(198px + 11%); margin: 0 calc(19.5% - 99px); } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleTexto{ font-size: 30px; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleBoton{ margin: calc(12px + 2vw) auto; font-size: calc(24px + 1vw); width: calc(270px + 45%); } } @media (min-width: 1200px){ .LoteriaSolidariaBannerDobleBloque{ padding: 42px 0; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleImagen{ width: 330px; margin: 0 134px; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleTexto{ font-size: 30px; } .LoteriaSolidariaBannerDoble .LoteriaSolidariaBannerDobleBoton{ margin: 36px auto; font-size: 36px; width: 810px; } } .LoteriaSolidariaQuehacemos{ font-size: 0; color: #1c3451; } .LoteriaSolidariaQuehacemos-item{ max-width: 1200px; margin: auto; width: 100%; box-sizing: border-box; padding: 2vw 4vw; } .LoteriaSolidariaQuehacemos-item:nth-child(2n + 1){ text-align: right; } .LoteriaSolidariaQuehacemos .ContenedorDeTexto{ display: inline-block; vertical-align: middle; width: calc(100% - 30vw); font-size: 5vw; } .LoteriaSolidariaQuehacemos-item .ContenedorDeTexto > a > div{ margin: 0 5%; padding: 0.2em 1em; display: inline-block; border: 1px solid #f3c022; background-color: #f3c022; color: #fff; text-align: center; box-shadow: 0 0 5px #676767; } .LoteriaSolidariaQuehacemos-item .ContenedorDeTexto > a > div:hover{ background-color: #fff; color: #f3c022; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen{ width: 20vw; height: 20vw; display: inline-block; vertical-align: middle; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.BordeExterior{ position: relative; box-sizing: border-box; height: 100%; border-radius: 50%; border-right: 1.7vw solid #f3c022; border-left: 1.7vw solid #f3c022; border-top: 1.7vw solid transparent; border-bottom: 1.7vw solid transparent; -moz-animation: Rotacion-de-borde-1 linear infinite 16s; -webkit-animation: Rotacion-de-borde-1 linear infinite 16s; -ms-animation: Rotacion-de-borde-1 linear infinite 16s; animation: Rotacion-de-borde-1 linear infinite 16s; overflow: hidden; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.RellenoExterior{ position: absolute; width: 0; height: 0; border-right: 30vw solid transparent; border-left: 30vw solid transparent; border-top: 30vw solid transparent; border-bottom: 30vw solid transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.BordeInterior{ position: relative; box-sizing: border-box; height: 100%; border-radius: 50%; border-right: 1.7vw solid transparent; border-left: 1.7vw solid transparent; border-top: 1.7vw solid #1c3451; border-bottom: 1.7vw solid #1c3451; overflow: hidden; position: relative; -moz-animation: Rotacion-de-borde-1 8s linear infinite reverse; -webkit-animation: Rotacion-de-borde 8s linear infinite reverse; -ms-animation: Rotacion-de-borde-1 8s linear infinite reverse; animation: Rotacion-de-borde-1 8s linear infinite reverse; overflow: hidden; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.RellenoInterior{ position: absolute; width: 0; height: 0; border-right: 30vw solid transparent; border-left: 30vw solid transparent; border-top: 30vw solid transparent; border-bottom: 30vw solid transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.ImagendelBloque1{ box-sizing: border-box; height: 100%; position: relative; -moz-animation: Rotacion-de-borde-1 linear infinite 16s; -webkit-animation: Rotacion-de-borde-1 linear infinite 16s; -ms-animation: Rotacion-de-borde-1 linear infinite 16s; animation: Rotacion-de-borde-1 linear infinite 16s; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; outline: none; } @-webkit-keyframes Rotacion-de-borde-1{ 0% { -moz-transform: rotate3d(1, 0, 0, 0deg); -webkit-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } 100% { -moz-transform: rotate3d(0, 0, 1, 360deg); -webkit-transform: rotate3d(0, 0, 1, 360deg); -ms-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @media (min-width: 600px){ .LoteriaSolidariaQuehacemos-item{ padding: calc(6px + 1vw); } .LoteriaSolidariaQuehacemos .ContenedorDeTexto{ font-size: calc(24px + 1vw); } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.BordeExterior, .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen div.BordeInterior{ border-width: 10px; } } @media (min-width: 1200px){ .LoteriaSolidariaQuehacemos-item{ padding: 18px; } .LoteriaSolidariaQuehacemos .ContenedorDeTexto{ width: 798px; font-size: 36px; } .LoteriaSolidariaQuehacemos-item .ContenedorDeImagen{ width: 240px; height: 240px; } } .DescargaNuestraApp{ font-size: 0; margin: auto; width: 100%; max-width: 800px; line-height: 1.2; } .DescargaNuestraApp .DescargaNuestraAppBoton{ display: inline-block; vertical-align: middle; width: 45%; margin: 0 2.5%; padding: 1vw 0 0; border: 3px solid #fff; background-color: #f3c022; color: #fff; box-shadow: 0 0 5px #676767; border-radius: 5vw; } .DescargaNuestraApp a:hover .DescargaNuestraAppBoton{ background-color: #fff; color: #f3c022; border: 3px solid #f3c022; } .DescargaNuestraApp .DescargaNuestraAppImagen{ display: inline-block; vertical-align: middle; margin: 5%; width: 20%; } .DescargaNuestraApp .DescargaNuestraAppImagen img{ width: 100%; filter: grayscale(1) brightness(2); } .DescargaNuestraApp a:hover .DescargaNuestraAppImagen img{ filter: none; } .DescargaNuestraApp .DescargaNuestraAppTexto{ display: inline-block; vertical-align: middle; margin: 2.5%; width: 65%; } .DescargaNuestraApp .DescargaNuestraAppTexto span:nth-child(1){ font-size: 4vw; } .DescargaNuestraApp .DescargaNuestraAppTexto span:nth-child(3){ font-size: 7vw; } @media (min-width: 600px){ .DescargaNuestraApp .DescargaNuestraAppBoton{ padding: 6px 0 0; border-radius: 30px; } .DescargaNuestraApp .DescargaNuestraAppTexto span:nth-child(1){ font-size: 24px; } .DescargaNuestraApp .DescargaNuestraAppTexto span:nth-child(3){ font-size: 42px; } } .ContenedorDeJuegosTipoCuadros a.BotonesenLandingSolidaria .ContenedorDeJuegos-Juego{ width: 48%; } .ContenedorDeJuegosTipoCuadros a[href='/loteria-navidad/'] .linea-1{ padding: 0 calc(25% + 15px); } @media (max-width: 1199px) and (min-width: 992px){ .ContenedorDeJuegosTipoCuadros a.BotonesenLandingSolidaria .linea-1{ padding: 0 calc(25% + 12.4px); } } @media (max-width: 991px) and (min-width: 768px){ .ContenedorDeJuegosTipoCuadros a.BotonesenLandingSolidaria .linea-1{ padding: 0 calc(25% + 9.6); } } @media (max-width: 767px){ .ContenedorDeJuegosTipoCuadros a.BotonesenLandingSolidaria .ContenedorDeJuegos-Juego{ width: 46%; margin: 3% 2%; } .ContenedorDeJuegosTipoCuadros a.BotonesenLandingSolidaria .linea-1{ padding: 0 2.5vw; height: 6.67vw; } }*/ /*Fin Pagina de loteria solidaria*/ /*Cambiar titulo en pagina de loteria de empresas*/ section.container.seccion-Login section div.w3-display-middle.w3-padding-large.w3-border.w3-wide.w3-text-light-grey.w3-center span.w3-hide-medium.w3-hide-small.w3-xxxlarge{ font-size: 0 !important; } section.container.seccion-Login section div.w3-display-middle.w3-padding-large.w3-border.w3-wide.w3-text-light-grey.w3-center span.w3-hide-medium.w3-hide-small.w3-xxxlarge:before{ content: "Empresas ya Registradas"; font-size: 50px !important; } section.container.seccion-Login section.contenido2 span.txt-empresa:nth-child(1){ font-size: 0; line-height: 1.5em; } section.container.seccion-Login section.contenido2 span.txt-empresa:nth-child(1):before{ content: "Compartiendo sueños"; font-size: 30px; line-height: 1.5em; } section.container.seccion-Login section.contenido2 p.sub-empresa:nth-child(2){ font-size: 0; line-height: 1.5em; } section.container.seccion-Login section.contenido2 p.sub-empresa:nth-child(2):before{ content: "Rellena el Formulario de contacto y nos comunicaremos contigo para conocer tus necesidades e informarte del espacio Web exclusivo que podemos crear para tu empresa."; font-size: 18.5px; line-height: 1.5em; } section.container.seccion-Login section.contenido2 a.button.link-qui:nth-child(3){ display: inline-block; font-size: 0; line-height: 1.5em; } section.container.seccion-Login section.contenido2 a.button.link-qui:nth-child(3):before{ font-size: 14px; content: "ENTRA Y CONSIGUE TU WEB"; line-height: 1.5em; } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){ section.container.seccion-Login section.contenido2 span.txt-empresa:before{ font-size: 40px; } section.container.seccion-Login section.contenido2 p.sub-empresa:before{ font-size: 35px; } section.container.seccion-Login section.contenido2 a.button.link-qui:before{ font-size: 40px; } } @media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait){ section.container.seccion-Login section.contenido2 span.txt-empresa:before{ font-size: 26px; } } @media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait){ section.container.seccion-Login section div.w3-display-middle.w3-padding-large.w3-border.w3-wide.w3-text-light-grey.w3-center span.w3-hide-medium.w3-hide-small.w3-xxxlarge:before{ font-size: 20px !important; } section.container.seccion-Login section.contenido2 span.txt-empresa:before{ font-size: 20px; } section.container.seccion-Login section.contenido2 p.sub-empresa:before{ font-size: 18px; } } /* ************** ************** ************** ************** ***************/ /* ************** ************** ************** ************** ***************/ /* ************** ************** CAMBIOS DE WEB ************** ************** ***************/ /* ************** ************** ************** ************** ***************/ /*Carrusel Tipo Cartel*/ #myCarousel .carousel-indicators{ display: none; } #myCarousel .carousel-control{ width: 5%; height: 20%; background: transparent; opacity: 1; top: 40%; } #myCarousel .carousel-control .glyphicon-chevron-left { left: 20%; transform: translateY(-50%); font-size: 30px; } #myCarousel .carousel-control .glyphicon-chevron-right { right: 20%; transform: translateY(-50%); font-size: 30px; } #myCarousel .carousel-inner{ height: auto !important; min-height: auto !important; top: 0 !important; } #myCarousel .carousel-inner .item{ min-height: auto !important; } #myCarousel{ margin: 0 auto; height: auto !important; } .CarruselTodosTipoCartel{ width: 100%; height: 27.57vw; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: default; } .CarruselTodosTipoCartel .LineaSuperior { position: absolute; top: 3%; color: #fff; font-size: 4vw; line-height: 1em; width: 100%; text-align: center; } .CarruselTodosTipoCartel .Carrusel-BotonJugar{ position: absolute; text-align: center; font-size: 50px; padding: 25px 75px 18px; border-radius: 10px; left: 2%; bottom: 4%; color: #fff; line-height: 1em; cursor: pointer; } .CarruselTodosTipoCartel .Carrusel-BotonJugar:hover{ opacity: 0.85; } .CarruselTodosTipoCartel .TextoBote{ position: absolute; top: 50%; right: 5%; color: #fff; font-size: 6vw; line-height: 1em; } .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{ position: absolute; top: 70%; right: 5%; color: #fff; font-size: 9vw; line-height: 1em; } .CarruselBonoTipoCartel .Carrusel-Juego, .CarruselBonoTipoCartel .Carrusel-Fecha, .CarruselBonoTipoCartel .TextoBote, .CarruselBonoTipoCartel .Carrusel-Bote, .CarruselBonoTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525, 0 0 5px #748525; } .CarruselBonoTipoCartel .Carrusel-BotonJugar{ border: 1px solid #748525; background: #748525; box-shadow: 0 0 2px 2px #74852582; } .CarruselEuroTipoCartel .Carrusel-Juego, .CarruselEuroTipoCartel .Carrusel-Fecha, .CarruselEuroTipoCartel .TextoBote, .CarruselEuroTipoCartel .Carrusel-Bote, .CarruselEuroTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466, 0 0 5px #043466; } .CarruselEuroTipoCartel .Carrusel-BotonJugar{ border: 1px solid #043466; background: #043466; box-shadow: 0 0 2px 2px #04346682; } .CarruselPrimiTipoCartel .Carrusel-Juego, .CarruselPrimiTipoCartel .Carrusel-Fecha, .CarruselPrimiTipoCartel .TextoBote, .CarruselPrimiTipoCartel .Carrusel-Bote, .CarruselPrimiTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722, 0 0 5px #1c6722; } .CarruselPrimiTipoCartel .Carrusel-BotonJugar{ border: 1px solid #1c6722; background: #1c6722; box-shadow: 0 0 2px 2px #1c672282; } .CarruselGordoTipoCartel .Carrusel-Juego, .CarruselGordoTipoCartel .Carrusel-Fecha, .CarruselGordoTipoCartel .TextoBote, .CarruselGordoTipoCartel .Carrusel-Bote, .CarruselGordoTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56, 0 0 5px #fe4d56; } .CarruselGordoTipoCartel .Carrusel-BotonJugar{ border: 1px solid #fe4d56; background: #fe4d56; box-shadow: 0 0 2px 2px #fe4d5694; } .CarruselQuinielaTipoCartel .Carrusel-Juego, .CarruselQuinielaTipoCartel .Carrusel-Fecha, .CarruselQuinielaTipoCartel .TextoBote, .CarruselQuinielaTipoCartel .Carrusel-Bote, .CarruselQuinielaTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517, 0 0 5px #cc1517; } .CarruselQuinielaTipoCartel .Carrusel-BotonJugar{ border: 1px solid #cc1517; background: #cc1517; box-shadow:0 0 2px 2px #cd151785; } .CarruselQuinigolTipoCartel .Carrusel-Juego, .CarruselQuinigolTipoCartel .Carrusel-Fecha, .CarruselQuinigolTipoCartel .TextoBote, .CarruselQuinigolTipoCartel .Carrusel-Bote, .CarruselQuinigolTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0, 0 0 5px #40bcd0; } .CarruselQuinigolTipoCartel .Carrusel-BotonJugar{ border: 1px solid #40bcd0; background: #40bcd0; box-shadow:0 0 2px 2px #40bcd091; } .CarruselNacionalTipoCartel .Carrusel-Juego, .CarruselNacionalTipoCartel .Carrusel-Fecha, .CarruselNacionalTipoCartel .TextoBote, .CarruselNacionalTipoCartel .Carrusel-Bote, .CarruselNacionalTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0, 0 0 5px #007ac0; color: #ffffff; } .CarruselNacionalTipoCartel .Carrusel-BotonJugar{ border: 1px solid #007ac0; background: #007ac0; box-shadow: 0 0 2px 2px #007ac0; } .CarruselNavidadTipoCartel .Carrusel-Juego, .CarruselNavidadTipoCartel .Carrusel-Fecha, .CarruselNavidadTipoCartel .TextoBote, .CarruselNavidadTipoCartel .Carrusel-Bote, .CarruselNavidadTipoCartel .Carrusel-Bote-Texto-Alternativo{ text-shadow: 0 0 15px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307, 0 0 5px #a98307; color: #ffffff; } .CarruselNavidadTipoCartel .Carrusel-BotonJugar{ border: 1px solid #a98307; background: #a98307; box-shadow: 0 0 2px 2px #a98307; } .CarruselNacionalTipoCartel .Carrusel-Decimo, .CarruselNavidadTipoCartel .Carrusel-Decimo{ position: absolute; bottom: 42%; right: 15%; transform: rotateZ(15deg); max-height: 35%; max-width: 35%; } @media (max-width: 1500px){ .CarruselTodosTipoCartel{ height: 413px; } } @media (max-width: 1024px){ .CarruselTodosTipoCartel .LineaSuperior { font-size: 41px; } .CarruselTodosTipoCartel .TextoBote{ font-size: 61px; } .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{ font-size: 92px; } .CarruselTodosTipoCartel .Carrusel-BotonJugar{ font-size: 4.88vw; padding: 2.44vw 7.32vw 1.75vw; border-radius: 0.98vw; } } @media (max-width: 767px){ .CarruselTodosTipoCartel{ height: 53.85vw; } .CarruselTodosTipoCartel .LineaSuperior { font-size: 5.34vw; } .CarruselTodosTipoCartel .TextoBote{ font-size: 7.94vw; } .CarruselTodosTipoCartel .Carrusel-Bote, .CarruselTodosTipoCartel .Carrusel-Bote-Texto-Alternativo{ font-size: 11.98vw; } } /*Fin Carrusel Tipo Cartel*/ /*juegos*/ .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*/ /*jugadas magicas*/ .JugadasMagicas-ImagenTitulo{ width: 150px; max-width: 30%; display: inline-block; } .JugadasMagicasTipoCuadros .Texto-Titulo-Jugadas-Magicas{ font-size: 40px; color:#1a3f61; line-height: 1.2em; } .JugadasMagicasTipoCuadros{ font-size: 0; text-align: center; } .JugadasMagicasTipoCuadros a[href='/euromillones-jugadas-magicas/'] .JugadasMagicas-Juego{color: #001367} .JugadasMagicasTipoCuadros a[href='/loto-jugadas-magicas/'] .JugadasMagicas-Juego{color: #7a8634} .JugadasMagicasTipoCuadros a[href='/primitiva-jugadas-magicas/'] .JugadasMagicas-Juego{color: #008547} .JugadasMagicasTipoCuadros a[href='/gordo-jugadas-magicas/'] .JugadasMagicas-Juego{color: #dc3f47} .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ text-align: center; display: inline-block; width: 23%; margin: 0 1% 3%; cursor: default; border: none; background-color: #f7f7f7; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 15px; height: 40px; } .JugadasMagicasTipoCuadros .JugadasMagicas-ContenedordeImagen{ display: inline-block; width: 12%; margin-right: 6%; vertical-align: middle; margin-top: 2.3%; } .JugadasMagicasTipoCuadros .JugadasMagicas-ContenedordeImagen img{ width: 100%; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ display: inline-block; vertical-align: middle; font-size: 24px; line-height: 1em; margin-top: 4.2%; } .JugadasMagicasTipoCuadros .JugadasMagicas-AjustarAlineacion{ display: inline-block; vertical-align: middle; width: 9%; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 24px; line-height: 1.5em; height: 5.3em; padding: 12px 0 0; color: ; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ background-color: #f3c022; color: #ffffff; font-size: 24px; padding: 8px 0; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; cursor: pointer; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar:hover{ background-color: #ffffff; color: #f3c022; } @media (max-width: 1199px) and (min-width: 992px){ .JugadasMagicasTipoCuadros .Texto-Titulo-Jugadas-Magicas{ font-size: 33px; } .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 23%; margin: 1% 1%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 12.4px; height: 33.05px; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 19.84px; } .JugadasMagicasTipoCuadros .JugadasMagicas-TextoAlternativo{ font-size: 21.5px; height: 74.5px; padding: 16.5px 41pxpx 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 19.84px; padding: 6.61px 0; } } @media (max-width: 991px) and (min-width: 768px){ .JugadasMagicasTipoCuadros .Texto-Titulo-Jugadas-Magicas{ font-size: 25px; } .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 23%; margin: 1% 1%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 9.6px; height: 25.6px; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 15.36px; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 18.58px; padding: 8px 0 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 15.36px; padding: 5.12px 0; } } @media (max-width: 767px){ .JugadasMagicasTipoCuadros .Texto-Titulo-Jugadas-Magicas{ font-size: 3.2vw; font-size: 4.9vw; } .JugadasMagicasTipoCuadros .JugadasMagicas-Juego{ width: 46%; margin: 2% 2%; } .JugadasMagicasTipoCuadros .linea-1{ padding: 0 2.5vw; height: 6.67vw; } .JugadasMagicasTipoCuadros .JugadasMagicas-NombreJuego{ font-size: 4vw; } .JugadasMagicasTipoCuadros .JugadasMagicas-Jugada{ font-size: 5vw; padding: 2vw 0 0; } .JugadasMagicasTipoCuadros .JugadasMagicas-BotonJugar{ font-size: 4vw; padding: 1.33vw 0; } } /*FIN jugadas magicas*/ /*botes*/ .barra-botes{ display: none; } .contenedorinactivo{ display: none; } .banner3cuadros{ display: inline-block; font-size: 0px; width: 32%; vertical-align: top; /*height: 40vw !important; max-height: 480px; min-height: 230px;*/ width: 100%; vertical-align: text-bottom; display: -webkit-inline-box; } .banner3cuadros .carousel-inner, .banner3cuadros .carousel-inner .item{ height: 100%; } .banner3cuadros:nth-child(2){ margin: 0 1.5%; } .banner3cuadrostitulocuadro{ /*height: 17%;*/ background: #00a5b5; padding-top: 2.5%; padding: 2%; width: 50%; } #banner3cuadrostitulocuadrotres{ /*height: 17%;*/ background: #1c3451; padding-top: 3%; } .banner3cuadrosmitadarriba{ height: 41.5%; padding: 6% 13%; } .banner3cuadrosmitadabajo{ height: 41.5%; background: #00a5b5; padding: 0.1% 10%; } .banner3cuadroscuerpocuadro{ height: 68%; padding: 18%; } .banner3cuadrospiecuadro{ height: 15%; padding: 4% 2%; background: #00a5b5; } .banner3cuadrosdescripcion{ height: 100%; width: 100%; background: #1c3451; padding: 20% 10%; position: relative; } .sellodellogo{ position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); width: 80px; } .sellodelsorteo{ position: absolute; bottom: 0; right: 0; transform: translate(50%, 50%); width: 60px; } #banner3cuadrosdescripciontres{ padding: 12% 8%; } .lineasdeboteindividual{ border: 1px solid #c2d500; height: 20.5%; margin-top: 2%; } .lineasdeboteindividualjuego{ display: inline-block; width: 80%; padding-top: 10px; } .lineasdeboteindividualboton{ display: inline-block; width: 20%; height: 100%; vertical-align: top; } .monedaimporte{ display: inline-block; width: 40px; height: 40px; border-radius: 20px; border: 1px solid white; margin-right: 40px; font-size: 10px; color: #fff; padding-top: 12px; font-family: 'Montserrat', sans-serif; } .botonalpie{ width: 45%; display: inline-block; vertical-align: sub; } .banner3cuadrostitulocuadro, .lineasdeboteindividualjuegotexto, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 16px; color: #fff; line-height: initial; font-family: 'Montserrat', sans-serif; } .lineasdeboteindividualjuegotexto{ font-weight: 700px; } .banner3cuadrosdescripcion, .banner3cuadrostitulocuadro, .banner3cuadrostitulocuadro p{ font-size: 24px; color: #fff; line-height: initial; font-family: 'Montserrat', sans-serif; } .botontexto{ font-size: 13px; font-family: 'Montserrat', sans-serif; padding: 10px 0; border: 1px solid #f3c022; background: #f3c022; width: 50%; margin: 0 auto; } .botontexto:hover{ background-color: #ffffff; color: #f3c022; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 20px; } .banner3cuadrosmitadarriba { height: 0%; padding: 0%; width: 50%; } #banner3cuadrosdescripciontres { padding: 4% 8%; } section .container .barra-botes { margin: 0px 0; } @media (max-width: 1024px) and (min-width: 992px){ .sellodellogo{ width: 65px; } .sellodelsorteo{ width: 42px; } #banner3cuadrosdescripciontres{ padding: 13% 8%; } .lineasdeboteindividualjuego{ padding-top: 8px; } .monedaimporte{ width: 30px; height: 30px; margin-right: 30px; font-size: 8px; padding-top: 9px; } .banner3cuadrostitulocuadro, .lineasdeboteindividualjuegotexto, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 12px; } .banner3cuadrosdescripcion, .banner3cuadrostitulocuadro, .banner3cuadrostitulocuadro p{ font-size: 20px; } .botontexto{ font-size: 11px; padding: 8px 0; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 16px; } .banner3cuadrospiecuadro{ padding: 5%; } } @media (max-width: 992px) and (min-width: 768px){ .sellodellogo{ width: 50px; } .sellodelsorteo{ width: 35px; } #banner3cuadrosdescripciontres{ padding: 12% 5%; } .lineasdeboteindividualjuego{ padding-top: 8px; } .monedaimporte{ width: 30px; height: 30px; margin-right: 30px; font-size: 8px; padding-top: 9px; } .banner3cuadrostitulocuadro, .lineasdeboteindividualjuegotexto, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 12px; } .banner3cuadrostitulocuadro{ font-size: 20px; padding-top: 6.5%; } .banner3cuadrostitulocuadro p{ font-size: 20px; line-height: 18px; } .banner3cuadroscuerpocuadro{ padding: 22% 16%; } .banner3cuadrosdescripcion{ font-size: 18px; padding: 10%; } .botontexto{ font-size: 10px; padding: 8px 0; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 16px; } .banner3cuadrosmitadarriba.cuadro3{ padding: 5% 12%; } } @media (max-width: 767px) and (min-width: 575px){ .banner3cuadrosmitadabajo{ padding: 0.1% 3%; } .banner3cuadrospiecuadro{ padding: 1%; } .sellodellogo{ width: 35px; } .sellodelsorteo{ width: 25px; } #banner3cuadrosdescripciontres{ padding: 2%; } .lineasdeboteindividualjuego{ padding-top: 3px; } .monedaimporte{ width: 30px; height: 30px; margin-right: 30px; font-size: 8px; padding-top: 8px; } .banner3cuadrostitulocuadro, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 12px; } .lineasdeboteindividualjuegotexto{ font-size: 11px; } .banner3cuadrostitulocuadro{ font-size: 16px; } .banner3cuadrostitulocuadro p{ font-size: 16px; line-height: 16px; } .banner3cuadroscuerpocuadro{ padding: 22% 18%; } .banner3cuadrosdescripcion{ font-size: 14px; padding: 5%; } .botontexto{ font-size: 9px; padding: 2px 0; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 12px; } .banner3cuadrosmitadarriba.cuadro3{ padding: 6% 0; } } @media (max-width: 574px) and (min-width: 0px){ .banner3cuadroscuerpocuadro{ padding: 30% 18%; } .banner3cuadrosmitadabajo{ padding: 0.1% 3%; } .banner3cuadrospiecuadro{ padding: 1%; } .sellodellogo{ width: 35px; } .sellodelsorteo{ width: 25px; } #banner3cuadrosdescripciontres{ padding: 2%; } .lineasdeboteindividualjuego{ padding-top: 4px; } .monedaimporte{ width: 30px; height: 30px; margin-right: 30px; font-size: 8px; padding-top: 8px; } .banner3cuadrostitulocuadro, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 12px; } .lineasdeboteindividualjuegotexto{ font-size: 9px; } #banner3cuadrostitulocuadrotres{ font-size: 14px; padding-top: 5px; } .banner3cuadrostitulocuadro p{ font-size: 14px; line-height: 14px; } .banner3cuadrosdescripcion{ font-size: 11px; padding: 15% 5%; } .botontexto{ font-size: 7px; padding: 3px 0; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 10px; } .banner3cuadrosmitadarriba.cuadro3{ padding: 6% 0; } } @media (max-width: 574px) and (min-width: 0px){ .lineasdeboteindividualjuego{ width: 70%; } .lineasdeboteindividualboton{ width: 30%; } .banner3cuadros:nth-child(2){ margin: 0 1%; } .banner3cuadroscuerpocuadro{ padding: 50px 0; } .banner3cuadrosmitadabajo{ padding: 0.1% 3%; } .banner3cuadrospiecuadro{ padding: 1%; } .sellodellogo{ width: 27px; transform: translateY(-50%); } .sellodelsorteo{ width: 20px; transform: translateY(50%); } #banner3cuadrosdescripciontres{ padding: 2%; } .lineasdeboteindividualjuego{ padding-top: 0px; } .monedaimporte{ width: 30px; height: 30px; margin-right: 10px; font-size: 8px; padding-top: 8px; } .banner3cuadrostitulocuadro, .textojugartodoslosbotes, .botontexto, .botonjugartodoslosbotes{ font-size: 12px; } .lineasdeboteindividualjuegotexto{ font-size: 8px; line-height: 1em; } #banner3cuadrostitulocuadrotres{ font-size: 2.5vw; padding-top: 2vw; } .banner3cuadrostitulocuadro p{ font-size: 2.5vw; line-height: 2.5vw; } .banner3cuadrosdescripcion{ font-size: 11px; padding: 10px 5px; } .botontexto{ font-size: 7px; padding: 3px 0; } .banner3cuadrostitulocuadro span:nth-child(2){ font-size: 8px; } .banner3cuadrosmitadarriba.cuadro3{ padding: 6% 0; } } #ContenedorDeJuegos-Bote-Dreams:after{ content: "al mes durante 30 años"; position: absolute; font-size: 0.6em; transform: translateY(1.5em); width: 100%; left: 0px; color: #fff; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #banner3cuadrostitulocuadrotres { height: 17%; } #banner3cuadrosdescripciontres { padding: 2% 8%; } .banner3cuadros { width: 96%; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { #banner3cuadrostitulocuadrotres { height: 17%; padding-top: 4%; } #banner3cuadrosdescripciontres { padding: 2% 8%; } .banner3cuadros { width: 96%; } .banner3cuadrosmitadarriba.cuadro3 { padding: 0% 0%; } } @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) { #banner3cuadrostitulocuadrotres { height: 17%; padding-top: 3%; } #banner3cuadrosdescripciontres { padding: 2% 8%; } .banner3cuadros { width: 96%; } .banner3cuadrosmitadarriba.cuadro3 { padding: 0% 0%; } } @media (max-width: 574px) and (min-width: 0px){ #banner3cuadrostitulocuadrotres { height: 17%; padding-top: 3%; margin: 0 auto; text-align: center; } #banner3cuadrosdescripciontres { padding: 2% 8%; } .banner3cuadros { width: 96%; } .banner3cuadrosmitadarriba.cuadro3 { padding: 0% 0%; margin: 0 auto; text-align: center; } .banner3cuadros { display: inline-block; } .banner3cuadrostitulocuadro { width: 90%; } .banner3cuadrosmitadarriba { width: 90%; } } /*fin botes*/ .tituloresultados { color: #1c3451; } @media only screen and (max-device-width: 600px) and (orientation: portrait) { #navigation-toggle { top: -14px; } } @media only screen and (max-device-width: 600px) { ul#navigation { top: 84px !important; } ul#navigation { background-color: #1c3451; } ul#navigation > li, ul#navigation li:first-child { filter: grayscale(1) brightness(10); } } @media (max-device-width: 600px) { ul#navigation > li > a:nth-child(2) { background-size: auto 100%; } } @media only screen and (min-device-width: 390px) and (max-device-width: 440px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .logo-relax-STASoloLogoIQ img { top: -7px; max-width: 24vw !important; } } @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); } }