a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


#main{
    width:340px; height:565px; margin:auto; background-color:#fffaef; position:relative;
}

#escena{
    width:340px; height:515px; background-repeat:no-repeat; background-size:340px;
}

.escena-1{
    background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/fondo-1.gif);
}

.escena-2{
    background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/fondo-2.jpg);
}

#fondo-2b{
    width: 340px; opacity:0; 
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.escena-3{
    background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/fondo-3.gif);
}

#footer{
    width:160px; height:45px;; cursor:pointer;
}

.mas{
    width:53px; height:53px; background-repeat: no-repeat; background-size:53px; margin:auto;
}

.mas-rojo{
    background-image: url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/boton-creditos.png); float:left;
}

.mas-blanco{
    background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/boton-mas.png);
}

.creditos{
    font-size:16px; color: #b08079; text-shadow: 2px 2px 3px #ADADAD; font-family: 'Lora', serif; float:left; margin-top:17px;
}

#menu{
    width:340px; height:40px; position:absolute; z-index:1000;
}

#menu li{
    width:110px; float:left; text-align:center; text-transform: uppercase; font-family: 'Lora', serif; color:#fffaef; height:40px; box-sizing: border-box; padding-top:10px; font-size:16px; cursor:pointer;
}

#menu li:nth-child(2){
    margin:0px 5px;
}

.menu-rojo{
    background-color:rgba(136,64,53,.5);
}

.menu-negro{
    background-color:rgba(0,0,0,.5);
}

.caja-mas{
    width:85px; cursor:pointer; position:absolute;
}

.texto-mas{
    font-family: 'Lora', serif; font-size:15px; font-weight: bold; color:#fff; text-align:center; text-shadow: 2px 2px 3px #262626; padding-bottom:5px
}

#caja-mas-1{left:78px; top:439px;}
#caja-mas-2{left:73px; top:231px;}
#caja-mas-3{left:163px; top:404px;}
#caja-mas-4{left:254px; top:374px;}
#caja-mas-5{left:183px; top:301px;}
#caja-mas-6{left:25px; top:246px;}
#caja-mas-7{left:101px; top:409px;}
#caja-mas-8{left:216px; top:320px;}
#caja-mas-9{left:34px; top:397px;}
#caja-mas-10{left:177px; top:410px;}
#caja-mas-11{left:50px; top:150px;}
#caja-mas-12{left:145px; top:122px;}

#camuflaje{position: absolute; left:125px; top:246px; height:60px; width:60px; background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/boton-dazzle.png); background-repeat:no-repeat; cursor:pointer; background-size:cover;}

/*#libreta{
    width:340px; height:565px; position:absolute; top:0; left:0; background-color:rgba(255,255,255,.6); background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/libreta.png); background-position:-3px 40px; background-repeat:no-repeat; display:none; z-index:10000;
}*/

#fondo-libreta{
    width:340px; height:565px; position:absolute; top:0; left:0; background-color:rgba(255,255,255,.6); display:none; z-index:10000;
}

#libreta{
    width:340px; height:475px; position:absolute; top:40px; left:0px; z-index:100000; display:none; background-image:url(https://e00-elmundo.uecdn.es/elmundo/2018/graficos/nov/s2/igm/grafico-movil/img/libreta.png); background-repeat:no-repeat; background-position:-3px 0px;
}

#titulo-apartado{
    width:250px; position:absolute; left:25px; top:25px;
}

#titulo-apartado img{
    width:100%;
}

#boton-cerrar{
    width:50px; position:absolute; right:10px; top:20px; cursor:pointer;
}

#caja-info{
    width:300px; height:380px; position:absolute; left:20px; top:75px; background-color:rgba(255,255,255,.3);overflow:auto;
}

#info{
    width:280px; height:auto;
}

.text-box-shadow{
      box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1);
}