/* general styles */
* {margin: 0; padding: 0}
* html input { overflow: visible;}
img, fieldset {border: 0}
img {vertical-align: bottom}
a, a:hover {cursor: pointer; text-decoration: none; outline: none}
a:hover {border: 0} /* IE fix */
ul {list-style: none;}
option {padding:0 .5em 0 1px}
table {border-collapse: collapse; border-spacing: 0}
td, th {vertical-align: top; text-align: left; font-weight: normal}
address {font-style: normal}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:bold}
.clear {clear: both}


body
{
	behavior:url("js/csshover.htc");
}

body
{
   	font-size: 11px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 170%;
	color: #646464;
	background-color: #1c1c1c;
	background-image: url(../img/body.bg.gif);
	background-repeat: repeat-x;
}

p
{
	font-size: 11px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 170%;
	color: #646464;
	margin: 0;
	padding: 0 0 10px 0;
}

p img, img.float-left
{
	float: left;
	margin: 0 1.5em 1.5em 0;
	padding: 0;
}

p img.right
{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}


h1
{
	color: #77a805;
	font-size: 26px;
	line-height: 1em;
	height: 1em;
	font-weight: bold;
	padding: 0 0 15px 0;
}

h3
{
	color: #0098e0;
	font-size: 12px;
	line-height: 7px;
	/*border-bottom: 1px solid #e6f3f9;*/
	border-left: 5px solid #e6f3f9;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 3px;
}

h4, h4 a
{
	color: #77a805;
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
}

h4
{
	padding: 0 0 15px 0;
}

h4 a:hover
{
	color: #0098e0;
}

