html{height:100%;overflow:hidden}
#title{display:block;font-size:15pt;color:rgba(255,255,255,.7);padding:.4% 0 0 8%}
#info2-txt{position:absolute;bottom:-4%;left:1.2%;width:32.5%;background:rgba(255,255,255,.0);border:1px solid rgba(0,0,0,.0);color:rgba(255,255,255,1);height:44%}
body{height:90%;font-family:Arial;background:url(../img/backgrounds/TLO_ptak.png) repeat;xbackground-color:rgba(228,228,228,.2);background-color:rgba(17,72,69,1);xfont-size:100%;margin:0;padding:0}
#p01{width:50%;height:100%;position:relative;opacity:.0;margin:auto}
#header{position:absolute;border:0 solid red;top:4%;left:2.5%;width:98%;height:10%;font-size:20px;xline-height:20px;margin:0;padding:0}
#display{position:absolute;top:15.5%;left:2.5%;width:64%;border:0 solid rgba(0,0,0,.3);height:43%}
#desc{position:absolute;bottom:-3%;right:.9%;height:42%;width:31%;background:#fff;border:0 solid rgba(0,0,0,.3)}
#desc-desc{margin-left:1%;position:absolute;bottom:5%;right:4%;width:26.5%;height:32%;text-shadow:0 0 1px #FFFFFF, 0 0 3px #FFF}
#l{bottom:5%;color:#FFF;height:5%;right:3.5%;position:absolute;text-align:center;text-shadow:0 0 1px #000000, 0 0 3px #000;width:26.5%;margin:auto}
#l1{bottom:5%;color:#FFF;height:5%;right:15.8%;position:absolute;text-align:center;text-shadow:0 0 1px #000000, 0 0 3px #000;width:15%;margin:auto}
#l2{bottom:5%;color:#FFF;height:5%;right:-2.5%;position:absolute;text-align:center;text-shadow:0 0 1px #000000, 0 0 3px #000;width:26.5%;margin:auto}
#info{position:absolute;bottom:-3%;left:35.2%;height:42%;width:31.4%;border:0 solid rgba(17,72,69,1);background:#fff;cursor:pointer}
#info2{position:absolute;bottom:10%;width:32%;right:1%;background:rgba(255,255,255,0);border:1px solid rgba(0,0,0,.0);height:33%}
#info-txt{position:absolute;bottom:5%;left:34%;width:31%;background:rgba(255,255,255,.0);border:1px solid rgba(0,0,0,.0);height:33%}
#menu-right{position:absolute;top:12.8%;right:.9%;width:31%;height:45.8%;border:1px solid rgba(0,0,0,.0);xborder:1px solid rgba(0,0,0,.5);xbackground:url(../img/backgrounds/gallery.png) repeat;padding:0}
#footer{width:100%;border:0 solid red;position:fixed;bottom:0;height:38%;font-size:20px;margin:0;padding:0}
.sbc{position:absolute;width:100%;text-align:center;padding-top:5px;z-index:-1}
#menu-right .slider span{display:block;color:rgba(220,220,220,1)}
#menu-right .slider div{opacity:.9;width:100%;height:50%;border:1px solid rgba(0,0,0,.1);background:background-color:rgba(17,72,69,1);xborder:1px solid rgba(0,0,0,.5)}
#menu-right .slider{width:100%;height:11.5%;top:0;right:0}
.slider{cursor:pointer}
.pbd{color:rgba(255,255,255,1);position:absolute;display:block;text-align:center;width:100%;cursor:pointer;text-shadow:0 0 1px #000,0px 0 2px #000;margin-top:0}
#logo{background:url(../img/logo/LOGO_ptak_small.png) no-repeat scroll 50% 50%;background-size:100%;color:transparent;height:66%;left:0;top:2%;padding-top:1%;position:absolute;width:6.2%}
#menu-right-1{display:none;margin-bottom:0;width:30%;xfloat:left}
#menu-right-2{xmargin-bottom:0;width:100%;float:left;position:absolute;top:80%;left:-1%;height:15%}
#xmenu-right-3{height:30%;width:100%;bottom:0;position:absolute;border:1px solid rgba(0,0,0,.5)}
.menu-right-3-0{height:100%}
.main{display:inline-table;width:33%;height:5%;padding:0}
.main > span{background:rgba(0,0,0,.1);display:block;width:70%;height:80%;text-align:center;vertical-align:middle;xborder:1px solid rgba(0,0,0,.3);line-height:300%;margin:auto}
.type{display:block;float:left;height:50%;width:100.5%;xmargin:2%;padding-top:0;xborder:1px solid rgba(0,0,0,.1);margin:2% 0 0 1%}
.type0{xheight:18%}
#rz{height:55%}
.type2{height:11%}
.type > span{background:rgba(255,255,255,.6);display:block;width:100%;height:100%;text-align:center;vertical-align:middle;line-height:180%;xborder-top:1px solid rgba(0,0,0,.3);xopacity:.5;margin:auto}
.level > span{display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);text-align:center;vertical-align:middle;line-height:140%;margin:auto}
.active > span{xbackground-color:rgba(255,255,203,1);background-color:rgba(255,0,0,0.8);color:rgba(255,255,255,1);xopacity:1}
#levels{position:absolute;right:0;bottom:29.5%;width:100%;height:20%;xborder:1px solid red;xbackground:rgba(100,0,100,.5);xheight:100%;xwidth:100%;xbottom:0;margin:5px}
.level{xposition:absolute;xfloat:right;height:40%;width:100%;display:block;overflow:hidden;bottom:0;color:#000;background:rgba(255,255,255,.8);margin:6px}
.type span{width:100%;height:100%}
.type:hover{cursor:pointer;background:rgba(255,255,255,1)}
#prev{cursor:pointer;position:absolute;right:6%;top:1%;width:5%}
#next{cursor:pointer;position:absolute;right:1%;top:1%;width:5%}
#loading{width:100%;font-size:16pt;top:50%;position:absolute;height:100%;color:rgba(255,255,255,.6);text-align:center;display:block;margin:auto}
.main > span:hover,.level:hover{xbackground:rgba(0,0,0,.5);cursor:pointer}
.active,#levels .level:hover{background:rgba(255,255,255,1)}
