/* CSS Document */

body,div,td {color:#dcdcdc; font-family: "Geneva", "Arial", Helvetica, sans-serif, serif; font-size:14px; text-decoration:none; font-weight:100;}

body{background-attachment:fixed; background-position:bottom right; background-repeat:no-repeat;}
/* scrollbar definition for MSIE */
div {
  scrollbar-base-color:#333;
  scrollbar-3d-light-color:#9ff;
  scrollbar-arrow-color:#9ff;
  scrollbar-darkshadow-color:#000;
  scrollbar-face-color:#292e2d;
  scrollbar-highlight-color:#9ff;
  scrollbar-shadow-color:#333;
  scrollbar-track-color:#1a2322;
}
/* END scrollbar definition for MSIE */

h1{font-family:"Geneva", "Arial", Helvetica, sans-serif, serif; font-size:22px; font-weight:900;}
h2{font-family:"Geneva", "Arial", Helvetica, sans-serif, serif; font-size:20px; font-weight:300;}
h3{font-family:"Geneva", "Arial", Helvetica, sans-serif, serif; font-size:18px; font-weight:300;}

a, .enlace{color:#9ff; text-decoration:none; border:none;}
a:hover, .enlace:hover{color:#0AFAB1; text-decoration:underline; cursor:pointer; border:none;}
a:active, .enlace:active{color:#04CA8E; text-decoration:none; border:none;}
a:visited, .enlace:visited{color:#A6FFD2; text-decoration:none; border:none;}
a:visited:hover, .enlace:visited:hover{color:#0AFAB1; text-decoration:underline; border:none;}

#key1a {
	position:absolute;
	width:49px;
	height:21px;
	z-index:1;
	left: 171px;
	top: 1px;
}
#wrapper {
	position:absolute;
    left:-2500px;
	top:0px;
	z-index:0;
	width: 1200px;
	height: 740px;
}
#apDivkeyb {
	position:absolute;
	width:763px;
	height:227px;
	z-index:4;
	left: 240px;
	top: 524px;
	background-color: #000000;
	background-image: url(images/backgr/matrix/matrixkeyboard.jpg);
}
#apDivleftscreen {
	position:absolute;
	width:375px;
	height:291px;
	z-index:5;
	left: 0px;
	top: 254px;
	overflow: hidden;
	visibility: visible;
}
#apDivleftscreen2 {
	position:absolute;
	width:375px;
	height:291px;
	z-index:5;
	left: 0px;
	top: 254px;
}
#apDivalternativekeyb {
	position:absolute;
	width:763px;
	height:146px;
	z-index:3;
	left: 243px;
	top: 614px;
	visibility: visible;
}
#apDivmainscreen {
	position:absolute;
	width:600px;
	height:546px;
	z-index:2;
	left: 302px;
	top: 18px;
	visibility: visible;
	overflow: hidden;
	background-image:url(../images/elements/matrix/mainscreen2.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
#mainscreencontent {
	font: .9em "Geneva","Arial",Helvetica;
	color: #ccc;
	position:absolute;
	top:63px;
	left:60px;
	height:380px;
	width:459px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-left: 15px;
	padding-right: 3px;
	z-index: 7;
	visibility: visible;
}
#apDivletterscreen {
	position:absolute;
	width:211px;
	height:134px;
	z-index:8;
	left: 890px;
	top: 43px;
	background-image: url(../images/elements/matrix/auxscreen.jpg);
	visibility: visible;
}

#apDivanimscreen {
	position:absolute;
	width:211px;
	height:134px;
	z-index:9;
	left: 98px;
	top: 104px;
	visibility: visible;
	background-image: url(../images/elements/matrix/auxscreen2.jpg);
}
#apDivanim2 {
	position:absolute;
	width:127px;
	height:106px;
	z-index:1;
	visibility: visible;
	left: 33px;
	top: 15px;
}
#apDiv2 {
	position:absolute;
	width:59px;
	height:38px;
	z-index:7;
}
#apDivcodeanim {
	position:absolute;
	width:303px;
	height:227px;
	z-index:3;
	visibility: visible;
	left: 881px;
	top: 231px;
}

