*
{margin:0; padding:0; border:none;}

body
{ height:100%; overflow:auto !important; background:#000; }

@font-face {
    font-family: 'NotethisRegular';
    src: url('font/Note_this-webfont.eot');
    src: url('font/Note_this-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Note_this-webfont.woff') format('woff'),
         url('font/Note_this-webfont.ttf') format('truetype'),
         url('font/Note_this-webfont.svg#NotethisRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p
{ margin-bottom:20px; font-family:'NotethisRegular', Arial, sans-serif; font-size:16px; letter-spacing:1px; }

.web img
{ position:absolute; top:10px; right:10px; }

#supersized li.slide-0 a
{ display:none; }

#supersized li.slide-5 a
{ display:inline; width:auto; height:auto; color:#fff; }

#supersized li.slide-5 a:hover
{ text-decoration:none; }

#musica
{ width:200px; margin-top:20px; margin-left:20px; }

.light-bg
{ width:100%; height:100%; background:url("bg-carton.jpg"); position:absolute; }

.creditos, .videos, .dark-bg
{ width:100%; height:100%; background:url("bg-black.jpg"); position:absolute; }

#dbj
{ width:100%; height:100%; background:url("dibujo.jpg") 50% 50% no-repeat; }

#aaa
{ width:100%; height:100%; background:url("a.jpg") 50% 50% no-repeat; }

#lt-a
{ width:100%; height:100%; background:url("lt-a.jpg") 50% 50% no-repeat; }

#lt-b
{ width:100%; height:100%; background:url("lt-b.jpg") 50% 50% no-repeat; }

#tapa
{ width:100%; height:100%; background:url("tapa.jpg") 50% 50% no-repeat; }

#bbb
{ width:100%; height:100%; background:url("b.jpg") 50% 50% no-repeat; }

.creditos div
{ width:600px; height:400px; padding-top:130px; background:url(bm.jpg) top center no-repeat; position:absolute; left:50%; top:50%; margin:-200px 0 0 -300px; text-align:center; z-index:2; color:#fff }

.videos div
{ width:870px; height:512px; position:absolute; left:50%; top:50%; margin:-256px 0 0 -435px; text-align:center; z-index:2; }

iframe
{ padding:4px; }