body { margin:0; padding:0; font-family: Tahoma; font-size: 12px; line-height: 18px; color: #333333; background: url(../img/bg_body.jpg) top left no-repeat; }

#layout { width: 974px; margin: 0 auto; text-align: center; overflow: hidden; clear: both; }

#header { width: 974px; overflow: hidden; clear: both; text-align: left; }

#header_top { width: 974px; overflow: hidden; clear: both; background: url(../img/header_top_b.gif) top left no-repeat; padding: 13px 0 10px 0; }

#logo { float: left; }



#top_menu { float: right; margin: 20px 35px 0 0; display: inline; }

#top_menu a { color: #999999; text-decoration: none; }

#top_menu a:hover { color: #999999; text-decoration: underline; }

#top_menu img { margin: 0 20px 0 20px; }



#header_bottom { width: 965px; overflow: hidden; clear: both; height: 242px; padding: 5px 4px 0 5px; background: url(../img/header_bottom_b.jpg) top left no-repeat; margin: 0 0 4px 0; }



#menu { width: 935px; height: 35px; background: url(../img/menu_b.gif) top left no-repeat; font-weight: bold; font-size: 12px; padding: 0 15px 0 15px; text-align: center; clear:both; text-align:left;}

#menu a { color: #006699; text-decoration: none; }

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

#menu img { margin: 0 15px 0 15px; vertical-align: middle; }



#header_bottom_text { width: 360px; float: right; margin: 20px 20px 0 0; display: inline; }

#header_bottom_text p { margin: 0; padding: 0; color: #000000; }



.read_more { text-align: right; }

.read_more a { color: #003366; text-decoration: none; font-weight: bold; }

.read_more a:hover { color: #ED1A3C; text-decoration: none; }



#content { width: 974px; overflow: hidden; clear: both; text-align: left; padding: 5px 0 0 0; background: url(../img/content_top_b.gif) top left no-repeat; }



#content_left { float: left; width: 180px; padding: 12px 20px 20px 20px; color: #666666; }

#content_left p { margin: 0; padding: 0; font-weight: bold; width: 100%; overflow: hidden; clear: both; }

#content_left p span { color: #333333; margin: 0 7px 0 0; }



.left_text { color: #666666; line-height: 16px; }

.left_text img { float: left; margin: 0 10px 10px 0; }



.left_line { width: 100%; height: 1px; background: url(../img/left_line_b.gif) top left repeat-x; margin: 20px 0 15px 0; }



.online_ico { width: 100%; text-align: center; margin: 10px 0 10px 0; }

.online_ico p { width: 100%; overflow: hidden; margin: 0; padding: 0; }

.online_ico p img { vertical-align: middle; margin: 0 3px 0 3px; }



#content_right { float: right; width: 714px; background: #E1EFF2; padding: 12px 20px 20px 20px; }



#content_right_subpage { width: 100%; }

#content_right_subpage p { }

#content_right_subpage img { float: left; margin: 4px 10px 10px 0; }



#content_right_act { width: 345px; float: left; }



.act { margin: 10px 0 20px 0; width: 100%; }



.act_title { width: 100%; font-weight: bold; margin: 0 0 7px 0; padding: 0; line-height: 16px; }

.act_title a { color: #333333; text-decoration: none; }

.act_title a:hover { color: #333333; text-decoration: underline; }



.act_short { width: 100%; margin: 0; padding: 0; line-height: 16px; }

.act_short a { color: #003366; text-decoration: none; font-weight: bold; }

.act_short a:hover { color: #ED1A3C; text-decoration: none; }



#content_right_offer { width: 315px; float: right; padding: 0 15px 0 15px; }



.offer { width: 100%; margin: 15px 0 15px 0; padding: 0; list-style: none; }

.offer li { margin: 4px 0 4px 0; padding: 0 0 0 25px; background: url(../img/li_a.gif) top left no-repeat; background-position: 0 3px; }

.offer li a { color: #333333; text-decoration: underline; }

.offer li a:hover { color: #ED1A3C; text-decoration: underline; }



#content_subpage_left { float: left; width: 294px; padding: 12px 20px 20px 20px; color: #666666; }

#content_subpage_right { float: right; width: 600px; background: #E1EFF2; padding: 12px 20px 20px 20px; }



#footer { width: 974px; overflow: hidden; clear: both; }



#footer_top { width: 974px; overflow: hidden; clear: both; border-bottom: 1px dotted #003366; padding: 12px 0 12px 0; text-align: left; }

#footer_top a { color: #666666; text-decoration: none; }

#footer_top a:hover { color: #000000; text-decoration: underline; }

#footer_top span { margin: 0 20px 0 20px; }



#footer_bottom { width: 974px; overflow: hidden; clear: both; margin: 12px 0 12px 0; color: #333333; }



#footer_bottom_left { float: left; text-align: left; }

#footer_bottom_left p { margin: 0 ; padding: 0; font-weight: bold; }



#footer_bottom_right { float: right; text-align: right; }

#footer_bottom_right p { margin: 0 ; padding: 0; }

#footer_bottom_right a { color: #003366; text-decoration: underline; }

#footer_bottom_right a:hover { color: #0C83FB; text-decoration: underline; }



h1 { width: 100%; background: url(../img/title_b.gif) bottom left repeat-x; padding: 0 0 10px 0; font-weight: bold; font-size: 17px; line-height: 23px; font-family: Verdana; margin: 0; color: #333333; }

h2 { width: 100%; padding: 0 0 10px 0; font-weight: bold; font-size: 17px; line-height: 23px; font-family: Verdana; margin: 0; color: #333333; }

a { color: #333333; text-decoration: underline; }

a:hover { color: #ED1A3C; text-decoration: underline; }



.porcjowanie { text-align: center; }



.tabelka { width: 100%; border-collapse: collapse; background: #CFE2E6; line-height: 16px; }

.tabelka th { border: 1px solid #FFFFFF; padding: 5px; background: #CFE2E6; }

.tabelka td { border: 1px solid #FFFFFF; padding: 5px; }

form { display: inline; }



.f_tytul { text-align: center; font-weight: bold; padding: 10px; }

.f_formularz { width: 480px; padding: 0; margin: 0 auto; text-align: center; }

.f_zestaw { width: 480px; clear: both; padding: 4px 0 4px 0; overflow: hidden; margin: 0 0 1px 0; }

.f_opis { float: left; width: 160px; text-align: left; padding: 4px 0 0 5px; }

.f_pole { float: left; text-align: right; padding: 2px 5px 0 0; }

.f_p_text { width: 300px; font-size: 11px; font-family: Tahoma; background: #FFFFFF; }

.f_p_textarea { width: 300px; height: 130px; font-size: 11px; font-family: Tahoma; background: #FFFFFF; }

.f_p_select { width: 306px; font-size: 11px; font-family: Tahoma; background: #FFFFFF; text-align: left; }

.f_p_select_opakowania { width: 180px; font-size: 11px; font-family: Tahoma; background: #FFFFFF; text-align: left; }

.f_przycisk { text-align: right; padding: 10px 0px 0px 0px; }



/* formularz zamówienia */

#FormularzZamowieniaDane {	margin: 0 auto; text-align: center; width: 414px; }

#FormularzZamowieniaDane ul {	margin: 0px; padding: 0px; list-style: none; width: 414px; }

#FormularzZamowieniaDane ul li { text-align: left; padding-bottom: 4px;  float: left; clear: both; }

#FormularzZamowieniaDane ul li div { text-align: right; padding-right: 20px; }

#FormularzZamowieniaDane .error{ color: #CC0000; font-weight: bold; }



.biogenMultiCheckbox { width: 300px; display:inline; text-align:left; }

.biogenMultiCheckbox input{display:block;float:left; }

.biogenMultiCheckbox div {width: 300px;text-align:left;float:left;margin:3px auto;}

.biogenMultiCheckbox label {position:relative;left:10px;top:2px;display:block;float:left;width:280px;}

.biogenMultiCheckbox select {position:relative;left:28px;margin: 3px auto;}

#FormularzZamowieniaPodsumowanie { margin: 0 auto; text-align: center; }

#FormularzZamowieniaPodsumowanie ul { margin: 0px; padding: 0px; list-style: none; width: 350px; }

#FormularzZamowieniaPodsumowanie ul li { text-align: left; padding-bottom: 4px; }

#FormularzZamowieniaPodsumowanie ul li div { text-align: right; padding-right: 20px; }

.pole_form_zam { width: 400px; font-family: Tahoma; font-size: 12px; color: #000000; border: 1px solid #AECDD4; padding: 3px; }

.pole_form_zam_ulica { width: 300px; font-family: Tahoma; font-size: 12px; color: #000000; border: 1px solid #AECDD4; padding: 3px; }

.pole_form_zam_ulica_nr { width: 30px; font-family: Tahoma; font-size: 12px; color: #000000; border: 1px solid #AECDD4; padding: 3px; margin: 0 3px 0 3px; }

.komunikat_blad { color: #CC0000; font-weight: bold; text-align: center; margin: 10px; }

/* formularz zamówienia */



.formNaglowek { font-weight: bold; }

.formNaglowekError { font-weight: bold; color:red; }

.formListaCheckbox { margin: 0; padding: 0 0 0 30px; list-style: none; }

.formListaCheckbox li { list-style: none; }

.formListaCheckbox li input { vertical-align: middle; }

.formListaCheckbox li label { vertical-align: middle; font-weight: bold; }

.clearFloat{ clear:both }



.form_list { margin: 10px 0 10px 0; }

.form_list_category { border-bottom: 1px solid #000000; font-weight: bold; padding: 6px; color: #245880; background: #CCE1E6; }

.form_list_position { padding: 4px 6px 4px 6px; overflow: hidden; }

.form_list_position_nr_kat { font-size: 11px; color: #959595; padding: 0 0 4px 0; }

.form_list_position_nr_kat span { font-weight: bold; color: #717171; }

.form_list_position_checkbox { float: left; width: 23px; }

.form_list_position_text { float: right; width: 556px; padding: 1px 0 0 5px; border-left: 1px solid #000000; }

.form_list_position_text label {  }

#nav, #nav ul {

	float: left;
	display: inline;
	width: 100%;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 1000;
}

#nav a {
	display:block;
	padding: 10px 0 10px 0;
	color:#006699;
	margin: 0 0 0 0;
	font-weight:bold;
	font-size:12px;
	z-index: 1000; }
#nav a:hover {  text-decoration:none; color: #ED1A3C;}

#nav li {
	float: left;
	padding: 0;
	z-index: 5;
}

#nav li ul {
	list-style: none;
	position: absolute;
	left: -999em;
	height: auto;
	width: 100%;
	width: 19.9em;
	font-weight: bold;
	margin: 0 0 0 -0.4em;
	padding: 0;
	background: #E1E1E1;
	z-index: 5000;
	line-height: 1.5em;
}

#nav li li {
	padding: 0;
	margin: 0;
	width: 19.9em;
	z-index: 1000;
	text-align: left;
}

#nav a.daddy {
	
}

#nav .bg {
	
}


#nav li ul a {
	font-weight:bold
	text-decoration: none;
	font-size:12px;
	padding:0.4em;
	border-top: 1px solid #FFFFFF;
	z-index: 1000;
}

#nav li ul a:hover { text-decoration: none;  }


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;z-index: 5;  }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;  z-index: 1000;}
#nav li:hover, #nav li.sfhover { z-index: 1000;  }