<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:0px;
top:0px;
width:44px;
height:24px;
z-index:1;
}
#Layer2 {
position:absolute;
left:139px;
top:73px;
width:218px;
height:32px;
z-index:2;
}
.Estilo1 {color: #FFFFFF}
#Layer5 { position:absolute;
left:724px;
top:534px;
width:75px;
height:30px;
z-index:16;
}
#Layer3 {
position:absolute;
left:147px;
top:162px;
width:590px;
height:64px;
z-index:17;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
<style type="text/css">
<!--
#Layer4 {
position:absolute;
left:170px;
top:463px;
width:439px;
height:63px;
z-index:18;
}
-->
</style>
//-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body onload="MM_preloadImages('Button1.png')" link="#FFFFFF" vlink="#FFFFFF" alink="#00CCFF">
<!--<div id="Layer1"><img src="FondoIndex.png" alt="1007x649" width="1007" height="649" longdesc="BackGroundIndex" /></div>
<div id="Layer2">
<h1 align="center" class="Estilo1">¿Que es el Cyberpunk?</h1>
</div>
<div id="Layer5"><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Button1.png',1)"><img src="Button2.png" alt="ButtonAtras" name="Image2" width="150" height="25" border="0" id="Image2" /></a></div>
<div id="Layer3">
<p class="Estilo1"> El termino Cyberpunk fue originalmente acuñado por Bruce Bethke como titulo de una relato corto, publicado en 1983. </p>
<p class="Estilo1">El<em> cyberpunk</em> es un subgénero que toma su nombre de la combinación de <em>cibernética</em> y <em>punk</em>, con lo cual podría definirse como un mix de ciencia avanzada, tecnologías de la información y cibernética, a lo que añadiríamos un grado de desintegración o cambio radical en el orden social.</p>
<p class="Estilo1"> Según <em>Lawrence Person</em>, <em>los</em> <em>cyberpunk</em>s <em>son seres marginados, alejados, solitarios, que viven al margen de la sociedad, generalmente en futuros distópicos donde la vida diaria es impactada por el rápido cambio tecnológico, una atmósfera de información computarizada ubicua y la modificación invasiva del cuerpo humano</em>. </p>
</div>-->
<!--ˇImagenes! con framework-->
<div id="Layer4"><a href="Cyber1.jpg" rel="lightbox[roadtrip]"><img src="Cyber1.jpg" width="75" height="95" longdesc="Image#1" /></a>
<a href="Cyber2.jpg" rel="lightbox[roadtrip]"><img src="Cyber2.jpg" width="75" height="95"longdesc="Image#2" /></a>
<a href="Cyber3.jpg" rel="lightbox[roadtrip]"><img src="Cyber3.jpg" width="75" height="95" longdesc="Image#3" /></a></div>
</body>
</html>