body {
margin: 0px;
border: 0px;
width: 100%;
height: 100%;
background-color: #0F0C06;
}
div#menu {
width: 100%;
position: absolute;
top: 20px;
z-index: 10;
}
div#dashed_fuera {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
}
.arrow_proto {
position: relative;
top: 44px;
}
/* version nathan*/
div#iframe_fuera {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 2;
}
div#iframe_dentro {
position: absolute;
top: -220px;
left: -66px;
width: 100%;
z-index: 1;
}
div#iframe_mask {
position: absolute;
top: 0px;
left: 0px;
width: 20%;
height: 100%;
background-color: #0f0c06;
z-index: 5;
}
/* version miguel
div#iframe_fuera {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 2;
}
div#iframe_dentro {
position: absolute;
top: 70px;
width: 100%;
}
*/
.iflows {
width: 1152px;
height: 890px;
border: 0px;
overflow: hidden;
}
/*///////////////////////////////////////////*/
div#dashed_dentro_what {
position: relative;
top: 43px;
width: 956px;
height: 1024px;
background-image: url(dashed_what.gif);
}
div#dashed_dentro_who {
position: relative;
top: 43px;
width: 956px;
height: 1024px;
background-image: url(dashed_who.gif);
}
div#dashed_dentro_diary {
position: relative;
top: 43px;
width: 956px;
height: 1024px;
background-image: url(dashed_diary.gif);
}
div#dashed_dentro_proto {
position: relative;
top: 43px;
width: 956px;
height: 1024px;
background-image: url(dashed_proto.gif);
}
/*///////////////////////////////////////////*/
div#text_what {
position: absolute;
top: 38%;
width: 100%;
z-index: 4;
}
div#text_who {
position: absolute;
top: 35%;
width: 100%;
z-index: 4;
}
div#text_diary {
position: absolute;
top: 23%;
width: 100%;
z-index: 4;
}
div#text_proto {
position: absolute;
top: 47%;
width: 100%;
z-index: 4;
}