body {background-color:black; font-family:sans-serif; color:white}
img {border:none}
p {font-size:14px; text-align:justify; padding-right:10px}
h1 {font-size:20px; font-family:monospace; text-align:center; font-weight:bold; margin-bottom:30px; padding-right:10px}
h2 {font-size:16px; padding:10px}
.note {font-size:10px; text-align:justify; font-family:sans-serif; font-weight:normal; margin-top:-5px; padding-right:10px; text-indent:10px; color:#FF9900}
a {text-decoration:none}
a:link {color:#FF9900}
a:visited {color:#CC0000}
a:hover {color:white; text-decoration:underline}
sup {font-size:80%}
span {display:none}
.cen {text-align:center}
#deb {width:450px; height:300px; margin-left: auto; margin-right: auto; position:relative; top:-540px; z-index:2}
#text {width:450px; height:300px; margin-left: auto; margin-right: auto; position:relative; top:-460px; z-index:2; overflow:auto}
#img1 {width:794px; height:541px; background:url(img/psylos.gif); padding:0px; margin-left: auto; margin-right: auto; position:relative; top:10px; z-index:1}
#img1 li {margin:0; padding:0; list-style:none; display:block; position:absolute}
#img1 a {display:block}
#pan1 {left:29px; top:7px; width:70px; height:108px}
#pan2 {left:101px; top:27px; width:114px; height:84px}
#pan3 {left:91px; top:115px; width:75px; height:96px}
#pan4 {left:577px; top:9px; width:133px; height:99px}
#pan5 {left:714px; top:1px; width:70px; height:110px}
#pan6 {left:627px; top:111px; width:72px; height:104px}
#pan7 {left:23px; top:443px; width:91px; height:97px}
#pan8 {left:140px; top:444px; width:128px; height:90px}
#pan9 {left:254px; top:388px; width:80px; height:54px}
#pan10 {left:358px; top:408px; width:88px; height:71px}
#pan11 {left:356px; top:480px; width:121px; height:59px}
#pan12 {left:493px; top:471px; width:103px; height:69px}
#pan13 {left:567px; top:409px; width:89px; height:61px}
#pan14 {left:667px; top:446px; width:108px; height:90px}
#pan1 a {height:108px}
#pan2 a {height:84px}
#pan3 a {height:96px}
#pan4 a {height:99px}
#pan5 a {height:110px}
#pan6 a {height:104px}
#pan7 a {height:97px}
#pan8 a {height:90px}
#pan9 a {height:54px}
#pan10 a {height:71px}
#pan11 a {height:59px}
#pan12 a {height:69px}
#pan13 a {height:61px}
#pan14 a {height:90px}
#pan1 a:hover {background:url(img/psylos.gif) -29px -548px no-repeat}
#pan2 a:hover {background:url(img/psylos.gif) -101px -568px no-repeat}
#pan3 a:hover {background:url(img/psylos.gif) -91px -656px no-repeat}
#pan4 a:hover {background:url(img/psylos.gif) -577px -550px no-repeat}
#pan5 a:hover {background:url(img/psylos.gif) -714px -542px no-repeat}
#pan6 a:hover {background:url(img/psylos.gif) -627px -652px no-repeat}
#pan7 a:hover {background:url(img/psylos.gif) -23px -984px no-repeat}
#pan8 a:hover {background:url(img/psylos.gif) -140px -985px no-repeat}
#pan9 a:hover {background:url(img/psylos.gif) -254px -929px no-repeat}
#pan10 a:hover {background:url(img/psylos.gif) -358px -949px no-repeat}
#pan11 a:hover {background:url(img/psylos.gif) -356px -1021px no-repeat}
#pan12 a:hover {background:url(img/psylos.gif) -493px -1012px no-repeat}
#pan13 a:hover {background:url(img/psylos.gif) -567px -950px no-repeat}
#pan14 a:hover {background:url(img/psylos.gif) -667px -987px no-repeat}


@media (max-width: 800px) {
span {display:block}
h1 {margin-top:40px}
#img1 {max-width:100%}
#img1 li {position:relative}
#text {width:auto; height:auto; top:auto}
#pan1, #pan2, #pan3, #pan4, #pan5, #pan6, #pan7, #pan8, #pan9, #pan10, #pan11, #pan12, #pan13, #pan14 {left:auto; top:auto; position:relative; width:auto; height:auto}
#pan1 a, #pan2 a, #pan3 a, #pan4 a, #pan5 a, #pan6 a, #pan7 a, #pan8 a, #pan9 a, #pan10 a, #pan11 a, #pan12 a, #pan13 a, #pan14 a {height:auto}
#pan1 a:hover, #pan2 a:hover, #pan3 a:hover, #pan4 a:hover, #pan5 a:hover, #pan6 a:hover, #pan7 a:hover, #pan8 a:hover, #pan9 a:hover, #pan10 a:hover, #pan11 a:hover, #pan12 a:hover, #pan13 a:hover, #pan14 a:hover {background:none}
}