@charset "UTF-8";

html {
  
    background-attachment: fixed !important;
    background-image: url("../img/fondoPublicidad.gif") !important;
    background-size: cover !important;
}
.video { 
 position: relative !important;
 padding-top: 56.25% !important;
 height: 0 !important;
 overflow: hidden !important;
 padding-bottom: 60px !important;
}
                                                                                                             
.video  iframe {
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100%  !important;
}
/*NAVIDAD-2019*/
/*bloquear boton de comprobar para otros sorteos
#qa_subhome-resultadosComprobacion-comprobarEnOtrosSorteos-LNAC{display:none;
}
/*DESCOMENTAR SI HAY QUE SUSTITUIR EL SORTEOS EN DIRECTO POR UNA IMAGEN
.c-subhome-loteria-nacional__envoltorio-iframe {
    background: url("/f/loterias/imagenes/capillas/capilla_pc_default_esp_ext.png");
    display: none;
}
/*FIN SUSTITUIR EL SORTEOS EN DIRECTO POR UNA IMAGEN*/
/*PAGINAS COMPRUEBA*/

.sinFondo h2 {
    margin-left: 0px;
    color: #007ac0 !important;
    line-height: 3;
}


@media(max-width:590px) {
.sinFondo h2 {
    margin-left: 0px;
    color: #007ac0 !important;
    line-height: 1.5;
}
	
.tituloEnlace h3 {
  text-align:center;
  width:100%;
 }

.enlacesRelacionados ul li.listado div.contenido ul li.enlace .tituloEnlace h3 img {
    width: 3%;
	float: none;}
	
.pieListado .enlacesRelacionados {
    margin: 5%;
    width: 100%;	
	
	
}
}

@media (max-width:600px) {
    .cpo {
        margin: 0 0 0 5px;
        width: 96%;
    }
}