em
{
	color: #0098e0;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

a
{
	color: #0098e0;
	font-weight: normal;
	text-decoration: none;
}

a:hover
{
	color: #d30907;
	text-decoration: none;
}


/* FORM STYLES */

form div
{
	clear: both;
	float: none;
	padding-top: 7px;
	line-height: 100%;
}

fieldset
{
	border: 1px solid #ebebeb;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
}
legend
{
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0 3px 0 3px;
}

textarea {
	height: 120px;
}


/*input.text, textarea.text {*/
input, input, textarea, select
{
	font-size: 11px;
	font-family: Arial, Tahoma, helvetica;
	color: #4a556d;
	font-weight: normal;
	color: #25343a;
}

input[type="text"], input[type="password"], textarea, select
{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px 3px 1px 3px;
	width: 600px;
}

select
{
	width: auto;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Tahoma, helvetica;
	color: #4a556d;
	font-weight: normal;
}

option 
{
	padding: 0 3px 0 3px;
}

label {
	font-weight: normal;
	font-family: Tahoma, Arial;
	color: #6d7891;
	float: left;
	width: 105px;
	line-height: 100%;
	text-align: right;
	padding-right: 7px;
}

label.newline
{
	clear: both;
}
	
label.inline {
	display: inline;
	padding-right: 5px;
	line-height: 200%;
	float: none;
}

.input-over {
	border: 1px solid #900 !important;
}


input.datepicker
{
	float: none;
	clear: both;
	width: 100px;
}

.nowrap
{
	white-space: nowrap;
}

.small
{
	font-size: 10px;
	font-weight: normal;
}


.redStar {
	color: #e00;
	font-size: 17px;
	font-weight: bold;
	line-height: 10px;
	padding-left: 3px;
	font-family: Arial, Tahoma, Helvetica;
	vertical-align: middle;
}


.mbox_error_message {
	width: auto;
	padding: 11px 15px 11px 15px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #e99;
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 130%;
	background-color: #fcb;
	color: #555;
}

.mbox_message {
	width: auto;
	padding: 11px 15px 11px 15px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #dddd11;
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 130%;
	background-color: #eeee33;
	color: #555;
}



#page-wrapper
{
	width: 864px;
	margin-left: auto;
	margin-right: auto;
}


#header
{
	width: 864px;
	height: 301px;
	float: left;
	background-image: url(../img/header.bg.jpg);
}


#menu
{
	width: 864px;
	height: 70px;
	float: left;
	background-image: url(../img/menu.bg.jpg);
}

	#menu ul
	{
		float: left;
		width: 864px;
		height: 38px;
	}
	
	#menu ul li
	{
		float: left;
		width: 108px;
		height: 38px;
		position: relative;
	}
	
	#menu ul li a
	{
		display: block;
		width: 108px;
		height: 38px;
		background-repeat: no-repeat;
		padding: 0;
		margin: 0;
	}
	
	#menu ul li a span
	{
		display: none;
	}

	#menu ul li#menu-start a
	{
		background-image: url(../img/menu_01.gif);
	}
	
	#menu ul li#menu-o_firmie a
	{
		background-image: url(../img/menu_02.gif);
	}
	
	#menu ul li#menu-oferta a
	{
		background-image: url(../img/menu_03.gif);
	}
	
	#menu ul li#menu-cennik_hurtowy a
	{
		background-image: url(../img/menu_04.gif);
	}
	
	#menu ul li#menu-serwis a
	{
		background-image: url(../img/menu_05.gif);
	}
	
	#menu ul li#menu-certyfikaty a
	{
		background-image: url(../img/menu_06.gif);
	}
	
	#menu ul li#menu-sklep_internetowy a
	{
		background-image: url(../img/menu_07.gif);
	}
	
	#menu ul li#menu-kontakt a
	{
		background-image: url(../img/menu_08.gif);
	}
	
	
	#menu ul li#menu-start a:hover, #menu ul li#menu-start.menu-active a
	{
		background-image: url(../img/menu_over_01.gif);
	}
	
	#menu ul li#menu-o_firmie a:hover, #menu ul li#menu-o_firmie.menu-active a
	{
		background-image: url(../img/menu_over_02.gif);
	}
	
	#menu ul li#menu-oferta a:hover, #menu ul li#menu-oferta.menu-active a, #menu ul li#menu-oferta:hover a
	{
		background-image: url(../img/menu_over_03.gif);
	}
	
	#menu ul li#menu-cennik_hurtowy a:hover, #menu ul li#menu-cennik_hurtowy.menu-active a
	{
		background-image: url(../img/menu_over_04.gif);
	}
	
	#menu ul li#menu-serwis a:hover, #menu ul li#menu-serwis.menu-active a
	{
		background-image: url(../img/menu_over_05.gif);
	}
	
	#menu ul li#menu-certyfikaty a:hover, #menu ul li#menu-certyfikaty.menu-active a
	{
		background-image: url(../img/menu_over_06.gif);
	}
	
	#menu ul li#menu-sklep_internetowy a:hover, #menu ul li#menu-sklep_internetowy.menu-active a
	{
		background-image: url(../img/menu_over_07.gif);
	}
	
	#menu ul li#menu-kontakt a:hover, #menu ul li#menu-kontakt.menu-active a
	{
		background-image: url(../img/menu_over_08.gif);
	}
	
	
	
	#menu ul li#menu-oferta ul#submenu_1
	{
		position: absolute;
		width: 838px;
		height: 32px;
		top: 38px;
		left: -200px;
		overflow: visible;
		z-index: 999;
		display: none;
	}
	
	#menu ul li#menu-oferta:hover ul#submenu_1
	{
		display: block;
	}
	
		#menu ul li#menu-oferta ul#submenu_1 li
		{
			float: left;
			white-space: nowrap;
			width: auto;
			background: none;
			background-image: url(../img/eight-span.gif);
			background-repeat: no-repeat;
			background-position: right;
			padding: 0 5px 0 0;
			height: 32px;
		}
		
		#menu ul li#menu-oferta ul#submenu_1 li a
		{
			background: none;
			float: left;
			padding: 0 9px 0 9px;
			color: #fff;
			border: none;
			line-height: 32px;
			width: auto;
			height: 32px;
		}
		
		#menu ul li#menu-oferta ul#submenu_1 li a:hover
		{
			float: left;
			background: none;
			/*background-color: #169cdb;*/
			padding: 0 9px 0 9px;
			height: 32px;
		}
		
		
		#menu ul li#menu-oferta ul#submenu_1 li ul.submenu_2
		{
			position: absolute;
			height: auto;
			width: 160px;
			min-width: 160px;
			top: 32px;
			left: 0;
			z-index: 1000;
			background-color: #169cdb;
			display: none;
		}
		
		#menu ul li#menu-oferta ul#submenu_1 li:hover ul.submenu_2
		{
			display: block;
		}
		
		html > body #menu ul li#menu-oferta ul#submenu_1 li ul.submenu_2
		{
			width: auto;
		}
		
			#menu ul li#menu-oferta ul#submenu_1 li ul.submenu_2 li
			{
				float: left;
				padding: 0;
				width: 100%;
				min-width: 160px;
				height: 24px;
				white-space: nowrap;
				clear: both;
				border-bottom: 1px solid #1291cd;
				background-image: url(../img/suboferta.bullet.gif);
				background-repeat: no-repeat;
				background-position: 11px 9px;
			}
			
			#menu ul li#menu-oferta ul#submenu_1 li ul.submenu_2 li a
			{
				width: 100%;
				height: 100%;
				white-space: normal;
				line-height: 24px;
				float: left;
				padding: 0 11px 0 20px;
				white-space: nowrap;
			}
			
			#menu ul li#menu-oferta ul#submenu_1 li ul.submenu_2 li a:hover
			{
				width: 100%;
				height: 100%;
				white-space: normal;
				line-height: 24px;
				float: left;
				white-space: nowrap;
				text-decoration: underline;
				background: none;
				padding: 0 11px 0 20px;
			}
			
			
		


#search
{
	width: 864px;
	height: 82px;
	float: left;
	background-image: url(../img/search.bg.jpg);
}


	#search ul#page-path
	{
		float: left;
		padding: 22px 0 0 10px;
		width: 570px;
		height: 40px;
		overflow: hidden;
		line-height: 120%;
	}
	
	#search ul#page-path li
	{
		display: inline;
		padding: 0 7px 0 0;
		margin-right: 3px;
		background-image: url(../img/path.bullet.gif);
		background-position: right;
		background-repeat: no-repeat;
		font-size: 11px;
		color: #696969;
	}
	
	#search ul#page-path li a
	{
		font-size: 11px;
		color: #696969;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	
	#search ul#page-path li a:hover
	{
		color: #0098e0;
	}
	
	#search #search-box
	{
		padding-top: 15px;
		float: right;
		width: 250px;
		height: 30px;
	}
	
	#search #search-box label
	{
		color: #0098e0;
		float: left;
		width: auto;
		height: 30px;
		line-height: 30px;
		text-align: right;
		padding: 0 5px 0 0;
	}
	
	#search #search-box input
	{
		border: none;
		background: transparent;
		float: left;
		height: 30px;
		padding: 0;
	}
	
	#search #search-box input.text
	{
		width: 151px;
		height: 17px;
		color: #fff;
		padding: 8px 0 5px 10px;
		background-image: url(../img/search.input.gif);
	}
	


#content
{
	width: 818px;
	padding: 0 23px 30px 23px;
	float: left;
	background-image: url(../img/content.bg.gif);
}

	#content ul
	{
		padding: 0 0 10px 20px;
	}
	
	#content li
	{
		padding-left: 10px;
		background-image: url(../img/li.bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 7px;
	}

#content-bottom
{
	width: 864px;
	height: 31px;
	float: left;
	background-image: url(../img/content-bottom.bg.jpg);
}

#footer
{
	width: 800px;
	float: left;
	padding: 10px 32px 20px 32px;
}

	#footer ul
	{
		float: left;
		width: 800px;
		height: 30px;
		overflow: hidden;
	}
	
	#footer ul li
	{
		float: left;
		background-image: url(../img/eight-span.gif);
		background-repeat: no-repeat;
		background-position: left;
		padding: 0 30px 0 18px;
		margin-left: -18px;
	}
	
	#footer ul li a
	{
		color: #646464;
	}
	
	#footer ul li a:hover
	{
		text-decoration: underline;
	}



#content-start
{
	width: 864px;
	float: left;
}

	#content-start h1, #content-start h2
	{
		color: #0098e0;
		font-size: 14px;
		line-height: 1.5em;
		height: 1.5em;
		font-weight: bold;
		padding: 0 0 10px 0;
	}
	

	#content-start #start-white-wrapper
	{
		background-image: url(../img/content.bg.gif);
		width: 864px;
		float: left;
	}
	
	#content-start #start-white
	{
		background-image: url(../img/start-white.bg.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
		width: 864px;
		float: left;
	}
	
		#content-start #start-welcome
		{
			width: 490px;
			float: left;
			border-right: 1px solid #ededed;
			padding: 0 10px 0 21px;
		}
		
		#content-start #start-contact
		{
			width: 321px;
			float: left;
			border-left: 1px solid #ededed;
			margin-left: -1px;
			padding-left: 21px;
		}
	
	#content-start #start-white-bottom
	{
		background-image: url(../img/start-white-bottom.bg.jpg);
		width: 864px;
		height: 26px;
		float: left;
	}

	#content-start #start-abst
	{
		width: 864px;
		height: 190px;
		padding-top: 52px;
		float: left;
		background-image: url(../img/start-abst.bg.jpg);
	}	

		#content-start #start-abst .start-abstract
		{
			float: left;
			width: 372px;
			padding: 15px 20px 0 30px;
			position: relative;
		}
		




.produkt-item
{
	width: 818px;
	margin-bottom: 40px;
	float: left;
}

	.produkt-item .produkt-pic
	{
		float: left;
		width: 360px;
		border-right: 1px solid #ededed;
		min-height: 1px;
		text-align: center;
	}
	
	.produkt-item .produkt-desc
	{
		float: left;
		width: 420px;
		border-left: 1px solid #ededed;
		margin-left: -1px;
		padding: 0 0 0 30px;
	}


#produkt-col1
{
	width: 380px;
	padding-top: 20px;
	float: left;
}


#produkt-col2
{
	width: 438px;
	padding-top: 20px;
	float: left;
}

.main-pic
{
	float: left;
	padding-bottom: 20px;
	text-align: center;
	width: 370px;
}

.more-pic
{
	float: left;
}

	.more-pic img
	{
		float: left;
		margin: 0 5px 10px 5px;
	}

.pdfs
{
	float: left;
	clear: both;
	width: 438px;
	padding: 30px 0 50px 0;
}

	.pdfs img
	{
		margin: 0 10px 5px 0;
	}

.tabele
{
	float: left;
	clear: both;
	width: 438px;
	background-image: url(../img/th.product.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-top: 16px;
}

	.tabele .tabele-bottom
	{
		width: 438px;
		height: 12px;
		float: left;
		background-image: url(../img/tb.product.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin-top: -1px;
	}

	.tabele table
	{
		float: left;
		width: 438px;
		background-image: url(../img/td.product.0.gif);
		background-repeat: repeat-y;
	}
	
	.tabele table th
	{
		padding: 0 9px 7px 9px;
		border-bottom: 1px solid #fff;
		color: #fff;
		text-align: left;
		font-weight: bold;
	}
	
	.tabele table td
	{
		padding: 0 9px 0 9px;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	
	.tabele table td.stripe
	{
		background-color: #ebebeb;
		color: #696969;
	}
	
	.tabele table td a
	{
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.tabele table td a:hover
	{
		color: #fff;
	}
	
	.tabele table td.stripe a
	{
		color: #696969;
	}
	
	.tabele table td.stripe a:hover
	{
		color: #696969;
	}
	


.galitem
{
	float: right;
	clear: both;
	margin: 0 0 5px 10px;
}

	.galitem img
	{
		float: left;
		margin: 0 10px 20px 10px;
		border: 2px solid #eee;
	}
	
	.galitem a:hover img
	{
		border: 2px solid #aadb28;
	}

	
#kontakt
{
	padding: 0 30px 0 30px;
	line-height: 190%;
}

	#kontakt em
	{
		font-weight: bold;
		font-size: 14px;
	}
#pow_eactive {
	  width: 864px;
		height: 340px;
		float: left;
		background: url(../img/pow_eactive.bg.jpg) no-repeat;
}	

#gora {
    width:864px;
    height:50px;
    padding:0;
    margin:0;
}

#box_ec {
 width:288px;
 float:left;
}
#box_ec p{
 padding:0 20px 20px 20px;

}

#box_ec h2{
 padding:0px 0px 0px 20px;
 height:auto;
}

#box_ec2 {
 width:432px;
 float:left;
}
#box_ec2 p{
 padding:0 20px 20px 20px;
 
}

#box_ec2 h2{
 padding:0px 0px 0px 20px;
 height:auto;
}



/* CATFISH RELATED - NOT REQUIRED FOR CATFISH TO WORK */
div#catfish {
	display: none; /* Stops catfish appearing before the page is fully loaded */
	background-color: #FFFFFF;
	text-align: center;
/*	border-top: 1px solid black;*/
	background-image: url(../images/catfish.bg.gif);
	height: 50px;
}
div#catfish a#catfish-close {
	position: absolute;
	top: -25px;
	right: 5px;
	color: black;
}
div#catfish iframe {
	padding-top: 5px;
	padding-bottom: 5px;
}