*{margin:0;padding:0;border:0;}
html {font-size: 125%;}
body {font-size:.5em;background-color:#fff;margin:15px 0;}
a {color:#000;font-weight:bold;}
a:active, a:focus, a:hover {text-decoration:none;}
a:visited{color:#000;background:#fff;}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

#contenedor{margin:0 auto;max-width:1008px;padding:0 2em;background-color:#EAD6BC;box-sizing:border-box;}

#cabecera {display:block; overflow:hidden;padding:25px 10px 0;}
#cabecera a.logoOnce{float:right;height:5.6em;padding:0.5em;}
#cabecera a.logoJuegosOnce{float:left;height:3em;margin:1em 0;padding:0.5em;}
#cabecera a img{height:100%;display:block;}
#cabecera a, #cabecera a:visited{display:inline-block;border:2px solid transparent;}
#cabecera a:hover, #cabecera a:focus, #cabecera a:active{border:2px solid #554085;}

.centrado {margin: 0 auto;text-align:center;}
.centrado h1 {display:block;width:28.5em;margin:15px auto;max-width:100%;}
.centrado h1 > img {width:100%;display:block;}
.centrado img.textopremios{margin:15px 20px 45px;display:inline-block;width:68em;max-width:100%;}
.centrado img.pendiente{margin:32px auto;display:block;width:40em;max-width:100%;}
.centrado img.cupon {display:block;width:30em;margin:0 auto;max-width:100%;}
.centrado img.textonumeropremiado {margin:3em auto 0;width:48em;display:block;max-width:100%;}

.cuponpremiado {position:relative;display:block;margin:23px auto 0;width:35em;max-width:100%;}
.cuponpremiado img.imagencupon {
    display:block;
    width:100%;
    -webkit-box-shadow: 10px 10px 10px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 10px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 10px -3px rgba(0,0,0,0.75);
}
.numero{font-family: 'Lato', 'sans-serif';font-size:3.9em;color:#000;background-color:white;font-weight:bold;display:block;position:absolute;top:0.5em;left:5em;letter-spacing:0.02em;line-height:0.8em;}
.serie{font-family: 'Lato', 'sans-serif';font-size:1.8em;color:#000;background-color:white;font-weight:bold;display:block;position:absolute;top:1.7em;left:8.2em;}

.textoenhorabuena {display:block;margin:3em auto 0;width:48em;max-width:100%;padding-bottom:4em;}

@media (max-width: 990px){
    #cuerpo {padding:2em 0;}
    .centrado img.textopremios {display:block;margin:20px auto;}
    .centrado img.cupon {display:block;margin:20px auto;}
}

@media (max-width: 480px){
    body {background-color:#EAD6BC;margin:0;}
    #contenedor {padding:0 1em;width:auto;}
    #cuerpo {padding:2em;}

    #cabecera {text-align:center;}
    #cabecera a.logoJuegosOnce,
    #cabecera a.logoOnce {float:none;margin:0.5em 0;}
    #cabecera a.logoOnce {width:19em;}

    .centrado img.textopremios {width:30em;}
    .centrado img.textonumeropremiado {width:25em;}
    .centrado img.cupon {width:25em;}
    .centrado img.pendiente {width:20em;}
    .textoenhorabuena {width:36.5em;}

    .cuponpremiado {width:80vw;max-width:none;}
    .numero {font-size:9vw;left:45vw;top:4.43vw;}
    .serie {font-size:3.6vw;top:7.23vw;left:34.4vw;}
}

@media (max-width: 320px){
    #cabecera {padding:2em 1em 0 1em;}
    #cabecera a img {width:100%;display:block;}
    #cabecera a.logoOnce {height:auto;max-width:100%;width:14em;margin:0;}
    #cabecera a.logoJuegosOnce {height:auto;max-width:100%;width:18em;margin:0;}
    #cuerpo {padding:1em;}
    .centrado img.cupon {width:20em;}
}