html{height:100%;overflow:hidden}
#title{display:block;font-size:15pt;color:rgba(255,255,255,.7);padding:1% 0 0 7.7%}
body{font-family:Arial;background:url(../img/backgrounds/TLO_ptak.png) repeat;background-color:rgba(15,68,56,1);margin:0;padding:0}
#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}
#p01{width:50%;height:97%;position:relative;opacity:.0;margin:auto}
#header{position:absolute;height:10%;top:3%;left:1%;width:98%;xbackground:#f0f}
#logo{background:url(../img/logo/LOGO_ptak_small.png) no-repeat scroll 50% 50%;background-size:100%;color:transparent;height:95%;position:absolute;width:5.5%}
#chart-A{background:#fff;left:1%;position:absolute;top:15%;height:27%;width:35%}
#chart-B{background:#fff;position:absolute;left:1%;top:43%;height:27%;width:35%}
#chart-C{background:#fff;position:absolute;left:1%;top:71%;height:27%;width:35%}
#display{position:absolute;top:15%;left:37%;width:28%;background:#fff;height:83%}
#menu-right{position:absolute;top:15%;right:-1%;width:35%;height:83%;xbackground:red;color:#fff}
.l{width:48%;left:0;position:absolute;height:50%}
.r{width:48%;right:0;position:absolute;height:50%}
#menu-right .slider{width:100%;height:8%;top:0;right:0;position:relative}
#menu-right .slider span{display:block;color:rgba(220,220,220,1)}
#menu-right .slider .sl{opacity:.9;width:100%;height:100%;border:0;background-color:rgba(17,72,69,1);cursor:pointer}
#menu-right .slider .sl .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:2%}
#prev{cursor:pointer;position:absolute;right:6%;top:1%;width:5%}
#next{cursor:pointer;position:absolute;right:1%;top:1%;width:5%}
