@font-face{font-family:'MarcinAntB';font-style:normal;font-weight:100;font-display:swap;src:url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-light-webfont.woff2") format("woff2"),url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-light-webfont.woff") format("woff")}
@font-face{font-family:'MarcinAntB';font-style:normal;font-weight:400;font-display:swap;src:url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-regular-webfont.woff2") format("woff2"),url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-regular-webfont.woff") format("woff")}
@font-face{font-family:'MarcinAntB';font-style:normal;font-weight:500;font-display:swap;src:url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-medium-webfont.woff2") format("woff2"),url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-medium-webfont.woff") format("woff")}
@font-face{font-family:'MarcinAntB';font-style:normal;font-weight:700;font-display:swap;src:url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-700-webfont.woff2") format("woff2"),url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-700-webfont.woff") format("woff")}
@font-face{font-family:'MarcinAntB';font-style:normal;font-weight:900;font-display:swap;src:url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-heavy-webfont.woff2") format("woff2"),url("https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-heavy-webfont.woff") format("woff")}

#wid-loto ul { list-style-type:none;}

/* include en portada */
.envoltorio_destacadas_3_col { padding-bottom:10px; background:#fff;}
.envoltorio_destacadas_3_col #wid-loto{ margin-left:10px; margin-right:10px;}
.envoltorio_destacadas_2_col #wid-loto{ margin-bottom:15px;}

/* Columnas */
#wid-loto .izq { float: left; display:inline; }
#wid-loto .drcha { float: right; display:inline; }
#wid-loto .reemplazo{ display:block; overflow:hidden; text-indent:-9999px;}

#wid-loto form .btn {display: block;
padding: 5px 9px;
color: #fff;text-align: center;text-transform: uppercase;
background: #016ca2;font: 11px/22px 'MarcinAntB', Sans-Serif;
border: 0;font-weight: 700;border-radius: 2px;
/*height: 32px;*/
box-sizing: border-box;letter-spacing: 0.28px;}

#wid-loto .btn.no-activo{color: #BCBCBC; cursor: default; pointer-events: none;}
#wid-loto .btn.no-activo:hover{opacity: 1;}

#wid-loto .btn:hover { text-decoration:none; opacity: 0.80; filter: alpha(opacity=80);}
#wid-loto { position:relative; background:#fff; font-family: 'MarcinAntB', Sans-Serif;padding: 9px;}
.buscar-numero {padding: 0;}

#w-form a.link_escucha-directo{
    background: #444444;
    color: #fff;
    font: 10px 'MarcinAntB', Sans-Serif;
    padding: 5px 10px 4px 10px;
    text-transform: uppercase;
    display: block;
    margin: 10px auto 0px auto;
    text-align: center;
    text-shadow: 1px 1px #000;
    border-radius: 3px;
}
#w-form a.link_escucha-directo span.logo-ser{
    background: url("/iconos/v1.x/v1.0/loteria_navidad/logo_ser.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin-left: 5px;
    text-indent: -9999px;
    width: 44px;
    border: none;
    padding: 0 0 5px 0;
    margin-top: 5px; 
    }
    #w-form a.link_escucha-directo:hover{ text-decoration:none; opacity: 0.80; filter: alpha(opacity=80);}

/* Header */
#wid-loto h1 { position:relative; padding:8px; margin:0; font:16px/21px 'MarcinAntB', Sans-Serif; text-transform:uppercase; font-weight: 700;border-bottom: #222 solid 1px;}
#wid-loto h1 a { display:inline-block; color:#06192E; float: left;  padding-left: 10px;
background: url(/iconos/v1.x/v1.0/loteria_navidad/2022.svg) 8px 0/auto 18px no-repeat;
overflow: hidden;text-indent: -9999px; width: 190px;
}
#wid-loto h1 a:hover { text-decoration:none; opacity: 0.80; filter: alpha(opacity=80);}
#wid-loto h1 a.elpais{display:block;  width:18px; height: 19px; 
    background:url(/iconos/v1.x/v1.0/loteria_navidad/elpais_06192e.svg) no-repeat left center; float: left; 
    display: inline-block; 
    /*border-right: 0.063rem solid rgba(255,255,176,0.2); */
    border-right: 0.063rem solid #06192E;
    padding: 0 6px 0 0; background-size: 14px auto;}
#wid-header .btn { display:none; float:right; margin:9px 10px 0 0; padding-left:8px; padding-right:8px; padding-bottom: 0;}
#wid-header {position: relative;}
#wid-header:after {
    content: "";
    width: 235px;
    height: 4px;
    display: block;
    background: #222;
    position: absolute;
    bottom: 0;
}
#wid-body {background: #fff; padding: 0 9px;border-top-left-radius: 4px;border-top-right-radius: 4px;}

