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:28%;width:35%}
#chart-B{background:#fff;position:absolute;left:1%;top:44%;height:28%;width:35%}
#chart-C{background:#fff;position:absolute;left:1%;top:73%;height:27.3%;width:35%}
#display{position:absolute;top:15%;left:37%;width:28%;background:#fff;height:46.4%}
#photo{position:absolute;top:63%;left:37%;width:28%;background:#fff;height:37.3%}
#desc{position:absolute;top:62.7%;right:5%;width:29%;color:rgba(255,255,255,1);background:rgba(255,255,255,.0);height:37%;text-align:justify}
#menu-right{position:absolute;top:14.3%;right:5%;width:29%;height:52%;xbackground:red;color:#fff}
.p1p{xpadding:1%}
.btn4a,.btn4b,.btn4c,.btn4d{float:left;height:106%;width:23.5%;margin-right:2%}
.btn5a,.btn5b,.btn5c,.btn5d,.btn5e{float:left;height:100%;width:19.2%;margin-right:1%}
.btn2a,.btn2b{float:left;height:100%;width:48%;margin-right:4%}
.btn{background:rgba(171,171,171,1);color:rgba(0,0,0,1);cursor:pointer}
.btn:hover{background-color:rgba(220,220,220,1)}
.active{background-color:rgba(220,0,0,1);color:rgba(255,255,255,1)}
.active:hover{background-color:rgba(220,100,100,1)}
.btn-label{display:block;margin:5% 5% 5% 7%}
.pA{background-image:url(../img/ikony/black/k_0.005.png);background-size:100%}
.pB{background-image:url(../img/ikony/black/k_0.25.png);background-size:100%}
.pC{background-image:url(../img/ikony/black/k_0.50.png);background-size:100%}
.pD{background-image:url(../img/ikony/black/k_0.75.png);background-size:100%}
.pE{background-image:url(../img/ikony/black/k_1.00.png);background-size:100%}
#btn-k-a.active{background-image:url(../img/ikony/white/k_0.005.png);background-size:100%}
#btn-k-b.active{background-image:url(../img/ikony/white/k_0.25.png);background-size:100%}
#btn-k-c.active{background-image:url(../img/ikony/white/k_0.50.png);background-size:100%}
#btn-k-d.active{background-image:url(../img/ikony/white/k_0.75.png);background-size:100%}
#btn-k-e.active{background-image:url(../img/ikony/white/k_1.00.png);background-size:100%}
.i-desc{text-align:center;font-size:80%}
.l{width:48%;left:0;position:absolute;height:100%}
.r{width:48%;right:0;position:absolute;height:100%}
#menu-right .slider{width:100%;height:12%;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%}
.btn4d,.btn5e,.btn2b{margin-right:0}