#apDivletter {
	position:absolute;
	width:96px;
	height:102px;
	z-index:1;
	left: 73px;
	top: 14px;
	visibility: visible;
}
#apDiv5 {
	position:absolute;
	width:44px;
	height:15px;
	z-index:7;
	left: 85px;
	top: 44px;
	visibility: visible;
}
#apDiv6 {
	position:absolute;
	width:43px;
	height:15px;
	z-index:7;
	left: 133px;
	top: 43px;
	visibility: visible;
}
#apDiv7 {
	position:absolute;
	width:43px;
	height:15px;
	z-index:7;
	left: 178px;
	top: 44px;
	visibility: visible;
}
#apDiv8 {
	position:absolute;
	width:37px;
	height:15px;
	z-index:7;
	visibility: visible;
	left: 227px;
	top: 43px;
}
#apDiv9 {
	position:absolute;
	width:43px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 270px;
}
#apDiv10 {
	position:absolute;
	width:37px;
	height:15px;
	z-index:7;
	visibility: visible;
	left: 318px;
	top: 43px;
}
#apDiv11 {
	position:absolute;
	width:36px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 361px;
}
#apDiv12 {
	position:absolute;
	width:36px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 411px;
}
#apDiv13 {
	position:absolute;
	width:36px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 453px;
}
#apDiv14 {
	position:absolute;
	width:43px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 496px;
}
#apDiv15 {
	position:absolute;
	width:37px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 545px;
}
#apDiv16 {
	position:absolute;
	width:43px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 43px;
	left: 588px;
}
#apDiv17 {
	position:absolute;
	width:37px;
	height:15px;
	z-index:7;
	visibility: visible;
	top: 44px;
	left: 637px;
}
#apDiv18 {
	position:absolute;
	width:65px;
	height:30px;
	z-index:7;
	visibility: visible;
	left: 76px;
	top: 57px;
}
#apDiv19 {
	position:absolute;
	width:44px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 147px;
}
#apDiv20 {
	position:absolute;
	width:43px;
	height:28px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 192px;
}
#apDiv21 {
	position:absolute;
	width:44px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 241px;
}
#apDiv22 {
	position:absolute;
	width:44px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 291px;
}
#apDiv23 {
	position:absolute;
	width:36px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 340px;
}
#apDiv24 {
	position:absolute;
	width:44px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 382px;
}
#apDiv25 {
	position:absolute;
	width:43px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 431px;
}
#apDiv26 {
	position:absolute;
	width:37px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 480px;
}
#apDiv27 {
	position:absolute;
	width:44px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 524px;
}
#apDiv28 {
	position:absolute;
	width:43px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 57px;
	left: 574px;
}
#apDiv29 {
	position:absolute;
	width:65px;
	height:30px;
	z-index:7;
	visibility: visible;
	top: 59px;
	left: 617px;
}
#apDiv30 {
	position:absolute;
	width:44px;
	height:22px;
	z-index:7;
	visibility: visible;
	left: 64px;
	top: 86px;
}
#apDiv31 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	top: 86px;
	left: 112px;
	visibility: visible;
}
#apDiv32 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 163px;
}
#apDiv33 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 213px;
}
#apDiv34 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 263px;
}
#apDiv35 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 312px;
}
#apDiv36 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 361px;
}
#apDiv37 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 411px;
}
#apDiv38 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 460px;
}
#apDiv39 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 512px;
}
#apDiv40 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 560px;
}
#apDiv41 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 86px;
	left: 603px;
}
#apDiv42 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 88px;
	left: 653px;
}
#apDiv43 {
	position:absolute;
	width:72px;
	height:22px;
	z-index:7;
	visibility: visible;
	left: 50px;
	top: 114px;
}
#apDiv44 {
	position:absolute;
	width:44px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 127px;
}
#apDiv45 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 177px;
}
#apDiv46 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 236px;
}
#apDiv47 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 284px;
}
#apDiv48 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 333px;
}
#apDiv49 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 383px;
}
#apDiv50 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	top: 114px;
	left: 439px;
	visibility: visible;
}
#apDiv51 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 489px;
}
#apDiv52 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 538px;
}
#apDiv53 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 588px;
}
#apDiv54 {
	position:absolute;
	width:72px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 114px;
	left: 637px;
}
#apDiv55 {
	position:absolute;
	width:51px;
	height:22px;
	z-index:7;
	visibility: visible;
	left: 36px;
	top: 142px;
}
#apDiv56 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 92px;
}
#apDiv57 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 141px;
	left: 148px;
}
#apDiv58 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 198px;
}
#apDiv59 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 255px;
}
#apDiv60 {
	position:absolute;
	width:150px;
	height:22px;
	z-index:7;
	left: 305px;
	top: 142px;
	visibility: visible;
}
#apDiv61 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 467px;
}
#apDiv62 {
	position:absolute;
	width:34px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 524px;
}
#apDiv63 {
	position:absolute;
	width:34px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 574px;
}
#apDiv64 {
	position:absolute;
	width:37px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 630px;
}
#apDiv65 {
	position:absolute;
	width:43px;
	height:22px;
	z-index:7;
	visibility: visible;
	top: 142px;
	left: 680px;
}
#apDiv66 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#apDiv1 {
	position:absolute;
	width:1202px;
	height:547px;
	z-index:5;
	left: 2px;
	top: 6px;
	visibility: visible;
	background-color: #000;
}
#apDivrightscreen {
	position:absolute;
	width:376px;
	height:289px;
	z-index:4;
	left: 844px;
	top: 201px;
	background-image:url(../images/elements/matrix/smallscreen1.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	padding: 33px 37px;
	overflow:hidden;
	visibility: visible;
}
.rightscreenimage {
	max-height: 224px;
	max-width: 300px;
	border:none;
}
#apDivnavscreen {
	font: bold 90% "Lucida Console", Helvetica; 
	position:absolute;
	width:315px;
	height:233px;
	z-index:6;
	left: 30px;
	top: 283px;
	padding: 0px; padding-left: 0.5em; padding-top: 2px;
	visibility: visible;
	overflow: auto;
}

.container { display:none; }
.key {
	cursor:pointer;	
}
.navlink {
	color:#ccc;
	cursor:pointer;	
}
.navlink:hover {
	color:#9ff;
}
.keyimg { visibility:hidden; }

/* matrix screensaver */

#thematrix {
	position:absolute;top:0px;left:0px;
	font: 15px "Times New Roman",Times,serif;
	padding:0px;
	width:475px; max-width:475px;
	height:380px; max-height:380px;
	overflow:hidden;
	/* background-color:#000;	*/
	color:#0f0;
	margin: auto auto;
	
}	
#apDivcounter {
	position:absolute;
	width:170px;
	height:92px;
	z-index:3;
	left: 1114px;
	top: 124px;
}
#apDiv3 {
	position:absolute;
	width:95px;
	height:214px;
	z-index:10;
	left: 1152px;
	top: 148px;
}

#mxtab { 
	width:459px; 
	height:380px; 	
	padding:0px;
	margin:0px;
	overflow:hidden;
	}

.mxtd { 
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	font-weight:bold;
	min-width:14px; 
	max-width:14px; 
	height:20px; 
	padding:0px;
	margin:0px;
	text-align:center;
	}