/* CSS Document */
<!--

  * { margin: 0; padding: 0; outline: 0; border-width: 0; list-style: none; }

  body { font:12px arial; color:black; margin:0px; background-color:#fff; }
  .mainpage { width:100%; text-align:center; }
  .clr { clear:both; min-height:100%;  display: block; }

  .header { background:#fff url(imgs/tlo_naglowek.jpg) no-repeat; width:795px; height:130px;  margin: 0 auto; }
  .header img { padding-top:20px; float:left; }
  .logo { width:535px; float:left }
  .adress { color:#1b661e; text-align:right; padding-top:35px; float:left; line-height:1.6em; }
  .adress a, .mainbox .box .back a, .mainbox .box .news a, .mainbox .box .actual .extra a, .mainbox .box .prod h4 a:hover, .mainbox .box .prod a, .mainbox .box .prod h4 a, .mainbox .box .partner a, .mainbox .box .ktg a { text-decoration: none; color:#0191B0;  }
  .adress a:hover, .mainbox .box .back a:hover, .mainbox .box .news a:hover, .mainbox .box .actual .extra a:hover, .mainbox .box .news .actual a:hover, .mainbox .box .prod a:hover, .mainbox .box .prod h4 a:hover, .mainbox .box .partner a:hover, .mainbox .box .ktg a:hover { text-decoration: underline;  }
  .mainbox .box .ktg h4 a, .mainbox .box .ktg h4 a:hover { text-decoration: none; color:green; }
  
  .menu { width:100%; margin: 0 auto; background: url(imgs/tlo_menu_gorne.png) repeat-x; margin:0px; padding:0px; height:36px; text-align:left; color:white; border-bottom:4px solid #539350; font:bold 0.9em tahoma; }

  .maingraphic { width:100%; height:167px; background:#fff url(imgs/tlo_body.png) repeat-x; }
  .graphic img { width:795px; margin: 0 auto; }
  .graphic .tekst { margin-left:-585px; margin-top:-79px;  color:#1b661e; font:bold 1.45em arial; letter-spacing:-0.03em; line-height:1.2em; }

  .maincontent { width:100%; height:auto; min-height:430px; background:#fff url(imgs/tlo_body2.png) repeat-x; margin-top:-1px; }	

  .mainbox { background-color:#fff; width:795px; margin: 0 auto; margin-top:1px; text-align:left; height:auto; line-height:1.4em; }
  .mainbox .box { padding:15px; padding-left:20px; background-color:#fff; height:auto; float:left; width:760px; }
  .mainbox .box .product { width:395px; float:left; border-right:1px solid #ebeaea; }
  .mainbox .box h4, .mainbox .box .ktg h3, .mainbox .box .ktg2 h3, .mainbox .box .prodmain h4 { font:bold 13px arial; color:green; background: url(imgs/gwiazdka.png) no-repeat; background-position: left; padding-left:18px; margin-bottom:15px; }
  .mainbox .box .ktg h3, .mainbox .box .ktg2 h3 { font:bold 16px arial; } 
  .mainbox .box .ktg2 h4 { margin-bottom:20px }
  
  .mainbox .box .prodmain { width:100%; clear:both; padding-bottom: 5px; margin-bottom:15px; border-bottom:1px solid #ebeaea; }  
  .mainbox .box .prodmain h4 { margin-bottom:10px; }  
  .mainbox .box .prod, .mainbox .box .partner {  float:left; width:365px; padding-right:15px; margin-bottom:20px; display:block }    
  .mainbox .box .back, .mainbox .box .back a { font:normal 12px arial; padding-top:20px; padding-bottom:10px; text-decoration:none; width:70px; }
  .mainbox .box .back a img { float:left; margin-top:-2px; padding-right:3px }

  .mainbox .box .news { float:left; padding-left:20px; padding-right:10px; width:325px; margin-bottom:15px; overflow:hidden }
  .mainbox .box .news img, .mainbox .box .ktg img { margin-top:10px; border:1px solid #93b491; }
  .mainbox .box .ktg2 img { padding: 0px 10px 10px 0px; border:0px; }	
  .mainbox .box .ktg, .mainbox .box .ktg2, .mainbox .box .back { float:left; display:block; }
  .mainbox .box .actual { float:left; padding-left:10px; padding-right:10px; width:325px; margin-bottom:15px; margin-left:0px  }
  .mainbox .box .actual img { width:350px; padding:0px; margin:0px; }
  .mainbox .box .actual .extra { padding-left:10px; padding-right:10px; width:330px; background: url(imgs/news_body.png) repeat-y; padding-bottom:5px; }
  .mainbox .box .prod img { padding-left:0px; margin:15px; }

  .formLine { border-top:1px solid #e3eee2; margin-bottom:0px; margin-top:30px; width:100%; }
  #formAsk { background:#EEF6ED none repeat scroll 0 0; margin:20px 0 5px; padding:10px; width:585px; border:1px solid #e3eee2 }
  #formAsk p { color: #000; }
  .choice { width:570px }
  #formAsk h3 { font:bold 10pt  arial, verdana, georgia, times; color: #454545; }
  #commentbox { width:570px; margin:5px 5px 0 0; }
  #firm, #name, #email, #phone, #cfa, #toc, #online, #robot, #commentbox, #submit, .choice { background: #fff; font:9pt verdana, arial, times; margin:5px 5px 0 0; border: none; padding: 6px; border: 1px solid #8db888; }
  #firm, #name, #email, #phone { width:200px }
  #submit{ margin:5px 5px 0 0; }
  #formAsk p.error { color:red; }
  
  .foot { display:block; clear: both; background-color:#539350; margin:0px; height:32px; text-align:left; color:white; border-bottom:4px solid #aeed9a; font: 0.9em tahoma; }	
  .foot ul { width:795px; padding:0px; padding-top:8px; display:block; margin: 0 auto;  }
  .foot ul li { float:left; margin:0px; list-style: none; padding-right: 10px; padding-left: 10px; border-right:1px solid #cad1ca;  }
  .foot ul a { text-decoration: none; display: block; text-align: center; color: #fff;  } 
  .foot ul a:hover { color: #9aed9e;	 }
  .foot ul .copy { float:left; padding-left:200px }
  .foot ul .copy span { color: #aad7a8 }

  #middle { margin: 9px 0 0; width: 380px; overflow: hidden; }
  #middle { overflow: visible; }
  #middle:after { line-height: 0;	content: "."; clear: both; display: block; height: 0; visibility: hidden; }

  #content0 { float: left; width: 380px; height: 350px; overflow: hidden; position: relative; }
  #content0 .controls { position: absolute;	right: 15px; top: 210px; z-index: 10000; }
  #content0 .controls li {margin: 0 0 0 3px; float: left;}	
  #content0 .controls li.prev {	margin: 0 12px 0 0; }
  #content0 .controls li.next {	margin: 0 0 0 17px; }
  #content0 .controls li.prev a, #content0 .controls li.next a {cursor: pointer; float: left; width: 18px;	height: 16px; background: url(imgs/x72.png) no-repeat; }
  #content0 .controls li.next a { background: url(imgs/x73.png) no-repeat; }
  #content0 .controls li.toc a, #content0 .controls li.selected a { cursor: pointer; margin: 3px 0 0; float: left; width: 8px; height: 9px; background: url(imgs/x74.png) no-repeat; }
  #content0 .controls li.selected a {	background: url(imgs/x75.png) no-repeat; }
  #content0 .controls li span {	display: none; }
  #content0 .section { float: left;	width: 380px;	overflow: hidden;	position: absolute; background: #eaf4e7; border:0px solid #eaf4e7; }
  #content0 .section img { width: 380px; background: #fff;  }	
  #content0 .section .prtxt { padding:8px; }
  #content0 .section .prtop { font:bold 12px arial; color:green; top: 10px; left: 18px; position: absolute; }
  #content0 .section h2 { width: 380px;	height: 81px;	position: absolute; top: 65px; left: 54px; background: url(imgs/p0i.jpg) no-repeat;	}
  #content0 .section h2, #content0 .section h3, #content0 .section p { display: none; }

  .nav { width:795px; padding:0px; padding:0px; margin:0px; display:block; margin: 0 auto; }
  #nav { width:795px; margin: 0 auto; background: url(imgs/tlo_menu_gorne.png) repeat-x; margin:0px; padding:0px; height:36px; text-align:left; color:white; font:bold 11px tahoma; position:relative; z-index:500; }
  #nav li.top { display:block; float:left; }
  #nav li a.top_link { display:block; float:left; height:30px; line-height:27px; color:#deedde; text-decoration:none; margin:0px; list-style: none; padding-right: 25px; padding-left: 25px; padding-top:6px; background: url(imgs/pasek_menu.png) no-repeat; background-position: right;}
  #nav li a.top_link:hover, #nav li:hover > a.top_link { color: #9aed9e; background: url(imgs/pasek_menu.png) no-repeat; background-position: right;}
  #nav li:hover { position:relative; z-index:200;}
  #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
  #nav li:hover ul.sub { left:0px; top:35px; background: #fff; padding:3px; border:1px solid #539350; white-space:nowrap; width:100px; height:auto; z-index:300;}
  #nav li:hover ul.sub li { display:block; height:20px; position:relative; float:left; width:100px; font-weight:normal;}
  #nav li:hover ul.sub li a { display:block; height:20px; width:100px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
  #nav li:hover ul.sub li a:hover { background:#539350; color:#fff;}
  #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:0; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:100px; z-index:400; height:auto;}
  
  #akapit { text-indent:10mm; }
  #prawa { text-align:right; }
  #srodek { text-align:center; }
  #justy { text-align:justify; }
  #mini { font-size:7px; line-height:5mm;}
  #maly { font-size:9px; line-height:5mm;}
  #normalny { font-size:12px; line-height:5mm; }
  #duzy { font-size:18px;line-height:5mm; }
  #ogromny { font-size:24px; line-height:5mm;}

-->