/*****************************************************************/
/* ogolne														 */
/*****************************************************************/

body
{
	font                : 11px Verdana;
	color               : #616569;
	padding             : 0px;
	margin              : 0px;
	background          : #FFFFFF url('/grafika/bg.jpg');
	background-repeat   : no-repeat;
	background-position : top center;
}

a:link, a:visited, a:active
{
	font-family     : Verdana;
	color           : inherit;
	text-decoration : none;

}

a:hover
{
	text-decoration : underline;
}

a.plik:link, a.plik:visited, a.plik:active
{
	font            : normal 11px Verdana;
	text-decoration : none;
	color           : #616569;
}

a.plik:hover
{
	text-decoration : underline;
}

div.linia
{
	width         : 100%;
	height        : 1px;
	overflow      : hidden;
	clear         : both;
	border-bottom : solid 1px #E1E5E9;
	padding-top   : 3px;
	margin-bottom : 3px;
}

div.liniaSpecyfikacja
{
	width         : 100%;
	height        : 1px;
	overflow      : hidden;
	clear         : both;
	border        : none;
	border-bottom : solid 1px white;
	padding-top   : 3px;
	margin-bottom : 3px;
}

a img
{
	border : none;
}

/*****************************************************************/
/* tooltip       															  	  */
/*****************************************************************/

div.tooltip
{
	color            : black;
	padding          : 5px;
	width            : 250px;
	line-height      : 150%;
	text-align       : center;
	position         : absolute;
	border           : solid 1px #E1E5E9;
	background-color : #F1F5F9;
}

img.tooltip
{
	clear  : both;
	cursor : help;
}

/*****************************************************************/
/* elementy formularza 														  */
/*****************************************************************/

div.formularzWiersz
{
	height : 21px;
	clear  : both;
}

label.etykietaPola
{
	margin-top : 3px;
	padding    : 1px;
}

label.etykietaPola:first-letter
{
	color       : red;
	font-weight : bold;
}

/*****************************************************************/
/* zdjecie																		  */
/*****************************************************************/

img.ikona
{
	border       : none;
	margin-right : 5px;
	position     : relative;
	top          : 1px;
}

img.zdjecie
{
	margin  : 5px;
	padding : 1px;
	border  : solid 1px #E1E5E9;
}

img.zdjecieTabela
{
	border  : none;
	padding : 2px 0px 2px 0px;
}

/*****************************************************************/
/* tabela																		  */
/*****************************************************************/

td.wiersz1
{
	overflow         : hidden;
	text-align       : center;
	background-color : #F1F5F9;
	padding          : 4px 10px 4px 10px;
	border           : solid 1px #F1F5F9;
	border-right     : solid 1px white;
	border-top       : solid 1px white;
}

td.naglowek1
{
	overflow         : hidden;
	font-weight      : bold;
	text-align       : center;
	background-color : #E1E5E9;
	padding          : 2px 10px 2px 10px;
	border           : solid 1px #E1E5E9;
	border-right     : solid 1px white;
}

td.naglowek2
{
	overflow         : hidden;
	font-weight      : bold;
	padding          : 4px 10px 4px 10px;
	background-color : #C1C5C9;
	line-height      : 150%;
	text-align       : center;
}

td.wiersz2
{
	overflow    : hidden;
	padding     : 4px 10px 4px 10px;
	line-height : 150%;
	text-align  : center;
}

td.naglowek3
{
	padding            : 2px;
	font-weight        : bold;
	--background-color : #C1C5C9;
	background-color   : #017EA9;
	font-family        : "Open Sans", "Sans Serif", Verdana;
	font-size          : 12px;
	color              : #FFFFFF;
	line-height        : 150%;
	text-align         : center;
	font-size          : 10px;
	text-transform     : uppercase;
}

td.wiersz3
{
	padding     : 15px 2px;
	line-height : 150%;
	text-align  : center;
}

/*****************************************************************/
/* formularz        															  */
/*****************************************************************/

form
{
	padding : 0px;
	margin  : 0px;
}

input, textarea, select
{
	font  : 11px Verdana;
	color : #616569;
}

select
{
	display : block;
	cursor  : pointer;
}

input.FormTextOnBlur, input.FormFile, textarea.FormTextAreaOnBlur
{
	border  : 1px solid #E1E5E9;
	margin  : 2px 0px 2px 0px;
	padding : 3px;
}

input.FormTextOnFocus, textarea.FormTextAreaOnFocus
{
	border : solid 1px #000000;
}

input.FormCheckBox, input.FormRadio
{
	cursor       : pointer;
	padding      : 0px;
	margin       : 0px;
	margin-right : 5px;
}

select.FormSelect
{
	--margin-top : 1px;
	border       : 1px solid #E1E5E9;
	margin       : 2px 0px 1px 0px;
	padding      : 2px 0px 2px 3px;
}

