html{height:100%;xoverflow:hidden}
#title{display:block;font-size:15pt;color:rgba(255,255,255,.7);padding:.5% .5% .5% 8%}
body{height:100%;font-family:Arial;font-size:11pt;color:rgba(255,255,255,1);background:url(../img/backgrounds/TLO_ptak.png) repeat;background-color:rgba(17,72,69,1);margin:0;padding:0}
#p01{width:800px;height:600px;position:relative;margin:auto}
#header{position:absolute;border:0 solid red;left:1%;top:4%;width:98%;height:10%;font-size:20px;xline-height:20px;margin:0;padding:0}
#display{position:absolute;top:18%;left:60%;width:40%;height:53%;border:1px solid rgba(0,0,0,.0)}
#desc{position:absolute;top:15%;left:.3%;width:58%;background:rgba(255,255,255,.0);border:1px solid rgba(0,0,0,.0);height:52%;text-align:justify}
#right{position:absolute;top:68%;left:60%;width:40%;height:53%;border:1px solid rgba(255,255,255,.0);padding:0}
#info{position:absolute;top:70%;left:-2%;width:105%;background:rgba(255,255,255,.0);border:1px solid rgba(0,0,0,.0);height:52%;text-align:justify}
#footer{width:100%;border:0 solid red;position:fixed;bottom:0;height:38%;font-size:20px;margin:0;padding: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:6px;padding-top:1%;position:absolute;width:6.2%}
#prev{cursor:pointer;position:absolute;right:6%;top:1%;width:5%}
#next{cursor:pointer;position:absolute;right:1%;top:1%;width:5%}
