body{font-family:Trebuchet MS,Arial,sans-serif; font-size:14px; color: #105375; margin:0; background:url(../images/tlo-1.jpg) repeat-x #046204;}
a, a:active, a:focus, a:link {color:#ff6c00; text-decoration:underline;}
a:hover {text-decoration:underline; color: #e36000;}
h1 {font-weight: normal; font-family: "Comic Sans MS", "MS Trebuchet", Arial, sans-serif; font-size: 30px; color: #f30404; padding: 0px; margin: 20px 0px 20px 0px; text-shadow: 1px 1px 0px rgba(100, 10, 10, 1),1px 1px 0px rgba(100, 10, 10, 1); height: 55px; line-height: 55px;}
h2 {font-weight: normal; font-family: "Comic Sans MS", "MS Trebuchet", Arial, sans-serif; font-size: 24px; color: #f30404; height: 55px; line-height: 55px; text-shadow: 1px 1px 0px rgba(100, 10, 10, 1),1px 1px 0px rgba(100, 10, 10, 1); padding: 0px; margin: 20px 0px 20px 0px;}
h3 {margin: 0px 0px 10px 0px; padding: 0px;}
ul {padding: 0px; margin: 10px 0px 10px 15px; list-style: none;}
ul li {min-height: 22px; margin-bottom: 10px; padding-left: 30px; background:url(../images/sprite.png) -975px -493px no-repeat;}
img {border: 0px;}

.main-container {display: none; width: 964px; height: 900px; background:url(../images/tlo-2.jpg) no-repeat; margin: 0px auto; position: relative;}
.tree-leaf-01 {width: 401px; height: 287px; top: 148px; left: 320px; position: absolute; background:url(../images/sprite.png) 0px -295px no-repeat;}
.tree-leaf-02 {width: 284px; height: 322px; top: 293px; left: 569px; position: absolute; background:url(../images/sprite.png) -401px -295px no-repeat;}
.tree-leaf-03 {width: 282px; height: 267px; top: 305px; left: 190px; position: absolute; background:url(../images/sprite.png) 0px 0px no-repeat;}
.tree-leaf-04 {width: 334px; height: 295px; top: 293px; left: 364px; position: absolute; background:url(../images/sprite.png) -282px 0px no-repeat;}
.kleks {width: 0px; height: 0px; position: absolute; top: 89px; left: 102px;}
.nazwa {width: 578px; height: 80px; top: 40px; left: 70px; position: absolute; background:url(../images/sprite.png) 0px -617px no-repeat; opacity: 0; display: block;}
.animal-01 {width: 145px; height: 128px; top: 250px; left: 260px; position: absolute; background:url(../images/sprite.png) -622px -167px no-repeat;}
.animal-02 {width: 145px; height: 105px; top: 413px; left: 324px; position: absolute; background:url(../images/sprite.png) -767px 0px no-repeat;}
.animal-03 {width: 116px; height: 152px; top: 375px; left: 610px; position: absolute; background:url(../images/sprite.png) -785px -118px no-repeat;}
.animal-04 {width: 151px; height: 151px; top: 263px; left: 444px; position: absolute; background:url(../images/sprite.png) -616px 0px no-repeat;}
.sign {width: 161px; height: 56px; top: 593px; left: 50px; position: absolute; opacity: 1; cursor: pointer;}
.eyes {width: 48px; height: 40px; top: 249px; left: 265px; position: absolute; background:url(../images/sprite.png) -691px -297px no-repeat; display: none;}
.beatle {width: 34px; height: 41px; top: 711px; left: 562px; position: absolute; background:url(../images/sprite.png) -741px -297px no-repeat;}
.grass {width: 37px; height: 80px; top: 672px; left: 560px; position: absolute; background:url(../images/sprite.png) -697px -393px no-repeat;}
.butterfly-container {position: absolute; top: 550px; left: 10px; width: 60px; height: 64px;}
.butterfly {position: relative; width: inherit; height: inherit;}
.butterfly-01 {width: 60px; height: 64px; background:url(../images/sprite.png) -582px -623px no-repeat; display: none; position: absolute;}
.butterfly-02 {width: 60px; height: 64px; background:url(../images/sprite.png) -654px -624px no-repeat; display: none; position: absolute; left: 1px;}
.butterfly-03 {width: 60px; height: 64px; background:url(../images/sprite.png) -720px -624px no-repeat; display: none; position: absolute; left: 3px;}
.butterfly-04 {width: 60px; height: 64px; background:url(../images/sprite.png) -784px -624px no-repeat; display: none; position: absolute; left: 3px;}
.bee-container {position: absolute; top: 350px; left: 100px; width: 49px; height: 46px;}
.bee {position: relative; width: inherit; height: inherit;}
.bee-01 {width: 49px; height: 46px; background:url(../images/sprite.png) -703px -341px no-repeat; display: none; position: absolute;}
.bee-02 {width: 49px; height: 46px; background:url(../images/sprite.png) -753px -341px no-repeat; display: none; position: absolute;}
.bee-03 {width: 49px; height: 46px; background:url(../images/sprite.png) -804px -341px no-repeat; display: none; position: absolute;}
.bee-04 {width: 49px; height: 46px; background:url(../images/sprite.png) -856px -341px no-repeat; display: none; position: absolute;}
.menu-container {position: absolute; top: 131px; left: 64px; display: none;} 
.menu-container-wrapper {position: relative;}
.menu-container .link-menu {font-family: "Comic Sans MS", "MS Trebuchet", Arial, sans-serif; font-size: 16px; color: #15667b; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.5); text-decoration: none; padding: 10px 30px;}
.link-menu:hover {color: #f30505; text-decoration: none; cursor: pointer;} 
.menu-cloud-01 {width: 144px; height: 64px; background:url(../images/sprite.png) -754px -395px no-repeat; position: absolute; display: block;  line-height: 62px; text-align: center;}
.menu-cloud-02 {width: 145px; height: 64px; background:url(../images/sprite.png) -757px -463px no-repeat; position: absolute; display: block;  line-height: 56px; text-align: center;}
#menu-01 {top: 46px; left: 0px;}
#menu-02 {top: 20px; left: 128px;}
#menu-03 {top: 26px; left: 267px;}
#menu-04 {top: 0px; left: 399px;}
#menu-05 {top: 24px; left: 528px;}
#menu-06 {top: 37px; left: 684px;}
#menu-07 {top: -50px; left: 485px;}
#menu-07  .link-menu {padding-left: 17px;}
.content-container {width: 974px; height: 686px; background:url(../images/sprite.png) 0px -754px no-repeat; position: absolute; top: 210px; left: 0px; display: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
.content-container-wraper {position: relative; padding: 70px 90px 80px 140px;}
.rotate-01 {-webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
.copy {text-align: center; font-family: "Comic Sans MS", "MS Trebuchet", Arial, sans-serif; font-size: 12px; color: #f9fd08; position: absolute; bottom: 20px; width: 300px; left: 50%; margin-left: -150px;}
.copy a {color: #f9fd08; text-decoration: none;}
.copy a:hover {color: #f9fd08; text-decoration: underline;}
.content-informacje {width: 400px; margin-right: 20px;  float: left; position: relative;}
.header-icon-01 {background:url(../images/sprite.png) -940px -2px no-repeat; padding-left: 65px;}
.header-icon-02 {background:url(../images/sprite.png) -940px -55px no-repeat; padding-left: 65px;}
.header-icon-03 {background:url(../images/sprite.png) -940px -105px no-repeat; padding-left: 65px;}
.header-icon-04 {background:url(../images/sprite.png) -940px -159px no-repeat; padding-left: 65px;}
.header-icon-05 {background:url(../images/sprite.png) -940px -216px no-repeat; padding-left: 65px;}
.header-icon-06 {background:url(../images/sprite.png) -940px -276px no-repeat; padding-left: 65px;}
.header-icon-07 {background:url(../images/sprite.png) -940px -330px no-repeat; padding-left: 65px;}
.header-icon-08 {background:url(../images/sprite.png) -940px -385px no-repeat; padding-left: 65px;}
.header-icon-09 {background:url(../images/sprite.png) -940px -437px no-repeat; padding-left: 70px;}
.news-date {font-size: 12px; color: #26a2df; font-style: italic;}
.news-separator {height: 22px; clear: both; margin: 10px 0px; position: relative;}
.spot {width: 25px; height: 22px; background:url(../images/sprite.png) -975px -493px no-repeat; float: left; margin: 0px 2px;}
.news-separator-wraper {width: 87px; position: absolute; left: 50%; margin-left: -43px;}
.news-more {height: 20px; margin-top: 5px; }
.news-more-link {font-size: 12px;}
.news-container {height: 360px;}
.scroll {margin: 20px 0 20px; }
.scroll .viewport {height: inherit; overflow: hidden; position: relative; }
.scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%;}
.scroll .scrollbar{opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.scroll .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scroll .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.scroll .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.scroll .disable { display: none; }
.news-history {text-align: right}
.content-sidebar {float: left; width: 280px; height: 500px; margin-left:20px;}
.info-container {height: 160px;}
.content-wide {width: 700px; position: relative;}
.wide-container {height: 380px;}
.spacer {border-right: 1px #60c4db dotted; width:1px; height: 480px; float:left; margin-top: 30px;}
.content-map {float: left;}
#map {width: 380px; height: 370px; border: 4px white solid;}
.loading {font-family: "Comic Sans MS", "MS Trebuchet", Arial, sans-serif; font-size: 30px; color: #f30404; text-shadow: 1px 1px 0px rgba(100, 10, 10, 1),1px 1px 0px rgba(100, 10, 10, 1); position: absolute; top: 50%; left: 50%; width: 300px; margin-left: -150px;}
.overview p:first-of-type {margin-top: 0px;}
.overview .link-gallery  {margin: 7px; display: block; float: left;}
.link-gallery img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px #333; -moz-box-shadow: 3px 3px 5px #333; box-shadow: 3px 3px 5px #333;}
.content-container .button {
	text-decoration: none;
	color: #fff;
  background-color: #a5b8da;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(top, #a5b8da, #7089b3);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  padding: 7px 20px; }
.content-container .button:hover {
	text-decoration: none;
	color: #fff;
    background-color: #9badcc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
    background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
    background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
    background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6);
    border-top: 1px solid #6d86ad;
    border-right: 1px solid #647a9e;
    border-bottom: 1px solid #546685;
    border-left: 1px solid #647a9e;
    -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
    -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
    box-shadow: inset 0 1px 0 0 #a5b9d9;
    cursor: pointer; }
.content-container  .button:active {
 	text-decoration: none;
	color: #fff;
    border: 1px solid #546685;
    -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; }
.btn-pos {position: absolute; top: 10px; right: 30px;}

/*pirobox*/
.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(../images/pb/new_skin.png) top left no-repeat;}
.piro_html .h_t_r{ width:10px; height:10px; background: url(../images/pb/new_skin.png) top right no-repeat;}
.piro_html .h_t_c{  height:10px;background: url(../images/pb/new_skin_top.png) top repeat-x;}

.piro_html .h_c_l{width:10px; background: url(../images/pb/new_skin_left.png) left repeat-y; }
.piro_html .h_c_c{background:#fff;margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background:#fff; width:480px; overflow:hidden; height:480px; margin:0; padding:0; position:relative; z-index:1500190;}
.piro_html .h_c_c .div_reg img{ }
.piro_html .h_c_r{width:10px; background: url(../images/pb/new_skin_left.png) right repeat-y;}

.piro_html .h_b_c{  height:10px;background: url(../images/pb/new_skin_top.png) bottom repeat-x;}
.piro_html .h_b_l{ width:10px; height:10px;background: url(../images/pb/new_skin.png) bottom left no-repeat;}
.piro_html .h_b_r{ width:10px; height:10px;background: url(../images/pb/new_skin.png) bottom right no-repeat;}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-13px 0 0 -37px;width:70px;height:26px;display:block;z-index:1500197; background:  url(../images/pb/loader_nav.png);  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-24px;width:48px;height:10px; padding:0;display:block;z-index:1500198; background: #fff url(../images/pb/loadinfo.gif) center bottom no-repeat; }
.piro_title{position:fixed; background: url(../images/pb/bg_title.html) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(../images/pb/b_w/info.html) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(../images/pb/caption.png); z-index:1500191}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; left:50%; margin:0 0 0 -60px;  height:40px; width:120px; background: url(../images/pb/bottom_nav.png)  center no-repeat; z-index:1500194;}
.piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake{width:34px; height:34px; position:absolute;top:4px;}

a.piro_next{ right:6px;text-indent:-999em;outline:none; display:block; margin:0;background:url(../images/pb/next.png) center no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(../images/pb/next_fake.png) center no-repeat;}
.piro_next_fake{right:4px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/pb/next_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}

.piro_close{right:42px;background: transparent url(../images/pb/close.png) center center no-repeat;cursor:pointer;margin:0;z-index:150022;display:none;}
.piro_close:hover{background: transparent url(../images/pb/close_h.png) no-repeat center center;}

.piro_prev_fake{right:78px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../images/pb/prev_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}
a.piro_prev{right:78px; text-indent:-999em; outline:none;display:block;margin:0;background: url(../images/pb/prev.png) center  no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(../images/pb/prev_fake.png) center  no-repeat;}
.zoomIn{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url(../images/pb/enlarge.png) no-repeat;z-index:1500192;}
.zoomOut{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url(../images/pb/dislarge.png) no-repeat;z-index:1500193;}
.popup {z-index:999; width: 490px; height: 400px; position: absolute; left: 50%; margin-left:-245px; top: 50%; margin-top: -200px; cursor: pointer; display: none;}
.ajax-loader {margin-right: 10px; display: none;}
.link-bip {display: block; position: absolute; left: 80px; bottom: -20px;}
.godlo {display: block; position: absolute; left: 40px; bottom: -20px;}