input.FormImageOnMouseOut
{
	padding : 1px;
	cursor  : pointer;
	border  : solid 1px white;
}

input.FormImageOnMouseOver
{
	border : solid 1px black;
}

input.FormSubmitOnMouseOut
{
	border           : none;
	color            : #818589;
	cursor           : pointer;
	padding          : 1px 3px 1px 3px;
	background-color : #F1F5F9;
}

input.FormSubmitOnMouseOver
{
	background-color : #E1E5E9;
}

div.przyciskSekcja
{
	padding : 2px;
	height  : 18px;
	border  : solid 1px #E1E5E9;
}

input.blad
{
	background-color : #EDD0D0;
	border           : solid 1px red;
}

input.przyciskIdzDoStrona
{
	top         : 8px;
	margin-left : 2px;
	position    : relative;
	height      : 21px;
}

/*****************************************************************/
/* komunikat																	  */
/*****************************************************************/

div.blad
{
	color            : red;
	width            : 450px;
	padding          : 10px;
	line-height      : 150%;
	margin-left      : auto;
	margin-right     : auto;
	background-color : white;
	border           : solid 1px red;
}

div.sukces
{
	color            : green;
	width            : 450px;
	padding          : 10px;
	line-height      : 150%;
	margin-left      : auto;
	margin-right     : auto;
	background-color : white;
	border           : solid 1px green;
}

/*****************************************************************/
/* menuLewe																		  */
/*****************************************************************/

ul.menuLewe li.menuLewe
{
	position : relative;
	width    : 150px;
	overflow : none;
}

li.menuLewe ul.menuLewe
{
	top      : 0;
	left     : 149px;
	position : absolute;
	display  : none;
}

ul.menuLewe li.menuLewe a.menuLewe
{
	display         : block;
	padding         : 5px;
	border          : solid 1px #E1E5E9;
	border-bottom   : 0;
	text-decoration : none;
	color           : #616569;
}

* html ul.menuLewe li.menuLewe
{
	float : left;
}

* html ul.menuLewe li.menuLewe a.menuLewe
{
	height : 1%;
}

ul.menuLewe
{
	width            : 150px;
	margin           : 0;
	padding          : 0;
	list-style       : none;
	position         : absolute;
	background-color : #F1F5F9;
	border-bottom    : solid 1px #E1E5E9;
	font             : 11px Verdana;
}

li.menuLeweOnMouseOver
{
	background-color : #E1E5E9;
}

li.menuLewe:hover ul li ul
{
	display : none;
}

li.menuLewe:hover ul, li.menuLewe ul li:hover ul
{
	display : block;
}

li.menuLewe:hover
{
	background-color : #E1E5E9;
}

/*****************************************************************/
/* stronicowanie                                                 */
/*****************************************************************/

div.stronicowanieSekcjaGlowna
{
	width        : 500px;
	padding-top  : 10px;
	margin-top   : 10px;
	margin-left  : auto;
	margin-right : auto;
	text-align   : center;
}

a.stronicowanieLaczeAktywne:link, a.stronicowanieLaczeAktywne:visited, a.stronicowanieLaczeAktywne:active,
a.stronicowanieLaczeNieAktywne:hover, a.stronicowanieLaczeNieAktywne:link, a.stronicowanieLaczeNieAktywne:visited, a.stronicowanieLaczeNieAktywne:active
{
	color                 : #FFFFFF;
	display               : inline;
	margin-right          : 1px;
	text-decoration       : none;
	padding               : 5px 8px 5px 8px;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;
}

a.stronicowanieLaczeAktywne:link, a.stronicowanieLaczeAktywne:visited, a.stronicowanieLaczeAktywne:active
{
	background-color : #D1D5D9;
}

a.stronicowanieLaczeAktywne:hover,
a.stronicowanieLaczeNieAktywne:hover, a.stronicowanieLaczeNieAktywne:link, a.stronicowanieLaczeNieAktywne:visited, a.stronicowanieLaczeNieAktywne:active
{
	background-color : #C1C5C9;
}

/*****************************************************************/
/* sekcje strony  															  */
/*****************************************************************/

div.sekcjaGlowna
{
	--width      : 1003px;
	width        : 880px;
	margin-top   : 60px;
	margin-right : auto;
	margin-left  : auto;
	background   : #FFFFFF;
}

div.naglowekLogo
{
	width         : 868px;
	padding       : 5px;
	height        : 100%;
	overflow      : hidden;
	margin-left   : auto;
	margin-bottom : 5px;
	margin-right  : auto;
	border        : solid 1px #E1E5E9;
}

div.naglowekBaner, div.menu
{
	width        : 880px;
	margin-right : auto;
	margin-left  : auto;
	background   : #FFFFFF;
}