input[type="number"].c-buscador-comprobador12-sorteos__numero-input {width: 100%;border: 1px solid #007AC0;color:#007AC0;}
input[type="number"].c-buscador-euros__caja-input-euros--entero {border: 1px solid  #007AC0;color:#007AC0;}
input[type="number"].c-buscador-euros__caja-input-euros--decimal {border: 1px solid #007AC0;color:#007AC0;}
input[type="text"].c-buscador-serie__caja-input-serie {border: 1px solid #007ac0;}
}

input[type="number"].c-buscador-comprobador12-sorteos__numero-input {
	/*font-size: 1.7rem;*/
}

.c-buscador-comprobador12-lnac__cabecera-texto {background:#007ac0;}
.c-buscador-comprobador12__caja-input-fecha {color: #007AC0;border: 1px solid #007AC0;}

.c-resultados-comprobador12__cabecera--loteria-nacional, .c-resultados-comprobador12__reintegros-li, .c-resultados-comprobador12__serie-li--lnac, .c-resultados-comprobador12__fraccion-li--lnac {background-color: #007AC0;}

.c-pastilla--no-premiada {background-color: rgba(0, 122, 192, 0.1);}



.c-buscador-comprobador12__caja-input-fecha {font-size: 0.9rem;}
select.c-fecha_comprobador12___caja-input-fecha {color: #007AC0;font-size:0.9rem;}
.c-fecha_comprobador12___envoltorio-input {border: 1px solid #007ac0;}
div.r-buscador-comprobador12 > div.c-compruebe-lnac__contenedor-resultados {background:
rgba(9, 122, 191, 0.03);box-shadow: none;}
.c-buscador-comprobador12{background:rgba(9, 122, 191, 0.05);box-shadow: none;}
.shareBlock li a {padding: 0.2em;}
.detalleSorteo.ventas .botonGris {margin-bottom: 7px; margin-left:7px;border:1px solid #007ac0;box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#paneles .bloq1 {width: 33.3%;}
#paneles{width:100%;}
	



/*APP-LOTERIAPRO*/

#empresa2{height: auto;padding: 5px;width: 96%;}
#bloquepro {float: left;height: auto;width: 300px; background-color:rgba(0, 122, 191, 0.3) ;}
#bloquepro a:hover {opacity: 0.79;width: 100%;}
#bloquepro2 {float: right;margin-top: 5px; height:auto;padding: 5px;width: 400px;background:rgba (7, 7, 7, 0.5);}
#bloquepro2 a {background-attachment: scroll;background-clip: border-box;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;display: block;float: right; height: auto; margin-left: 10%; margin-right: 0; overflow: hidden; padding-bottom: 5px; padding-top: 5px; text-align: center; text-decoration: none;}

#bloquepro2 a:hover { background-image: none; border-radius: 10px; float: right;  height: auto; opacity: 0.79; overflow: hidden; text-align: center; top: 44px; width: 100%;}
#bloquepro { background: none repeat scroll 0 0 transparent;}
#bloquepro p {color: #000; font-family:  "PublicSans-Regular", sans-serif;font-size: 13px; font-weight: 500; padding: 1.3em;text-align: justify;}
#bloquepro2 a { height: auto; width: 96%;}
#bloquepro2 a:hover { height: auto; width: 96%;}
#bloquepro2 a:hover span { color: #ffffff; opacity: 0.8;}
#bloquepro2 a span { color: #fff; display: block;font-family:  "PublicSans-Regular", sans-serif;font-size: 13px;font-weight: 500; margin-top: 3px; opacity: 1; text-align: center;width: 94%;}

@media screen and (max-width: 980px) {
#empresa2 { width: 100%;}
#bloquepro {float: none;height: auto;   width: auto;}
#bloquepro2 {float: none;height: auto;margin-top: 13px;width: auto;}
#bloquepro2 a { width: 100%;}
#bloquepro2 a:hover {height: auto;width: 100%;}
#paneles .bloq1 {width: 100%;}
}

@media screen and (max-width: 780px) {
#empresa2 { width: 100%;margin-top:-55px;}
#bloquepro {float: none;height: auto; width: 100%;}
#bloquepro2 {float: none;height:auto; margin-right: 0;margin-top: 10px;width:100%;}
#bloquepro2 a {height: auto;margin-right: 0;width: 100%;}
#bloquepro2 a:hover {height: auto;margin-right: 0;width: 100%;}
#bloquepro2 a span {font-size: 1.2em;font-weight: normal;}

}
/*FIN LOTERIASPRO++++++++++++++++++++++++++++*/




/*EMPRESA Y AMPLIACION HORARIOS*/
#empresa {height: auto;padding: 5px;width: 883px;}
#bloque0 {float: left;height:auto; margin-left: 10%; max-width: 400px; border-radius: 20px;	background-color: white;opacity: 0.7;margin:auto; padding-bottom:50px;}
#bloque0 p {text-align:left; font-family: "PublicSans-Italic", sans-serif;;font-size: 2.7em;color: #26a020;font-weight: 700;margin-left:10px;}

#bloque1 { float: left; height: 480px; margin-left: 10%; width: 300px;}
#bloque2 { float: right;  margin-top: 5px; padding: 5px; width: 300px;}
#bloque2 a { background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; display: block; float: right; height: 28px; margin-left: 10%; margin-right: 0; overflow: hidden; padding-top: 5px;padding-bottom: 5px; text-align: center; text-decoration: none;   }
#bloque2 a:hover { background-image: none;border-radius: 10px; float: right; height: 28px; opacity: 0.79; overflow: hidden; text-align: center; top: 44px; width: 100%;}
#bloque1 { background: transparent none repeat scroll 0 0;}
#bloque1 p { color: #000; font-family:  "PublicSans-Regular", sans-serif; font-size: 13px; font-variant: titling-caps; font-weight: 500; padding: 1.3em; text-align: justify;}
#bloque2 a {  height: auto; width: 96%;}
#bloque2 a:hover { height: auto; width: 96%;}
#bloque2 a:hover span { color: #ffffff;opacity: 0.8;}
#bloque2 a span { color: #fff; display: block; font-family: "PublicSans-Regular", sans-serif; font-size: 13px; font-weight: 500; margin-top: 3px; opacity: 1; text-align: center;width: 94%;}
.bloque3, .bloque3b  {min-width: 150px;padding-left:0%;width:300px;margin:auto;}
.bloque3 a { margin-right: 6%; width: 100%;display:block;border: thin solid rgba(8, 136, 0, 1);  border-radius: 12px; box-shadow: 9px 10px 13px -6px rgba(91, 91, 92, 0.59); background-color: green; border-radius: 10px; float: right; height: 28px; opacity: 0.8; text-align: center;width: 95%;}
.bloque3b a{margin-right: 6%; width: 100%;display:block;border: thin solid #007ac0; border-radius: 12px; box-shadow: 9px 10px 13px -6px rgba(91, 91, 92, 0.59); background-color: #007ac0; border-radius: 10px; float: right; height: 28px; opacity: 0.8; text-align: center; width: 95%;}
.bloque3b a{ background-color:#007ac0;opacity:1}
.bloque3  a:hover {	background: transparent none repeat scroll 0 0;
border-radius: 12px;box-shadow: 9px 10px 13px -6px rgba(91, 91, 92, 0.59); color: #00a21f; border-radius: 10px;	 text-align: center;    width: 95%;}
.bloque3b a:hover {	background: transparent none repeat scroll 0 0;border-radius: 12px; box-shadow: 9px 10px 13px -6px rgba(91, 91, 92, 0.59); color: #007ac0; border-radius: 10px;	 text-align: center;    width: 95%;}
.bloque3 a span, .bloque3b a span { color: #fff;display:block;font-family:  "PublicSans-Regular", sans-serif; font-size: 16px; font-weight: 500; margin-top: 3px; opacity: 1; text-align: center;width: 94%;}
.bloque3b a:hover span { color: #007ac0;   }
 bloque3 a:hover span { color: green;font-family: "PublicSans-Regular", sans-serif; font-size: 16px; font-weight: 500; opacity: 1; text-align: center;}	


@media screen and (max-width: 980px) {
#empresa {width: 94%;}
#bloque1, #bloque0 { float: none;height: auto;padding: 3px;width: auto;}
#bloque0 {float: left;}
#bloque2 {float: none; margin-top: 44px; padding: 6px;width: auto;height: 46px;}
.bloque3 {float: none;margin-top: 50px;opacity: 0.8; padding: 3px;width: auto;}
.bloque3b {float: none; margin-top: 50px;opacity: 0.8;padding: 3px;
width: auto;}
#bloque2 a {width: 100%;}
.bloque3 a {width: 80%;}
.bloque3b a { width: 80%;}
#bloque2 a:hover {height: 28px;width: 80%;}
.bloque3 a:hover { height: 28px;width: 80%;}
.bloque3b a:hover {height: 28px;width: 80%;}
}

@media screen and (max-width: 780px) {
#empresa {width: 94%;}
#bloque1, #bloque0, .bloque3, .bloque3b {float: none; height: auto;width: auto;}
#bloque0 {padding-bottom: 50px;}
.bloque3 { margin: auto;padding-left: 15%;width: 80%;}
#bloque0 p {font-size: 1.8em;}
#bloque2 {float: none; margin-right: 0;margin-top: 6px; padding: 5px; width: auto; height: 50px;}
#bloque2 a, .bloque3 a, .bloque3b a { height: auto; margin-right: 0; padding: 3px; width: 100%;}
#bloque2 a:hover, .bloque3 a:hover, .bloque3b a:hover { height: auto; margin-right: 0; width: 100%;}
#bloque2 a span { font-size: 1.2em;font-weight: normal;}
.fluid6 { max-width: 100% !important;height: auto !important;margin-left: auto !important; margin-right: auto !important;}
.stack-column,
.stack-column-center { display: block !important;width: 100% !important; max-width: 100% !important; direction: ltr !important;}
.stack-column-center { text-align: center !important;}.center-on-narrow {text-align: center !important;display: block !important;margin-left: auto !important; margin-right: auto !important;float: none !important;}table.center-on-narrow {display: inline-block !important;}
        }	
	
@media screen and (max-width: 780px) {.bloque3, .bloque3b {margin:auto;padding-left:5%;}
}

/*CAMBIOS EN LA APARIENCIA WEB CORPORATIVA*/
.homeCorporativa .contenedor .contenedor.contenedorSuperior { background-color: #ffffff;}
.homeCorporativa .contenedorInferior{background-color: #ffffff;}
.homeCorporativa .contenidoRegion {background: #fff no-repeat scroll 24px 0;}
.corporativa .logosInferiores {float: right;margin-right: 0;margin-top: 10px;}
.corporativa .logo {float: left;margin: 1px 114px 15px 11px;width: 23%;}
.corporativa .cabecera {background: #ffffff none repeat scroll 0 0;}
.corporativa .cabecera {background: #ffffff none repeat scroll 0 0;}
.corporativa .contenedorInferior .noticiasHorizontal {background-color: #ffffff;}
.homeCorporativa .contenedorSuperior .noticiasHorizontal { background:#fff;}
.homeCorporativa .noticia .contenido a, .homeCorporativa .contenedorSuperior .noticia .contenido a {color: #000000;}
.homeCorporativa .contenedorIzquierdo.noticiasHorizontal li.noticia ul li {border-bottom: 1px dotted #000000;}
.homeCorporativa .noticia .titulo a {color: #000000;font-weight: bold;}
.homeCorporativa .noticia .titulo a:hover {color: #000000;}
.homeCorporativa .noticia .contenido a, .homeCorporativa .contenedorSuperior .noticia .contenido a {color: #000000;
}
.homeCorporativa .landingCorporativa .contenedorSuperior .noticia .contenido a:hover {
color: #142a79;}
.homeCorporativa .contenedorSuperior .noticia .contenido a:hover {color: #000000;}
.corporativa .contenedorInferior .noticiasHorizontal { background-color: #ffffff;}
.corporativa .contenedorInferior .noticiasHorizontal ul li {border: 1px solid #fff;}
.corporativa .menuInferior {margin: 0;padding-left: 60px;width: 91%;}
.corporativa .menuInferior {background-color: #ffffff;border-top: medium none;box-shadow: none;}
.homeCorporativa .contenedorInferior .noticia .contenido a {color: #000000;}
.homeCorporativa .contenedorInferior .noticia .contenido a:hover {color: #000000;}

@media all and (min-width: 800px) {
.corporativa .menuInferior {margin: 0;padding-left: 60px;width: 91%;}
}
	
.pagLibres .contenidoMenu.contenidoDesplegable.Mapa.active {border-bottom: 0px solid #c9c9c9;display: inline-block;width: 91%;}		
.corporativa .landingCorporativa .contenidoRegion {background: #ffffff  no-repeat scroll 4px 12px;}		
.homeCorporativa .breadcrumb {background-color: #ffffff;}	
.corporativa .breadcrumb ul li {color: #000;
font-size: 0.8em;}
.corporativa .breadcrumb ul li a {color: #000;}
.corporativa .landingCorporativa .contenedorSuperior .noticiasHorizontal {background-color: #ffffff;}
.corporativa .landingCorporativa .noticia .titulo a { color: #000000;}
.homeCorporativa .textoResultados .enlace a {color: #000000;font-size: 1em;}
.corporativa.landingCorporativa .contenidoRegion {margin-left: 0;text-align: center;width: 102%;}
.pagina_promocional .imagenbtpdf {background: transparent url("/f/loterias/web_corporativa/Responsabilidad_Social/Codigo Conducta Etica/boton_pdf.png") no-repeat scroll 0 0;display: block;height: 123px; width: 312px;}
.pagina_promocional .imagen.btpdf a:hover {background: transparent url("/f/loterias/web_corporativa/Responsabilidad_Social/Codigo Conducta Etica/boton_pdf_hover.png") no-repeat scroll 0 0;height: 123px;text-decoration: none;width: 312px;}
.comercializacion .container {background: transparent repeat scroll 0 0;}
.comercializacion .secciones {background: transparent no-repeat scroll 0 0;text-align: center;}
.comercializacion .secciones2 {background: transparent no-repeat scroll 0 0;text-align: center;}
.comercializacion .container {height: 436px;margin: 15px;width: 737px;}
.tecnologia .texto { background: transparent repeat scroll 0 0;color: #000000;line-height: 18pxtext-align: justify;}
.tecnologia .secciones {background: transparent url("/f/loterias/imagenes/WebCorporativa/WebCorporativa/idesarrollo_tecnologico1.png") repeat scroll 0 0;}
.tecnologia .secciones2 {background: transparent url("/f/loterias/imagenes/WebCorporativa/WebCorporativa/idesarrollo_tecnologico2.png") repeat scroll 0 0;}

.pagina_promocional .imagenbotonazul {background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_AZUL.png") no-repeat scroll 0 0; display: block;height: 50px;width: 458px;}
.pagina_promocional .imagen.botonazul1 a:hover { background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_AZUL_1.png") no-repeat scroll 0 0; height: 50px;text-decoration: none;width: 458px;}
.pagina_promocional .imagenbotonrosa { background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_ROSA.png") no-repeat scroll 0 0; display: block;height: 50px;width: 458px;}
.pagina_promocional .imagen.botonrosa1 a:hover {background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_ROSA_1.png") no-repeat scroll 0 0;height: 50px; text-decoration: none;width: 458px;}
.pagina_promocional .imagenbotonverde { background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_VERDE.png") no-repeat scroll 0 0;display: block;height: 50px;width: 447px;}
.pagina_promocional .imagen.botonverde1 a:hover {background: transparent url("/f/loterias/web_corporativa/Quienes_somos/Cuentas Anuales/BOTON_VERDE_1.png") no-repeat scroll 0 0;height: 50px;text-decoration: none;width: 447px;}
.noticiasHorizontal .noticia .titulo {next-align: center;}

/*HOME COMERCIAL TEXT*/
.itemJugar span{color:#505050;}
.contenidoRegion.promRegistro {background: transparent none repeat scroll 0 0;text-align: center;}
.enlaceRegistro { border-radius: 0px !important;display: inline-block; vertical-align: middle; width: 280px;padding:16px}
.enlaceRegistro a {border-radius: 0px !important;color: #fff;display: block; font-size: 21px;letter-spacing: 1px;padding: 9px 31px; text-align: center; transition: all 0.3s ease-in-out 0.1s;}
.enlaceRegistro a { background: #45a14c none repeat-x scroll 0 center; border-radius: 0px !important;}
.enlaceRegistro a:hover {background: #4fb656 none repeat-x scroll 0 center;color: #fff; display: block; font-size: 21px;letter-spacing: 1px; padding: 9px 31px; text-align: center;transition: all 0.3s ease-in-out 0.1s;border-radius: 0px !important;color: #fff;}
.imagenRegistro a { display: inline-block; padding: 0;}
.imagenRegistro a:hover {color: #f1d699; display: inline-block; font-weight: bold;padding: 0;}
.imagenRegistro { display: inline-block; vertical-align: middle;width: 50%;text-align:left;}
.enlaceRegistro span { background: transparent  no-repeat scroll 123px 9px;color: #fff;}

@media (max-width: 959px) {
.imagenRegistro { width: 100% !important;text-align:center; background-color:#fc6848;}
.imagenRegistro img {width: 100% !important; text-align:center;}
.enlaceRegistro { border-radius: 0px !important; display: inline-block;vertical-align: middle;width: 100%;padding:0px !important;}
}



/*PAGINA DE TRATAMIENTO DE DATOS PERSONALES*/
.pagina_promocional .contenedorInferior.fondotratamientodatos {
    background: url("/f/loterias/web_corporativa/formularios/DatosPersonales/fondo_datos.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 655px;
}
.pagina_promocional .imagenbotonazulb {
    background: transparent url("/f/loterias/web_corporativa/formularios/DatosPersonales/boton_azulb.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 458px;
}
.pagina_promocional .imagen.botonazulb1 a:hover {
    background: transparent url("/f/loterias/web_corporativa/formularios/DatosPersonales/boton_azulb_1.png") no-repeat scroll 0 0;
    height: 50px;
    text-decoration: none;
    width: 458px;
}
.pagina_promocional .imagenbotonazulc {
    background: transparent url("/f/loterias/web_corporativa/formularios/DatosPersonales/boton_azulc.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 458px;
}
.pagina_promocional .imagen.botonazulc1 a:hover {
    background: transparent url("/f/loterias/web_corporativa/formularios/DatosPersonales/boton_azulc_1.png") no-repeat scroll 0 0;
    height: 50px;
    text-decoration: none;
    width: 458px;
}
#password h12 {color: rgb(255, 255, 255);
    font-family:  "PublicSans-Regular", sans-serif;
    font-size: 1.3em;
    font-weight: lighter;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    margin-right: 20px;}	
#password h1{font-size:2em;vertical-align: middle;margin:auto;line-height: 1.2em;  color:white; text-align: left;} 
	h6 {color: rgb(128, 128, 128);
    font-size: 14px;
    text-align: right;} 
.app .dni {width:89%;}	
.app .dni h6 {text-align: right;width:100%;}
h14 {font-weight: lighter; line-height: 1.3em; color: grey; font-family: "PublicSans-Regular", sans-serif; width: 100%; text-align: center; font-size: 14px;}

@media (max-width:750px){
	.app .dni {width:100%;}
    .app .dni h6 {text-align: center;}
	h14 {font-size:12px;text-align:justify;}
    #password h12 {display:none;}
.app .dni {width:100%;}
#password h1 {font-size:1em;vertical-align: middle;margin:auto;line-height: 1.2em; font-size:1.3em; color:white; text-align: center;}
#password.content {width:100%;}
}
	
@media (min-width:751px) and (max-width:850px){.app .dni {width:100%;}
}

#mainpventa {float: LEFT; margin-left:3%; width: 47%;}
#mainpventa a:hover img {opacity: 0.7;}
#mainpventa { overflow: hidden;}
#rightpventa {float: left; margin-left: 3%; width: 44%;}
#rightpventa a:hover { text-shadow: 4px 4px 8px #98b7d9; color:#007ac0;font-weight:500; }
#rightpventa a:hover span{color:#007ac0;}

@media only screen and (max-width: 800px) {
#mainpventa {width: 100%;}
#rightpventa {padding-bottom: 6%;padding-top: 4%;width:100%;}
}

@media only screen and (max-width: 500px) {
#mainpventa, #rightpventa {
width: 100%;}
}

figure.snip1033 {background: none repeat scroll 0 0 #ffffff;color: #fff;float: left;font-family: "PublicSans-Regular", sans-serif;margin: 0;overflow: hidden;position: relative;width: 100%;}
figure.snip1033 img { opacity: 1;position: relative;transition: opacity 0.35s ease 0s;width: 100%;}
figure.snip1033 .center {background-color: #ffffff;border-radius: 5px;box-shadow: 0 0 10px #0e0e0e;content: "";display: block;height: 66px; left: 50%;opacity: 0;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%) rotate(0deg);transition: all 0.4s ease 0s; width: 66px;}

figure.snip1033 .center a:hover { opacity:1;}
figure.snip1033 .center i {color: #ffffff;font-size: 38px;line-height: 70px;opacity:1; padding: 6px;}
figure.snip1033 figcaption { height: 100%;left: 0; position: absolute; text-align: left; top: 0; width: 100%;}
figure.snip1033 figcaption > div { float: left;height: 100%; overflow: hidden; position: relative;width: 50%;}
figure.snip1033 figcaption a { opacity: 0.7;}
figure.snip1033 figcaption a:hover {opacity: 1;}
figure.snip1033 figcaption h3 { background-color: #007ac0; font-size: 1em; font-weight: 800; opacity: 0;  position: absolute;text-transform: uppercase; transition: opacity 0.45s ease 0s, -webkit-transform 0.45s ease 0s, -moz-transform 0.45s ease 0s, -o-transform 0.45s ease 0s, transform 0.45s ease 0s; word-spacing: -0.1em;}
figure.snip1033 figcaption .left h3 { border-radius: 5px 0 0 5px; color: white; padding: 4px 50px 4px 10px; right: 0;top: 50%;transform: translate(100%, 0px);}
figure.snip1033 figcaption .right h3 { border-radius: 0 5px 5px 0;bottom: 50%;padding: 4px 9px 4px 50px;transform: translate(-100%, 0px);}
figure.snip1033 a { bottom: 0;left: 0; position: absolute;right: 0;top: 0}
figure.snip1033 .yellow {background-color: #007ac0;}
figure.snip1033 .white { background-color: #ffffff;color: #007ac0;}
figure.snip1033:hover img, figure.snip1033 .hover img {opacity: 0.8;
}
figure.snip1033:hover figcaption .left h3, figure.snip1033.hover figcaption .left h3 {opacity: 1;transform: translate(0%, 0px);}
figure.snip1033:hover figcaption .right h3, figure.snip1033.hover figcaption .right h3 {opacity: 1;transform: translate(0%, 0px);}
figure.snip1033:hover .center, figure.snip1033.hover .center {opacity: 1;transform: translate(-50%, -50%) rotate(45deg);}
figure.snip1033:hover .center i, figure.snip1033.hover .center i {transform: translate(0%, -10px);}

/*PAGINA DE AYUDA PRINCIPAL*/


.Rtable {display: flex;flex-wrap: wrap;margin: 0 0 3em 0;padding: 0;}
.Rtable-cell {box-sizing: border-box;flex-grow: 1;width: 100%;padding: 0.8em 0.2em;overflow: hidden;list-style: none;}
.Rtable-cell > h2 {margin: 0;}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}

@media all and (max-width: 500px) {
	.Rtable--collapse {display: block;}
	.Rtable--collapse > .Rtable-cell {width: 100% !important;text-align: center !important;}
	.Rtable--collapse > .Rtable-cell--foot {margin-bottom: 1em;}
	.Rtable-cell img {text-align: center;}
	.Rtable-cell ul li {text-align: left;}
	.no-flexbox .Rtable { display: block;}
	.no-flexbox .Rtable > .Rtable-cell {width: 100%;}
	.no-flexbox .Rtable > .Rtable-cell--foot {margin-bottom: 1em;}
    .accordion {width: 100%;}
}

/*FIN PAGINA DE AYUDA PRINCIPAL*/
		
.pagina_promocional .contenedorInferior.fondoeconomicofinanciero2 {background: transparent url("https://www.loteriasyapuestas.es/f/loterias/imagenes/Web Corporativa/imagenes_corporativas/fondo_sedes2.jpg") no-repeat scroll 0 0;float: left;height: 1100px;width: 845px;}



/*RESALTADO DE NUMEROS A COMPROBAR DE PRIMITIVA*/
.c-comp-lapr__fila-botones-combinacion, .c-comp-lapr__fila-botones-reintegro {
cursor: default; 
}
.c-lapr-botonera-combinaciones__boton:hover, .c-lapr-botonera-reintegro__boton:hover {
background-color: #e0ffe0; 
} .c-lapr-botonera-reintegro__boton--activo:hover { 
background-color: #008547; 
}

/*RESALTADO DE NUMEROS A COMPROBAR DE EUROMILLONES*/
.c-comp-emil__fila-botones-combinacion, .c-comp-emil__fila-botones-reintegro {
cursor: default; 
}
.c-emil-botonera-combinaciones__boton:hover, .c-emil-botonera-reintegro__boton:hover {
background-color: #dce3f7; 
} 


/*RESALTADO DE NUMEROS A COMPROBAR DE BONOLOTO*/
.c-comp-bonoloto__fila-botones-combinacion, .c-comp-bonoloto__fila-botones-reintegro {
cursor: default; 
}
.c-bonoloto-botonera-combinaciones__boton:hover, .c-bonoloto-botonera-reintegro__boton:hover {
background-color: #f2fc97; 
} 
.c-bonoloto-botonera-combinaciones__boton--activo:hover, .c-bonoloto-botonera-reintegro__boton--activo:hover { 
background-color: #7a8633; 
}

/*RESALTADO DE NUMEROS A COMPROBAR DE GORDO PRIMITIVA*/
.c-comp-elgr__fila-botones-combinacion, .c-comp-elgr__fila-botones-reintegro {
cursor: default; 
}
.c-elgr-botonera-combinaciones__boton:hover, .c-elgr-botonera-reintegro__boton:hover {
background-color: #fcb4bb; 
} 
.c-elgr-botonera-combinaciones__boton--activo:hover, .c-elgr-botonera-reintegro__boton--activo:hover { 
background-color: #dd3e47; 
}

/*RESALTADO DE NUMEROS A COMPROBAR DE QUINIELA*/

.c-comp-quiniela__columna-boton-1x2:hover{
background-color: #fcb4b8; 
} 


/*RESALTADO DE NUMEROS A COMPROBAR DE EURODREAMS*/
.c-comp-edms__fila-botones-combinacion, .c-comp-edms__fila-botones-reintegro {
cursor: default; 
}
.c-edms-botonera-combinaciones__boton:hover, .c-edms-botonera-reintegro__boton:hover {
background-color: #d7b9fc; 
} 
.c-edms-botonera-combinaciones__boton--activo:hover, .c-edms-botonera-reintegro__boton--activo:hover { 
background-color: #694092; 
}


/*RESALTADO DE NUMEROS A COMPROBAR DE LOTOTURF*/
.c-comp-lototurf__fila-botones-combinacion, .c-comp-lototurf__fila-botones-reintegro {
cursor: default; 
}
.c-lototurf-botonera-combinaciones__boton:hover, .c-lototurf-botonera-reintegro__boton:hover {
background-color: #fccaae; 
} 
.c-lototurf-botonera-combinaciones__boton--activo:hover, .c-lototurf-botonera-reintegro__boton--activo:hover { 
background-color: #d16929; 
}

/*RESALTADO DE NUMEROS A COMPROBAR DE QUINTUPLE*/
.c-comp-quintuple__inputs, .c-comp-quintuple__inputs-input {
cursor: default; 
}
.c-comp-quintuple__inputs-input:hover  {
background-color: #f9e2b2; 
} 

/*RESALTADO DE NUMEROS A COMPROBAR DE QUINIGOL*/

.c-comp-quinigol__columna-boton-012M:hover {
	background-color:#c3f1fc;
} 



/*QUITAR EL SCROLL DE FIREFOX*/
.iframe {position: initial !important;
}



/*WEB CORPORATIVA-MAYO 2024*/


.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flexbox-container > div {
	width: 65%;
	padding: 10px;
  background: #fff;
}


.accordion {
  margin-bottom: 24px;
}

.accordion-container {
  width: 30%;
  max-width: 31%;
  margin: 23px auto;
  overflow: hidden !Important;
}

@media  screen and (max-width: 400px) {  
   
    .organigrama {width:100%;}
.accordion-container {width:100%;}
.flexbox-container > div {
	width:100%;
	  }
}
.curriculum {
text-align:left;padding: 11px;
text-decoration: none;
font-family: "PublicSans-Regular", sans-serif;;
color: #6b6b6b;
}
.curriculum:hover {background-color:#f0f8fc;color:#007ac0;}
.curriculum a:hover  {color:#007ac0; font-weight: 500; text-decoration: none;}
.curriculum a  {color:#007ac0; text-decoration:none; }

.accordion-item {
  width: 100%;
	
  border: 0.5px solid #007ac0;
}


.accordion-trigger {
  /*width: 100%;*/
  display: block;
  background-color: #007ac0;
  color: #ffffff;
  padding: 15px;
  font-size: 15px;
  font-weight: 500;
  font-family: "PublicSans-Regular", sans-serif;;
  text-align: left;
  border: none;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  cursor: pointer;
}

.accordion-icon {
  transition: transform 0.5s;
}

.accordion-item[open] .accordion-icon {
  transform: rotate(45deg);
}

.accordion-item:not(:first-of-type) .accordion-trigger {
  border-top: 3px solid #eaeaea;
}

.accordion-content p {
	margin: 24px;
  /*! border-top: 1px solid rgba(146,146,147,0.8); */
  /*! border-bottom: 1px solid rgba(146,146,147,0.8); */	color: grey;
	font-weight: 400;
	line-height: 17px;
}
	
.accordion-content ul  {
		background-border:1px solid #007ac0;
		background-color: red;
}


.etiqueta {width:45%;}
@media screen and (max-width:500px){.etiqueta{width:95%;padding-top:4%;}}


.etiqueta2 {width:33%;}
@media screen and (max-width:500px){.etiqueta2{width:95%;padding-top:4%;}}

.etiqueta3 {width:50%;}
@media screen and (max-width:500px){.etiqueta3{width:95%;padding-top:4%;}}




/*WEB CORPORATIVA-CERTIFICADOS*/



.page__wrapper {
	height: 100%;
	display: flex;
	justify-content: top;
	align-items: center;
	font-family: PublicSans, Helvetica, sans-serif;
	flex-direction: column;
}

.accordion {
	max-width: 80%;
	width: calc(100% - 20px);
	margin-top: -40px;
}
details {
	background-color: #ffffff;
	margin-bottom: 10px;
	filter: drop-shadow(1px 1px 2px grey);
	border-radius: 6px;
}
details:hover {
  filter: drop-shadow(2px 2px 5px grey);}
  
.banner-cert {
        
            height: 300px;
            background-image: url(/f/loterias/paginas-informativas/IMAGENES/fondo-cetificados.jpg); 
           min-height: 252px;
           box-shadow: 0px 18px 34px -12px rgba(0,0,0,0.75);
           align-items: center;
           display: flex;
            justify-content: center;
           width: 100%;
           background-size: cover;
            text-align: center;
            color: white;
            font-size: 2rem;
            font-family: PublicSans, Arial, sans-serif;text-shadow: 2px 4px 8px rgba(0,0,0,0.6);
        }

        /* Adaptabilidad en pantallas pequeñas */
        @media (max-width: 600px) {
            .banner-cert {
                height: 200px;
                font-size: 1.5rem;
            }
        }

@media(max-width:500px){
  
    .banner-cert {font-size: 1.5em;display: flex;min-height: 150px;justify-content: center;}}
  
  
details > summary {
	color: #007ac0;
	padding: 18px 29px;
	font-size: 1.2em;
	cursor: pointer;
	/*! background-color: red; */
	border-bottom: 0.8px #007ac0 solid;
	box-shadow: 0px 10px 21px -12px rgba(0,0,0,0.5);
}
details > summary:hover {
	color: #ffffff;
	padding: 18px 29px;
	font-size: 1.2em;
	cursor: pointer;
	background-color: #007ac0;
}



@media(max-width:500px){

 details > summary {
    padding: 18px 20px;text-align: left; 
}
  

    details > summary:hover {
	color: #ffffff;
	padding: 18px 29px;
	font-size: 01em;
	cursor: pointer;
	background-color: #007ac0;
    }
}
details > summary {
	 background-image: url(/f/loterias/paginas-informativas/IMAGENES/Link.svg);background-repeat: no-repeat;
	background-size: 24px; 
	background-position-x: 98%;
  background-position-y: center;}
	
details > summary:actived {background-color:red;}
	

details > summary:hover {
	 background-image: url(/f/loterias/paginas-informativas/IMAGENES/Link-bl.svg);
}




details > p {
	padding: 16px 52px 5px 52px;
	color: grey;
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
}
@media(max-width:500px){
  details > p {
  padding: 16px 20px 5px 20px;}}


.button-certificado{
  display: inline-block;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #007ac0;
  padding: 0.7em 1.7em;
  cursor: pointer;
  font-size: 12px;
  border-radius: 1em;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
  margin-bottom: 20px;
}

.button-certificado a {color:#007ac0; text-decoration: none;}
.button-certificado a:hover {color:#ffffff; text-decoration: none;}
.button-certificado a:active{color:#ffffff; text-decoration: none;}

.button-certificado a:before {color:#ffffff; text-decoration: none;}
.button-certificado a:after {color:#ffffff; text-decoration: none;}


.button-certificado:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  /*transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);*/
  z-index: -1;
}

.button-certificado:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #007ac0;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-certificado:hover {
  color: #ffffff;
  border: 1px solid #007ac0;
}


.button-certificado:hover:before {
  top: -35%;
  background-color: #007ac0;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  color: white;
}

.button-certificado:hover:after {
  top: -45%;
  background-color: #007ac0;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  color: white;
}