@charset "utf-8";
/* CSS Document */
/* #004d21 */


body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; margin-top: 5px; background: url(images/tlo-body.jpg) no-repeat center top;}

.frame { width: 770px; position: absolute; margin-left: -335px; left: 50%; padding-bottom: 15px}
.head { float: left; height: 187px; width: 768px; }
.menu { width: 770px; float: left; background-color: #004d21; color: #FFFFFF; background: url(images/rog.jpg) no-repeat left #004d21;}
	.left { float: left; width: 200px;  min-height: 50px; margin-bottom: 20px; padding-top: 20px; }
	.right { float: left;  width: 528px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 20px; min-height: 500px; text-align: justify; background: #FFF; }
		.content_l { float: left; width: 552px; border: 0px solid #000000}
		.content_r { float: left; width: 100%; border: 0px solid #000000}
.foot { float: left; width: 770px; background-color:#004d21; color:#000000; text-align: left; height: 20px; margin-bottom: 5px }

	.foot-left {float: left; width: 400px; text-align: left; padding-left: 5px; font-size: 10px}
	.foot-right {float: left; width: 330px; text-align: right; padding-right: 5px}

	/* formatowanie tekstu */
	
	input { border: 1px solid #004d21}
	textarea { border: 1px solid #004d21 }
	
	h1 { color: #004d21; font-size: 20px; font-weight: bold}
	h2 { color: #6f8e7c; font-size: 18px; font-weight: bold}
	h3 { color: #004d21; font-size: 16px; font-weight: bold}
	h4 { color: #6f8e7c; font-size: 16px; font-weight: bold}
	.naglowek { color:#6f8e7c; font-size: 12px; padding: 0px; margin: 0px; display: block; font-weight: bold;}

	/* menu */
	
		#menu ul { list-style: none; margin: 0px; padding: 0px; height: 36px; text-align: center; margin-left: 200px}	
		#menu ul li { display: block; float: left; margin-right: 3px; height: 100%; width: 110px}
		#menu ul li a { color: #FFFFFF; text-decoration: none; display: block; width: 100%; height: 28px; padding-top: 8px;}
		#menu ul li a:hover { background: #BFD0C6; /*url(images/button-on.jpg); */ color: #fff}
	
	/* ----- */ 
	

	/* submenu */
		#submenu { text-align: right; margin-top: 20px;}
		#submenu ul { list-style: none; margin: 0px; padding: 0px; text-align: right }
		#submenu ul li { display: block; float: right; width: 163px; height: 25px; margin-bottom: 1px  }
		#submenu ul li a { text-decoration: none; display: block; height: 25px; width: 150px; padding-right: 13px; color: #000000; border-bottom: 1px solid #cccccc; font-size: 12px; font-weight: bold }
		#submenu ul li a:hover { background: #6f8e7c; color: #FFFFFF}
		
		#submenu ul li a.podkategoria { font-size: 10px; background: #004d21; color: #FFF; font-weight: normal }
		#submenu ul li a.podkategoria:hover {  color: #999 }
	
	/* ----- */
	
	/* tabela produktu */ 
	
		#tabela_produkt table { width: 100%; background: #004d21; color: #FFF; border-collapse: collapse; border: 1px solid #004d21}
		#tabela_produkt table tr td{ width: 530px; background: #FFF; color: #000; padding: 10px}		
		#tabela_produkt table tr th{ width: 530px; background: #6f8e7c; color: #fff; padding: 5px}
		#tabela_produkt table table { border-collapse: collapse; border: 0px;}
		#tabela_produkt table table tr td { padding: 0px; }
		#tabela_produkt h3 { font-size: 14px;}
		#tabela_produkt h4 { font-size: 12px;}
		
		#lista_produkty table { width: 100%; text-align: left; border-collapse: collapse }
		#lista_produkty table tr:hover { background: #CCC}
		#lista_produkty table tr td { border-bottom: 1px solid #CCC}
		#lista_produkty table tr td a { font-weight: bold}
		#lista_produkty table tr td a:hover { color: #fff}		
		
		#galeria table { width: 480px; }
		#galeria tr { }
		#galeria td { }
		#galeria img { border: 1px #6f8e7c solid; padding: 5px; }
		.zdjecie:hover { opacity:0.4; filter:alpha(opacity=40); }
	
.tekst1 { position: relative ; left: 0px; top: -90px; text-align: right; color: #000000; display: block; width: 195px; font-size: 9px}
.tekst2 { position: relative ; left: 0px; top: -50px; text-align: center; color: #000000; display: block; width: 195px; font-size: 9px; width: 770px}
.lang_text { font-size: 10px; text-align: right; padding-right: 50px; margin-bottom: 2px}


	a { text-decoration: none; color: #004d21}
	a:hover { color: #999;}

.breadcrumbs { font-size: 10px; color: #004d21; text-decoration: none; font-weight: bold}
.breadcrumbs:hover { color: #999}
.infotext { color: #fff; display: block; width: 100%; height: 20px; border: 1px solid #030; text-align: center; padding: 3px; background: #6f8e7c }


#bok { padding-left: 10px; padding-top: 6px}