div.sekcjaZawartosci
{
	width        : 878px;
	min-height   : 535px;
	margin-left  : auto;
	margin-right : auto;
	--border     : solid 1px #E1E5E9;
	background   : #FFFFFF;
}

* html div.sekcjaGlowna div.sekcjaZawartosci
{
	height : 480px;
}

div.trescStrony
{
	padding    : 20px 10px 10px 10px;
	border     : 1px solid #E3E3E3;
	background : #FFFFFF;
	margin     : -1px;
}

div.tekst
{
	padding          : 5px;
	border           : solid 1px #E1E5E9;
	background-color : #F1F5F9;
	line-height      : 150%;
	margin-right     : auto;
	margin-left      : auto;
	text-align       : center;
}

div.logoNK
{
	padding-top  : 2px;
	margin-left  : auto;
	margin-right : auto;
}

div.dwukropek
{
	float      : left;
	width      : 20px;
	text-align : center;
}

div.przycisk
{
	padding             : 3px;
	float               : left;
	width               : 120px;
	cursor              : pointer;
	background-color    : #F1F5F9;
	border              : solid 1px #E1E5E9;
	border-bottom-width : 0px;
}

div.przyciskOnClick
{
	font-weight : bold;
}

span.podsumowanie
{
	color       : red;
	font-weight : bold;
	font-size   : 13px;
}

div.uwagi
{
	font-size   : 9px;
	line-height : 100%;
	text-align  : center;
	line-height : 150%;
}

div.stopkaInformacja
{
	padding     : 5px;
	color       : #A1A5A9;
	line-height : 160%;
	text-align  : center;
}

/*****************************************************************/
/* aktualnosci		  															  */
/*****************************************************************/

div.aktualnoscLinia
{
	clear         : both;
	margin-bottom : 10px;
}

div.aktualnoscNaglowek
{
	color      : #C1C5C9;
	text-align : right;
}

div.aktualnoscTresc
{
	line-height : 160%;
}

div.sekcjaChmuraTagow
{
	clear       : both;
	margin      : 5px;
	padding     : 5px;
	text-align  : left;
	line-height : 160%;
}

div.sekcjaChmuraTagow a
{
	color : #A1A5A9 !important;
}

/*****************************************************************/
/* szczegoly towaru		  													  */
/*****************************************************************/

div.towarSzczegolNaglowek
{
	height   : 100%;
	overflow : hidden;
}

div.towarSzczegolNaglowekLewo
{
	float        : left;
	margin-right : 10px;
}

div.towarSzczegolNaglowekPrawo
{
	float : left;
}

h1.towarSzczegolNazwa
{
	margin      : 0px;
	font-size   : 17px;
	font-weight : normal;
}

h2.towarSzczegolProducent
{
	margin      : 0px;
	margin-top  : 5px;
	font-weight : normal;
	font-size   : 13px !important;
}

div.towarSzczegolDodajDoSpecyfikacji
{
	margin-top : 20px;
	text-align : left;
}

div.towarSzczegolDane
{
	line-height : 170%;
	margin-top  : 20px;
}

div.towarSzczegolDaneLinia
{
	clear : both;
}

span.towarSzczegolDaneEtykieta
{
	font-weight : bold;
}

span.towarSzczegolCena
{
	color     : red;
	font-size : 11px;
}

div.towarSzczegolUwagi,
div.towarSzczegolPliki,
div.towarSzczegolCecha,
div.towarSzczegolPrzypis
{
	line-height : 150%;
	margin-top  : 10px;
}

div.towarSzczegolOpis
{
	line-height : 150%;
}

div.towarSzczegolPlikiInformacja
{
	margin-bottom   : 5px;
	text-decoration : underline;
}

div.towarSzczegolPlik
{
	clear : both;
}

div.towarSzczegolPowrot
{
	margin-top : 10px;
	text-align : right;
}

div.towarSzczegolPrzypisLinia
{
	color : #818589;
}

span.towarSzczegolCena div.uwagi
{
	display : inline;
}

a.logoHurtownia
{
	*float         : left;
	margin         : 5px;
	width          : 60px;
	height         : 55px;
	vertical-align : top;
	display        : inline-block;
}

div.sekcjaLogoHurtownie
{
	width                 : 700px;
	padding               : 10px;
	text-align            : center;
	margin-top            : 10px;
	margin-left           : auto;
	margin-right          : auto;
	border                : solid 1px #E1E5E9;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
	clear                 : both;
}

input.FormSubmitSpecyfikacjaAOnMouseOut
{
	color            : white;
	border           : none;
	cursor           : pointer;
	font-size        : 9px;
	font-weight      : bold;
	padding          : 5px 0px 5px 0px;
	background-color : #416388;
	text-transform   : uppercase;
}

