<!DOCTYPE html>
<html>
<head>
<title>Galerias</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width">
<style type="text/css">
<!--
body {
font:normal 18px/1.0 sans-serif;
-webkit-user-select:none;
user-select:none;
color:#000000;
}
#imgfull {
position:absolute;
display:none;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
cursor:zoom-out;
}
a {
text-decoration:none;
color:#D4D4D4;
}
p {
margin:0px;
padding:8px;
}
//-->
</style>
<script type="text/javascript">
<!--
function init(s) {
e=document.getElementById("imgfull");
if (s) {e.src=s; e.style.display="block";}
}
var actual=null;
function showhide(id) {
if (actual != null) document.getElementById(actual).style.display="none";
actual=id;
document.getElementById(id).style.display="inline";
}
//-->
</script>
</head>
<body>
<img id="imgfull" src="transparent.png" onclick="this.style.display='none'">
<p align="left">
<br>Galerías: / <a href="javascript:void(0)" onclick="showhide('sec1')"> NATURE</a> / <a href="javascript:void(0)" onclick="showhide('sec2')"> EVENTS</a> /<br><br>
<span id="sec1" style="display:none">
<img src="nat_01.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="nat_02.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="nat_03.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="nat_04.jpg" onclick="init(this.src)" width="102" height="78" border="0">
</span>
<span id="sec2" style="display:none">
<img src="evt_01.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="evt_02.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="evt_03.jpg" onclick="init(this.src)" width="102" height="78" border="0">
<img src="evt_04.jpg" onclick="init(this.src)" width="102" height="78" border="0">
</span>
</p>
</body>
</html>