html{height:100%;width:100%;xoverflow:hidden}
#title{display:block;font-size:15pt;color:rgba(255,255,255,.7);padding:0}
body{height:100%;width:100%;font-family:Arial;font-size:11px pt;color:rgba(255,255,255,1);background:url(../img/backgrounds/TLO_ptak.png) repeat;background-color:rgba(17,72,69,1);xfont-size:100%;margin:0;padding:0}
#p01{width:800px;height:600px;position:relative;margin:auto}
#header{position:absolute;width:80%;height:80%;border:0 solid red;top:5%;left:12%;margin:0;padding:0}
#display{background:url(../img/logo/INTRO_ptak.png) no-repeat scroll 0 0;background-size:100%;color:transparent;position:absolute;top:10%;left:15%;width:65%;height:100%}
#desc{position:absolute;top:100%;left:10%;width:80%;background:rgba(255,255,255,.0);xborder:1px solid rgba(0,0,0,1);height:20%;text-align:center}
#right{position:absolute;top:11%;right:1%;width:29%;border:1px solid rgba(0,0,0,.3);height:31%;padding:0}
#info{position:absolute;top:25%;right:1%;width:28%;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/) no-repeat scroll 0 0;background-size:100%;color:transparent;left:25%;top:5%;xpadding-top:0;position:absolute;width:40%;height:40%}
#prev{cursor:pointer;position:absolute;right:6%;top:1%;width:5%}
#next{cursor:pointer;position:absolute;right:1%;top:1%;width:5%}
.odp{width:49%;height:49%;cursor:pointer;position:absolute}
#odpA{left:0;top:0}
#odpB{right:0;top:0}
#odpC{left:0;bottom:0}
#odpD{right:0;bottom:0}