input.FormSubmitSpecyfikacjaAOnMouseOver
{
	color            : black;
	border           : none;
	cursor           : pointer;
	font-size        : 9px;
	font-weight      : bold;
	padding          : 5px 0px 5px 0px;
	background-color : #BDC9D5;
	text-transform   : uppercase;
}

.naglowek_maly
{
	Font-weight      : bold;
	font-size        : 12px;
	color            : #FFFFFF;
	background-color : #FD8320;
	min-width        : 30px;
	clear            : both;
	padding-left     : 20px;
	padding-right    : 20px;
	line-height      : 24px;
	float            : left;
	margin-bottom    : 0px;
	text-transform   : uppercase;
}

.main_menu_item
{
	float           : left;
	background      : #FFFFFF;
	font-weight     : bold;
	text-align      : center;
	vertical-align  : middle;
	display         : table-cell;
	text-decoration : none;
	cursor          : pointer;
	padding-top     : 15px;
	padding-bottom  : 15px;
	text-transform  : uppercase;
	color           : #727274;
	font-family     : "Open sans", verdana;
	font-size       : 12px;
}

.main_menu_item:hover
{
	font-weight     : normal;
	text-decoration : none;
	background      : url('/grafika/menu-hover.jpg');
	color           : #FFFFFF;
}

.main_menu_item_active
{
	font-weight     : normal;
	text-decoration : none;
	background      : url('/grafika/menu-hover.jpg');
	color           : #FFFFFF !important;
}

.pasek_cookie,
.pasek_old_browser
{
	position       : fixed;
	bottom         : 0px;
	left           : 0px;
	width          : 100%;
	background     : #E8F275;
	z-index        : 9999;
	display        : none;
	opacity        : 0.9;
	padding-top    : 10px;
	padding-bottom : 10px;
}

.obszar_komunikatu
{
	color       : #100C10;
	font-family : tahoma;
	font-size   : 14px;
	margin      : 0 auto;
	max-width   : 600px;
}

.obszar_komunikatu a
{
	color           : #2279AC;
	cursor          : pointer;
	font-family     : tahoma;
	font-size       : 14px;
	text-decoration : none;
}

.obszar_komunikatu a:hover
{
	text-decoration : underline;
}

#zamknij_cookie,
#zamknij_old_browser
{
	color           : #2279AC;
	cursor          : pointer;
	display         : inline-block;
	float           : right;
	font-family     : tahoma;
	font-size       : 14px;
	margin-left     : 60px;
	text-decoration : none;
}

#zamknij_cookie:hover,
#zamknij_old_browser:hover
{
	text-decoration : underline;
}

.main_menu_promocja
{
	background : url('/grafika/promocja-hover.jpg');
	color      : #FFFFFF;
	display    : none;
}

.main_menu_promocja:link, .main_menu_promocja:visited, .main_menu_promocja:active
{
	color : #FFFFFF;
}

/* AUTOCOMPLETE */

.ui-autocomplete
{
	max-height : 200px;
	overflow   : auto;
}

.ui-combobox a
{
	display : inline-block;
	height  : 20px;
	top     : 6px;
	width   : 15px;
}

.ui-autocomplete-input
{

	border   : medium none;
	height   : 20px;
	position : relative;
	top      : -4px;
	width    : 286px;
}

.ui-combobox .ui-button
{
	position : relative;
	top      : 3px;
}

.wyszukiwanie_combobox .ui-autocomplete-input
{
	width : 280px;
}

a.info
{
	background-color : #CCCCCC;
	color            : #000000;
	cursor           : help;
	margin-left      : 10px;
	position         : relative;
	text-decoration  : none;
	z-index          : 24;
}

a.info:hover
{
	background-color : #FFFF00;
	z-index          : 25;
}

a.info span
{
	display : none;
}

a.info:hover span
{
	background-color : #EEEEEE;
	border           : 1px solid #888888;
	bottom           : 20px;
	color            : #000000;
	display          : block;
	padding          : 8px;
	position         : absolute;
	right            : 20px;
	text-align       : justify;
	width            : 350px;
}

a.info_right
{
	background-color : #CCCCCC;
	color            : #000000;
	cursor           : help;
	margin-left      : 2px;
	position         : relative;
	text-decoration  : none;
	z-index          : 24;
}

a.info_right:hover
{
	background-color : #FFFF00;
	z-index          : 25;
}

a.info_right span
{
	display : none;
}

a.info_right.red,
a.info.red
{
	color:#F00;
}

a.info_right:hover span
{
	background-color : #EEEEEE;
	border           : 1px solid #888888;
	bottom           : 20px;
	color            : #000000;
	display          : block;
	left             : 20px;
	padding          : 8px;
	position         : absolute;
	text-align       : justify;
	width            : 350px;
}