/* N�meros premiados */
.premios { position:relative; margin:0 0 8px; padding-bottom: 8px;  background:#fff; border-bottom: #ebebeb solid 1px;}
*:first-child+html .premios { height:1%;} 



.premios h2 { position:relative; padding:3px 0; margin:0 auto; width:100%; font: 11px/20px 'MarcinAntB', Sans-Serif; color:#016ca2; text-align:center; text-transform:uppercase;font-weight: 800; letter-spacing: .28px;}
.premios p { padding:0 0 5px; text-align:center; font:700 14px/14px 'MarcinAntB', Sans-Serif; color:#222;}
.premios li { float:left; padding:0 0 5px; font:700 14px/14px 'MarcinAntB', Sans-Serif; text-align:center;}

.premio1 p { font:700 30px/30px 'MarcinAntB', Sans-Serif; letter-spacing: .8px;}
.premio2 { float:left; width:49%;position: relative;}
.premio2::before { content: ''; display: block; position: absolute; top: 8px;right: -2%; width: 1px; height: 39px; background: #ebebeb;} 
.premio2 p { font:700 26px/26px 'MarcinAntB', Sans-Serif; letter-spacing: .7px;}
.premio3 { float:right; width:49%;}
.premio3 p { font:700 26px/26px 'MarcinAntB', Sans-Serif; letter-spacing: .65px;}
.premio4 { clear:both;}

.premio4 li { width:49%; font:700 24px/24px 'MarcinAntB', Sans-Serif; letter-spacing: .45px;}
.premio5 { margin-bottom:15px;}

.premio5 li { width:24%; font-size:700 18px/18px 'MarcinAntB', Sans-Serif; letter-spacing: .45px;}
.premios a{color: #001d35; }
.premios a:hover{text-decoration: none;}

/* Formulario de b�squeda */
#w-numeros { padding:8px 0 0;}
#w-form { border-bottom: 1px solid #ebebeb;}
#w-form  .int-form {position: relative;}
#w-form form { padding:0; display: flex;}
#w-form h2 { position: relative; margin:0 0 8px; padding: 8px 0; font: 11px/13px 'MarcinAntB', Sans-Serif; letter-spacing: .28px; color:#222; text-transform:uppercase; font-weight: 700;}
#w-form h2 a{color: inherit;}
#w-form form p { display:inline; padding-right:10px; vertical-align:middle; }
#w-form label { display:none;}
#w-form input { padding: 0 4px; height: 32px; max-width: 96px;box-sizing: border-box; font:11px/13px 'MarcinAntB', Sans-Serif; color:#016ca2; border:1px solid #016ca2; background: rgba(1, 108, 162, 0.15); border-radius: 3px; text-transform: uppercase;}

#w-form input[type=number]::-webkit-inner-spin-button,
#w-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}



#w-form button.btn {  cursor: pointer; flex: auto;}
#w-form .c-numero input { }
#w-form .c-importe input { padding-right: 8px;}
#w-form form strong { margin: 0 10px 0 -20px; font:11px/32px 'MarcinAntB', Sans-Serif; color:#016ca2; vertical-align:middle;}
#w-form .aviso { margin:0 0 8px; font:10px/12px Tahoma,Arial, Helvetica, sans-serif; color:#666; text-align:center; background:none; border:0; }
#w-form .aviso strong { color:#18ACDC; font-weight:normal; }
#w-form .botones { padding:14px 0 0; margin:16px 0 13px; border-top:1px solid #ebebeb; }
#w-form .botones .btn{text-transform: uppercase;font-size: 11px;line-height: 13px;color: #222;font-weight: 700;}
#w-form li { float:right; width:49%;text-align: right;}
#w-form li.first { float:left;text-align: left;}
#w-form li span { display:block; padding:6px 3px; background:#f7f6f3; color:#37403F;  border:1px solid #DFDBD5; text-align:center; }
.transparente {filter: alpha(opacity=40); opacity: .4;}

/* Resultado buscador */
#wid-loto .resultado {}
#wid-loto .resultado .txt_resultado { margin-top:-5px;  font:700 11px/14px 'MarcinAntB', Sans-Serif; color:#f55e3e; }
#wid-loto .txt_resultado  div{min-height: 19px; float:right; width:77%;  border-left: 1px solid #D6D6D6; }
#wid-loto .resultado .txt_resultado .premio{padding:0 0 0 3%; margin-bottom:0; font:11px/14px 'MarcinAntB', Sans-Serif; color:#626471; text-align: left;}
#wid-loto .resultado .conpremio { color:#626471;}
#wid-loto .txt_resultado .sunumero { width:19%; margin:0; padding:0; font:700 16px/16px 'MarcinAntB', Sans-Serif; color:#636471; float: left; text-align: center; }
#wid-loto .resultado .sinpremio { color:#cc0000;}
#wid-loto .resultado .sinpremio .premio{}
#wid-loto .sinpremio .sunumero {}
#wid-loto .resultado {  text-align: center; padding-top:5px;}
#wid-loto .resultado .btn { 
    width: 55%;
margin: 5px auto;
}
#wid-loto .resultado .btn.centrado{
    text-align: center; margin: 10px auto;
    background: #2470D0;
color: #fff;
text-align: center;
padding: 5px 9px;
font-size: 9px;
line-height: 13px;
}
#wid-loto .resultado .frase {
    background: #fff none repeat scroll 0 0;
    margin: 5px 0 0;
    padding: 6px 10px;
    clear: both;
}
#wid-loto .resultado .frase strong {
    color: #30a0d8;
    font-family: 'MarcinAntB', Sans-Serif;
    font-size: 12px;
    text-align: center;
}
.resultado .frase span.patro-frase {
    background:url("/iconos/v1.x/v1.0/loteria_navidad/sanitas_patrocinio_frase_widget.png") no-repeat scroll center center;
    display: block;
    float: right;
    height: 21px;
    margin-top: 2px;
    text-indent: -9999px;
    width: 20%;
}



/* Patrocinio o partner */
#wid-patrocinio { border-top: #ebebeb solid 1px; padding: 16px 0 0;}
#wid-patrocinio div { padding:16px 0;}
#wid-patrocinio div img { display:block; margin:0 auto; height: 33px;}
#wid-patrocinio p {font:100  10px/12px 'MarcinAntB', Sans-Serif; letter-spacing: .33px; color: #222; text-align: center; text-transform: uppercase;}
#wid-patrocinio .partner {}

/* Footer */
#wid-footer {  padding: 0 9px; background: #fff;border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;}
#wid-footer a:hover { text-decoration:none; opacity: 0.80; filter: alpha(opacity=80);}
#wid-footer a.izq { font: 12px/16px 'MarcinAntB', Sans-Serif; text-transform:uppercase; color:#222; font-weight: 700;}
#wid-footer a.izq span { display:block; padding:14px 10px 10px 0;}
#wid-footer a.drcha { width:84px; background:url(/iconos/v1.x/v1.4/logos/cabecera_interior.svg) no-repeat right -5px center; background-size: 100%; margin: 9px 0 0 0;}


/* AUDIO SER */
#wid-loto .audio-ser {color: #2470d0; line-height: 30px; height: 26px; font:11px/32px "MarcinAntB", sans-serif; text-decoration: none; font-weight: 600; padding: 0 0 10px;margin: 10px 0 14px 10px; display: block; clear: both;}
#wid-loto .audio-ser:hover {opacity: 0.8;}
#wid-loto .audio-ser span {text-indent: -9999px; width: 39px; height: 21px; position: relative; top: 3px; left: -3px; display: inline-block; background-image: url(/estaticos/2019/12/loteria-navidad/img/logo-ser.svg); background-size: 39px 21px;}


/* IE7 */
*:first-child+html #w-form .buscar-numero { border:0; padding:0;}
*:first-child+html #w-form form { width:285px;}
*:first-child+html #w-form h2 { margin-top:0;}
*:first-child+html #w-form button { padding:0;}
*:first-child+html #w-form h2 span { background:none;}
*:first-child+html .premio5 { margin-bottom:12px;}


/* WEB APP */
#servicios #wid-header { display:none;}
#servicios #wid-loto, .loteria-navidad  #wid-loto { border:0; padding:0;  -webkit-box-shadow: none; box-shadow: none; }
#servicios .pie { margin:0;}
#servicios #w-form a.link_escucha-directo, .loteria-navidad #w-form a.link_escucha-directo{ position: static; float: right; right: auto; top: auto;}

.header-servicios{ position: relative !important;}
a.ver-noticias{font: 13px 'MarcinAntB', Sans-Serif; padding-right: 10px; color: rgb(255, 255, 255); right: 0px; position: absolute; top: 0.5em;}


#wid-patrocinio img.pixel_loteria{ float: none;
    height: auto;
    margin: 0 auto;
    width: auto;}

.lateral  #wid-loto{ margin: 20px 0; }
/*
@media(max-width: 999px){
    #preview { float: none; margin: 0 auto; max-width: 350px!important; width: 100%!important;}
    #todosloscasos { float: none; max-width: 530px; width: 100%; margin: 0 auto; clear:both;}
    .dispositivos li {width:23%; margin: 0 2% 13px 0; padding: 0}
    .dispositivos li img { display: inline-block;  width: auto; max-width: 100%}
}

@media(max-width:599px){
    .dispositivostxt li {width:100%; text-align: center; background: none;}
    .dispositivos li img { margin: 0 auto;}
}*/