.ui-dialog{ z-index:10000000 !important; } .ajax_loader{ position:relative; width:100%; height:32px; background:url(images/ajax-loader.gif) center center no-repeat; } /*div que aparece en cargas ajax*/ html,body,div,span,applet,object,iframe,blockquote,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block} ol li,ul li { margin-bottom:6px; } blockquote,q { quotes:none } blockquote:before,blockquote:after,q:before,q:after { content:""; content:none } table { border-collapse:collapse; border-spacing:0} html { overflow-x:hidden; overflow-y:auto; height:100%; } body { height:100%; } body,html { width:100%; font-family:var(--familia); font-size:16px; line-height:normal; color:var(--txt_negro); } /* ESTILOS FORMULARIO */ form{ border:0px; padding:0px; margin:0px; } input,select,textarea{ position:relative; padding:0 20px; width:100%; height:60px; line-height:60px; font-family:var(--familia); font-size:20px; font-weight:400; background:var(--blanco); color:var(--txt_negro); border:2px solid var(--lineaCajas); appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:10px; box-sizing:border-box; } input:focus, select:focus, textarea:focus{ outline:none; } textarea{ padding:10px; height:auto; line-height:1.25em; width:100%; height:150px; } select{ min-width:60px; padding:0 30px 0 10px; background:var(--blanco) url(images/ico_select.svg) center right 10px no-repeat; background-size:20px auto; cursor:pointer; } select[multiple]{ padding:0; min-height:200px; background-image:none; } option{ padding:10px; border-bottom:1px solid var(--lineaCajas); } input[type="radio"]{ display:inline-block; vertical-align:middle; margin-right:5px; padding:0; width:35px; height:35px; line-height:35px; border-radius:5px; cursor:pointer; } input[type="radio"]:checked:before{ display:block; font-size:24px; content:"\2714"; margin:0 auto; width:100%; height:100%; line-height:34px; border-radius:5px; color:var(--lineaCajas); font-size:20px; font-weight:bold; text-align:center; } input[type="checkbox"]{ display:inline-block; vertical-align:middle; margin-right:5px; padding:0; width:35px; height:35px; line-height:35px; border-radius:5px; cursor:pointer; } input[type="checkbox"]:checked:before{ display:block; font-size:24px; content:"\2714"; margin:0 auto; width:100%; height:100%; line-height:34px; border-radius:5px; color:var(--lineaCajas); font-size:20px; font-weight:bold; text-align:center; } /* Checkbox - Botón ON/OFF */ input.switch { position:relative; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:45px !important; height:25px !important; border-radius:30px !important; cursor:pointer; background:var(--gris); transition:box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out; transition-delay:0.1s, 0s; border:none; } input.switch:focus { border:0; outline:0; } input.switch:checked { transition-delay:0s, 0s; box-shadow:inset 0 0 0 2.62857em var(--txt_verde) !important; padding-left:15px; } input.switch:before { position:relative; top:3px; left:3px; display:inline-block; height:19px; width:19px; background-color:var(--blanco); border-radius:2.1em; transition:all 0.1s ease 0.1s; } input.switch:before, input.switch:after { content:"" !important; display:block; width:19px !important; height:19px !important; border-radius:30px !important; } input.switch:active::before { transition:all 0.1s ease 0.05s; } input[type="checkbox"]:checked:before{ } /* Switch ON/OFF */ /* Checkbox - Botón ON/OFF */ input[type="file"]{ padding:0; } input[type="file"]::-webkit-file-upload-button{ position:relative; top:-1px; margin:0px 10px 0 0; height:42px; line-height:42px; background:none; color:var(--lineaCajas); text-transform:uppercase; cursor:pointer; font-size:0.75rem; border:none; border-right:2px solid var(--lineaCajas); word-break:break-word; text-overflow:ellipsis; border-radius:0px; overflow:hidden; font-family:var(--familia); } input[type="file"]::-webkit-file-upload-button:hover{background:var(--lineaCajas); color:var(--blanco); } input:disabled+label{ border-color:var(--selOff) !important; color:var(--selOff) !important; cursor:not-allowed !important; border-radius:5px !important; } input:disabled,input:checked:disabled,input:checked:disabled:before,select:disabled,textarea:disabled{ background:var(--selOff); color:var(--txt_negro); border-color:var(--lineaCajas); cursor:not-allowed !important; border-radius:5px !important; } select:disabled { border-radius:50%; } /* Internet Explorer */ input::-ms-expand,select::-ms-expand,textarea::-ms-expand{ display:none !important; opacity:0; border:none; } input[type="radio"]::-ms-check,input[type="checkbox"]::-ms-check{ color:var(--lineaCajas); } input[type="file"]::-ms-value,input[type="radio"]::-ms-value,input[type="checkbox"]::-ms-value{ padding:0 10px; background:var(--blanco); border:none; } input[type="file"]::-ms-browse{ position:absolute; top:0; left:0; margin:1px; background:var(--color3); text-transform:uppercase;} /* TEXTO PLACEHOLDER */ input::placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } input::-webkit-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } input::-moz-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } input::-moz-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } input::-ms-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } select::placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } select::-webkit-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } select::-moz-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } select::-moz-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } select::-ms-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } textarea::placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } textarea::-webkit-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } textarea::-moz-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } textarea::-moz-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } textarea::-ms-input-placeholder{ color:var(--lineaCajas) !important; text-transform:uppercase !important; } /* FIN ESTILOS FORMULARIO */ #principal{ position:relative; min-width:320px; min-width:1280px; width:100%; visibility:hidden; background:var(--fnd_home); overflow-x:hidden; } #principal > div[id*="aux"]:not(#aux1){ } /* Contenedores auxiliares */ #principal > *:not(div[id*="aux"],#usu_nl_caja),#menu2,#cuerpo{ position:relative; margin:0 auto; min-width:1260px; width:100%; max-width:1550px; box-sizing:border-box; } /* Contenedores principales */ /* CAJA LOGIN */ #usu_nl_caja:before { display:block; content:""; width:100%; height:100%; background:var(--fnd_menuPpal); opacity:0.5; z-index:10000; } #usu_nl_caja { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10001; } #f_usu_nl{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; width:550px; min-height:650px; max-height:90%; overflow-y:auto; padding:50px 25px; text-align:center; background:var(--blanco); font-size:18px; font-weight:500; color:var(--lineaCajas); border-radius:8px; box-sizing:border-box; box-shadow:0px 0 15px 5px var(--negro); } #usu_nl_aux_1{ position:absolute; top:20px; right:20px; width:42px; height:35px; background:url(images/ico_cerrar2.svg) center center no-repeat; background-size:contain; filter:var(--iconos_aux_fill); text-indent:-1000px; overflow:hidden; } #usu_nl_aux_1:hover { filter:var(--iconos_ko_fill); cursor:pointer; } #usu_nl_titulo:after{ display:block; content:""; margin:30px auto 0; width:100px; height:100px; border:4px solid var(--txt_negro); background:url(images/iconos/ico_tit_usuario.svg) center center no-repeat; background-size:50px; border-radius:50%; filter:var(--iconos_aux_fill); } #usu_nl_titulo{ position:relative; justify-content:center; align-items:center; margin:20px auto 140px; height:50px; text-transform:uppercase; color:var(--txt_titSubApart); font-size:24px; } #usu_nl_usuario,#usu_nl_usuario_caja,#usu_nl_contrasena,#usu_nl_contrasena_caja{ display:block; margin:0 auto 10px; width:320px; text-align:left; text-transform:uppercase; } #usu_nl_bot_entrar{ position:relative; margin:20px auto 50px; right:-80px; width:160px; height:60px; line-height:60px; } #usu_nl_bot_entrar a{ display:block; width:100%; height:100%; background:var(--btn_ppal); color:var(--txt_negativo); border:2px solid var(--btn_ppal); text-transform:uppercase; text-decoration:none; border-radius:8px; } #usu_nl_bot_entrar a:hover{ background:var(--btn_hover); color:var(--txt_negativo); border-color:var(--btn_hover); } #usu_nl_bot_registrar,#usu_nl_bot_recordar{ display:block; text-align:left; margin:0 auto 10px; width:320px; } #usu_nl_bot_registrar a,#usu_nl_bot_recordar a{ font-size:16px; font-weight:300; color:var(--txt_colorCorp); text-decoration:none; } #usu_nl_bot_recordar a{ color:var(--txt_rojo); } /* CAJA LOGIN */ /* MENU 2 ----------------------------------------------------------------------------------------- TIPO: 1 = Desplegado 2 = Colapsado ----------------------------------------------------------------------------------------- */ #aux20.fixed { position:fixed; top:0; left:0; z-index:10000; box-shadow:0 5px 10px var(--grisO); -webkit-animation:fadeInFromNone 0.5s ease-out; -moz-animation:fadeInFromNone 0.5s ease-out; -o-animation:fadeInFromNone 0.5s ease-out; animation:fadeInFromNone 0.5s ease-out; } #aux20.fixed #carrito_caja,#aux20.fixed #carrito_v_caja { transform:none !important; } /* Animación que "cae" desde arriba */ @-webkit-keyframes fadeInFromNone { 0% { top:-100px; } 100% { top:0; } } @-moz-keyframes fadeInFromNone { 0% { top:-100px; } 100% { top:0; } } @-o-keyframes fadeInFromNone { 0% { top:-100px; } 100% { top:0; } } #aux20{ position:relative; margin:0 auto; min-width:1260px; width:100%; height:60px; background:var(--fnd_menuPpal); transition:all 1s; z-index:999; } #menu2{ display:flex; justify-content:flex-start; align-items:center; width:100%; height:60px; background:var(--fnd_menuPpal); } #menu2 > div{ position:relative; display:inline-block; vertical-align:middle; } .m2_tipo1 #m2_menu{ display:none !important; } .fixed #m2_menu{ display:block !important; } #m2_menu{ order:1; margin:0 10px; } #m2_menu > a{ display:block; width:30px; height:20px; line-height:20px; text-align:center; background:url(images/ico_menu.svg) center center no-repeat; background-size:contain; text-decoration:none !important; filter:var(--iconos_negativo_fill); } #menu2.on #m2_menu > a{ background:url(images/ico_cerrar.svg) center center no-repeat; filter:var(--iconos_negativo_fill); background-size:contain; } .fixed #m2_enlaces{ display:none !important; transition:0.5s top; } .fixed #menu2.on #m2_enlaces{ display:block !important; position:absolute; left:-10px; width:auto; height:60px; line-height:60px; padding:0 20px; box-sizing:border-box; box-shadow:0 12px 10px -7px var(--grisO); } #menu2.on #m2_enlaces{ visibility:visible; top:58px; transition:all 1s; z-index:999; background:var(--fnd_menuPpal); } .m2_tipo2 #m2_enlaces{ visibility:hidden; position:absolute; top:0; left:0; padding:0 20px; display:flex; justify-content:flex-start; align-items:center; width:100%; height:60px; background:var(--fnd_menuPpal); box-sizing:border-box; z-index:-1; } .m2_tipo3 #m2_enlaces{ visibility:hidden; position:absolute; top:0; left:0; padding:0 20px; display:flex; justify-content:flex-start; align-items:center; width:100%; height:60px; background:var(--fnd_menuPpal); box-sizing:border-box; z-index:-1; } #m2_enlaces{ order:2; } .m2_tipo1 #m2_enlaces{ margin-left:10px; } #m2_enlaces > div{ display:inline-block; vertical-align:middle; } #m2_enlaces > div:not(:last-child):after{ display:inline-block; vertical-align:middle; margin:0 10px; content:"|"; font-size:12px; color:var(--txt_menuAuxCab); } #m2_enlaces a{ position:relative; color:var(--txt_menuAuxCab); font-size:12px; line-height:16px; text-decoration:none; text-transform:uppercase; } #m2_enlaces a:hover{ border-bottom:2px solid currentColor; } #m2_enlaces > div.m2_activo > a, #m2_enlaces > div > a:hover{ } .m2_tipo1 #m2_logo{ display:none; } .m2_tipo3 #m2_logo{ display:none; } .fixed #m2_logo{ display:inline-block; } #m2_logo{ order:3; margin-left:20px; width:90px; height:46px; } #m2_logo a{ display:flex; width:auto; height:100%; justify-content:flex-start; align-items:center; } #m2_logo a img{ max-width:100%; max-height:100%; } #m2_ayuda{ order:4; margin:0 10px 0 40px; } #m2_ayuda a:before{ display:inline-block; vertical-align:middle; content:""; margin-right:5px; width:20px; height:20px; background:url(images/ico_ayuda.svg) center center no-repeat; background-size:contain; filter:var(--iconos_negativo_fill); } #m2_ayuda a{ display:block; padding:5px; line-height:25px; color:var(--txt_menuAuxCab); box-sizing:border-box; font-size:14px; text-decoration:none; text-transform:uppercase; } #m2_ayuda a:hover { background:var(--txt_negativo); color:var(--fnd_menuPpal) !important; border-radius:10px; } #m2_ayuda a:hover:before { filter:var(--iconos_colorCorp_fill); } #m2_app{ order:5; margin:0 10px !important; height:35px !important; } #m2_app a:before{ display:inline-block; vertical-align:middle; content:""; margin-right:5px; width:40px; height:20px; background:url(images/ico_app.svg) center center no-repeat; background-size:contain; filter:var(--iconos_negativo_fill); } #m2_app a{ display:block; padding:5px 10px; line-height:25px; border-radius:10px; box-sizing:border-box; font-size:12px; text-decoration:none; color:var(--txt_menuAuxCab); border:2px solid var(--txt_menuAuxCab); text-transform:uppercase; border-radius:8px; } #m2_app a:hover { background:var(--txt_menuAuxCab); border-color:var(--txt_menuAuxCab); color:var(--fnd_menuPpal); } #m2_app a:hover:before { filter:var(--iconos_colorCorp_fill); } #m2_tlfn{ order:6; margin:0 100px; width:140px; box-sizing:border-box; } .m2_tipo2 #m2_tlfn{ margin:0 40px; } .fixed #m2_tlfn{ margin:0 40px; } .m2_tipo3 #m2_tlfn{ margin:0 40px; } #m2_tlfn > div{ position:relative; display:block !important; padding:0px 5px; color:var(--txt_menuAuxCab); height:14px; margin:5px 0px 10px 0; box-sizing:border-box; } #m2_tlfn > #fax{ display:none !important; } #m2_tlfn > div > span{ display:none; } #m2_tlfn > div > a{ position:relative; display:inline-block; color:var(--txt_menuAuxCab); text-decoration:none; text-align:center; box-sizing:border-box; } #tel_atencion,#tel_atencion2,#whatsapp{ } #tel_atencion{ } #tel_atencion2{ } #whatsapp{ } #tel_atencion:before,#whatsapp:before{ content:""; display:inline-block; vertical-align:middle; margin:0 15px 0 -30px; width:16px; height:16px; background:url(images/ico_contacto.svg) center center no-repeat; background-size:contain; filter:var(--iconos_negativo_fill); z-index:1; } #whatsapp:before{ background-image:url(images/ico_whatsapp.svg); } #tel_atencion a,#tel_atencion2 a,#whatsapp a{ } #tel_atencion a:hover,#tel_atencion2 a:hover,#whatsapp a:hover{ border-bottom:2px solid var(--txt_menuAuxCab); } #menu2 #login,#menu2 #usu_l_caja { order:7; margin-left:15%; height:25px; } #aux20.fixed #menu2 #login,#aux20.fixed #menu2 #usu_l_caja { margin-left:0%; } .usuLogged #menu2 #login { display:none !important; } #menu2 #usu_l_caja > *:not(#usu_l_bot_micuenta,#usu_l_bot_logout){ display:none !important; } #menu2 #usu_l_bot_micuenta { display:inline-block !important; } #menu2 #login > div, #menu2 #usu_l_caja > div{ position:relative; display:inline-block; vertical-align:middle; line-height:25px; } #menu2 #login > div > a, #menu2 #usu_l_caja > div > a{ position:relative; padding:0 5px; font-size:15px; text-decoration:none; text-transform:uppercase; color:var(--txt_menuAuxCab); box-sizing:border-box; } #menu2 #login > div > a:hover, #menu2 #usu_l_caja > div > a:hover{ border-bottom:2px solid var(--txt_menuAuxCab); } #menu2 #login_acceder:after,#menu2 #usu_l_bot_micuenta:after{ display:inline-block; vertical-align:middle; content:"|"; margin:0 10px; color:var(--txt_menuAuxCab); } #menu2 #login_acceder:before,#menu2 #usu_l_bot_micuenta:before{ display:inline-block; vertical-align:middle; content:""; width:15px; height:20px; margin-right:10px; background:url(images/ico_usu.svg) center center no-repeat; filter:var(--iconos_negativo_fill); } #menu2 #usu_l_caja { display:inline-flex; flex-direction:row-reverse; } #menu2 #usu_l_bot_micuenta .notif_tip{ left:-35px !important; top:-5px !important; } #menu2 #carrito_caja,#menu2 #carrito_v_caja { order:8; position:relative; margin:0 10px; width:120px; padding:5px; color:var(--txt_menuAuxCab); text-align:center; border-radius:8px; box-sizing:border-box; } #menu2 #carrito_caja *:not(#carrito_valor,#carrito_ver_carro,#carrito_ver_carro a),#menu2 #carrito_v_caja > *:not(#carrito_v_texto){ display:none !important; } #menu2 #carrito_valor:before,#menu2 #carrito_v_texto:before{ display:inline-block; vertical-align:middle; content:""; width:20px; height:20px; margin-right:10px; background:url(images/ico_carrito.svg) center center no-repeat; filter:var(--iconos_negativo_fill); } #menu2 #carrito_ver_carro{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; } #menu2 #carrito_ver_carro a{ display:block; width:100%; height:100%; overflow:hidden;text-align:left; text-indent:-1000px; } #menu2 #carrito_caja:hover { background:var(--fnd_dest1); } #menu2 #carrito_caja:hover #carrito_ver_carro a,#menu2 #carrito_caja:hover #carrito_valor{ color:var(--txt_saldoCab); } #menu2 #carrito_caja:hover #carrito_valor:before{ filter:var(--iconos_aux_fill); } #menu_idiomas { order:9; } /* MENU IDIOMAS --------------------------------------------------------------------- TIPO: 1 = sólo banderas 2 = sólo texto 3 = combinado bandera y texto -------------------------------------------------------------------------------------- TIPO = 1 - Sólo banderas */ #menu_idiomas.mi_tipo1 { display:block; order:10; position:absolute; top:18px; right:10px; margin-left:20px; min-width:45px; height:20px; padding:0px 0 5px; box-sizing:border-box; } #menu_idiomas.mi_tipo1 > div { display:inline-block; vertical-align:top; margin:0 2px; width:35px; height:20px; } #menu_idiomas.mi_tipo1 > div > a { display:block; width:100%; height:100%; text-decoration:none; text-align:left; text-indent:-1000px; overflow:hidden; background-size:contain; opacity:0.35; } #menu_idiomas.mi_tipo1 > div.idiomaSelec > a { cursor:not-allowed; } #menu_idiomas.mi_tipo1 > div.idiomaSelec > a,#menu_idiomas.mi_tipo1 > div > a:hover{ opacity:1; transform:scale(1.2); } #menu_idiomas.mi_tipo1 > div.mi_1 > a { background:url(images/idiomas/bandera_es.svg) center center no-repeat; } #menu_idiomas.mi_tipo1 > div.mi_2 > a { background:url(images/idiomas/bandera_cat.svg) center center no-repeat; } #menu_idiomas.mi_tipo1 > div.mi_3 > a { background:url(images/idiomas/bandera_ing.svg) center center no-repeat; } #menu_idiomas.mi_tipo1 > div.mi_4 > a { background:url(images/idiomas/bandera_pt.svg) center center no-repeat; } #menu_idiomas.mi_tipo1 > div.mi_5 > a { background:url(images/idiomas/bandera_fr.svg) center center no-repeat; } /* TIPO = 2 - Sólo texto */ #menu_idiomas.mi_tipo2{ display:block; position:absolute; top:18px; right:10px; width:auto; justify-content:flex-start; align-items:center; } #menu_idiomas.mi_tipo2 > div:first-child{ border:none; } #menu_idiomas.mi_tipo2 > div{ display:inline-block; vertical-align:middle; padding:0 10px; height:15px; line-height:15px; box-sizing:border-box; border-left:1px solid var(--txt_menuAuxCab); } #menu_idiomas.mi_tipo2 > div > a{ font-size:0.875em; text-decoration:none; text-transform:uppercase; color:var(--txt_menuAuxCab); font-weight:300; } #menu_idiomas.mi_tipo2 .idiomaSelec a,#menu_idiomas.mi_tipo2 a:hover { border-bottom:2px solid var(--txt_menuAuxCab); } #menu_idiomas.mi_tipo2 .idiomaSelec a{ font-weight:500; } /* TIPO = 2 - Desplegable */ #menu_idiomas.mi_tipo3{ display:block; position:absolute; top:10px; right:10px; width:160px; height:35px; line-height:35px; padding:35px 0 0; border:2px solid var(--fnd_menuPpal); border-radius:4px; box-sizing:border-box; overflow:hidden; z-index:100; } #menu_idiomas.mi_tipo3:after{ display:block; content:""; position:absolute; top:8px; right:10px; width:8px; height:8px; border:2px solid transparent; border-right-color:var(--fnd_menuPpal); border-bottom-color:var(--fnd_menuPpal); transform:rotate(45deg); } #menu_idiomas.mi_tipo3 > div{ position:relative; width:100%; height:35px; } #menu_idiomas.mi_tipo3 > div > a{ display:block; text-decoration:none; color:var(--fnd_menuPpal); font-size:0.875em; padding:0 10px; box-sizing:border-box; background:var(--blanco); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid var(--fnd_menuPpal); } #menu_idiomas.mi_tipo3 > div > a:before { content:""; display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; width:30px; height:16px; text-decoration:none; text-align:left; text-indent:-1000px; overflow:hidden; background-size:contain; } #menu_idiomas.mi_tipo3 > div.mi_1 > a:before { background:url(images/idiomas/bandera_es.svg) center center no-repeat; } #menu_idiomas.mi_tipo3 > div.mi_2 > a:before { background:url(images/idiomas/bandera_cat.svg) center center no-repeat; } #menu_idiomas.mi_tipo3 > div.mi_3 > a:before { background:url(images/idiomas/bandera_ing.svg) center center no-repeat; } #menu_idiomas.mi_tipo3 > div.mi_4 > a:before { background:url(images/idiomas/bandera_pt.svg) center center no-repeat; } #menu_idiomas.mi_tipo3 > div.mi_5 > a:before { background:url(images/idiomas/bandera_fr.svg) center center no-repeat; } #menu_idiomas.mi_tipo3 > div:not(.idiomaSelec) > a:hover{ background:var(--fnd_menuPpal); color:var(--txt_menuAuxCab); } #menu_idiomas.mi_tipo3 > div.idiomaSelec{ position:absolute; top:0; left:0; width:100%; height:35px; border:none; } #menu_idiomas.mi_tipo3:hover{ height:auto; } #cabecera{ position:relative; display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:center; box-sizing:border-box; background:var(--fnd_cabLogo); } #cabecera.m2_tipo2{ display:none; } #cabecera > div{ position:relative; } #cabecera > div[id*="aux"],#fecha,#hora{ order:100; display:none; } /* Logo izquierda */ #enlace_inicio{ order:0; position:relative; padding:0 10px; width:700px; height:100%; box-sizing:border-box; } #enlace_inicio a{ position:relative; display:block; width:100%; height:100%; text-decoration:none; text-indent:-1000px; overflow:hidden; background:url(images/logo.png) left center no-repeat; } .cab_info0 #cab_info{ display:none !important; } .cab_info1 #cab_info{ display:block !important; } #cab_info{ display: none; order:0; position:relative; margin-left:-255px; font-size:13px; line-height:1.35em; padding:3px 10px; color:var(--txt_loginCab); box-sizing:border-box; border-left:2px solid var(--iconos_cab_login); } #cab_info > span{ display:block; } #cab_info > span:last-child{ text-transform:uppercase; color:var(--iconos_cab_login); } /* Login / Logueado */ .usuLogged #cabecera #login{ display:none !important; } #login:before { position:relative; display:inline-block; vertical-align:top; margin-right:10px; top:-5px; width:35px; height:35px; content:"+18"; background:var(--cancelado); color:var(--blanco); text-align:center; line-height:35px; border-radius:50%; font-size:14px; } #cabecera #login,#cabecera #usu_l_caja{ order:1; display:inline-block; vertical-align:top; width:300px; } #cabecera #login{ height:25px; } #cabecera #usu_l_caja { display:inline-flex; flex-wrap:wrap; } #cabecera #usu_l_caja > *:not(#usu_l_nombre,#usu_l_saldo,#usu_l_bot_micuenta,#usu_l_bot_logout){ display:none !important; } #cabecera #usu_l_bot_micuenta { display:inline-block !important; } #cabecera #usu_l_nombre,#cabecera #usu_l_saldo{ display:block; flex-basis:100%; margin-bottom:10px; } #cabecera #usu_l_nombre,#cabecera #usu_l_saldo,#cabecera #usu_l_bot_micuenta,#cabecera #usu_l_bot_logout{ color:var(--txt_loginCab); font-size:15px; font-weight:500; text-transform:uppercase; } #cabecera #usu_l_nombre{ order:1; } #cabecera #usu_l_saldo{ order:2; } #cabecera #usu_l_saldo b{ margin-right:10px; } #cabecera #usu_l_bot_micuenta{ order:3; } #cabecera #usu_l_bot_logout{ order:4; } #cabecera #login > div, #cabecera #usu_l_caja > div{ position:relative; display:inline-block; vertical-align:middle; } #cabecera #login > div > a, #cabecera #usu_l_caja > div > a{ position:relative; padding:5px; font-size:15px; text-decoration:none; text-transform:uppercase; color:var(--txt_loginCab); box-sizing:border-box; } #cabecera #login > div > a:hover, #cabecera #usu_l_caja > div > a:hover{ border-bottom:2px solid var(--txt_loginCab); } #cabecera #login_acceder:after,#cabecera #usu_l_bot_micuenta:after{ display:inline-block; vertical-align:middle; content:"|"; margin:0 10px; color:var(--txt_loginCab); } #cabecera #login_acceder:before,#cabecera #usu_l_nombre:before,#cabecera #usu_l_saldo:before,#cabecera #usu_l_bot_micuenta:before{ display:inline-block; vertical-align:middle; content:""; width:20px; height:20px; margin-right:10px; background-image:url(images/ico_usu.svg); background-position:center center; background-repeat:no-repeat; filter:var(--iconos_cab_login_fill); } #cabecera #usu_l_saldo:before{ background-image:url(images/ico_saldo.svg); } #cabecera #usu_l_bot_micuenta:before{ background-image:url(images/ico_mi_cuenta.svg); } #cabecera #usu_l_bot_micuenta .notif_tip{ left:-45px !important; top:-45px !important; } #cabecera #usu_l_caja > #usu_l_bot_logout > a:before{ filter:var(--iconos_cab_cerrarSes_fill) } #cabecera #usu_l_caja > #usu_l_bot_logout > a{ color:var(--iconos_cab_cerrarSes); } #cabecera #carrito_caja,#cabecera #carrito_v_caja{ order:2; display:inline-block; vertical-align:top; margin:0 10px; width:120px; padding:5px; color:var(--txt_saldoCab); text-align:center; border-radius:8px; box-sizing:border-box; } #cabecera #carrito_caja *:not(#carrito_valor,#carrito_ver_carro,#carrito_ver_carro a),#cabecera #carrito_v_caja > *:not(#carrito_v_texto){ display:none !important; } #cabecera #carrito_valor:before,#cabecera #carrito_v_texto:before{ display:inline-block; vertical-align:middle; content:""; width:20px; height:20px; margin-right:10px; background:url(images/ico_carrito.svg) center center no-repeat; filter:var(--iconos_cab_login_fill); } #cabecera #carrito_ver_carro{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; } #cabecera #carrito_ver_carro a{ display:block; width:100%; height:100%; overflow:hidden;text-align:left; text-indent:-1000px; } #cabecera #carrito_caja:hover { background:var(--fnd_dest2); } #cabecera #carrito_caja:hover #carrito_ver_carro a,#cabecera #carrito_caja:hover #carrito_valor{ color:var(--txt_loginCab); } /* Normal */ #cabecera.cab_tipo1{ height:150px; } /* Estrecha */ #cabecera.cab_tipo2{ height:75px; } #cabecera.cab_tipo2 #usu_l_nombre, #cabecera.cab_tipo2 #usu_l_saldo{ margin-bottom:4px; } #cabecera.cab_tipo2 #usu_l_saldo{ display:none; } #cabecera.cab_tipo2 #usu_l_bot_micuenta .notif_tip{ top:-20px; } /* Ancha */ #cabecera.cab_tipo3{ height:260px; } /* Comb. con menú1 */ #cabecera.cab_tipo4{ height:400px; } #cabecera.cab_tipo4 #enlace_inicio{ } #cabecera.cab_tipo4 #enlace_inicio a{ background-position:top 10px left 10px; } #menu1.cab_tipo4{ min-width:initial !important; margin:-240px 0 0 300px !important; width:calc(100% - 320px) !important; } @media all and (min-width:1281px){ #menu1.cab_tipo4{ margin:-240px 0 0 450px !important; width:calc(100% - 625px) !important; } } #cabecera.cab_tipo4 #login, #cabecera.cab_tipo4 #usu_l_caja{ position:absolute; top:60px; right:140px; } #cabecera.cab_tipo4 #usu_l_caja{ top:50px; } #cabecera.cab_tipo4 #usu_l_nombre, #cabecera.cab_tipo4 #usu_l_saldo{ margin-bottom:4px; } #cabecera.cab_tipo4 #carrito_caja, #cabecera.cab_tipo4 #carrito_v_caja{ position:absolute; top:55px; right:0px; } /* Logo centrado */ #cabecera.cab_logo2 #enlace_inicio{ position:absolute; left:50%; transform:translateX(-50%); } #cabecera.cab_logo2 #enlace_inicio a{ background-position:center center; } #cabecera.cab_logo2 #login, #cabecera.cab_logo2 #usu_l_caja{ position:absolute; top:20px; right:0px; } #cabecera.cab_logo2 #login{ top:40px; right:20px; } #cabecera.cab_logo2 #usu_l_nombre, #cabecera.cab_logo2 #usu_l_saldo{ margin-bottom:4px; } #cabecera.cab_logo2 #usu_l_saldo{ display:none; } #cabecera.cab_logo2 #usu_l_bot_micuenta .notif_tip{ top:-20px !important; } #cabecera.cab_logo2 #carrito_caja, #cabecera.cab_logo2 #carrito_v_caja{ position:absolute; top:90px; right:0px; } #cabecera.cab_tipo2.cab_logo2 #login, #cabecera.cab_tipo2.cab_logo2 #usu_l_caja{ right:140px; } #cabecera.cab_tipo2.cab_logo2 #carrito_caja, #cabecera.cab_tipo2.cab_logo2 #carrito_v_caja{ top:20px; } #menu1{ position:relative; width:100%; height:auto; background:var(--fnd_menuJuego); } #aux1menu1:before{ content:""; position:absolute; bottom:-1px; width:100%; height:2px; background:var(--linea_menu_sepJuego); z-index:10; } #menu1 > div { position:relative; display:flex; justify-content:space-evenly; align-items:flex-start; width:100%; padding:10px; min-height:120px; box-sizing:border-box; z-index:100; } #menu1 > div.off { display:none; } #menu1 > div > div:before{ display:block; content:""; position:absolute; top:10px; left:0; flex-basis:98%; width:98%; height:40px; background-position:center center; background-size:contain; background-repeat:no-repeat; } .icos_tipo2 #menu1 > div > div:before{ height:35px; } #menu1 > div > div{ position:relative; display:inline-flex; flex-wrap:wrap; flex-basis:120px; min-height:120px; background:var(--btn_menujuegos); border-radius:5px; padding:5px; text-align:center; font-size:11px; font-weight:500; color:var(--txt_juegoMenu); text-transform:uppercase; box-sizing:border-box; } #menu1 > div > div:not(.m1_inactivo):hover{ background:var(--fnd_dest2); } #menu1 > div > #m1_loteria_empresas > a, #menu1 > div > #m1_penas > a, #menu1 > div > #m1_mas > a{ padding:55px 10px 0; } #menu1 > div > div.m1_inactivo{ opacity:0.25; filter:grayscale(100); cursor:not-allowed; } #menu1 > div > div.m1_inactivo a{ cursor:not-allowed; } #menu1 > div > div > a{ position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; padding-top:55px; text-decoration:none; text-align:center; color:var(--txt_juegoMenu); text-transform:uppercase; box-sizing:border-box; z-index:10; } #menu1.m1_dec0 > div > div .imagen{ display:none; } #menu1.m1_dec1 > div > div .imagen{ display:block; } #menu1 > div > div .imagen{ order:1; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:auto; height:45px; } #menu1 > div > div .imagen img{ display:block; width:auto; height:100%; border:1px solid var(--gris); box-sizing:border-box; } #menu1 > div > div .nombre{ order:2; display:block; } #menu1 > div > div .bote{ order:3; display:flex; flex-basis:100%; justify-content:center; align-items:baseline; font-size:18px; font-weight:500; color:var(--bote); white-space:nowrap; } #menu1 > div > div .bote bdo{ display:none; } #menu1 > div > div .bote.edms sub, #menu1 > div > div .bote.mill span{ bottom:0; vertical-align:baseline; font-size:14px; font-weight:500; } #menu1 > #aux1menu1 > div.m1_inactivo .bote{ display:block; font-size:12px; color:var(--bote); } #menu1 > div > div .sinbote{ order:4; display:flex; flex-basis:100%; justify-content:center; align-items:center; font-size:14px; height:20px; font-weight:300; color:var(--gris); } #menu1 > div > div .bm_faltan, #menu1 > div > div .fecha{ order:5; display:block; font-size:11px; font-weight:400; text-transform:lowercase; color:var(--txt_ctaAtrMenu); } #menu1 > div:not(#aux1menu1) > div .bote, #menu1 > div:not(#aux1menu1) > div .sinbote{ display:none !important; } #menu1 > div:not(#aux1menu1) > div .full{ display:flex !important; } .icos_juegos0 #menu1 > div > div:not(#m1_especial,#m1_navidad,#m1_nino,#m1_loteria_empresas,#m1_penas):before { filter:var(--juegosCorp_fill); } #m1_jueves { order:1; } .icos_tipo1 #m1_jueves:before { background-image:url(images/juegos/opc1/loteria.svg); } .icos_tipo2 #m1_jueves:before { background-image:url(images/juegos/opc2/loteria.svg); } .icos_juegos1 #m1_jueves:before { filter:var(--loteria_fill); } #m1_sabado { order:2; } .icos_tipo1 #m1_sabado:before { background-image:url(images/juegos/opc1/loteria.svg); } .icos_tipo2 #m1_sabado:before { background-image:url(images/juegos/opc2/loteria.svg); } .icos_juegos1 #m1_sabado:before { filter:var(--loteria_fill); } #m1_especial { order:3; } #m1_especial:before { background-image:url(images/m1_especial.svg); } #m1_navidad { order:4; } #m1_navidad:before { background-image:url(images/m1_navidad.svg); } #m1_nino { order:5; } #m1_nino:before { background-image:url(images/m1_nino.svg); } #m1_loteria_empresas{ order:6; } #m1_loteria_empresas:before { background-image:url(images/m1_empresas.svg); } #m1_mas { order:7; } #m1_mas:before { background-image:url(images/m1_mas.svg); filter:var(--iconos_colorCorp_fill); } #m1_jugInt { order:1; } #m1_jugInt:before { background-image:url(images/juegos/m1_jugInt.svg); filter:var(--iconos_colorCorp_fill); } #m1_euromillones{ order:2; } .icos_tipo1 #m1_euromillones:before { background-image:url(images/juegos/opc1/euromillones.svg); } .icos_tipo2 #m1_euromillones:before { background-image:url(images/juegos/opc2/euromillones.svg); } .icos_juegos1 #m1_euromillones:before { filter:var(--euromillones_fill); } #m1_eurodreams{ order:3; } .icos_tipo1 #m1_eurodreams:before { background-image:url(images/juegos/opc1/eurodreams.svg); } .icos_tipo2 #m1_eurodreams:before { background-image:url(images/juegos/opc2/eurodreams.svg); } .icos_juegos1 #m1_eurodreams:before { filter:var(--eurodreams_fill); } #m1_primitiva{ order:4; } .icos_tipo1 #m1_primitiva:before { background-image:url(images/juegos/opc1/primitiva.svg); } .icos_tipo2 #m1_primitiva:before { background-image:url(images/juegos/opc2/primitiva.svg); } .icos_juegos1 #m1_primitiva:before { filter:var(--primitiva_fill); } #m1_bonoloto{ order:5; } .icos_tipo1 #m1_bonoloto:before { background-image:url(images/juegos/opc1/bonoloto.svg); } .icos_tipo2 #m1_bonoloto:before { background-image:url(images/juegos/opc2/bonoloto.svg); } .icos_juegos1 #m1_bonoloto:before { filter:var(--bonoloto_fill); } #m1_gordo{ order:6; } .icos_tipo1 #m1_gordo:before { background-image:url(images/juegos/opc1/gordo.svg); } .icos_tipo2 #m1_gordo:before { background-image:url(images/juegos/opc2/gordo.svg); } .icos_juegos1 #m1_gordo:before { filter:var(--gordo_fill); } #m1_quiniela{ order:7; } .icos_tipo1 #m1_quiniela:before { background-image:url(images/juegos/opc1/quiniela.svg); } .icos_tipo2 #m1_quiniela:before { background-image:url(images/juegos/opc2/quiniela.svg); } .icos_juegos1 #m1_quiniela:before { filter:var(--quiniela_fill); } #m1_quinigol{ order:8; } .icos_tipo1 #m1_quinigol:before { background-image:url(images/juegos/opc1/quinigol.svg); } .icos_tipo2 #m1_quinigol:before { background-image:url(images/juegos/opc2/quinigol.svg); } .icos_juegos1 #m1_quinigol:before { filter:var(--quinigol_fill); } #m1_penas{ order:9; } #m1_penas:before { background-image:url(images/m1_penas.svg); filter:none !important; } #m1_jugAct { order:0; } #m1_jugAct:before { background-image:url(images/juegos/m1_jugAct.svg); filter:var(--iconos_colorCorp_fill); } #m1_loteria_int{ order:1; } #m1_loteria_int:before { background-image:url(images/juegos/int/int_loteria.svg); } .icos_juegos1 #m1_loteria_int:before { filter:var(--loteria_fill); } #m1_euro_int{ order:2; } #m1_euro_int:before { background-image:url(images/juegos/int/int_euromillones.svg); } .icos_juegos1 #m1_euro_int:before { filter:var(--euromillones_fill); } #m1_edms_int{ order:3; } #m1_edms_int:before { background-image:url(images/juegos/int/int_eurodreams.svg); } .icos_juegos1 #m1_edms_int:before { filter:var(--eurodreams_fill); } #m1_primi_int{ order:4; } #m1_primi_int:before { background-image:url(images/juegos/int/int_primitiva.svg); } .icos_juegos1 #m1_primi_int:before { filter:var(--primitiva_fill); } #m1_bono_int{ order:5; } #m1_bono_int:before { background-image:url(images/juegos/int/int_bonoloto.svg); } .icos_juegos1 #m1_bono_int:before { filter:var(--bonoloto_fill); } #m1_gordo_int{ order:6; } #m1_gordo_int:before { background-image:url(images/juegos/int/int_gordo.svg); } .icos_juegos1 #m1_gordo_int:before { filter:var(--gordo_fill); } #m1_quiniela_int{ order:7; } #m1_quiniela_int:before { background-image:url(images/juegos/int/int_quiniela.svg); } .icos_juegos1 #m1_quiniela_int:before { filter:var(--quiniela_fill); } #m1_quinigol_int{ order:8; } #m1_quinigol_int:before { background-image:url(images/juegos/int/int_quinigol.svg); } .icos_juegos1 #m1_quinigol_int:before { filter:var(--quinigol_fill); } #m1_blog{ order:1; } #m1_blog:before { background-image:url(images/m1_blog.svg); filter:var(--iconos_colorCorp_fill); } #m1_tienda{ order:2; } #m1_tienda:before { background-image:url(images/m1_tienda.svg); filter:var(--iconos_colorCorp_fill); } #m1_resultados{ order:3; } #m1_resultados:before { background-image:url(images/m1_resultados.svg); filter:var(--iconos_colorCorp_fill); } #m1_archivos{ order:4; } #m1_archivos:before { background-image:url(images/m1_archivos.svg); filter:var(--iconos_colorCorp_fill); } #m1_paks{ order:5; } #m1_paks:before { background-image:url(images/m1_packs.svg); filter:var(--iconos_colorCorp_fill); } #m1_viajera{ order:6; } #m1_viajera:before { background-image:url(images/m1_lot_viajera.svg); filter:var(--iconos_colorCorp_fill); } #m1_quiniwin{ order:7; } #m1_quiniwin:before { background-image:url(images/m1_descarga.svg); filter:var(--iconos_colorCorp_fill); } #aux1menu1{ } #aux2menu1{ } #aux3menu1{ } #aux3menu1 > div[id*=aux]{ display:none !important; } #aux4menu1:before{ content:""; position:absolute !important; top:-12px; left:72.2%; width:1px; height:1px; border-bottom:10px solid var(--linea_menu_sepJuego); border-left:10px solid transparent; border-right:10px solid transparent; } #aux4menu1{ position:absolute !important; top:49%; right:0; width:100%; border-top:2px solid var(--linea_menu_sepJuego); background:var(--fnd_menuJuego); box-sizing:border-box; } #aux4menu1 > div{ min-height:initial; height:90px !important; } #cuerpo{ position:relative; width:100%; background:var(--fnd_paginas); } .textos_seo{ padding:20px; box-sizing:border-box; } .cg_caja{ position:relative; width:100%; padding:20px; height:auto; box-sizing:border-box; } .cg_titulo:before{ content:""; display:inline-block; vertical-align:middle; margin:0 40px 0 -100px; width:100px; height:50px; background-position:center right; background-repeat:no-repeat; background-size:contain; filter:var(--iconos_titulosPags_fill); } .cg_titulo{ position:relative; display:flex; justify-content:center; align-items:center; margin:-20px -20px 20px; width:calc(100% + 40px); height:80px; background:var(--fnd_titulos); color:var(--txt_negativoInt); text-transform:uppercase; font-size:36px; font-weight:500; } .cg_titulo .bote.edms sub{ font-size:20px; vertical-align:bottom; } .cg_boton{ position:relative; width:260px; height:60px; line-height:60px; } .cg_boton a:before{ content:""; position:absolute; top:10px; left:10px; width:40px; height:40px; filter:var(--iconos_negativo_fill); background-repeat:no-repeat; background-size:contain; background-position:center center; } .cg_boton a{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:var(--btn_ppal); color:var(--txt_negativoInt); font-size:1.25em; text-transform:uppercase; text-decoration:none; border-radius:8px; box-sizing:border-box; } .cg_boton a:hover{ background:var(--btn_hover); color:var(--txt_negativoInt); } #aux1Cuerpo{ } #aux2Cuerpo{ } #aux3Cuerpo{ } #aux4Cuerpo{ clear:both; width:100%; height:1px; } #pie{ display:none; } #nombre_admon{ } #titular_admon{ } #datos_contacto1{ } #datos_contacto2{ } #datos_contacto3{ } #logo_gadmin{ } #telefono_pie{ } #fax_pie{ } #email_admon{ } #legal_pie{ } #creditos{ } #aux_pie_1{ } #aux_pie_2{ } #aux_pie_3{ } #pieB:before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:200%; height:100%; background:var(--fnd_footer); z-index:-1; } #pieB{ position:relative; width:100%; height:auto; display:flex !important; gap:20px; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:40px 0; box-sizing:border-box; background:var(--fnd_footer); z-index:100; } #pieB > div{ padding:10px 10px 10px 30px; text-decoration:none; font-size:0.875em; line-height:1.375em; color:var(--txt_footer_listPag); box-sizing:border-box; } #pieB_aux1,#pieB_aux2,#pieB_aux3{ order:100; display:none !important; flex-wrap:wrap; flex-basis:100%; width:100%; height:20px; } #pieB_aux3{ height:40px; } #pieB > div#pieB_logo { order:1; } #pieB > div#pieB_ubicacion { order:2; } #pieB > div#pieB_contacto { order:3; } #pieB > div#pieB_horario { order:4; } #pieB > div#pieB_app { order:5; } #pieB > div#pieB_legal { order:5; } #pieB > div#pieB_enlaces { order:6; } #pieB > div#pieB_juegos { order:7; } #pieB > div#pieB_juegosInt { order:8; } #pieB > div#pieB_pagsDin { order:9; } #pieB > div#pieB_rrss { order:10; } #pieB > div#pieB_resenas { order:11; height:100px; } #pieB > div#pieB_version { order:12; } #pieB > div#pieB_certificado{ order:13; } #pieB > div#pieB_formasPago { order:14; } #pieB > div#pieB_formasEnvio{ order:15; } #pieB > div#pieB_gadmin { order:16; } #pieB > div#pieB_creditos { order:17; } #pieB > div#responsabilidad{ order:18; } #pieB > div a{ text-decoration:none; font-size:0.875rem; line-height:1em; color:var(--txt_footer_listPag); } #pieB > div a:hover{ color:var(--txt_footer_tit); } #pieB > div > div[id$="_tit"],#pieB_app a,#pieB_resenas a,#pieB_version a{ display:flex; margin-bottom:10px; text-transform:uppercase; font-size:0.85em; font-weight:500; color:var(--txt_footer_tit) !important; column-span:all; flex-wrap:wrap; } #pieB_logo, #pieB_ubicacion, #pieB_contacto, #pieB_horario,#pieB_app, #pieB_resenas, #pieB_rrss { } #pieB_logo,#pieB_rrss,#pieB_enlaces,#pieB_legal,#pieB div[id*="aux"],#pieB_gadmin{ border-left:none !important;} #pieB_logo{ margin-left:0 !important; width:260px; height:120px; } #pieB_logo img{ display:block; margin:0 auto; max-width:100%; width:auto !important; height:auto; max-height:100%; } #pieB_ubicacion_tit:before, #pieB_contacto_tit:before, #pieB_horario_tit:before,#pieB_whatsapp:after{ display:inline-block; vertical-align:top; margin-right:5px; content:""; width:20px; height:20px; background-repeat:no-repeat; background-size:auto 18px; background-position:left top; filter:var(--iconos_footer_aux_fill); } #pieB_ubicacion_tit:before, #pieB_contacto_tit:before, #pieB_horario_tit:before{ margin-left:-25px; } #pieB_ubicacion_tit, #pieB_contacto_tit, #pieB_horario_tit{ height:20px; padding-left:30px; box-sizing:border-box; } #pieB_ubicacion_tit:before{ background-image:url(images/ico_ubicacion.svg); } #pieB_contacto_tit:before{ background-image:url(images/ico_contacto.svg); } #pieB_horario_tit:before{ background-image:url(images/ico_horario.svg); } #pieB_ubicacion > *,#pieB_contacto > *,#pieB_horario > *{ padding-left:10px; box-sizing:border-box; } #pieB_ubicacion span:first-of-type,#pieB_ubicacion span:last-of-type{ display:block; } #pieB_whatsapp:after{ margin-left:5px; margin-right:0; background-image:url(images/ico_whatsapp.svg); } #pieB_horario { text-align:left; } #pieB_horario span{ display:block; } #pieB_horario b{ display:inline-block; min-width:30px; text-align:right; margin-right:4px; } #pieB_logo,#pieB_enlaces,#pieB_legal,#pieB_gadmin{ margin-left:0 !important; } #pieB_enlaces, #pieB_juegos, #pieB_juegosInt, #pieB_pagsDin{ padding:0 2%; box-sizing:border-box; } #pieB_enlaces > * , #pieB_juegos > *, #pieB_juegosInt > *, #pieB_pagsDin > *{ width:165px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #pieB_enlaces{ border:none; padding-left:0; } #pieB_juegos, #pieB_pagsDin{ column-count:2; } #pieB_juegos_resultados{ margin-top:20px; } #pieB_pagsDin a{ display:block; margin-bottom:5px; } #pieB_app { text-align:center; } #pieB_app a{ display:block; width:100%; height:100%; } #pieB_app a:after{ display:block; content:""; width:100%; height:100%; background:url(images/banner_pie_app.png) center center no-repeat; background-size:100px auto; text-decoration:none; filter:var(--iconos_footer_aux_fill); } #pieB_resenas { text-align:center; } #pieB_resenas a{ display:block; width:100%; height:100%; background:url(images/resenas_google.svg) center center no-repeat; background-size:100px auto; text-decoration:none; } #pieB_rrss { position:relative; flex-wrap:wrap; flex-basis:100%; justify-content:center; text-align:center; } #pieB_rrss_tit{ margin-bottom:5px; justify-content:center; } #pieB_rrss a { position:relative; display:inline-block; vertical-align:middle; margin:0 2px 4px; width:30px; height:30px; overflow:hidden; text-indent:-1000px; background-position:center center; background-size:contain; background-repeat:no-repeat; text-align:left; filter:var(--iconos_footer_aux_fill); } #rrss_fb { background:url(images/rrss/black/facebook.png); } #rrss_tw { background:url(images/rrss/black/twitter.png); } #rrss_yt { background:url(images/rrss/black/youtube.png); } #rrss_ig { background:url(images/rrss/black/instagram.png); } #rrss_tt { background:url(images/rrss/black/tiktok.png); } #rrss_twch { background:url(images/rrss/black/twitch.png); } #rrss_ln { background:url(images/rrss/black/linkedin.png); } #pieB_legal{ } #pieB_legal a{ display:block; padding:5px 0; } /*#pieB_legal a:not(:first-of-type):before{ display:inline-block; vertical-align:middle; content:"|"; margin:0 10px; }*/ #pieB_legal a:hover{ text-decoration:underline; } #pieB_formasPago { text-align:center; } #pieB_formasPago_tit { display:block !important; width:100%; text-align:center; } #pieB_formasPago > span { display:inline-block; vertical-align:bottom; min-width:30px; height:30px; margin:0 5px; overflow:hidden; text-indent:-1000px; background-image:url(images/sprite_fpago.svg); background-repeat:no-repeat; background-size:cover; filter:var(--iconos_footer_aux_fill); } #pieB_formasPago > #pieB_fp_1 { background-position:-2px 0px; } /* Cta. Usuario */ #pieB_formasPago > #pieB_fp_2 { background-position:-36px 0px; } /* Transferencia */ #pieB_formasPago > #pieB_fp_3 { background-position:-72px 0px; } /* Tarjeta */ #pieB_formasPago > #pieB_fp_4 { background-position:-118px 0px; min-width:40px; } /* iupay */ #pieB_formasPago > #pieB_fp_5 { background-position:-36px 0px; } /* contrareembolso */ #pieB_formasPago > #pieB_fp_6 { background-position:-166px 0px; } /* paypal */ #pieB_formasPago > #pieB_fp_7 { background-position:-256px 0px; } /* multibanco */ #pieB_formasPago > #pieB_fp_8 { background-position:-382px 0px; min-width:60px; } /* neteller */ #pieB_formasPago > #pieB_fp_9 { background-position:-460px 0px; min-width:20px; } /* bizum */ #pieB_formasPago > #pieB_fp_10 { display:none; } /* bizum directo */ #pieB_certificado{ } #pieB_certificado:after{ display:block; content:""; width:100%; height:30px; background:url(images/web_segura.svg) bottom center no-repeat; background-size:auto 30px; filter:var(--iconos_footer_aux_fill); } #pieB_formasEnvio { display:inline-flex; flex-wrap:wrap; column-gap:10px; align-items:center; justify-content:center; } #pieB_formasEnvio_tit { display:block !important; width:100%; text-align:center; } #pieB_formasEnvio > span { display:inline-block; vertical-align:bottom; min-width:30px; height:24px; margin:0 5px; overflow:hidden; text-indent:-1000px; background-repeat:no-repeat; background-size:contain !important; } .pieB_fe_deposito { background:url(images/formasEnvio/envio_admon.png) left center no-repeat; } .pieB_fe_recogida { background:url(images/formasEnvio/envio_ventanilla.jpg) left center no-repeat; } .pieB_fe_envio { background:url(images/formasEnvio/envio_delivery.svg) left center no-repeat; } #pieB_fe_correos { width:90px; background:url(images/formasEnvio/envio_correos.svg) left center no-repeat; } #pieB_fe_nacex { width:100px; background:url(images/formasEnvio/envio_nacex.svg) left center no-repeat; } #pieB_fe_gls { width:90px; background:url(images/formasEnvio/envio_gls.svg) left center no-repeat; } #pieB_fe_mrw { width:100px; background:url(images/formasEnvio/envio_mrw.svg) left center no-repeat; } #pieB_fe_seur { width:110px; background:url(images/formasEnvio/envio_seur.svg) left center no-repeat; } #pieB_fe_dhl { width:180px; background:url(images/formasEnvio/envio_dhl.svg) left center no-repeat; } #pieB_fe_ups { background:url(images/formasEnvio/envio_ups.svg) left center no-repeat; } #pieB_version{} #pieB_version a{ display:block; width:100%; height:100%; } #pieB_version a:after{ display:block; content:""; width:100%; height:100%; background:url(images/ico_mobile.svg) top 10px center no-repeat; background-size:auto 36px; filter:var(--iconos_footer_aux_fill); } #pieB_gadmin,#pieB_creditos,#responsabilidad{ position:relative; display:inline-block; vertical-align:middle; } #pieB_gadmin{ padding:10px !important; width:140px; margin-top:15px; } #pieB_gadmin a{ display:block; width:100%; height:50px; background:url(images/gadmin.svg) bottom center no-repeat; background-size:auto 100%; filter:var(--iconos_footer_aux_fill); } #pieB_creditos{ width:calc(100% - 650px); font-size:0.75rem !important; line-height:1em !important; box-sizing:border-box; } #responsabilidad{ text-align:center; box-sizing:border-box; } #responsabilidad > a{ display:inline-block; vertical-align:top; margin:0 10px; min-width:35px; width:auto; height:35px; text-decoration:none; text-indent:-1000px; overflow:hidden; } #responsabilidad > a:hover{ opacity:0.5; } #responsabilidad > a:first-child{ margin-left:0; } #responsabilidad > a:last-child{ margin-right:0; } a#resp_18{ background:url(../responsabilidad/images/mayor18.png) center center no-repeat; } a#resp_prohibicion{ background:url(../responsabilidad/images/autoprohibicion.png) center center no-repeat; } a#resp_juegoSeguro{ width:210px; background:url(../responsabilidad/images/juegoseguro.png) center center no-repeat; } a#resp_jugarBien{ width:110px; background:url(../responsabilidad/images/jugarbien.png) center center no-repeat; } /*************************************************************/ /* RESPONSIVE GADMIN MOBILE 2024 */ /*************************************************************/ @media all and (max-width:1550px){ } @media all and (min-width:1280px) and (max-width:1550px){ } @media all and (min-width:800px) and (max-width:1279px){ } @media all and (min-width:320px) and (max-width:799px) { } @media all and (max-width:320px) { } /*************************************************************/ /* FIN RESPONSIVE GADMIN MOBILE 2024 */ /*************************************************************/ #usu_l_caja{ z-index:100; } #usu_l_bot_micuenta,#usu_l_bot_micuenta a{ overflow:visible; } #usu_l_bot_micuenta .notif_tip{ display:block !important; position:absolute; top:-10px; left:5px; padding:0 5px; min-width:22px; height:22px; line-height:20px; transform:translateX(-70%); border:2px solid var(--blanco,#FFF); border-radius:20px; box-shadow:0 0 5px #ccc; box-sizing:border-box; z-index:1000; background:var(--cancelado,#ca191b); color:var(--blanco, #FFF) !important; text-align:center; } input[type="password"], input[name*="contrasena"] { max-width:initial !important; width:100% !important; } input[type="password"] + b.pass_eye,input[name*="contrasena"] + b.pass_eye { } #carrito_caja.animate{ animation:cartGrowScale 0.6s ease-out; } @keyframes cartGrowScale{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.5); } } /* LEGALBOX */ #cookiesBox:before { display:block; content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(77,77,77,0.9); } #cookiesBox { position:fixed !important; top:0; left:0; width:100%; height:100%; z-index:1000000000; } #cookiesTxt { position:relative; margin:5% auto; padding:0px; width:90%; max-width:1024px; height:90%; max-height:760px; background:#FFF; border-radius:5px; box-sizing:border-box; overflow:hidden; } a#botCerrar { position:absolute; top:25px; right:15px; width:20px; height:20px; z-index:1000; cursor:pointer; background:url(../css/images/legal/ico-close.png) center center no-repeat; background-size:contain; } a#botCerrar:hover{ background:rgba(255,255,255,0.25); } .legal_tit{ position:relative; width:100%; padding:40px 20px 10px; min-height:65px; color:#FFF; font-size:2em; line-height:1em; font-weight:bold; text-align:center; background:#838182; box-sizing:border-box; z-index:100; text-transform:uppercase; } .cookies_cleaner{position:relative; clear:both; width:100%; height:1px; } /*Contenedor menú*/ #cookies_menu{ float:left; width:30%; padding:0 25px; box-sizing:border-box; } .cookies_menu_secc{ position:relative; width:100%; } #cookies_menu_secc_1{ margin-bottom:50px; } #cookies_menu_secc_2{ } .cookies_menu_item{ position:relative; display:block; margin:10px 0; width:100%; max-width:280px; height:55px; border-radius:4px; border:1px solid #838182; box-sizing:border-box; } .cookies_menu_item:before{ position:absolute; top:14px; left:10px; display:block; content:""; margin-right:5px; width:25px; height:25px; } .cookies_menu_item.ico-cookies:after,.cookies_menu_item.ico-legal:after,.cookies_menu_item.ico-privacy:after{ position:absolute; bottom:14px; left:20px; display:block; content:""; margin-right:5px; width:20px; height:15px; } .cookies_menu_item.ico-privacy-summary:before{ background:url(../css/images/legal/ico-summary-privacy.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-strict:before{ background:url(../css/images/legal/ico-strict.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-3rd:before{ background:url(../css/images/legal/ico-3rd.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-cookies:before,.cookies_menu_item.ico-legal:before,.cookies_menu_item.ico-privacy:before{ background:url(../css/images/legal/ico-policy.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-cookies:after{ background:url(../css/images/legal/ico-cookies.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-legal:after{ background:url(../css/images/legal/ico-legal.png) center center no-repeat; background-size:contain; } .cookies_menu_item.ico-privacy:after{ background:url(../css/images/legal/ico-privacy.png) center center no-repeat; background-size:contain; } .cookies_menu_item a{ position:relative; display:flex; padding:10px 10px 10px 50px; width:100%; height:100%; justify-content:flex-start; align-items:center; text-decoration:none; font-size:1.25em; line-height:1em; color:#606060; box-sizing:border-box; border-radius:4px; z-index:10; } .cookies_menu_item.on,.cookies_menu_item:hover{ background:#EEEBE6; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; } .cookies_menu_item.on a{ font-weight:bold; } /*Contenedor secciones*/ #cookies_content{ float:right; width:70%; box-sizing:border-box; font-size:1.15em; background:#EFEFEF; } /*Caja contenedor una sección*/ .cookies_content_box0{ display:none; } /* Título contenedor sección */ .cookies_tit_2:before{ position:relative; display:inline-block; content:""; vertical-align:middle; margin-right:5px; width:50px; height:50px; } .cookies_tit_2.ico-cookies:after,.cookies_tit_2.ico-legal:after,.cookies_tit_2.ico-privacy:after{ position:absolute; top:50px; left:45px; display:block; content:""; margin-right:5px; width:30px; height:25px; } .cookies_tit_2{ position:relative; padding:25px; font-weight:bold; text-transform:uppercase; font-size:140%; color:#606060; box-sizing:border-box; } .cookies_tit_2.ico-privacy-summary:before{ background:url(../css/images/legal/ico-summary-privacy.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-strict:before{ background:url(../css/images/legal/ico-strict.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-3rd:before{ background:url(../css/images/legal/ico-3rd.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-cookies:before,.cookies_tit_2.ico-legal:before,.cookies_tit_2.ico-privacy:before{ background:url(../css/images/legal/ico-policy.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-cookies:after{ background:url(../css/images/legal/ico-cookies.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-legal:after{ background:url(../css/images/legal/ico-legal.png) center center no-repeat; background-size:contain; } .cookies_tit_2.ico-privacy:after{ background:url(../css/images/legal/ico-privacy.png) center center no-repeat; background-size:contain; } /* Contenido sección */ .cookies_content_box1{ position:relative; padding:0 25px; width:100%; min-height:200px; height:100%; max-height:480px; box-sizing:border-box; overflow:hidden; overflow-y:auto; border-top:2px solid #838182; } .cookies_texto{ padding:20px; box-sizing:border-box; } .cookies_aviso{ position:relative; margin:20px 0; width:100%; padding:20px; border:2px solid #FFD400; border-radius:4px; font-weight:bold; background:#FDEDB3; box-sizing:border-box; } .cookies_content_box1 span{ display:block; margin-bottom:5px; } .cookies_content_box1 span b{ display:inline-block; vertical-align:middle; margin-right:10px; } .cookies_content_box1 a { color:#575756; } .cookies_content_box1 a:hover { color:#5099BB; } .cookies_content_box1 p{ } .cookies_content_box1 strong { display:block; padding:20px 0 5px; width:100%; text-transform:uppercase; color:#333; font-size:1.35em; line-height:20px; border-bottom:2px solid #838182; box-sizing:border-box; } .cookies_content_box1 ul { display:block; padding:10px; width:100%; box-sizing:border-box; } .cookies_content_box1 ul li { margin-left:20px; margin-bottom:10px; list-style:square; } .cookies_content_box1 #legal_imprimir { margin:50px auto; width:220px; } .cookies_content_box1 #legal_imprimir a:before { position:relative; display:inline-block; vertical-align:middle; content:""; margin-right:10px; width:35px; height:25px; background:url(../css/images/legal/ico-printer.png) center center no-repeat; background-size:contain } .cookies_content_box1 #legal_imprimir a{ border:2px solid #838182; text-transform:none; text-indent:-15px; font-size:1em; color:#fff !important; } /* Botones ON/OFF */ #cookiesBox .switch { position:relative; display:inline-block; width:50px; height:30px; } #cookiesBox .switch input { display:none; } #cookiesBox .switch .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:red; transition:.4s; margin:0; padding:0; box-sizing:border-box; } #cookiesBox .switch .slider:before { position:absolute; content:""; height:26px; width:26px; left:1px; bottom:1px; transition:.4s; border:1px solid #f2f2f2; border-radius:50%; background-color:#fff; box-shadow:0 5px 15px 0 rgba(0,0,0,.25); display:block; box-sizing:content-box; } #cookiesBox .switch .slider:after { content:attr(data-text-disabled); position:absolute; top:0; left:60px; font-weight:800; font-size:16px; line-height:30px; color:red; display:block; white-space:nowrap; } #cookiesBox .switch .slider.round { border-radius:34px; } #cookiesBox .switch .slider.round:before { border-radius:50%; } #cookiesBox .switch input:checked+.slider { background-color:#2e9935; } #cookiesBox .switch input:checked+.slider:after { content:attr(data-text-enable); color:#2e9935; white-space:nowrap; } #cookiesBox .switch input:focus+.slider { box-shadow:0 0 1px #2e9935; } #cookiesBox .switch input:checked+.slider:before { transform:translateX(20px); } #cookiesBox fieldset { border:none; } .cookies_content_box1 #legal_imprimir a { border:none !important; color:#FFF !important; } /* Footer */ #cookies_footer{ position:relative; clear:both; width:100%; height:100px; box-sizing:border-box; text-align:center; background:#EFEFEF; border-top:2px solid #838182; } #cookies_footer_botones{ position:relative; clear:both; width:100%; height:40px; } #cookies_boton_activar_todo,#cookies_boton_guardar_cambios{ display:none; margin:25px auto; min-width:160px; width:auto; max-width:240px; } #cookies_boton_activar_todo a,#cookies_boton_guardar_cambios a{ padding:0 20px; box-sizing:border-box; color:#FFF !important; } /* RESPONSIVE LEGALBOX */ /* VERSION IMPRESA */ @media print { html, body, #principal.legalPrint { background:#FFF; } #principal.legalPrint > div:not(#cookiesBox){ display:none !important; } #cookiesBox{ display:block; position:absolute; top:0; left:0; width:100%; height:auto; background:#FFF; } #cookiesTxt,#cookiesBox:before{ position:relative; top:auto; left:auto; margin:0 auto; padding:20px; width:100%; max-width:initial; height:auto; max-height:initial; overflow:visible; } #cookiesBox:before { padding:0; height:0px; } #botCerrar,#cookies_cont_tit,.cookies_cleaner,#cookies_menu,.cookies_tit_2,#cookies_footer { display:none; } #cookies_content,.cookies_content_box0,.cookies_content_box1,.cookies_texto{ position:relative; display:block; float:none; width:100%; max-width:initial; height:auto; max-height:initial; overflow:visible; border:none; background:#FFF; } } @media all and (max-width:799px){ #cookiesTxt{ overflow-y:scroll; } a#botCerrar{ position:fixed; top:10px; right:10px; margin:5%; } .legal_tit{ position:fixed; margin:0 auto; width:90%; padding:40px 20px 10px; } #cookies_menu,#cookies_content{ float:none; width:100%; } #cookies_menu { padding:110px 10px 10px; text-align:center; } .cookies_menu_secc{ margin:0 !important; } .cookies_menu_item{ display:inline-block; vertical-align:top; margin:3%; width:55px; overflow:hidden; } .cookies_menu_item:before{ top:8px; left:5px; width:40px; height:40px; } .cookies_menu_item:after{ bottom:8px !important; left:25px !important; } .cookies_menu_item a{ text-indent:-1000px; } #cookies_content{ word-wrap:break-word; overflow-wrap:break-word; padding-bottom:0px; } .cookies_tit_2:before{ display:block; margin:3% auto; } .cookies_tit_2.ico-cookies:after, .cookies_tit_2.ico-legal:after, .cookies_tit_2.ico-privacy:after { left:50%; } .cookies_tit_2{ text-align:center; } .cookies_content_box1{ max-height:initial; height:auto; } #cookies_footer{ top:0; margin-top:0px; padding-left:0; padding-top:10px; background:#EFEFEF; } } @media all and (min-width:550px) and (max-width:799px){ .cookies_menu_secc{ display:inline-block; vertical-align:middle; width:45%; } } @media all and (min-width:480px) and (max-width:599px){ } @media all and (min-width:600px) and (max-width:799px){ } @media all and (min-width:768px) and (max-width:1023px){ } @media all and (max-width:1023px){ } /* FIN RESPONSIVE LEGALBOX */ /* ACTUALIZACION LEGALBOX 2025 */ #cookiesBox{ display: flex; justify-content: center; align-items: flex-start; max-width: 100% !important; min-width: 960px !important; padding: 2.5em; } #cookiesBox, #cookiesBox *{ box-sizing: border-box; } a#botCerrar { width: 30px; height: 30px; } a#botCerrar:hover { background: url(../css/images/legal/ico-close.png) center center no-repeat; filter: brightness(0); } #cookiesTxt{ display: grid; grid-template-columns: 30% 70%; align-content: space-between; height: auto; max-height: 95%; margin: 0; } #cookiesTxt .cg_boton a{ gap: 0.5em; } #cookiesTxt .cg_boton a:before{ top: unset; left: unset; bottom: unset; right: unset; } .legal_tit, .cookies_cleaner, #cookies_footer{ grid-column: 2 span; line-height: normal; } .legal_tit{ height: auto; padding: 0.75em; } .cookies_cleaner{ height: 2px; } #cookies_menu, #cookies_content{ width: 100%; max-height: 35em; } #cookies_menu{ overflow-y: auto; } .cookies_menu_item a{ font-size: 1em; } #cookies_content{ font-size: 1em; } #cookies_content > *{ height: 100%; } #cookies_footer, #cookies_footer_botones{ height: auto; } #cookies_footer_botones .cg_boton{ display: inline-block; width: auto; height: auto; } #cookies_boton_activar_todo, #cookies_boton_guardar_cambios{ margin: 1em auto; } #cookies_footer_botones .cg_boton a{ line-height: normal; padding: 0.5em 1em; min-height: 2.5em; } /* FIN ACTUALIZACION LEGALBOX 2025 */ /* FIN LEGALBOX */ /* ASYNC ACTION BOX */ #async_action_info{ position:fixed; left:50%; top:47%; max-width:400px; max-height:250px; text-align:center; background:#fff; border:1px solid #ccc; box-shadow:0px 0px 50px #444; padding:30px; border-radius:8px; transform:translate(-50%,-50%); z-index:100000; } #async_act_close{ position:absolute; top:-10px; right:-10px; width:24px; height:24px; border:1px solid #bbb; background:#333; border-radius:50%; overflow:hidden; box-shadow:0px 0px 5px #444;} #async_act_close a{ display:block; width:100%; height:100%; color:#fff; font-size:14px; line-height:26px; text-align:center; text-decoration:none;} #async_act_tit{ position:relative; width:100%; padding:0 0 30px; box-sizing:border-box; font-size:25px; color:#333; font-weight:bold; text-align:center; text-transform:uppercase; } #async_act_text{ position:relative; width:100%; padding:0 0 30px; box-sizing:border-box; font-size:18px; color:#333;text-align:center; } #async_act_text.error{ color:#f00 !important; } #async_act_bot{ display:inline-block; position:relative; margin-top:0px; box-sizing:border-box; } /* FIN ASYNC ACTION BOX */ #pie_resp,#pie_adultos,#mas_18,#mas18{ display:none !important; }